@charset "utf-8";
/* CSS Document */

.what{ background:#fff; padding:60px 0;}
.what h3{ font-size:30px; color:#0a3aff; line-height:40px; text-align:center;}
.what .des{ font-size:14px; color:#999999; line-height:50px; text-align:center;}
.what .content{ background:url(../images/baike-what-icon.png) top right no-repeat; padding-right:500px; padding-top:20px; margin-top:20px; padding-bottom:30px;}
.what .content .cbody{ font-size:16px; color:#444444; line-height:35px; margin-bottom:40px;}
.what .content .ctig{ font-size:14px; color:#0a3aff; line-height:40px;margin-bottom:20px;}
.what .content dl dd{ width:150px; height:72px; float:left; margin-right:10px;}

.why{ background:#f9f9f9;padding:60px 0;}
.why h3{ font-size:30px; color:#0a3aff; line-height:40px; text-align:center;}
.why .des{ font-size:14px; color:#999999; line-height:50px; text-align:center;}
.why .whylist{ padding:50px 0 0;}
.why .whylist dl{ width:225px; height:120px; padding:50px 30px 0;box-shadow: 0px 0 10px #ccc;-webkit-box-shadow: 0px 0 10px rgba(0,0,0,0.1); float:left; position:relative;border-radius:10px; margin-right:20px;webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in; cursor:pointer;}
.why .whylist dl:nth-child(4n){ margin-right:0;}
.why .whylist dl:hover{transform: translate3d(0,-2px,0);-webkit-transform: translate3d(0,-2px,0);}
.why .whylist dl dt{ width:140px; height:50px; line-height:50px; text-align:center; font-size:20px; color:#FFF; position:absolute; background:#0a3aff; top:-25px; left:50%; margin-left:-70px;border-radius:50px;}
.why .whylist dl dd{ height:30px; text-align:center;}
.why .whylist dl dd span{ display:inline-block; width:78px; height:28px; text-align:center; line-height:28px; border:1px solid #ff6f14; color:#ff6f14; font-size:14px; margin:0 15px;border-radius:4px;}
.why .whylist dl dd.info{ font-size:14px; color:#999999; line-height:24px; padding-top:20px;}

.create{ width:100%; height:235px; padding:60px 0 0; background:url(../images/baike-create-bg.jpg) center center no-repeat; text-align:center;}
.create .middle{ text-align:center;}
.create h3{ font-size:34px; color:#ff7015; margin-bottom:30px;}
.create .form{ margin-bottom:40px;}
.create .form input{ width:800px; height:50px; line-height:50px; font-size:14px; color:#cccccc; text-indent:1em;border-radius:10px; border:none; margin-right:10px;}
.create .form a{ width:160px; height:50px; line-height:50px; text-align:center; font-size:16px; color:#fff; background:url(../images/baike-create-btn.png); display:inline-block;border-radius:10px;}
.create .tig{ font-size:16px; color:#FFF;}
.create .tig a{ color:#e46819;}
.create .tig a:hover{ text-decoration:underline;}

.which{background:#fff; padding:60px 0 30px;}
.which h3{font-size:30px; color:#0a3aff; text-align:center; margin-bottom:50px;}
.which .whichlist dl{ width:540px; height:120px; padding:20px; box-shadow: 0px 0 10px #ccc;-webkit-box-shadow: 0px 0 10px rgba(0,0,0,0.1); float:left;border-radius:10px;margin-right:40px; margin-bottom:30px;webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in; cursor:pointer;}
.which .whichlist dl:nth-child(2n){ margin-right:0;}
.which .whichlist dl:hover{transform: translate3d(0,-2px,0);-webkit-transform: translate3d(0,-2px,0);}
.which .whichlist dl dt{ width:200px; height:120px; background:#f6f6f6; float:left;border-radius:10px; }
.which .whichlist dl dt img{ margin-left:25px; margin-top:22px;}
.which .whichlist dl dd{ float:14px; color:#666666; line-height:24px; float:left; padding-left:30px; margin-top:10px;}

.choose{background:#f9f9f9;padding:60px 0 40px;}
.choose h3{ font-size:30px; color:#0a3aff; line-height:40px; text-align:center;}
.choose .des{ font-size:14px; color:#999999; line-height:50px; text-align:center; margin-bottom:20px;}
.choose .chooselist ul li{ width:225px; height:120px; padding:30px 30px 0; float:left;box-shadow: 0px 0 10px #ccc;-webkit-box-shadow: 0px 0 10px rgba(0,0,0,0.1); position:relative; overflow:hidden;border-radius:10px; margin-right:20px; margin-bottom:20px;webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.choose .chooselist ul li:nth-child(4n){ margin-right:0;}
.choose .chooselist ul li:nth-child(5) i,.choose .chooselist ul li:nth-child(6) i,.choose .chooselist ul li:nth-child(7) i,.choose .chooselist ul li:nth-child(8) i{left:-50px; text-align:right;width:85px; padding-right:15px;}

.choose .chooselist ul li:hover{transform: translate3d(0,-2px,0);-webkit-transform: translate3d(0,-2px,0);}
.choose .chooselist ul li i{ display:block; width:100px; height:40px; padding-top:60px;border-radius:50px; position:absolute; top:-50px; right:-50px; background:#0a3aff; color:#fff; font-size:16px; font-weight:bold; text-align:left; text-indent:1.2em;font-style:italic;}
.choose .chooselist ul li .title{ font-size:18px; color:#282828; height:40px; line-height:40px; background:url(../images/choose-title-bg.jpg) left bottom no-repeat;}
.choose .chooselist ul li .info{ font-size:14px; color:#999999; line-height:24px;}

.case{background:#fff; padding:60px 0 60px;}
.case h3{font-size:30px; color:#0a3aff; text-align:center;}
.case .des{ font-size:14px; color:#999999; line-height:50px; text-align:center; margin-bottom:20px;}
.case .caselist ul li{ width:283px; height:238px; border:1px solid #dddddd;border-radius:10px; float:left; margin-right:20px; overflow:hidden;webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.case .caselist ul li:nth-child(4n){ margin-right:0;}
.case .caselist ul li img{ width:100%; height:200px;}
.case .caselist ul li span{ height:38px; line-height:38px; text-align:center; display:block; font-size:14px; color:#282828;}
.case .caselist ul li:hover{border:1px solid #0a3aff;transform: translate3d(0,-2px,0);-webkit-transform: translate3d(0,-2px,0);}

.bz{ height:160px; background:url(../images/baike-buzhou-bg.jpg) center center no-repeat;}
.bz .middle{ height:160px; background:url(../images/bz-list-bg.jpg) center center no-repeat;}
.bz dl dd{ width:100px; padding-top:5px; height:85px; float:left; background:url(../images/bz-dd-bg.png) center top no-repeat; text-align:center; position:relative; margin:0 50px; margin-top:32px;}
.bz dl dd i{ font-size:14px; color:#0a3aff; font-weight:bold;}
.bz dl dd span{ display:block; font-size:14px; color:#fff; height:30px; line-height:30px; display:block; bottom:0; width:100%; position:absolute;}