@charset "utf-8";




ul{list-style: none;}
a{text-decoration: none;    color: #686868;}
img{border: none;}
.l{float:left}
.gy2{width:1440px;margin:0 auto;overflow:hidden}
.holer{height:124px; overflow:hidden; background:none;}
#headdiv{height: 131px; position: fixed; top: 0px; width: 100%; z-index: 1000; background: none;}
/*顶部bar*/
.top01{width:100%;height:38px;line-height:38px;background:#c00000;color:#fff;overflow:hidden;font-size:12px}
.top01 .l{font-size:14px}
.top01_center{text-align:right;float:right;font-size:14px;width:30%;color:#ffffff;}
.top01_center ul{width:100%}
.top01_center ul li{ width:25%;float:right;}
.topa{color:#ffffff;}
/*.top01_center img{vertical-align:sub;display:inline-block;margin-right:8px}*/
/*logo和导航*/
.top02{width:100%;min-width:1200px;background-color: rgb(255, 255, 255); height: 86px;}
.top02 .top02_center{width:1440px;min-width:1200px;margin:0 auto}
.logo{width:344px;float:left;padding-top:13px}
.logo img{float:left}
.logo .logo-year{margin-top:17px;height:20px;line-height:20px;width:38px;text-align:center;font-size:12px;color:#fff;background:#c00000;border-radius:4px;overflow:hidden;font-size:14px;color:#fff}
.logo .logo-text{margin-top:5px;height:18px;color:#656565;line-height:18px;overflow:hidden}
.nav{float:right}
.nav li{position:relative}
.nav li.m{width:86px;padding-right:22px;margin:0 22px 0 0;float:left;text-align:center;background:url(../images/top_bg1.png) right 46px no-repeat}
.nav .m.on a.mmm{color:#c00000}
.nav a.mmm{width:86px;height:46px;padding-top:40px;display:block;font-size:16px;color:#333}
/*二级导航*/
.nav .sub{display:none;width:100%;padding:0;position:fixed;top:124px;overflow:hidden;text-align:left;z-index:110;left:0;background-color:#f5f5f5}
.nav .sub .nav_xiao{width:1440px;overflow:hidden;margin:0 auto}
.nav .sub .nav_xiao.max1100{max-width:1100px}
/*二级导航-网站建设*/
.nav .sub .nav_xiao .xiao_one{overflow:hidden;padding-top:40px;padding-bottom:40px}
.nav .sub .nav_xiao .xiao_one ul li{float:left;display:inline;height:184px;width:25%;overflow:hidden;text-align:center}
.nav .sub .nav_xiao .xiao_one ul li a{display:block;height:100%;border-right:1px solid #e6e6e6;line-height:56px;overflow:hidden;color:#000;margin-top:13px;font-size:18px;transition:all .3s}
.nav .sub .nav_xiao .xiao_one ul li:last-child a{border-right:0}
.nav .sub .nav_xiao .xiao_one ul li a:hover{color:#f67524}
.nav .sub .nav_xiao .xiao_one ul li a i{display:block;width:101px;height:84px;margin:0 auto;margin-bottom:23px;overflow:hidden;background-image:url(../images/top_pic1.png);background-repeat:no-repeat;transition:all .3s;margin-top:20px}
.nav .sub .nav_xiao .xiao_one ul li a i.bgs1{background-position:-720px top}
.nav .sub .nav_xiao .xiao_one ul li a i.bgs2{background-position:left top}
.nav .sub .nav_xiao .xiao_one ul li a i.bgs3{background-position:-360px top}
.nav .sub .nav_xiao .xiao_one ul li a i.bgs4{background-position:-1088px top}
.nav .sub .nav_xiao .xiao_one ul li a:hover i{background-image:url(../images/top_pic1.png)}
.nav .sub .nav_xiao .xiao_one ul li a:hover i.bgs1{background-position:-720px bottom}
.nav .sub .nav_xiao .xiao_one ul li a:hover i.bgs2{background-position:left bottom}
.nav .sub .nav_xiao .xiao_one ul li a:hover i.bgs3{background-position:-360px bottom}
.nav .sub .nav_xiao .xiao_one ul li a:hover i.bgs4{background-position:-1088px bottom}
/*二级导航-关于我们*/
.nav .sub .nav_xiao .xiao_two{margin-top:40px;margin-bottom:40px;overflow:hidden}
.nav .sub .nav_xiao .xiao_two ul li{float:left;display:inline;height:184px;width:25%;overflow:hidden;text-align:center}
.nav .sub .nav_xiao .xiao_two ul li a{display:block;height:100%;border-right:1px solid #e6e6e6;line-height:56px;overflow:hidden;color:#000;margin-top:13px;font-size:18px;transition:all .3s}
.nav .sub .nav_xiao .xiao_two ul li:last-child a{border-right:0}
.nav .sub .nav_xiao .xiao_two ul li a:hover{color:#f67524}
.nav .sub .nav_xiao .xiao_two img{float:left;margin-right:25px}
.nav .sub .nav_xiao .xiao_two .nav_div{float:left;width:380px;padding-top:30px;font-size:12px;color:#666;line-height:22px}
.nav .sub .nav_xiao .xiao_two .nav_div h2{font-size:16px;color:#f3782a;font-weight:400;letter-spacing:1px;line-height:36px}
.nav .sub .nav_xiao .xiao_two ul li a i{display:block;width:104px;height:104px;margin:0 auto;margin-bottom:13px;overflow:hidden;background-image:url(../images/top_pic2.png);background-repeat:no-repeat;margin-top:10px;background-color:#999;border-radius:50%;position:relative;transition:all .3s}
.nav .sub .nav_xiao .xiao_two ul li a i.bgs1{background-position:30px center}
.nav .sub .nav_xiao .xiao_two ul li a i.bgs2{background-position:-330px center}
.nav .sub .nav_xiao .xiao_two ul li a i.bgs3{background-position:-691px center}
.nav .sub .nav_xiao .xiao_two ul li a i.bgs4{background-position:-1050px center}
.nav .sub .nav_xiao .xiao_two ul li a:hover i{background-color:#f67524;margin-top:5px}
/*二级导航-新闻动态*/
.nav .sub .nav_xiao .xiao_three{overflow:hidden;margin-top:60px;margin-bottom:60px}
.nav .sub .nav_xiao .xiao_three ul li{float:left;display:inline;width:18%;height:218px;overflow:hidden;margin-right:2.5%;text-align:center;position:inherit;line-height:56px;background-color:#fff}
.nav .sub .nav_xiao .xiao_three ul li:last-child{margin-right:0}
.nav .sub .nav_xiao .xiao_three ul li img{width:100%;display:block;transition:all .3s}
.nav .sub .nav_xiao .xiao_three ul li a{color:#000;width:100%;font-size:18px;height:100%;display:block}
.nav .sub .nav_xiao .xiao_three ul li a:hover{color:#f67524}
/*二级导航-解决方案*/
.nav .sub .nav_xiao .xiao_four{width:50%;overflow:hidden;margin-top:40px;margin-bottom:40px}
.nav .sub .nav_xiao .xiao_four.l{border-right:1px solid #e3e3e3}
.nav .sub .nav_xiao .xiao_four.r{width:49%}
.nav .sub .nav_xiao .xiao_four h2{font-size:16px;font-weight:700;color:#000;height:18px;line-height:18px}
/*解决方案左边*/
.nav .sub .nav_xiao .xiao_four .ul{margin-top:23px}
.nav .sub .nav_xiao .xiao_four .ul li{padding-top:11px;padding-bottom:11px;height:44px;line-height:22px;padding-left:15px;margin-right:40px;width:265px;overflow:hidden;float:left;display:inline;margin-bottom:10px;position:inherit}
.nav .sub .nav_xiao .xiao_four .ul li:nth-child(2n+0){margin-right:0}
.nav .sub .nav_xiao .xiao_four .ul li:hover{background-color:#fff}
.nav .sub .nav_xiao .xiao_four .ul li a{display:block;text-align:left;color:#999;font-size:14px}
.nav .sub .nav_xiao .xiao_four .ul li a i{margin-right:10px;margin-top:4px;float:left;width:36px;height:36px;background-repeat:no-repeat;background-position:center center}
.nav .sub .nav_xiao .xiao_four .ul li a i.bgs1{background-image:url(../images/top_pic4.png)}
.nav .sub .nav_xiao .xiao_four .ul li a i.bgs2{background-image:url(../images/top_pic5.png)}
.nav .sub .nav_xiao .xiao_four .ul li a i.bgs3{background-image:url(../images/top_pic6.png)}
.nav .sub .nav_xiao .xiao_four .ul li a i.bgs4{background-image:url(../images/top_pic7.png)}
.nav .sub .nav_xiao .xiao_four .ul li a i.bgs5{background-image:url(../images/top_pic8.png)}
.nav .sub .nav_xiao .xiao_four .ul li a i.bgs6{background-image:url(../images/top_pic9.png)}
.nav .sub .nav_xiao .xiao_four .ul li a i.bgs7{background-image:url(../images/top_pic10.png)}
.nav .sub .nav_xiao .xiao_four .ul li a i.bgs8{background-image:url(../images/top_pic11.png)}
.nav .sub .nav_xiao .xiao_four .ul li a b{font-weight:400;font-size:16px;display:block;color:#000;height:22px;overflow:hidden}
/*解决方案右边*/
.nav .sub .nav_xiao .xiao_four .ul2{width:540px;margin:0 auto;overflow:hidden}
.nav .sub .nav_xiao .xiao_four .ul2 h2{margin-bottom:23px}
.nav .sub .nav_xiao .xiao_four .ul2 li{padding-top:11px;padding-bottom:11px;height:44px;line-height:22px;margin-right:40px;width:250px;overflow:hidden;float:left;display:inline;margin-bottom:10px;position:inherit}
.nav .sub .nav_xiao .xiao_four .ul2 li:nth-child(2n+0){margin-right:0}
.nav .sub .nav_xiao .xiao_four .ul2 li a{display:block;text-align:left;color:#999;font-size:14px}
.nav .sub .nav_xiao .xiao_four .ul2 li a b{font-weight:400;font-size:16px;display:block;color:#000;height:22px;overflow:hidden}
.nav .sub .nav_xiao .xiao_four .ul2 li a b i{display:inline-block;width:35px;height:15px;overflow:hidden;background:url(../images/top_pic12.png) no-repeat;margin-left:3px}
.nav .sub .nav_xiao .xiao_four .ul2 li a:hover b{color:#f67524}
/*二级导航-成功案例左*/
.nav .sub .nav_xiao .xiao_five{width:549px;overflow:hidden;float:left;margin-top:40px;margin-bottom:40px;border-right:1px solid #e6e6e6}
.nav .sub .nav_xiao .xiao_five img{width:391px;height:259px}
.nav .sub .nav_xiao .xiao_five a{width:391px;height:259px;padding:0;margin-right:45px;float:left}
/*二级导航-成功案例右*/
.nav .sub .nav_xiao .xiao_five2{float:right;text-align:left;margin-top:71px}
.nav .sub .nav_xiao .xiao_five2 a{text-align:left;float:left;margin-right:100px;height:38px;line-height:38px;color:#000;font-size:18px;margin-bottom:42px;transition:all .3s}
.nav .sub .nav_xiao .xiao_five2 a:nth-child(2n+0){margin-right:3px}
.nav .sub .nav_xiao .xiao_five2 a i{width:38px;height:38px;border-radius:50%;background-color:#999;background-repeat:no-repeat;background-image:url(../images/top_pic3.png);float:left;margin-right:20px;transition:all .3s;margin-left:0}
.nav .sub .nav_xiao .xiao_five2 a:hover{color:#f67524}
.nav .sub .nav_xiao .xiao_five2 a:hover i{background-color:#f67524}
.nav .sub .nav_xiao .xiao_five2 a i.bgs1{background-position:9px 8px}
.nav .sub .nav_xiao .xiao_five2 a i.bgs2{background-position:-233px 8px}
.nav .sub .nav_xiao .xiao_five2 a i.bgs3{background-position:9px -72px}
.nav .sub .nav_xiao .xiao_five2 a i.bgs4{background-position:-233px -72px}
.nav .sub .nav_xiao .xiao_five2 a i.bgs5{background-position:9px -152px}
.nav .sub .nav_xiao .xiao_five2 a i.bgs6{background-position:-233px -152px}
/*二级导航-产品服务*/
.nav .sub .nav_xiao .xiao_six{overflow:hidden;height:338px;border-left:1px solid #e6e6e6:border-right:1px solid #e6e6e6:}
.nav .sub .nav_xiao .xiao_six ul li{float:left;display:inline;height:338px;width:33.2%;overflow:hidden;border-right:1px solid #e6e6e6;text-align:center}
.nav .sub .nav_xiao .xiao_six ul li.bgs1{background:url(../images/yuming_bg1.png) right 168px no-repeat}
.nav .sub .nav_xiao .xiao_six ul li.bgs2{background:url(../images/yuming_bg2.png) right 168px no-repeat}
.nav .sub .nav_xiao .xiao_six ul li.bgs3{background:url(../images/yuming_bg3.png) right 168px no-repeat}
.nav .sub .nav_xiao .xiao_six ul li .xiao_six_con{margin:0 auto;width:80%;max-width:360px;height:338px;overflow:hidden;text-align:left}
.nav .sub .nav_xiao .xiao_six ul li:last-child{border-right:0}
.nav .sub .nav_xiao .xiao_six ul li .xiao_six_l{font-size:18px;font-weight:700;height:62px;line-height:62px;border-bottom:1px solid #e6e6e6;margin-bottom:23px}
.nav .sub .nav_xiao .xiao_six ul li a{float:left;width:136px;overflow:hidden;height:30px;line-height:30px;font-size:16px;color:#666}
.nav .sub .nav_xiao .xiao_six ul li a:hover{color:#f67524}
.nav .sub .nav_xiao .xiao_six ul li .a{display:block;width:182px;height:42px;line-height:42px;text-align:center;color:#fff;font-size:16px;margin-top:31px;transition:all .3s;clear:both}
.nav .sub .nav_xiao .xiao_six ul li .a.bgs1{background-color:#f67524}
.nav .sub .nav_xiao .xiao_six ul li .a.bgs2{background-color:#248cf6;margin-top:61px}
.nav .sub .nav_xiao .xiao_six ul li .a.bgs3{background-color:#1ecc85;margin-top:91px}
.nav .sub .nav_xiao .xiao_six ul li .a:hover{opacity:.8;filter:Alpha(opacity=80);color:#fff}


/*倒二部分*/
/* 必要布局样式css */
.free-content{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-height: 394px;
    padding: 45px 10px 50px;
    background-size: cover;
    position: relative;
}
.free-inner{
    margin: 0 auto;
    width: 100%;
    max-width: 1200px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 0 10px;
    position: relative;
    z-index: 2;
}

.free-title{
    margin-bottom: 40px;
}

.free-title h3{
    text-align: center;
    font-size:24px;
    color: #333;
    font-weight: 400;
    line-height: 1.5;
}

.free-text{
    text-align: center;
    font-size: 16px;
    line-height: 1.8;
}

.free-text a{
    color: #c00000;
}

.free-button{
    text-align: center;
    padding-top: 35px;
}
.free-button a{
    min-width: 140px;
    padding: 0 20px;
    background-color: #c00000;
    color: #fff;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    outline: 0;
    box-sizing: border-box;
    width: 220px;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
}

.free-button a:hover {
    background-color: #0092ee;
}

.free-background{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    background: url(../images/free001.jpg) top center no-repeat #f7f8fa;
    background-size: cover;
}

.free-content .free-background {
    background-image: url(../images/free002.png);
}
/*底部*/
.w1200 {
	width: 1200px;
	margin: 0 auto;
}
.w1200:after{
	content: "";
	width: 0;
	height: 0;
	display: block;
	clear: both;
}
.bottom .register {
	background: url(../images/foot_sgin.jpg) no-repeat center top;
	height: 160px;
	padding-top: 70px;
	color: #fff;
}

.bottom .register h2 {
	text-align: center;
	font-size: 24px;
}

.bottom .register a {
	display: block;
	width: 170px;
	height: 45px;
	line-height: 44px;
	color: #fff;
	background: #14A8FF;
	border-radius: 5px;
	margin: 30px auto;
	font-size: 18px;
	text-align: center;
}

.bottom .footer {
	padding-top: 50px;
	background: #222;
}

.bottom .footer .w1200 {
	padding: 0 10px
}

.bottom .footer .footer_top ul li {
	float: left;
	width: 278px;
	height: 78px;
	line-height: 78px;
	border: 1px solid #333;
	text-indent: 98px;
	color: #aaaaaa;
	margin-right: 20px;
}

.bottom .footer .footer_top ul li:last-child {
	margin-right: 0;
}

.bottom .footer .footer_top:after,
.bottom .footer .footer_down:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	overflow: hidden;
}

.bottom .footer .footer_top ul li:nth-child(1) {
	background: url(../images/foot_icon1.png) no-repeat 34px center;
}

.bottom .footer .footer_top ul li:nth-child(2) {
	background: url(../images/foot_icon2.png) no-repeat 34px center;
}

.bottom .footer .footer_top ul li:nth-child(3) {
	background: url(../images/foot_icon3.png) no-repeat 34px center;
}

.bottom .footer .footer_top ul li:nth-child(4) {
	background: url(../images/foot_icon4.png) no-repeat 34px center;
}

.bottom .footer .footer_tel {
	border-bottom: 1px solid #333;
	height: 90px;
	margin: 0 auto;
	width: 1180px;
	padding-top: 30px;
	color: #aaa;
}

.bottom .footer .footer_tel .tel {
	float: left;
	font-size: 16px;
	width: 180px;
	height: 65px;
	background: url(../images/foot_icon5.png) no-repeat 30px 0;
	padding-left: 100px;
}

.bottom .footer .footer_tel ul li {
	height: 90px;
	line-height: 60px;
	display: inline-block;
	padding: 0 20px;
}

.bottom .footer .footer_tel ul li:first-child {
	padding-left: 0;
}

.bottom .footer .footer_down {
	padding-top: 50px;
}

.bottom .footer .footer_down .left {
	float: left;
	width: 450px;
	padding-right: 20px;
}

.bottom .footer .footer_down .left h3,
.bottom .footer .footer_down .flink h3 {
	font-size: 16px;
	color: #fff;
	font-weight: normal;
}

.bottom .footer .footer_down .left p,
.bottom .footer .footer_down .flink p {
	font-size: 14px;
	padding-top: 20px;
}

.bottom .footer .footer_down .left p a,
.bottom .footer .footer_down .flink p a {
	font-size: 14px;
	color: #888;
	margin: 0 20px 15px 0;
	white-space: nowrap;
	display: inline-block;
}

.bottom .footer .footer_down .left p a:hover,
.bottom .footer .footer_down .flink p a:hover {
	color: #fff;
}

.bottom .footer .footer_down .flink {
	float: left;
	width: 120px;
	padding-right: 20px;
}

.bottom .footer .footer_down .right {
	float: right;
}

.bottom .footer .footer_down .right ul li {
	float: left;
	width: 120px;
	height: 150px;
	margin-right: 40px;
	text-align: center;
}

.bottom .footer .footer_down .right ul li:last-child {
	margin-right: 0;
}

.bottom .footer .footer_down .right ul li h3 {
	color: #888;
	padding-top: 15px;
	font-weight: normal;
	font-size: 14px;
	text-align: center;
}

.bottom .footer .footer_copyright {
	padding: 30px 0;
}

.bottom .footer .footer_copyright p {
	line-height: 30px;
	color: #888;
	font-size: 14px;
}

.bottom .footer .footer_copyright p.beian a {
	color: #888;
	padding-right: 20px;
	display: inline-block;
}

.bottom .footer .footer_copyright p.beian a img {
	vertical-align: middle;
}
/*客服*/
.suspension {
    width: 46px;
    height: 210px;
    position: fixed;
    right: 30px;
    bottom: 60px;
    z-index: 999;
}

.suspension .consult {
    background-image: url(../images/top-icon.png);
    background-repeat: no-repeat;
    background-position: center -1px;
    background-color: #e8373d;
    display: block;
    position: relative;
    width: 46px;
    height: 46px;
}

.suspension .consult .suspension-list {
    position: absolute;
    width: 240px;
    right: -29px;
    top: -230px;
    z-index: 30;
    display: none;
}

.suspension-list-content {
    position: absolute;
    width: 240px;
    right: 85px;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 6px 12px 0 rgba(0,0,0,.15);
}

.suspension-list ul {
    margin: 32px 24px;
}

.suspension-list ul li {
    position: relative;
    display: list-item;
    width: 100%;
    height: auto;
    padding: 16px 0;
    margin-top: 10px;
    overflow: hidden;
    border-top: 1px solid #f4f4f4;
}

.suspension-list ul li:first-child {
    padding-top: 0;
    border-top: none;
}

.suspension-list ul .suspension-list-bottom {
    margin-bottom: 0;
    padding-bottom: 0;
}

.suspension-list-bottom .info-value {
    font-size: 12px;
    font-weight: inherit;
    color: #999;
}

.suspension-list ul li:first-child {
    margin-top: 0;
}

.service-phone, .service-qq, .service-proposal {
    display: inline-block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 0 0;
}

.service-phone {
    background-image: url(../images/suspend_icon_01.png);
}

.service-phone:hover {
    background-image: url(../images/suspend_icon_01_blue.png)
}

.service-qq {
    background-image: url(../images/suspend_icon_03.png);
}

.service-qq:hover {
    background-image: url(../images/suspend_icon_03_blue.png);
}

.service-proposal {
    background-image: url(../images/suspend_icon_02.png);
}

.service-proposal:hover {
    background-image: url(../images/suspend_icon_02_blue.png)
}

.info-name {
    display: block;
    padding-left: 52px;
    height: 14px;
    font-size: 14px;
    color: #333;
}

.info-value {
    display: block;
    padding-left: 52px;
    margin-top: 8px;
    height: 18px;
    font-size: 18px;
    font-weight: 700;
    color: #f90;
}

.suspension a.consult:hover .suspension-list {
    display: inline !important;
}

.suspension .cart {
    background-image: url(../images/top-icon.png);
    display: block;
    position: relative;
    width: 46px;
    height: 46px;
    margin-top: 10px;
    border: 1px solid #bcbcbc;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
}

.suspension a.cart:hover .pic {
    display: block;
}

.suspension .back-top {
    background-image: url(../images/top-icon.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    display: block;
    width: 46px;
    height: 46px;
    border: 1px solid #bcbcbc;
    background-color: #fff;
    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
    margin-top: 10px;
}

.suspension .cart .pic {
    display: none;
    position: absolute;
    left: -139px;
    top: -120px;
    width: 139px;
    height: 163px;
}

.pic-content {
    position: absolute;
    width: 139px;
    height: 163px;
    border: 1px solid #ddd;
    box-shadow: 0 6px 12px 0 rgba(0,0,0,.15);
    background: url(../images/ewm.jpg) center no-repeat;
    right: 10px;
}
/*案例1*/
*{margin:0;padding:0;font-family:"Arial";font-weight:normal}
:after,:before{box-sizing:inherit}
a{text-decoration:none;color:inherit}
ul{list-style:none}
/*背景*/
.bg-blue{background:url("../images/bg_solution.jpg") no-repeat center;background-size:cover}
.developer-solution-block{position:relative;max-width:none;padding:50px 0;text-align:center;clear:both;margin:0 auto}
/*大标题*/
.titleBar .caption{font-size:36px;color:#252b3a;letter-spacing:0;text-align:center;line-height:46px;margin-bottom:10px}
.descript{margin-bottom:40px;font-size:16px;color:#A0A2A8}
.developer-solution-block .titleBar{max-width:1200px;margin:0 auto;text-align:center}
.developer-solution-block .titleBar .caption,.developer-solution-block .titleBar .descript{color:#fff}
.developer-solution-block .developer-solution{max-width:1180px;margin:0 auto;padding:0 60px;background:none}
/*左边分类*/
.developer-solution .solution-tab{font-size:18px;color:#ffffff;line-height:28px;text-align:center;display:inline-block;width:300px;margin-right:100px;float:left}
.developer-solution .solution-tab ul{padding:20px 0;background:rgba(255,255,255,0.20);opacity:1;box-shadow:-18px 6px 8px 0 rgba(0,0,0,0.20);border-radius:2px;width:260px}
.solution-tab ul li{padding:20px 30px;width:260px;text-align:left;color:#ffffff}
.solution-tab ul li.active{width:300px;background:#f66f6a;box-shadow:0 8px 16px 0 rgba(227,24,31,0.30);border-radius:2px;margin-left:-20px;padding-left:50px}
/*右边内容标题详情*/
.developer-solution .solution-detail{width:calc(100% - 400px);display:inline-block;vertical-align:top;height:270px;padding-top:50px;text-align:left}
.developer-solution .solution-detail ul li{display:none}
.developer-solution .solution-detail ul li.active{display:block}
.solution-detail li .title{font-size:22px;color:#ffffff;line-height:28px;text-align:left;margin-bottom:14px}
.solution-detail li .detail{font-size:14px;color:#ffffff;line-height:22px;text-align:left}
/*产看更多按钮*/
.solution-detail li .more-btn{display:inline-block;position:relative;border:1px solid #ffffff;border-radius:2px;font-size:14px;color:#ffffff;text-align:center;padding:8px 45px 8px 30px;line-height:22px;margin-top:30px}
.solution-detail li .more-btn:before{content:"";position:absolute;right:26px;top:14px;width:13px;height:9px;display:inline-block;background:url("../images/more.png") no-repeat center}
.solution-detail li .more-btn:hover{color:#fa6f66;border:1px solid #fa6f66}
.solution-detail li .more-btn:hover:before{background:url("../images/more_active.png") no-repeat center;right:20px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
/*案例2*/
.container {
	min-width: 1210px;
	padding-top: 60px;
	margin: 0 auto;
}

.w1210 {
	width: 1210px;
	margin: 0 auto;
}

.customer-comment .title {
	max-width: 1210px;
	padding-bottom: 10px;
	margin: 0 auto;
	font-size: 30px;
	font-weight: 300;
	color: #333;
	text-align: center;
}

.customer-comment {
	background: url(../images/case-bg.jpg) no-repeat center center;
}

.customer-comment .content {
	position: relative;
	padding: 40px 0 60px;
}

.customer-comment .bd {
	width: 950px;
	height: 530px;
	padding: 30px 30px 0;
	margin: 0 auto;
	overflow: hidden;
	background: #fff;
	border: 1px solid #e5e5e5;
	border: 1px solid rgba(0, 0, 0, .08);
	border-radius: 6px;
	box-shadow: 0 0 10px #ededed;
	box-shadow: 2px 0 38px rgba(0, 0, 0, .08);
}



.comment-list li .comment-text {
	height: 450px;
	padding: 35px 0;
}

.comment-list li.special .comment-text {
	height: 450px;
	padding: 0;
	font-size: 16px;
}

.comment-list li .comment-text p {
	position: relative;
	z-index: 1;
	padding: 0 60px;
	font-size: 18px;
	line-height: 2;
}

.comment-list li.special .comment-text p {
	font-size: 14px;
}

.comment-list li.special .comment-text strong {
	color: #e8373d;
}

.comment-list li .comment-text .iconfont {
	position: absolute;
	font-size: 55px;
	line-height: 1;
	color: #ccc;
}

.comment-list li .comment-text .comment-icon-left {
	left: 0;
	top: -20px;
}

.comment-list li .comment-text .comment-icon-right {
	right: 0;
	bottom: -10px;
}

.comment-list li .comment-other {
	text-align: center;
}

.comment-list li .comment-other img {
	width: 50px;
	height: 50px;
	margin-left: 120px;
	vertical-align: middle;
	border-radius: 50%;
}

.comment-list li .comment-other .comment-other-line {
	display: inline-block;
	width: 1px;
	height: 40px;
	margin: 0 20px;
	vertical-align: middle;
	background: #ddd;
	overflow: hidden;
}

.comment-list li .comment-other .comment-other-text {
	display: inline-block;
	width: 200px;
	font-size: 14px;
	line-height: 26px;
	color: #999;
	text-align: left;
	vertical-align: middle;
}

.comment-list li .comment-other .comment-other-text h3 {
	font-size: 14px;
	color: #666;
}

.customer-comment .hd ul {
	padding-top: 25px;
	text-align: center;
}

.customer-comment .hd ul li {
	display: inline-block;
	padding: 5px;
	cursor: pointer;
}

.customer-comment .hd ul span {
	display: inline-block;
	width: 6px;
	height: 6px;
	background: #ccc;
	border: 1px solid transparent;
	border-radius: 50%;
}

.customer-comment .hd ul .active span {
	background: transparent;
	border: 1px solid #999;
}

.customer-comment .hd a {
	position: absolute;
	top: 230px;
}

.customer-comment .hd a.prev {
	left: 0;
}

.customer-comment .hd a.next {
	right: 0;
}

.customer-comment .hd .iconfont {
	display: block;
	width: 50px;
	height: 50px;
	font-size: 35px;
	line-height: 50px;
	color: #ccc;
	text-align: center;
	background: #f1f1f1;
	border: 1px solid #ddd;
	border-radius: 50%;
	transition: all .2s;
}

.customer-comment .hd a:hover .iconfont {
	color: #fff;
	background: #ccc;
	border-color: #ccc;
}