html { overflow-y:scroll; }
html,body{overflow-x:hidden;}
*{margin:0px; padding:0px; word-wrap:break-word;}
img,input,select{vertical-align:middle;}
ul,li{list-style:none;}
a{text-decoration:none; color: #666 }
a:hover{color:#666; -webkit-transition: all ease 0.3s;}
img{border:none;}
.clear{ clear:both; height:0px; margin:0; padding:0;width:0; border:none; overflow:hidden;}
body{font-size:13px;font-family: "Microsoft YaHei"; color: #666; }
.fl { float:left}
.fr { float:right}
.crm .jianjie{ width: 100%; margin: 0px 0 50px 0; padding: 50px 0 ;background: #fafafa}
.crm h1 {font-size: 28px; font-weight: normal; margin-bottom: 20px; color: #333; text-align: center;}
.crm h2 {font-size: 16px; text-align: center; color: #777; font-weight: normal;}
.crm p {width: 75%; margin: 0 auto; color: #999; line-height: 24px;}
.crm .c-part ,.crm .c-part2 {text-align: center;}
.crm .c-part2 {width: 100%; height: 500px; background: url(../images/ban7-pic.jpg) 100% no-repeat;}
.h_fu{ width:100%; height:178px; background: url(../images/footer_bg.jpg) center;}
.h_fumin{ width:75%; height:178px; margin:0 auto; display: flex;justify-content:space-around}
.h_fumin_lei{ width:25%; height:100px; float:left; margin-top:40px;}
.h_fumin_lei_tu{ width:100px; height:100px; float:left; margin-right:10px; display:inline;}
.h_fumin_lei p{ color:#FFFFFF; font-size:22px; padding-top:20px;}
.h_fumin_lei span{ color:#FFFFFF; font-size:14px; line-height:32px;}
.crm .c-part3 {margin: 80px 0 50px 0; }
.crm .c-part3 ul {display: flex; width: 75%; overflow: hidden; margin: 50px auto 0 auto; flex-wrap: wrap;justify-content:space-between}
.crm .c-part3 ul li {width: 30%; margin-bottom: 3%}
.crm .c-part3 ul li img {width: 100%}
.erp .c-part3 {margin: 80px 0 50px 0; padding-top: 80px; background: url(../images/erp.jpg) 100% no-repeat; }
.erp .c-part3 h1,.erp .c-part3 h2{color: #fff}
.crm .c-part3 ul{}
.erp .c-part3 ul li {width: 20%;}
.c-part4 {width: 75%; margin: 0 auto}
.c-part4 ul {display: flex; }
.c-part4 ul li {width: 25%; text-align: center;}
.c-part4 ul li img {margin: 50px 0 20px 0;}
.c-part4 ul li h2 {font-size: 18px; margin-bottom: 15px; color: #222}
.erp .c-part2{background: none; height: 775px;}
.addnewdiv {
width: 100%;
}
.wrapRL {
width: 1340px;
height: 586px;
margin: 0 auto;
margin-top: 210px;
display: flex;
}
.wrapRLLeft {
flex: 1;
height: 700px;
/*display:flex;*/
align-items: center;
}
.wrapRLRight {
flex: 1;
height: 520px;
text-align: left;
}
.wrapRLLeft img {
width: 524px;
height: 520px;
display: block;
margin-top: 0;
}
.wrapRLRight1 {
width: 72px;
height: 12px;
background: #3AD784;
display: block;
margin-top: 20px;
}
.wrapRLRight2 {
margin-top: 30px;
color: #3d517f;
}
.wrapRLRight3 {
font-size: 15px;
display: block;
margin-top: 30px;
height: 21px;
}
.wrapRLRight4 {
font-size: 14px;
display: block;
line-height: 40px;
color: rgba(0, 0, 0, 0.85);
}
.wrapRLRight5 {
display: block;
background: #2CCCa9;
width: 222px;
height: 56px;
line-height: 56px;
text-align: center;
color: #fff;
border-radius: 3px;
border: none;
font-size: 15px;
letter-spacing: 2px;
margin-top: 50px;
background: linear-gradient(to right, #43d26d, #2CCCAA);
}
.youshi{padding:60px;width:1200px;margin:0 auto;text-align:center;}
.youshi h1{color:#333333;font-size:30px;font-weight:normal;}
.youshi p{color:#999999;font-size:14px;}
.youshi div{width:1200px;margin:0 auto;height:auto;overflow:hidden;zoom:1;margin-top:50px;}
.youshi div dl{width:25%;float:left;height:auto;}
.youshi div dl dt{text-align:center;}
.youshi div dl dd{text-align:center;}
.youshi div dl dd.ddfirst{font-size:18px;color:#333333;}
.youshi div dl dd.ddlast{font-size:14px;color:#999999;}
#index2{width:98%;padding:0 1%;height:640px;background-image:url(../images/indextaocan.jpg);background-repeat:no-repeat;background-position:center top;background-attachment:fixed;background-size:cover}
#index2 .titlebig,#index2 p{color:#fff}
#index2 .titlebig{padding-top:25px}
.container03#index2 ul.list-xcx{position:absolute;left:2.5%;bottom:-30px;height:70%;width:95%;overflow:hidden}
.container03 ul.list-xcx li{width:19%;margin-right:1%;border-radius:20px;padding-top:20px;float:left;height:100%;text-align:center;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.container03 ul.list-xcx li.x2,.container03 ul.list-xcx li.x4{filter:alpha(opacity=97);-moz-opacity:.97;-khtml-opacity:.97;opacity:.97}
.container03#index2 ul.list-xcx li p{margin:10px auto;width:90%;font-size:12px;line-height:24px;float:none;color:#fff}
#index2 .titlebig,#index2 p{color:#fff}#index2 .titlebig{padding-top:25px}
.container03 ul.list-xcx li img{width:170px;height:auto;background:#fff;border-radius:50%}
.container03 ul.list-xcx li .title{font-size:16px;font-weight:bold;padding-top:30px;color:#fff}
.weichen_bg {
position: relative;
width: 100%;
background: #fff;
padding-bottom: 30px;
}
.weichen {
width: 1200px;
margin: 0 auto;
overflow: auto;
}
.weichen_bg .title {
text-align: center;
color: #00BBA8;
font-size: 28px;
padding-top: 62px;
margin-bottom: 30px;
}
.chanpinlist {
margin: 60px 0 50px 0;
}
.chanpinlist ul li {
width: 25%;
height: 281px;
border: 1px solid #f4f4f4;
box-sizing: border-box;
float: left;
border-right: none;
}
.one {
top: -284px;
}
.hgtitle {
color: #fff;
font-size: 20px;
text-align: center;
}
.hgcontent {
color: #fff;
font-size: 14px;
margin: 10px 40px;
line-height: 27px;
}
.chanpinlist ul li:last-child {
width: 25%;
height: 281px;
border: 1px solid #f4f4f4;
box-sizing: border-box;
float: left;
border-right: 1px solid #f4f4f4;
}
.cpimgcon {
width: 60px;
height: 60px;
margin: 65px auto 30px;
}
.cpimgcon img {
width: 60px;
height: 60px;
vertical-align: middle;
}
.cptitle {
font-size: 20px;
color: #343434;
text-align: center;
}
.cpcontent {
font-size: 14px;
color: #6b6b6b;
margin: 10px 40px;
line-height: 27px;
}
.part5 {width: 75%; margin: 0 auto}
.part6 { width: 75%; margin: 0 auto}
.part6 ul {display: flex;justify-content:space-between}
.part6 ul li{width: 30%; margin-top: 50px; margin-bottom: 50px;}
.part6 ul li img {width: 100%}
.col {display: flex;}
.icon {background: #222; margin: 0 auto 20px auto; border-radius: 50%; width: 100px; height: 100px; text-align: center; line-height: 100px;}
.col .item {width: 25%; text-align: center; margin-top: 50px; margin-bottom: 50px}
.group {width: 75%; margin: 0 auto; text-align: center;}
.group .title {text-align: center;; font-size: 18px; color: #222; margin: 15px 0 20px 0}
.newslist {
width:1024px;
margin:0 auto;
}
.newslist ul {
padding:44px 41px 48px 48px;
}
.newslist ul li {
margin-bottom:29px;
width:933px;
height:71px;
border:1px #c9caca solid;
padding:24px 0px;
}
.newslist_left {
width:130px;
height:72px;
margin:0px 39px 0px 29px;
float:left;
background:url(../images/newslist_left.jpg) 0 0 repeat-y;
background-color:#898989;
}
.newslist_left p {
line-height:12px;
text-align:center;
color:#FFF;
font-family:Arial;
}
.newslist_left p span {
line-height:22px;
font-size:28px;
display:block;
margin:19px 0px 12px 0px;
}
.newslist_right {
width:704px;
height:72px;
float:left;
}
.newslist_right p {
line-height:26px;
}
.newslist_right p span {
line-height:26px;
font-size:18px;
color:#2b2d2f;
display:block;
}
/*新闻资讯列表页结束*/
.about_intro_now {
border-bottom:1px solid #27bec9;
margin:17px 0px;
height:35px;
line-height:35px;
}
.about_intro_now p {
background:url(../images/about_intro_dot.jpg) 9px 12px no-repeat;
border-bottom:3px solid #27bec9;
min-width:238px;max-width: 500px;
height:32px;
line-height:32px;
text-indent:26px;
float:left;
}
.about_intro_now a {
margin: 0px 8px;
}
.about_intro_now span {
margin: 0px 8px;
}
.about_intro_now div li {
width:107px;
height:35px;
float:left;
text-align:center;
}
.about_intro_now div li a:hover,.about_intro_now div li a.cur {
height:35px;
color:#f97923;
color:#FFF;
background-color:#f97923;
display:block;
}
.about_intro_now div {
float:right;
height:35px;
line-height:35px;
}
/*新闻资讯内容页开始*/
.newslist_con {
width:982px;
padding:20px 21px 68px 21px;
}
.border {
margin:0 auto;
background:url(../images/newslist_line.jpg)0 0 no-repeat;
width:982px;
height:3px;
}
.newslist_title {
font-size:23px;
text-align:center;
height:68px;
line-height:68px;
color:#2b2d2f;
}
.newslist_other {
text-align:center;
}
.newslist_other span {
height:44px;
line-height:44px;
margin-right:28px;
}
.pagebox {
line-height:31px;
width:939px;
padding:16px 20px 74px 20px;
}
.pagebox img {
display:block;
margin:0 auto;
margin-bottom:38px;
}
.border2 {
margin:0 auto;
background:url(../images/newslist_line2.jpg)0 0 no-repeat;
width:939px;
height:5px;
}
.newlist_backlist {
background:url(../images/newlist_backlist.jpg)0 0 no-repeat #efefef;
width:115px;
height:31px;
line-height:31px;
float:right;
text-indent:48px;
margin:23px 23px 29px 0px;
}
.page {
margin:0px 23px 0px 38px;
}
.page li {
float: left;
display: block;
width:100%;
height:16px;
line-height:16px;
text-indent:26px;
margin-bottom:17px;
}
.page li a:hover {
color:#747577;
}
.pageup {
background:url(../images/pageup.jpg)0 0 no-repeat;
}
.pagedown {
background:url(../images/pagedown.jpg)0 0 no-repeat;
}
.caselist {
width:1024px;
margin:0 auto;
}
.caselist_con {
padding:39px 0px 23px 0px;
}
.caselist_con ul {
padding-bottom:18px; display: flex; flex-wrap:wrap;justify-content: space-between
}
.caselist_con ul li {width: 30%; margin-bottom: 20px;}
.caselist_con ul li img {width: 100%; }
.caselist_con ul li p {width: 100%; height: 35px; background: #fafafa;; text-align: center; line-height: 35px;}
.net {display: flex;justify-content:space-around; }
.net li {width: 30%}
.net li h2 {font-size: 16px;}
.chose .div_1200 {width: 75%; margin: 0 auto}
.chose {width: 100%; height: 442px; margin: 50px auto; background: url(../images/whybg.png) no-repeat center; background-size: 100% }
.chose .content {padding-top: 220px;width: 800px; float: right;}
.chose p{ color: #fff; font-size: 18px; text-align: left; line-height: 28px; margin-bottom: 15px; }
.n-case ul { padding-bottom: 5%; display: flex;justify-content:space-around; flex-wrap: wrap; width: 75%; margin: 0 auto }
.n-case ul li {width: 22%; margin-top: 3%; }
.n-case ul li img {width: 100%}