@charset "utf-8";
/* 564379992@qq.com */
* { margin: 0px; padding: 0px; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); box-sizing:border-box; -webkit-box-sizing:border-box; }
body { margin: 0px; padding: 0px; font-family: 'Microsoft Yahei'; font-size: 12px; color: #424242; min-width:1200px; margin:0 auto;  position: relative; background:#fff; -webkit-text-size-adjust: none;}
html,body{width:100%; height:100%}
ul, li, p, span, h1, h2, h3, h4, dl, dt, dd, form, input, textarea, select { margin: 0px; padding: 0px; }
input, textarea, select { color: #666;font-family: 'Microsoft Yahei'; }
i,em { display: inline-block; font-style:normal; }
*:focus { outline: none }
img { border: 0px; max-width:100%; }
ul, li { list-style-type: none; }
a{ color: #424242; text-decoration: none; border: none; outline: none; transition:all 0.5s ease; }
a:hover { color: #db082a; }
.clear{ clear:both; content:''; height:0px; overflow:hidden;}
.fl{ float:left;}
.fr{ float:right;}
.wrap{ width:1200px; margin:0 auto;}


/***头部***/
.headtop{ height:40px; overflow:hidden; line-height:40px; background:#232323;}
.headtop .fl{ font-size:14px; color:#898989;}
.headtop .fr form{ width:190px; float:left; height:25px; border-radius:2px; margin-top:8px; margin-right:10px; background:#313131; position:relative; overflow:hidden;}
.headtop .fr form .intxt{ border:0px; background:none; width:100%; height:25px; line-height:23px; font-size:12px; position:absolute; top:0px; left:0px; padding-left:30px;}
.headtop .fr form .sbtn{ width:30px; height:25px; background:url(../search.png) no-repeat center; position:absolute; left:0px; top:0px; border:0px;}
.headtop .fr .tel{ float:right; background:url(../tel.png) no-repeat left center; padding-left:20px; color:#898989;}
.headtop .fr .tel span{ color:#db082a; font-size:18px; font-weight:bold;}

/***焦点图***/
.banner{ overflow:hidden; position:relative;}
.banner .bd ul{  }
.banner .bd ul li{ float:left; width:100%; }
.banner .bd ul li img{ display:block; width:100%;}
.banner .hd { position:absolute; width:100%; text-align:center; bottom:12px; left:0px; z-index:1;}
.banner .hd ul li{ width:12px;  height:12px;  display:inline-block; overflow:hidden; line-height:-999px; cursor:pointer; margin:0 5px; background:rgba(255,255,255,0.3); border-radius:50%;}
.banner .hd ul li.on{ background:#db082a;}
.banner .next,.banner .prev{ width:22px; height:38px; position:absolute; cursor:pointer; transition:all 0.5s ease; top:50%; transform:translateY(-50%);}
.banner .next { background:url(../btnl.png) no-repeat; left:30px; transform:translateX(-60px);}
.banner .prev { background:url(../btnr.png) no-repeat; right:30px; transform:translateX(60px);}
.banner:hover .next{ transform:translateX(0);}
.banner:hover .prev{ transform:translateX(0);}

/***导航***/
.headnav{ overflow:hidden; height:90px; overflow:hidden;}
.headnav .logo{ float:left; height:46px; margin-top:23px;}
.headnav ul{ float:right; height:90px;}
.headnav ul li { float:left; margin-left:2px; }
.headnav ul li a{ display:block; height:90px; width:110px; position:relative; line-height:90px; font-size:16px; text-align:center;}
.headnav ul li a span{ width:100%; position:absolute; height:90px; background:#fff;  display:block; top:0px; left:0px; transition:all 0.5s ease; z-index:11; }
.headnav ul li a em{ width:100%; position:absolute; height:90px; background:#db082a;  display:block; top:90px; left:0px; color:#fff; transition:all 0.5s ease; z-index:1; }
.headnav ul li a:hover span,.headnav ul li a.on span{ -webkit-transform:rotateX(90deg) translateZ(45px);}
.headnav ul li a:hover em,.headnav ul li a.on em{ top:0px; }

.inwu{ padding:53px 0; margin-left:-18px; height:230px;}
.inwu li{ float:left; margin-left:18px;}
.inwu li img{ display:block; width:225px;}

/***产品***/
.title{ text-align:center; margin-top:50px;}
.title h1{ font-size:40px; font-weight:normal; font-family:Microsoft Yahei;}
.title h2{ position:relative; text-align:center; background:url(../x.png) no-repeat center; font-weight:normal; font-size:24px;}
.product{ height:1060px; overflow:hidden; background:url(../bg.jpg) no-repeat center top;}
.cate{ padding:34px 0; text-align:center; overflow:hidden;}
.cate li { display:inline-block; margin:0 10px;}
.cate li a{ display:block; padding:10px 15px; background:#ececec; color:#3d3d3d; font-size:14px; }
.cate li a:hover{ background:#db082a; color:#fff;}
.cate li.on a{ background:#db082a; color:#fff; }
 .plist{ position:relative; overflow:hidden; margin-left:-50px;}
 .plist li{ float:left; width:366px; margin-left:50px; margin-bottom:40px; position:relative; height:230px; overflow:hidden;}
 .plist li img{ display:block; width:100%; height:100%; transition:all 2s ease; }
 .plist li span{ position:absolute; text-align:center; bottom:0px; left:0px; height:45px; line-height:45px; padding:0 12px; width:100%; color:#fff; background:rgba(0,0,0,0.8); font-size:16px;}
 .plist li:hover img{ transform:scale(1.3); }
.more{ display:block; margin:0 auto; height:35px; line-height:35px; text-align:center; margin-top:12px; border:1px solid #4f4f4f; width:125px;}
.more:hover{ background:#db082a; color:#fff; border:1px solid #db082a}


/***关于我们***/
.about-con1{ background:#fff; padding:100px 0; overflow:hidden;}
.about-con1 .fl{ margin-right:25px;}
.about-con1 .abc{ line-height:26px; font-size:14px;}

.about-con2{ background:#f7f7f7; overflow:hidden; padding-bottom:80px;}
.about-con2 ul{ margin-top:25px;}
.about-con2 ul li{ margin-bottom:25px; text-align:center; }
.about-con2 ul li h2{ font-size:14px; padding-bottom:10px;}
.about-con2 ul li p{ color:#888; font-size:14px;}

.case-item{ overflow:hidden; margin-top:30px; height:319px;}
.case-item .ht{ height:45px; line-height:45px; overflow:hidden; border-bottom:1px solid #eee;}
.case-item .ht h2{ font-size:18px; font-weight:normal; color:#ff2f25; float:left;}
.case-item .ht h2 img{ width:20px; height:20px; float:left; margin-right:12px; margin-top:13px; }
.case-item .ht a{ float:right; color:#999; font-size:14px;}
.case-item .ht a:hover{ color:#db082a;}
.caseslist { margin-left:-12px; margin-top:15px;}
.caseslist li{ float:left; width:33.3333333%; padding-left:12px; margin-bottom:12px;}
.caseslist li a{ display:block; border:1px solid #eee; padding:12px; height:226px; overflow:hidden; position:relative;}
.caseslist li a .pic{ overflow:hidden;}
.caseslist li a img{ display:block; width:273px; height:170px; transition:all 0.5s ease;}
.caseslist li .note{ position:absolute; top:186px; left:0px; width:273px; background:rgba(255,255,255,0.8); left:12px; padding:0 5px; padding-bottom:12px; transition:all 0.4s ease;}
.caseslist li .note h3{ font-size:15px; font-weight:normal; height:35px; line-height:35px; text-align:center;}
.caseslist li .note p{ line-height:22px; color:#666;}
.caseslist li:hover a img{ transform:scale(1.2);}
.pdbox{ padding:20px 0; line-height:26px; color:#555; font-size:14px;}

.caseslist.c2 li{ width:25%;}


/***关于我们***/
.about{ background:url(../bg2.jpg) no-repeat center top; overflow:hidden;}
.about .title{ color:#fff;}
.about .title h2{ background:url(../x2.png) no-repeat center;}
.about .abox{ width:1218px; height:580px; background:url(../k.png) no-repeat; overflow:hidden; margin-top:50px; margin-left:-9px;}
.about .abox .fl { width:396px; height:423px; position:relative; border:4px solid #e5e5e5; margin:48px 0 0 48px;}
.about .abox .fl img{ width:450px; height:423px; position:absolute; left:43px; top:26px;}
.about .abox .fr{ width:569px; margin-top:70px; margin-right:30px;}
.about .abox .fr .atit h1{ font-size:44px; font-family:Impact; color:#db082a;}
.about .abox .fr .atit .line{ height:3px; width:100px; background:#eee; overflow:hidden; margin:15px 0;}
.about .abox .fr .atit h2{ font-weight:normal; font-size:24px; }
.about .abox .fr .aboxc{ height:168px; overflow:hidden; font-size:14px; line-height:26px; color:#666; margin:20px 0;}
.about .abox .fr ul { margin-left:-65px; margin-top:15px;}
.about .abox .fr ul li{ float:left; width:75px; text-align:center; margin-left:65px;}
.about .abox .fr ul li a{ font-size:14px;}
.about .abox .fr ul li img{ display:block; margin:0 auto; margin-bottom:12px;}

/***案例***/
.case{ background:url(../bg3.jpg) no-repeat; height:765px; overflow:hidden; margin-top:80px;}
.case .title{ margin-bottom:30px;}
.case .more{ margin-top:0px;}

/***新闻***/
.news{ overflow:hidden;}
.news .title{ margin-bottom:50px;}
.news .fl{ width:581px;}
.news .fl .pic{ overflow:hidden; position:relative; height:344px;}
.news .fl .pic img{ display:block; height:344px; width:581px;}
.news .fl h2{ font-size:18px; overflow:hidden; padding:10px 0;}
.news .fl .note{ color:#888; font-size:14px; line-height:22px;}
.news .fl .mo{ float:right; width:130px; height:35px; line-height:35px; background:#db082a url(../r3.png) no-repeat 90% center; color:#fff; padding-left:20px; font-size:14px;}
.news .fr{ width:580px;}
.news .fr ul li{ position:relative; height:100px; overflow:hidden; margin-bottom:30px; padding-left:120px;}
.news .fr ul li .date{ position:absolute; left:0px; top:0px; width:100px; height:100px; overflow:hidden; background:#f4f4f4; text-align:center;}
.news .fr ul li .date p b{ display:block; font-size:30px; color:#686868; padding-top:10px;}
.news .fr ul li .date p{ font-size:14px; color:#686868;}
.news .fr ul li .date .line{ width:30px; height:1px; background:#ddd; display:block; margin:0 auto; overflow:hidden; margin-top:12px;}
.news .fr ul li .note h2{ font-size:16px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news .fr ul li .note p{ font-size:14px; color:#999; line-height:22px; padding-top:15px ;}
.news .fr ul li:hover .date{ background:#db082a; color:#fff;}
.news .fr ul li:hover .date p b{ color:#fff;}
.news .fr ul li:hover .date p { color:#fff;}

.adv{ margin-top:23px;}
.adv img{ width:1200px; height:auto; display:block;}

/***服务流程***/
.fwlc{ overflow:hidden; background:url(../lc.jpg) no-repeat 100px bottom; padding-bottom:50px; margin-bottom:60px;}
.fwlc ul{ margin-left:-40px; margin-top:60px; }
.fwlc ul li{ float:left; width:92px; margin-left:108px; text-align:center;}
.fwlc ul li img{ display:block; margin:0 auto; margin-bottom:3px;}
.fwlc ul li h2{ font-size:18px; padding:5px 0; color:#505050; font-weight:normal; }
.fwlc ul li p{ color:#505050;}

/***底部***/
.footer { background: #333; padding-top: 50px; border-top: 1px solid #eee; }
.footer .ftel { font-size: 16px; color: #aaa; float: left; width: 460px; }
.footer .ftel h2 { color: #f60; font-weight: bold; font-size: 30px; padding-top: 10px; font-family: Microsoft Yahei; }
.footer .ftel .share { margin-top: 12px; }
.footer .ftel .share a { width: 50px; height: 50px; border-radius: 50%; float: left; margin-right: 12px; position: relative; color:#aaa; }
.footer .ftel .share a.a1 { background: url(../weixin.png) no-repeat center; background-size: 40px auto; }
.footer .ftel .share a.a2 { background: url(../weibo.png) no-repeat center; background-size: 35px auto; }
.footer .ftel .share a.a1:hover { background: #db241c url(../weixinon.png) no-repeat center; background-size: 40px auto; }
.footer .ftel .share a.a2:hover { background: #db241c url(../weiboon.png) no-repeat center; background-size: 35px auto; }
.footer .ftel .share a img { position: absolute; width: 150px; height: 150px; left: -50px; top: -160px; max-width: 180px; border: 1px solid #eee; background: #fff; position: absolute; transform: scale(0); opacity: 0; transform-origin: center top; transition: all 0.8s ease; box-shadow: #eee 0 0 10px; }
.footer .ftel .share a:hover img { transform: scale(1); opacity: 1; }
.footer dl { float: left; width: 121px; margin-left: 62px; }
.footer dl dt a { font-size: 18px; display: block; margin-bottom: 10px; color:#fff; }
.footer dl dd a { font-size: 14px; display: block; line-height: 35px; color: #aaa; }
.footer dl dd a:hover { color: #db241c; }
.footer .link { font-size: 14px; padding: 50px 0; overflow: hidden;color: #aaa; }
.footer .link a { margin: 10px 15px; color: #aaa; }
.footer .copyright { background: #1c1c1c;padding: 20px 0; text-align: center; font-size: 14px; color: #888; line-height: 18px; }


/***内页***/
.topimg{height:230px; overflow:hidden;}

/***左菜单***/
.left{ width:280px; float:left; background:#fff; min-height:467px; padding-top:50px;}
.left ul li a{ display:block; height:60px; line-height:60px; font-size:18px; padding:0 20px;	}
.left ul li a:hover{ background-color:#ff2f25; color:#fff;}
.left ul li a.on{ background:#ff2f25; color:#fff;}


.right{ float:right; width:890px; background:#fff; min-height:500px; padding:25px;}
.right .rtit{ height:45px; border-bottom:1px solid #eee; overflow:hidden; line-height:45px;}
.right .rtit h2{ float:left; font-size:18px; font-weight:normal; color:#ff2f25;}
.right .leader{ float:right; color:#bdbdbd; font-size:14px; background:url(../img/home.png) no-repeat left center; background-size:14px auto; padding-left:22px; height:45px; }
.right .leader a{ color:#bdbdbd;}
.right .leader a:hover{ color:#ff2f25;}
.right .leader i{ margin:0 10px; }

/***分页***/
.page{ overflow:hidden; text-align:center; padding:40px 0;}
.page ul li{ display:inline-block;}
.page ul li a,.page ul li span{ padding:10px 15px; background:#fff; display:inline-block; color:#888; margin:0 2px;}
.page ul li.active span{ background:#db082a; color:#fff; border-color:#db082a}
.page ul li:hover a{ background:#db082a; color:#fff;border-color:#db082a}

/***loading***/
#pageloader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: 2000 }
#pageloader::after, #pageloader::before { content: ""; display: block; position: absolute; left: 0; width: 100%; height: 50%; background: #fff; z-index: -1; -webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0s; transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0s }
#pageloader::before { top: 0 }
#pageloader::after { bottom: 0 }
#pageloader .loader-icon { -webkit-transition: all .5s ease 0s; transition: all .5s ease 0s }
#pageloader.hide::after, #pageloader.hide::before { height: 0 }
#pageloader.hide .loader-icon { opacity: 0 }
.loader-icon { position: absolute; top: 50%; left: 50%; width:50px; height:50px; margin-top: -25px; margin-left: -25px }
.loader-icon .circular { width: 100%; height: 100%; -webkit-animation: rotate 2s linear infinite; animation: rotate 2s linear infinite; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center }
.loader-icon .circular .path { stroke-dasharray: 1, 200; stroke-dashoffset: 0; -webkit-animation: dash 1.5s ease-in-out infinite; animation: dash 1.5s ease-in-out infinite; stroke-linecap: round }
@-webkit-keyframes rotate { 100% {
	-webkit-transform:rotate(360deg);
	transform:rotate(360deg)
}
}
@keyframes rotate { 100% {
	-webkit-transform:rotate(360deg);
	transform:rotate(360deg)
}
}
@-webkit-keyframes dash { 0% {
	stroke-dasharray:1, 200;
	stroke-dashoffset:0
}
50% {
	stroke-dasharray:89, 200;
	stroke-dashoffset:-35px
}
100% {
stroke-dasharray:89, 200;
stroke-dashoffset:-124px
}
}
@keyframes dash { 0% {
stroke-dasharray:1, 200;
stroke-dashoffset:0
}
50% {
stroke-dasharray:89, 200;
stroke-dashoffset:-35px
}
100% {
stroke-dasharray:89, 200;
stroke-dashoffset:-124px
}
}

/***产品列表***/
.topimg{height:360px; overflow:hidden;}
.content{ background:#f6f6f6; overflow:hidden;}
.cate2{ height:62px; line-height:62px; text-align:center; overflow:hidden; background:#fff; box-shadow:#cccccc 0 0 12px; margin-top:40px;}
.cate2 li{ display:inline-block;background:url(../fg.png) no-repeat center right;}
.cate2 li a{ display:block; font-size:16px; padding:0 15px; padding-right:19px;}
.cate2 li a.on{ color:#db082a;}
.cate2 li:last-child { background:none;}

.prolist{ overflow:hidden; margin-left:-30px;}
.prolist li{ float:left; width:380px; margin-top:30px; background:#fff; text-align:center; margin-left:30px;}
.prolist li .pic{ overflow:hidden; position:relative; }
.prolist li .pic img{ display:block; transition:all 1s ease;}
.prolist li h2{ font-weight:normal; font-size:16px; height:45px; line-height:45px; padding:0 12px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.prolist li:hover img{ transform:scale(1.4); -webkit-filter:brightness(50%); }
.prolist li .pic:after{ width:60px; height:60px; background:url(../fdj.png) no-repeat center; background-size:80% auto; content:''; position:absolute; left:0px; right:0px; margin:auto; top:50%; transform:translateY(-50%) scale(0); transition:all 0.6s ease; opacity:0;}
.prolist li:hover .pic:after{transform:translateY(-50%) scale(1); opacity:1; }


/***分页***/
.page{ overflow:hidden; text-align:center; padding:40px 0;}
.page ul li{ display:inline-block;}
.page ul li a,.page ul li span{ padding:10px 15px; background:#fff; display:inline-block; color:#888; margin:0 2px;}
.page ul li.active span{ background:#db082a; color:#fff; border-color:#db082a}
.page ul li:hover a{ background:#db082a; color:#fff;border-color:#db082a}

/***产品详情***/
.location{ font-size:14px; height:50px; line-height:48px; color:#686868; background:url(../home.png) no-repeat left center; padding-left:40px;}
.location a{ font-size:14px; color:#686868;}
.location i{ margin:0 12px; color:#d6d6d6;}

.protop{ background:#fff; overflow:hidden; padding:20px;}
.protop .fl{ float:left; width:750px;}
.protop .fl .bd{ height:460px; width:750px; overflow:hidden; border:1px solid #ddd;}
.protop .fl .bd ul li{ height:460px; position:relative; width:750px; overflow:hidden; display:flex; justify-content:center; align-items:center;}
.protop .fl .bd ul li img{ display:block; max-height:100%; max-width:100%;}
.protop .fl .bd ul li span{ position:absolute; bottom:0px; left:0px; height:45px; line-height:45px; background:rgba(0,0,0,0.8); width:100%; font-size:16px; color:#fff; padding-left:15px;}
.protop .fl .hd{ height:75px; overflow:hidden; margin-top:14px;}
.protop .fl .hd ul{ width:760px;}
.protop .fl .hd ul li{ float:left; width:120px; margin-right:6px; cursor:pointer; height:75px; position:relative; overflow:hidden;}
.protop .fl .hd ul li img{ width:100%; height:100%;}
.protop .fl .hd ul li.on:after { width:100%; height:100%; content:''; position:absolute; left:0px; top:0px; border:2px solid #db082a; box-sizing:border-box;}

.protop .fr{ width:378px;}
.protop .fr h1{ font-weight:normal; font-size:24px; color:#db082a;}
.protop .fr .p1{ font-size:14px; color:#6b6b6b; padding-top:10px;}
.protop .fr .note{ border-top:1px solid #eee; margin-top:15px; padding-top:12px; font-size:14px; line-height:23px; color:#666;}
.protop .fr .note h2{ font-size:16px; padding-bottom:10px;}
.protop .fr .frbtn{ margin-top:25px;}
.protop .fr .frbtn a{ display:block; width:200px; height:46px; background:url(../btn1.png) no-repeat; margin-bottom:12px;}
.protop .fr .frbtn a.a2{ background:url(../btn2.png) no-repeat;}

.pdbox{ padding:20px 0; line-height:26px; color:#666; font-size:14px;}

/***案例列表***/
.filter{ overflow:hidden; background:#fff; padding:25px 0; box-shadow:#ccc 0px 2px 10px; position:relative; z-index:1;}
.filter dl{ overflow:hidden; padding-bottom:12px; border-bottom:1px dashed #ddd; padding-left:60px; position:relative;}
.filter dl dt{ position:absolute; left:0px; top:17px; font-size:14px; width:60px;}
.filter dl dd a{ float:left; padding:5px 10px; margin-right:20px; font-size:14px; margin-top:12px;}
.filter dl dd a.on,.filter dl dd a:hover{ background:#db082a; color:#fff;}
.filter dl:last-child{ border:0px;}

.yxtj{ padding:18px 0; font-size:14px; overflow:hidden;}
.yxtj em{ color:#db082a; margin:0 4px;}
.caselist{ margin-left:-30px;}
.caselist li{ float:left; width:380px; margin-left:30px; margin-bottom:30px;}
.caselist li .pic{ width:380px; overflow:hidden; position:relative;}
.caselist li img{ display:block; width:380px; height:247px; transition:all 2s ease;}
.caselist li em{ width:95px; height:27px; font-size:14px; line-height:27px; background:url(../cbg.png) no-repeat; position:absolute; bottom:0px; right:0px; text-align:center; color:#fff;}
.caselist li .tit{ height:50px; line-height:50px;  background:#fff url(../r2.png) no-repeat 95% center; overflow:hidden; padding:0 12px; font-size:16px;}
.caselist li:hover img{ transform:scale(1.4); -webkit-filter:brightness(50%); }
.caselist li .pic:after{ width:60px; height:60px; background:url(../fdj.png) no-repeat center; background-size:80% auto; content:''; position:absolute; left:0px; right:0px; margin:auto; top:50%; transform:translateY(-50%) scale(0); transition:all 0.6s ease; opacity:0;}
.caselist li:hover .pic:after{transform:translateY(-50%) scale(1); opacity:1; }

.cate2.n{ margin:0px;}

/***新闻列表***/
.newlist{ overflow:hidden; }
.newlist li{ position:relative; height:222px; overflow:hidden; border-bottom:1px dashed #ddd; padding:30px 0;}
.newlist li .date{width:100px; height:100px; left:0px; top:30px; background:#db082a; position:absolute; text-align:center; color:#fff; font-size:14px;}
.newlist li .date p b{ display:block; font-size:30px; padding-top:7px;}
.newlist li .date p.line{ width:25px; height:1px; display:block; background:#fff; overflow:hidden; margin:0 auto; margin-top:12px;}
.newlist li .pic{ float:left; width:256px; height:165px; margin-left:128px;}
.newlist li .pic img{ width:256px; height:165px;}
.newlist li .note{ float:right; width:773px; height:165px; overflow:hidden;}
.newlist li .note h2{ font-size:18px; font-weight:normal;}
.newlist li .note .notec{ font-size:14px; line-height:25px; color:#888; margin:12px 0;}
.newlist li .note .mo{ display:block; color:#db082a;}

.newbox{ background:#fff; padding:25px; overflow:hidden;}
.newbox .newtit{ text-align:center; border-bottom:1px solid #eee; padding-bottom:12px;} 
.newbox .newtit p{ font-size:14px; color:#888; padding-top:15px;}

.prevnext{ font-size:16px; padding:20px 0; overflow:hidden; color:#666;}
.prevnext .fl{ width:50%; overflow:hidden;}
.prevnext .fr{ overflow:hidden;}
.prevnext a{ color:#666;}
.prevnext a:hover{ color:#db082a;}


/***定做设计***/
.youshi{ overflow:hidden; background:url(../bg4.jpg) no-repeat center top; height:466px;}
.youshi ul{ background:#fff; box-shadow:#bbb 0 0 15px; overflow:hidden; margin-top:80px;}
.youshi ul li{ float:left; width:25%; text-align:center; padding-bottom:40px;}
.youshi ul li .yuan{ width:150px; height:150px; margin:0 auto; overflow:hidden; font-size:18px; margin-top:42px;}
.youshi ul li.li1 .yuan{ background:url(../k1.png) no-repeat;}
.youshi ul li.li2 .yuan{ background:url(../k2.png) no-repeat;}
.youshi ul li.li3 .yuan{ background:url(../k3.png) no-repeat;}
.youshi ul li.li4 .yuan{ background:url(../k4.png) no-repeat;}
.youshi ul li .yuan b{ font-size:35px; font-weight:normal;}
.youshi ul li .yuan i{ font-size:25px; vertical-align:top;}
.youshi ul li .yuan .p1{ margin-top:40px;}
.youshi ul li .note{ font-size:16px; line-height:26px; padding-top:20px; color:#888;}
.youshi ul li .note .p1{ color:#333;}

/***联系我们***/
.map{ height:729px; overflow:hidden; background:url(../map.jpg) no-repeat center;}
.map .contact{ background:#fff; border-radius:10px; margin-top:264px; padding:55px 70px; padding-bottom:30px; overflow:hidden;}
.map .contact ul{ float:left; width:337px;} 
.map .contact ul li{ margin-bottom:36px; padding-left:80px;}
.map .contact ul li h3{ font-size:14px;}
.map .contact ul li p{ color:#888; line-height:25px;}
.map .contact ul li.li1{ background:url(../c1.png) no-repeat left center;}
.map .contact ul li.li2{ background:url(../c2.png) no-repeat left center;}
.map .contact ul li.li3{ background:url(../c3.png) no-repeat left center;}
.map .contact ul li.li4{ background:url(../c4.png) no-repeat left center;}
.map .contact .book{ float:right; width:601px; border-left:1px solid #ddd; padding-left:82px;}
.map .contact .book h2{ font-weight:normal; font-size:22px; margin-bottom:18px;}
.map .contact .book h2 span{ color:#ff2f25; }
.map .contact .book p { margin-bottom:12px;}
.map .contact .book p .intxt{ border:1px solid #eeee; padding:10px; width:100%; font-size:14px;}
.map .contact .book p .sbtn{ width:156px; height:49px; line-height:49px; border-radius:5px; background:#ff2f25; color:#fff; font-size:14px; border:0px; display:block; margin-top:20px; cursor:pointer;}


/*悬浮客服*/
.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#db082a url(../rightbar.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#db082a url(../rightbar.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#db082a url(../rightbar.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#db082a url(../rightbar.png) no-repeat 0 -169px;}
.hd_qr{ display:block; width:120px; height:120px; margin:0 auto; margin-top:10px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}

.baomin{ background:#fff url(../bg5.jpg) no-repeat center; height:190px; }
.baomin .wrap{ position:relative; height:190px;}
.baomin .ren{ position:absolute; bottom:0px; left:0px;}
.baomin .box{ text-align:center; margin-left:238px;}
.baomin .box h1{ font-size:28px; color:#db082a; padding-top:25px;}
.baomin .box h2{ font-size:18px; font-weight:normal; margin-bottom:12px; padding-top:12px;}
.baomin .box h2 span,.baomin .box h2 b{ color:#db082a;}
.baomin .stext{ width:380px; padding:10px; border:1px solid #eee; font-size:15px;}
.baomin .sbtn{ width:154px; padding:11px; background:#db082a; cursor:pointer; font-size:15px; color:#fff; -webkit-appearance:none; border:0px;}

.teidian{ height:700px; overflow:hidden; background:url(../bg6.jpg) no-repeat center top;}
.teidian ul li{ float:left; width:50%; height:100px; margin-top:67px; position:relative; padding-left:122px; box-sizing:border-box;}
.teidian ul{ margin-top:30px;}
.teidian ul li img{ position:absolute; left:0px; top:0px;}
.teidian ul li h2{ font-size:18px; padding-top:5px; color:#db082a; font-weight:normal;}
.teidian ul li p{ font-size:14px; padding-top:12px; line-height:23px; color:#666; padding-right:100px;}

.fwys{ overflow:hidden; }
.fwys ul{ margin-left:-20px; margin-top:70px; margin-bottom:20px;}
.fwys ul li{ float:left; width:285px; margin-left:20px;}
.fwys ul li img{ display:block;}
.fwys ul li h2{ font-weight:normal; font-size:18px; text-align:center; height:50px; line-height:50px; background:#eee;}

.case2{ margin-bottom:50px;}
.case2 .title{ margin-bottom:50px; }


.books{ padding:12px; overflow:hidden;}
.books h2{ text-align:center; font-size:16px; padding:15px 0; color:#db082a; padding-top:8px;}
.books .intxt{ display:block; border:1px solid #eee; padding:10px; margin-bottom:12px; width:100%;}
.books .sbtn{ background:#db082a; padding:10px; border:0px; color:#fff; width:100%;}