*{padding: 0;margin:0;}
body{ font-family: "微软雅黑"; font-size: 12px;color:#666;}
a{ text-decoration: none; color: #666; }
.fl{ float: left; }
.fr{ float: right; }
.contents{ width: 1200px;margin:0 auto; }
ol,li,ul{ list-style: none; }
img{border:none;}
.clear{overflow: hidden;height:auto;zoom:1;}






/*header*/
.header{height: 80px; background:#fff;}
.header .logo{ float: left; }
.header .logo a{ display: block; text-indent: -9999px;width:186px;height: 60px; background: url(../images/logo.png) no-repeat center;margin-top: 10px; }
.header .tel{float: left;margin: 16px 70px 0 720px;}
.header .tel img{ float: left;padding: 10px 10px 0 0;}
.header .tel h3{ float: left; font-size: 14px;color:#333;line-height: 24px}
.header .adress{float: left;margin-top: 16px; }
.header .adress img{ float: left;padding: 10px 10px 0 0;}
.header .adress h4{ float: left; font-size: 14px;color:#333; line-height: 24px}
.header .adress h4 span{ font-size:24px; color:#FF0000;}
.header p{float: right; padding-top: 20px;}
.header p a{color:#0f70b8; display:block; font-size: 16px;width:100px;height: 36px; border-radius: 8px; border:solid 1px #0f70b8; line-height: 36px; text-align: center;}
.header p a:hover{ background: #0f70b8;color:#fff}

/*nav*/
.nav{ width:100%; height:44px; background:#3378cc; font-family:"微软雅黑";}
.nav ul{ margin-left:25px;}
.nav ul li{ float:left;position:relative;margin-right:10px;font-size: 15px;}


.nav ul li.marginnone{ margin-right:0;}
.nav ul li ol{position:absolute; left:0;top:44px;z-index:22; display:none;}
.nav ul li ol li a{background:#3378cc;border-bottom: solid 1px #2265b5; display: block;} 
.nav ul li:hover ol{ display:block;}
.nav ul li a{color:#fff; display:block; height:44px; line-height:44px;width:136px;height:44px; text-align:center; }
.nav ul li a:hover,.nav ul li a.selected{color:#3378cc; background: #a4c9f7}


/* flexslider */
.flexslider{position:relative;height:500px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:500px;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}


/*-----------------设计范围-----------------*/

.biaoti{text-align: center;padding-top: 40px;}
.biaoti h2{ font-size: 28px;color: #333; font-weight: normal; line-height: 34px;}
.biaoti p{ font-size: 16px;color: #666; line-height: 36px;}

.fanwei{ background: #f2f3f4;padding-bottom: 40px;}
.fanwei .pic{ position: relative;margin-top: 40px}
.fanwei .pic .img img{width: 100%;height: auto;-moz-transition:all .5s ease-in;-webkit-transition:all .5s ease-in;-o-transition:all .5s ease-in;-ms-transition:all .5s ease-in;transition:all .5s ease-in;}
.fanwei .pic .pro1{width: 791px;height: 291px;margin:2px;}
.fanwei .pic .pro1 a{width: 791px;height: 291px;overflow: hidden; }
.fanwei .pic .pro1 a .img{width: 791px;height: 291px;overflow: hidden; }

.fanwei .pic a{position: relative;height: 291px;}
.fanwei .pic a .img{ position:absolute; top:0;}
.fanwei .pic a .clear{ position: absolute;top:211px;z-index: 2; height:80px; background:rgba(160,103,21,.7);}
.fanwei .pic a h3{ float:left; font-size: 20px; line-height: 80px; text-indent: 20px;color: #fff;}
.fanwei .pic a .clear img{ float:right;margin:24px 20px 0 0;}

.fanwei .pro1 .clear{width:791px; }
.fanwei .clear{-moz-transition:all .5s ease-in;-webkit-transition:all .5s ease-in;-o-transition:all .5s ease-in;-ms-transition:all .5s ease-in;transition:all .5s ease-in;}

.fanwei .pic .pro2 a .img{width:401px;height: 291px;overflow: hidden; }
.fanwei .pic .pro2{width:401px;height: 291px;margin:2px;}
.fanwei .pic .pro2 a{width: 401px;height: 291px;overflow: hidden; }
.fanwei .pic .pro2 a .img{width: 401px;height: 291px;overflow: hidden; }
.fanwei .pro2 .clear{width:401px; }


.fanwei .pic .pro3 a .img{width:393px;height: 291px;overflow: hidden; }
.fanwei .pic .pro3{width:393px;height: 291px;margin:2px;}
.fanwei .pic .pro3 a{width:393px;height: 291px;overflow: hidden; }
.fanwei .pic .pro3 a .img{width:393px;height: 291px;overflow: hidden; }
.fanwei .pro3 .clear{width:393px; }

.fanwei .pic .pro4 a .img{width:401px;height: 291px;overflow: hidden; }
.fanwei .pic .pro4{width:401px;height: 291px;margin:2px;}
.fanwei .pic .pro4 a{width:401px;height: 291px;overflow: hidden; }
.fanwei .pic .pro4 a .img{width:401px;height: 291px;overflow: hidden; }
.fanwei .pro4 .clear{width:401px; }


.fanwei .pic a:hover .img img{-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);}
.fanwei .pic a:hover .clear{background:rgba(160,103,21,1);}



/*-----------------公司简介----------------*/

.jianjie{ background: url(../images/jianjie-bg.jpg) no-repeat center center;height:400px;padding-top:100px;}

.jianjie .pic{height: 380px;}
.jianjie .text{width: 620px;}
.jianjie .text h3{ font-size: 20px;color: #e2e2e3; line-height:60px;}
.jianjie .text i{ display: block;width: 620px;height: 1px; background: #8da3c4}
.jianjie .text p{ font-size:14px;color: #e2e2e3; line-height:30px;margin-top: 30px;}
.jianjie .text h4 a{display: block;width: 120px;height: 36px; line-height: 36px; font-size: 14px;
	color:#e3992e; border:solid 1px #e3992e;text-align: center; font-weight: normal;border-radius:8px;margin-top: 50px;}

.jianjie-r .img{width: 540px;height: 400px; position: relative;z-index: 2}
.jianjie-r .img video{width: 100%;height: auto; margin-top:38px; margin-left:-25px;}
.jianjie .jianjie-r {position: relative;}
.jianjie .jianjie-r i {position:absolute;display: block;width:440px;height:260px;border:solid 0px #999;right:30px;top:80px;z-index: 1}


.jianjie .text h4 a:hover{ background:#e3992e;color:#fff}

/*-----------------设计展示-----------------*/

.sheji{height: 540px;}
.mr_frbox{ width:1200px;height:300px;margin-top:50px; position: relative;}
.mr_frBtnL {float:left;cursor:pointer;width: 33px;height: 54px; position: absolute;top:100px;left:0;z-index: 2}
.mr_frUl { float: left; height:300px; width:1200px; position: relative; }
.mr_frBtnR {float:right;cursor:pointer;width: 33px;height: 54px;position: absolute;top:100px;right:0;z-index: 2}
.mr_frUl ul li{float: left; }
.mr_frUl ul li a{ display: inline-block; height:300px; width:376px; margin:0 12px; overflow: hidden;font-size:14px; text-align:center; line-height:20px;}
.mr_frUl ul li img {height:250px; display:block; border: 1px solid #D8D8D8;-moz-transition:all .5s ease-in;-webkit-transition:all .5s ease-in;-o-transition:all .5s ease-in;-ms-transition:all .5s ease-in;transition:all .5s ease-in;}
.hjh{font-size:23px; color: #fff;heigt: 2020}


.sheji a:hover img{-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);box-shadow:2px 4px 6px rgba(0,0,0,.1);}
.sheji a:hover{color:#e01212}

/*-----------------我们的优势-----------------*/
.youshi{ background: #f2f3f4 }
.youshi-b{padding-top:40px;}
.youshi-b li img{float: left;}
.youshi .img{width: 438px;height: 537px;}
.youshi .img img{width:100%;height:auto;}
.youshi-b .youshi-b-r a{width: 730px; display: block;}
.youshi-b .youshi-b-r img{ float: left; margin-top:16px;}
.youshi-b .youshi-b-r .text{width:660px;}
.youshi-b .text h3{color:#666; font-size: 16px; line-height:36px; font-weight: normal;height: 36px;display: block;}
.youshi-b .text p{color:#999; font-size: 14px; line-height: 20px;}
.youshi-b li{margin:20px 0;}
.youshi-b a:hover h3{color:#3378cc;}

/*-----------------成功案例-----------------*/

.anli .biaoti h2{color: #fff;}
.anli .biaoti p{color: #ddd;}

.anli{ background: url(../images/anli-bg2.jpg);padding-bottom: 30px; }
.anli-b .mune li{ float:left;margin:40px 14px 30px 14px;height: 42px;background: #cccdcf;}
.anli-b .mune a{display:block;height: 42px; background: #cccdcf;padding:0 20px; font-size: 16px;color:#333; line-height: 42px; text-align: center;}
.anli-b .mune li:hover a{ background:#e3992e;color:#fff}
.anli-b .mune .hover a{ background: #e3992e;color:#fff;}
.anli-b .mune{margin-left: 210px}
.anli .pic li{ float: left; }
.anli .pic li a{display: block;width:376px;height: 254px;margin:10px 12px; position: relative; overflow: hidden;}
.anli .pic li img{width: 100%;height: auto; position: absolute;top: 0;}
.anli .pic li i{display:none;width:376px;height: 254px; background-color:rgba(0,0,0,0.6); background-image:url(../images/link.png); background-position: center; background-repeat: no-repeat;position: absolute;top:0;}

.anli .pic li a:hover i{ display: block; }

/*-----------------新闻-----------------*/

.news{ background: #f2f3f4;}
.news .news-bg{padding-bottom:40px; background: url(../images/news-bg.png) no-repeat left top;}
.index-new{width:544px;}
.index-new .mune{padding:40px 0;}
.index-new .mune h3{ font-size: 24px; float: left; line-height: 26px; text-indent:10px;}
.index-new .mune i{width:4px;height: 26px; background: #e3992e ;float:left; display: block;line-height:26px;margin-left: 10px;}
.index-new .mune p{ float: right;text-align:center;width:82px;}
.index-new .mune p a{color:#666;font-size: 14px;line-height: 26px;}
.index-new .mune p a:hover{color:#e3992e;}

.index-new .text{ background: #fff;padding:0 20px;width:504px; }
.index-new .text li{height:82px;padding:20px 0;border-bottom:dashed 1px #ddd;}
.index-new .text li:last-child{border-bottom:none;}
.index-new .text p{float: left;width:82px;height: 42px; background:#eee;line-height: 26px;padding:20px 0;text-align: center; font-size: 14px;color:#666;}
.index-new .text p strong{ font-size: 20px;width:82px;text-align: center;color:#666; }
.index-new .text p span{display: block;font-size: 14px;color:#666;width:82px;text-align: center;}
.index-new .text-r{ float: right;width:402px;}
.index-new .text-r h6{width:402px;color:#999; font-size: 14px; line-height: 22px; font-weight: normal;}
.index-new .text-r h4{ font-size:16px; color:#666;line-height: 30px;width:402px;font-weight: normal;}

.index-new a:hover h4{color:#3378cc;}
.index-new a:hover p{ background:#a8c7ec;}



/*-----------------荣誉资质-----------------*/

.index-honor{width:626px;}
.index-honor .mune{padding:40px 0;}
.index-honor .mune h3{ font-size: 24px; float: left; line-height: 26px; text-indent:10px;}
.index-honor .mune i{width:4px;height: 26px; background: #e3992e ;float:left; display: block;line-height:26px;margin-left: 10px;}
.index-honor .mune p{ float: right;text-align:center;width:82px;}
.index-honor .mune p a{color:#666;font-size: 14px;line-height: 26px;}
.index-honor .mune p a:hover{color:#e3992e;}





.honor-box{ width:626px;height:316px; position: relative;padding:26px 0; background: #fff}
.lunbo-l {float:left;cursor:pointer;width: 33px;height: 54px; position: absolute;top:150px;left:10px;z-index: 2}
.lundong { float: left; height:300px; width:540px; position: relative;margin-left: 39px; }
.lunbo-r {float:right;cursor:pointer;width: 33px;height: 54px;position: absolute;top:150px;right:10px;z-index: 2}
.lundong ul li{float: left; }
.lundong ul li a{ display: inline-block; height:316px; width:258px; margin:0 8px; overflow: hidden;font-size:14px; text-align:center; line-height:20px;}
.lundong ul li img {height:316px; display:block; border: 1px solid #D8D8D8;-moz-transition:all .5s ease-in;-webkit-transition:all .5s ease-in;-o-transition:all .5s ease-in;-ms-transition:all .5s ease-in;transition:all .5s ease-in;}
.hjh{font-size:23px; color: #fff;}

.news .honor-bg{padding-bottom:40px; background: url(../images/honor-bg.png) no-repeat left top;}





 /*合作伙伴*/

.brand { background:#f2f3f4;padding-bottom: 50px;}
.brand .brand_box {margin-top:40px;border-top: 1px solid #E5E5E5;border-left: 1px solid #E5E5E5;}
.brand .brand_box ul {width: 106%;height: 200px; }
.brand .brand_box li {width: 199px;height: 98px;float: left;border-bottom: 1px solid #E5E5E5;border-right: 1px solid #E5E5E5;}
.brand .brand_box li a {display: inline-block; width: 199px; height: 98px;}


.hover {-webkit-transition: 0.3s ease;-moz-transition: 0.3s ease;-o-transition: 0.3s ease; transition: 0.3s ease;}
.hover:hover {-webkit-transition: 0.3s ease;-moz-transition: 0.3s ease;-o-transition: 0.3s ease;transition: 0.3s ease;}
.hover_img:hover {opacity: 0.6;filter: alpha(opacity=60);}
.sysbadkf{ text-align:center;}
.gourmse{ padding:10px; background-color:#fff;}
#tanchu{margin-top:200px !important;}
.border-circle {position: relative;}
.border-circle .bor {position: absolute;z-index: 100;background-color: #000;-webkit-transition: all .5s ease-in;
-moz-transition: all .5s ease-in;-o-transition: all .5s ease-in;-ms-transition: all .5s ease-in;transition: all .5s ease-in;}
 .border-circle .bor-left,
.border-circle .bor-right {width: 1px; height: 0;}
.border-circle .bor-top,
.border-circle .bor-bottom {height: 1px;width: 0;}
.border-circle .bor-left {left: 0;top: 0; }
 .border-circle .bor-right { right: 0;bottom: 0; }
.border-circle .bor-top {top: 0;right: 0; }
.border-circle .bor-bottom { bottom: 0; left: 0;}
.border-circle:hover .bor-left,
.border-circle:hover .bor-right {height: 100%;}
.border-circle:hover .bor-top,.border-circle:hover .bor-bottom {width: 100%; }
#time_d,#time_h,#time_m,#time_s{width:40px;height:40px;text-align: center;font-size: 30px;font-weight: 700;line-height:45px; background: #FAE240;color:#FAEFAD;filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;background-color:transparent;border: none;}



/*-----------------尾部-----------------*/

.footer{ background:url(../images/footer-bg.jpg);color:#fff;padding:30px 0;height:180px;}
.footer i{width:50px;height:1px; background:#fff; display:block;margin:10px 0 0 0;}
.footer .s2,.footer .s3{padding:0 100px;}
.footer .s4{padding-right:70px;}
.footer .s1{padding:0 70px 0 40px;}

.footer .s1 li{ font-size:14px;color:#b4b4b4;line-height:24px;}
.footer .s1 p{color:#39abff; background:url(../images/footer.jpg) no-repeat left center; padding-left:46px; font-size:14px;margin-top:20px;}


.footer a{color:#fff; font-size:14px;color:#b4b4b4; line-height:24px; display:block;}
.footer a:hover{ text-decoration:underline;color:#fff}
.footer h3{ font-size:16px; font-weight:normal}
.footer ul{padding-top:24px;}
.footer ul li{padding:0 ;margin:0}
.footer .s1 ul{padding-top:14px;}
.footer img{margin-top:30px;}

.footer2{ height:30px; background:#061934;}
.footer2 p{ color:#fff; text-align:center; font-size:12px;color:#b4b4b4; line-height:30px;}
.footer2 p a{ color:#b4b4b4}

/*-----------------在线客服-----------------*/

#div1 {position: absolute; width: 100px; height: 150px;right:10px;top:380px;position: fixed;z-index: 9999; }




/*----------------------------------------------------------------------------经营范围内页-----------------------------------------------------------------------------*/

/*-----------------所在位置-----------------*/

.weizhi{background: #f2f3f4;padding:30px 0;}
.weizhi p{line-height: 40px;height: 40px;display: block; font-size: 14px;background: #f2f3f4;border-bottom: solid 1px #ddd;}
.weizhi span{height: 40px; background:#1263ac;color:#fff;line-height: 40px;width:90px; text-align: center;display:inline-block;margin-right: 10px;}
.weizhi a:hover{ text-decoration: underline;color:#1263ac; }




.danye{ background:#f2f3f4;padding-bottom: 50px;}



/*-----------------展开菜单-----------------*/




 .accordion {
 	width: 250px;
 	background: #e0f4fd;
 	-webkit-border-radius: 4px;
 	-moz-border-radius: 4px;
 	border-radius: 4px;
 }


.accordion .link {
	cursor: pointer;
	display: block;
	padding: 15px 15px 15px 42px;
	color: #333;
	font-size: 14px;
	border-bottom: 1px solid #ddd;
	position: relative;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.accordion li:last-child .link {
	border-bottom: 0;
}

.accordion li i {
	position: absolute;
	top: 16px;
	left: 12px;
	font-size: 18px;
	color: #888;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.accordion li i.fa-chevron-down {
	right: 12px;
	left: auto;
	font-size: 16px;
}

.accordion li.open .link {
	color: #1263ac;
}

.accordion li.open i {
	color: #1263ac;
}
.accordion li.open i.fa-chevron-down {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}



 .submenu {
 	display: none;
 	background: #fff;
 	font-size: 14px;
 }

 .submenu li {
 	border-bottom: 1px solid #ddd;
 }

 .submenu a {
 	display: block;
 	text-decoration: none;
 	color: #666;
 	padding: 12px;
 	padding-left: 42px;
 	-webkit-transition: all 0.25s ease;
 	-o-transition: all 0.25s ease;
 	transition: all 0.25s ease;
 }

 .submenu a:hover {
 	background: #f3e3cd;
 	color: #333;
 }


 .fa-icon{ background: url(../images/icon.png) no-repeat left center; width:18px;height: 14px;}



.danye .mune h2{font-size: 18px;color:#fff; background: #1263ac;height: 50px;width: 250px;line-height: 50px; text-align: center;border-top-right-radius: 8px;border-top-left-radius: 8px;}




/*-----------------联系我们-----------------*/

.call .tel img,.call .adress img,.call .tel p,.call .adress p { float:left;padding-left:10px;font-size:14px;}
.call{border:solid 1px #ddd;width:248px;}
.call .text{margin:15px; background:#e0f4fd}
.call .pic{width:216px;height:145px; border:solid 1px #ddd; overflow:hidden}
.call .pic img{width:100%;height:auto}
.call  p span{ font-size:15px;}
.call .tel,.call .adress{padding:15px 0;}
.call .tel span{color:#e42312}
.call { background: #fff; height:321px;}


.right{width:890px; border:solid 1px #ddd;padding:15px; background: #fff;min-height: 880px;}
.right h3{line-height: 60px; font-size: 18px;color:#333;width:100%;text-align: center;}
.right p{line-height: 30px; font-size: 14px;color:#777;}


/*-----------------内页成功案例菜单-----------------*/

.mune2 li a{text-indent:20px;width:250px;padding: 15px 0;display: block;color: #333;font-size: 14px;
	border-bottom: 1px solid #ddd;background-color: #e0f4fd; background-image: url(../images/mune-icon.png);background-position:230px center;background-repeat: no-repeat;
	position: relative;}

.mune2 li a:hover{ 	background-color: #f3e3cd;color: #1263ac;}	

.danye .mune .neiye-fanwei{margin-bottom: 30px;}
.contdetail{ text-indent:2em;}
.contdetail img{ width:auto; max-width: 850px;}
.neiye-anli{margin-bottom: 30px;}



/*-----------------内页成功案例列表-----------------*/

.px-r{ width:870px; background: #fff; border:solid 1px #ddd;padding:15px;}
.px-r h2{ width:870px;padding-bottom:10px; background:url(../images/neiye-bg.png) no-repeat center bottom; font-size:20px; color:#333; font-weight:normal}


.px-r-b img{ float:left;margin-right:20px;}
.px-r-b li{padding-top:40px;padding-bottom:40px; border-bottom:dashed 1px #ddd;height:126px;}
.px-r-b li:last-child{border-bottom:none}
.px-r-b .text{width:400px;}
.px-r-b .text h3{ color:#1263ac; font-size:16px; font-weight:normal; line-height:32px;padding-top:10px;}
.px-r-b .text p{ line-height:24px; color:#666; font-size:13px;}
.px-r-b .text-r p{padding:10px 0;color:#666; font-size:14px; font-weight:normal; line-height:32px;margin-left: 24px;}
.px-r-b .text-r h4 a{ display:block;margin-left:24px; line-height:36px; color:#fff; border-radius:4px;width:100px; height:36px; text-align:center; background:#1263ac; font-size:14px; font-weight:normal}

.px-r-b .text-r h4 a:hover{ background:#f2b634;}


/*-----------------内页页码-----------------*/

.yema{padding:20px 0 10px 0;margin-left:200px;height:30px;}
.yema li{ float:left;margin:0 5px;}
.yema a{color:#666; font-size:12px; border: solid 1px #ddd; display:block;padding:5px 10px;}
.yema a:hover{ background:#ddd;}
.yema .hover{ background:#ddd;}
.yema span{color:#666; font-size:12px; border: solid 1px #ddd; display:block;padding:5px 10px;}


.px-r .neirong{padding-top:20px;font-size:14px;color:#666; line-height:24px; text-indent:30px;}




.neiye-sheji {margin-top:14px;}
.neiye-sheji li{ float: left;margin:14px 8px;-webkit-transition:all .3s ease-in;-o-transition:
all .3s ease-in;-ms-transition:all .3s ease-in;transition:all .3s ease-in;}
.neiye-sheji li a{display:block;width: 276px;height: 280px;}
.neiye-sheji li a .pic{width: 276px;height: 250px;border:solid 1px #ddd;}
.neiye-sheji li a img{width: 100%;height: auto;}
.neiye-sheji li a span{display: block;line-height: 30px; font-size: 14px;color:#666;text-align: center;}

.neiye-sheji li:hover{-moz-transform:translateY(-4px);-webkit-transform:translateY(-4px);-o-transform:translateY(-4px);
	-ms-transform:translateY(-4px);transform:translateY(-4px);}
.neiye-sheji li:hover img{filter:alpha(opacity=60);opacity:.6;}
.neiye-sheji li:hover span{color:#e3992e}









