body {padding:0;margin:0;font-size:14px;font-family:"microsoft yahei","微软雅黑";}
h1, h2, h3, h4, h5, h6, form, div, p, i, img, ul, li, ol, table, tr, td,th, fieldset, label, legend,button,input { margin:0;padding:0;}
li{list-style:none;}
em{font-style: normal;}
a img{border:none;}
a:link{text-decoration:none;color:#07519A;}
a:visited{text-decoration:none;color:#07519A;}
a:active,a:hover{text-decoration:none;}
.clearfix{ content: ""; display: block; overflow: hidden; clear: both;}
.fl{ float: left;}
.fr{ float: right;}
.w1200{ width: 1200px; margin: 0 auto;}
.w125{ width: 125px !important;}

/* 首页 */
.banner{ height:550px;background: url(../images/banner.png) center top no-repeat; clear: both; position: relative;}

.moudlebox{text-align: center;}
.moudlebox .title h2{ font-size: 38px; color: #3e3a39; font-weight: normal; padding-top: 70px;}
.moudlebox .title p{ margin-top: 20px;}
.moudlebox .title p span{ margin-right: 12px;}
.productintroduce{overflow: hidden;margin-top: 56px;}
.productintroduce li{width: 257px;height: 222px;float:left;margin-right: 57px;border-radius: 30px;}
.productintroduce li:last-child{margin-right: 0;}
.productintroduce li p{width: 257px;height: 94px;font-size: 24px; line-height: 94px;color:#fff;text-align:center;border-top-left-radius:20px;border-top-right-radius:20px;}
.productintroduce li p em{font-size: 36px; }
.productintroduce li span{font-size: 14px;color: #333333;line-height: 24px; display: block;width: 235px;height:97px;padding:30px 10px 0; border:1px solid #dfdfdf;border-top:none;border-bottom-left-radius:20px;border-bottom-right-radius:20px;}
.productintroduce li .noo_1{background:#62cf38;}
.productintroduce li .noo_2{background:#ffad00;}
.productintroduce li .noo_3{background:#379cee;}
.productintroduce li .noo_4{background:#ff6666;}

.mall-configuration{ margin-top: 135px; background: #f8f8f8;}
.mall-info{ margin-top: 42px;}
.mall-info li{ width: 172px; height: 248px; border: 1px solid #dcdcdc; border-radius: 10px; background: #fff; float: left; margin-right: 31px; margin-bottom: 27px; cursor: pointer; transition: 0.5s all; -moz-transition: 0.5s all; -webkit-transition: 0.5s all;}
.mall-info li:nth-child(6n){ margin-right: 0;}
.mall-info li:hover{ background: #00d2c8;}
.mall-info li:hover i,.mall-info li:hover h4,.mall-info li:hover p{ color: #fff;}
.mall-info li > span{ height:80px; display: inline-block; margin-top: 54px; text-align: center;}
.mall-info li i{ font-size: 48px; color: #00d2c8; transition: 0.5s all; -moz-transition: 0.5s all; -webkit-transition: 0.5s all;}
.mall-info li h4{ font-size: 18px; font-weight: normal; margin-bottom: 15px; color: #000; transition: 0.5s all; -moz-transition: 0.5s all; -webkit-transition: 0.5s all;}
.mall-info li p{ font-size: 14px; line-height: 20px; transition: 0.5s all; -moz-transition: 0.5s all; -webkit-transition: 0.5s all;}
.mall-configuration .link{ text-align: center; margin-top: 25px; padding-bottom: 70px;}
.mall-configuration .link a,.case .link a{ width: 236px; height: 60px; line-height: 60px; display: inline-block; color: #fff; background: #ffad00;  font-size: 20px; border-radius: 30px;}
.mall-configuration .link a:hover,.case .link a:hover{ opacity: 0.8; filter: alpha(opacity=80);}

.action-moudle{ margin-top: 40px;}
.action-list{ margin-top: 70px;}
.action-list > li{ width: 370px; height: 504px; border: 1px solid #dcdcdc; float: left;}
.action-list > li h3{ height: 86px; line-height: 86px; padding-top: 74px; font-size: 26px; color: #fff; position: relative;}
.action-list > li h3:before{ position: absolute; top: 15px; font-size: 48px; text-align: center; display: block; width: 100%;}
.action-list > li.blue h3,.recomm-moudle > li.blue h3{ background: #00d2c8;}
.action-list > li.blue h3:before{ content: "\e60e"; font-family:"iconfont";}
.action-list > li.red{ margin: 0 42px;}
.action-list > li.red h3,.recomm-moudle > li.red h3{ background: #ff6666;}
.action-list > li.red h3:before{ content: "\e60d"; font-family:"iconfont";}
.action-list > li.orange h3,.recomm-moudle > li.orange h3{ background: #ff9966;}
.action-list > li.orange h3:before{ content: "\e60c"; font-family:"iconfont";}
.action-list .action-info{ padding: 25px;}
.action-list .action-info .summarize{ min-height: 125px; padding-top: 30px; text-align: left; font-size: 16px; line-height: 24px;}
.action-info-list{ min-height: 90px; padding: 5px 0;}
.action-info-list li{ min-width: 80px; line-height: 30px; float: left; text-align: left; color: #8d8d8d; padding-left: 20px; position:relative;}
.action-info-list li:before{ content: "\e610"; font-family: "iconfont"; position: absolute; left: 0; font-size: 14px;}
.blue .action-info-list li:before{ color: #00d2c8;}
.red .action-info-list li:before{ color: #ff6666;}
.orange .action-info-list li:before{ color: #ff9966;}
.action-list .action-info .link a{ width: 98px; height: 28px; margin-top: 30px; line-height: 28px; display: inline-block;}
.action-list .blue .action-info .link a{ border: 1px solid #00d2c8; color: #00d2c8;}
.action-list .blue .action-info .link a:hover{ background: #00d2c8; color: #fff;}
.action-list .red .action-info .link a{ border: 1px solid #ff6666; color: #ff6666;}
.action-list .red .action-info .link a:hover{ background: #ff6666; color: #fff;}
.action-list .orange .action-info .link a{ border: 1px solid #ff9966; color: #ff9966;}
.action-list .orange .action-info .link a:hover{ background: #ff9966; color: #fff;}

.case{ margin-top: 85px;}
.case-list{ margin-top: 60px;}
.case-list li{ width: 270px; margin-right: 40px; float: left;margin-bottom: 50px;}
.case-list li:last-child{ margin-right: 0;}
.case-list li.yellow .pic{ background: #ffad00;}
.case-list li.warmblue .pic{ background: #00d2c8;}
.case-list li.green .pic{ background: #62cf38;}
.case-list li.blue{ margin-right: 0;}
.case-list li.blue .pic{ background: #379cee;}
.case-list li .pic{ width: 270px; height: 270px; border-radius: 10px; overflow: hidden; position: relative;}
.case-list li .pic span,.case-list li .pic em{ width: 163px; height: 163px; display: block; border-radius: 50%; margin: 53px; overflow: hidden; position: absolute; left: 0; top: 0;  transition: 0.5s all; -moz-transition: 0.5s all; -weikit-transition: 0.5s all;}
.case-list li .pic em{ opacity: 0; filter: alpha(opacity=0); transform: rotateY(180deg); -moz-transform: rotateY(180deg); -webkit-transform: rotateY(180deg);}
.case-list li .pic:hover span{ transform: rotateY(180deg); -moz-transform: rotateY(180deg); -webkit-transform: rotateY(180deg); opacity: 0; filter: alpha(opacity=0);}
.case-list li .pic:hover em{ transform: rotateY(0); -moz-transform: rotateY(0); -webkit-transform: rotateY(0); opacity: 1; filter: alpha(opacity=100);}
.case-list li .text{ margin-top: 20px; line-height: 20px; text-align: left; padding-left: 60px;}
.case .link{ margin-top: 45px; padding-bottom: 70px;}