/* Chrome谷歌浏览器滚动条美化 */
::-webkit-scrollbar { width:9px; height:9px; box-sizing:border-box; background:#eee;}
::-webkit-scrollbar-button { width:9px; height:12px; background: no-repeat;}
::-webkit-scrollbar-button:vertical:start { background-position:0 0;}
::-webkit-scrollbar-button:vertical:start:hover { background-position:-10px 0;}
::-webkit-scrollbar-button:vertical:start:active { background-position:-20px 0;}
::-webkit-scrollbar-button:vertical:end { background-position:-30px 0;}
::-webkit-scrollbar-button:vertical:end:hover { background-position:-40px 0;}
::-webkit-scrollbar-button:vertical:end:active { background-position:-50px 0;}
::-webkit-scrollbar-button:horizontal:start { background-position:0 -11px;}
::-webkit-scrollbar-button:horizontal:start:hover { background-position:-10px -11px;}
::-webkit-scrollbar-button:horizontal:start:active { background-position:-19px -11px;}
::-webkit-scrollbar-button:horizontal:end { background-position:-30px -11px;}
::-webkit-scrollbar-button:horizontal:end:hover { background-position:-40px -11px;}
::-webkit-scrollbar-button:horizontal:end:active { background-position:-50px -11px;}
::-webkit-scrollbar-track-piece { background-color:rgba(0,0,0,.15); -webkit-border-radius:5px;}
::-webkit-scrollbar-thumb { background-color:#E7E7E7; border:1px solid rgba(0,0,0,.21); -webkit-border-radius:5px;}
::-webkit-scrollbar-thumb:hover { background-color:#F6F6F6; border:1px solid rgba(0,0,0,.21);}
::-webkit-scrollbar-thumb:active { background:-webkit-gradient(linear,left top,left bottom,from(#E4E4E4),to(#F4F4F4));}
::-webkit-scrollbar-corner { background-color:#f1f1f1; -webkit-border-radius:1px;}

/*定义字体*/

@font-face {
    font-family: 'gray_design';
    src: url('../fonts/gray_design.eot'); /* IE9 */
    src: url('../fonts/gray_design.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/gray_design.woff') format('woff'), /* chrome、firefox */
    url('../fonts/gray_design.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../fonts/gray_design.svg#gray_design') format('svg'); /* iOS 4.1- */
}

/* 重置 */
body,div,table,dl,dd,form{ padding:0px; margin:0px auto; font-family:"微软雅黑";}
body { color:#333; background:#fff; font-family:"微软雅黑"; font-size:14px; word-wrap:break-word; word-break:break-all; overflow-x:hidden;}
img { border:none;}
h1,h2,h3,h4,p,img { margin:0px; padding:0px;}
ul,li,ol { list-style:none; margin:0px; padding:0px;}
table { border-collapse:collapse; border-spacing:0;}
label { vertical-align:middle;}
a:active, a:focus { -moz-outline:none; outline:none; ie-dummy:expression(this.hideFocus=true);}/*清除a链接过后的虚线*/
input,textarea { outline:none;}/*清除Safari和Chrome输入框得到焦点时边框会出现阴影效果。*/
.inputcheckbox{ vertical-align:middle;}
a { color:#858585; text-decoration:none; blr:expression(this.onFocus=this.blur()); /* IE Opera */ outline:none; /* FF Opera */}
a:hover { color:#f00; text-decoration:none; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease;}
a:focus{ -moz-outline-style:none; /* FF */ } 
.slh { white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.fl { float:left}
.fr { float:right}
.clr{ display:block; content:""; visibility:hidden; font-size:0px; width:0px; height:0px; clear:both;}
/*.clearfix:after { display:block; content:""; visibility:hidden; height:0; clear:both;}
.clearfix {*zoom:1;}*/
.clearfix:before, .clearfix:after { content:""; display:table;}
.clearfix:after{ clear:both; overflow:hidden;}
.clearfix{ zoom:1;}
.red { color:#c00}
.orange { color:#ff6c00;}
.black { color:#222;}
.blue { color:#0294C5;}
.green { color:#019a62;}
.gray { color:#888;}
.white { color:#fff;}
.jc { font-weight:bold;}
.mt5 { margin-top:5px;}
.mt10 { margin-top:10px;}
.mt20 { margin-top:20px;}
.ml10 { margin-left:10px;}
.ml15 { margin-left:15px;}
.ml20 { margin-left:20px;}
.mr10 { margin-right:10px;}
.mr20 { margin-right:20px;}
.md20 { margin-bottom:20px;}
.hand { cursor:pointer;}
.show { display:block;}
.hide { display:none;}

/* 字体大小 */
.yahei,.yahei12,.yahei14,.yahei16,.yahei18,.yahei20,.yahei22,.yahei24,.yahei26,.yahei30{ font-family:"微软雅黑";}
.en_hei{font-family:Arial, Helvetica, sans-serif; }
.yahei12 { font-size:12px;}
.yahei14 { font-size:14px;}
.yahei16 { font-size:16px;}
.yahei18 { font-size:18px;}
.yahei20 { font-size:20px;}
.yahei22 { font-size:22px;}
.yahei24 { font-size:24px;}
.yahei26 { font-size:26px;}
.yahei28 { font-size:28px;}
.yahei30 { font-size:28px;}
.font-space { letter-spacing:1px;}
.font-bold{ font-weight:bold;}
.more { line-height:40px; color:#999; padding-right:10px; float:right;}
.more a { color:#999;}
.more a:hover { color:#ff0;}
.more2 { padding-right:10px; float:right;}
.more2 a { color:#fff;}
.more2 a:hover { color:#ff0;}
.more3 { margin:12px 10px 0 0; float:right; line-height:40px;}
.read-more { width:85px; height:22px; background:#aebcc9; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:center; line-height:22px;}
.read-more a { color:#fff; display:block;}
.read-more a:hover { color:#fff; background:#4992d6}
.location { line-height:42px; text-align:center; padding:0 10px 0 0; float:right;}
.time { font-size:11px; color:#999; font-family:Arial, Helvetica, sans-serif; float:right;}
/* 阴影 */
.shadow { width:100%; height:6px; background:#f2f2f2 url(../images/shadow.png) repeat-x;}


/* 头部 */
.head-wrap { width:100%; min-width:1200px; height:105px; background:#323635; position:relative; }
.head { width:1200px; height:105px; margin:0 auto;}
.head .logo { width:195px; height:80px;}
.head .contact {width:100%; height:13px; padding:5px 0px;}
.head .contact .email { width:170px; height:13px; line-height:13px; background:url(../images/email_pic.png) no-repeat; padding-left:15px; font-size:12px;float:right;color:#686868;}
.head .contact .tel { width:100px; height:13px; line-height:13px; background:url(../images/tel_pic.png) no-repeat; padding-left:15px; font-size:12px; float:right;color:#686868;}
.head .menu { width:1000px; height:80px; font-size:16px; color:#999; float:left; box-sizing:border-box; display:flex; padding-left:23px;}
.head .menu ul { width:100%; height:80px;}
.head .menu ul li { width:65px; height:40px; margin:0px 23px; font-size:16px; text-align:center; line-height:20px; float:left; position:relative; cursor:pointer; padding-top:25px;}
.head .menu ul li:nth-last-of-type(1){ width:65px; height:40px; margin:0px 0px 0px 23px; font-size:16px; text-align:center; line-height:20px; float:left; position:relative; cursor:pointer; padding-top:25px;}
.head .menu ul li span { display:block; width:100%; height:14px; color:#686868;font-size:11px;line-height:14px; font-family:"Arial";}
.head .menu ul li a{ display:block; width:65px; height:40px; color:#999;}
.head .menu ul li a:hover { display:block; width:65px; height:40px; color:#7ac729; border-bottom:solid 2px #7ac729; }


/* 中英文切换 */
.head .language{ width:1200px; height:25px; margin:25px auto; position:absolute; z-index:10; top:100px;}
.head .language a.cn{ display:block; width:132px; height:25px; background:url(../images/english.png) no-repeat; float:right; }
.head .language a.en{ display:block; width:132px; height:25px; background:url(../images/chinese.png) no-repeat; float:right; }


/* banner */
.pics_wrap{ width:100%; min-width:1200px; max-height:778px;}

/*关于我们*/
.about-wrap { width:100%; padding-top:60px; background:#fff;}
.about { width:1200px; height:557px;}
.about .pics {width:526px; height:557px; background:url(../images/about_bg.png) no-repeat; float:left;}
.about .pics .picleft{width:260px; height:380px; float:left; overflow:hidden;}
.about .pics .picleft img{-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: url('url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'><filter%20id='grayscale'><feColorMatrix%20type='matrix'%20values='0.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200%200%200%201%200'/></filter></svg>#grayscale");'); filter: gray; transition:transform 2s;width:260px; height:380px; }
.about .pics .picleft img:hover{-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%);filter: none; transform:scale(1.1);width:260px; height:380px; }

.about .pics .picright{width:260px; height:557px; float:left; margin-left:5px;}
.about .pics .picright .pic1{width:260px; height:230px; margin-top:150px; overflow:hidden;}
.about .pics .picright .pic1 img{-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: url('url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'><filter%20id='grayscale'><feColorMatrix%20type='matrix'%20values='0.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200%200%200%201%200'/></filter></svg>#grayscale");'); filter: gray; transition:transform 2s;width:260px; height:230px; }
.about .pics .picright .pic1 img:hover{-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%);filter: none; transform:scale(1.1);width:260px; height:230px; }


.about .pics .picright .pic2{width:260px; height:170px; margin-top:5px; overflow:hidden;}
.about .pics .picright .pic2 img{-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: url('url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'><filter%20id='grayscale'><feColorMatrix%20type='matrix'%20values='0.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200%200%200%201%200'/></filter></svg>#grayscale");'); filter: gray; transition:transform 2s;width:260px; height:170px; }
.about .pics .picright .pic2 img:hover{-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%);filter: none; transform:scale(1.1);width:260px; height:170px; }

.about .content { width:614px; height:557px;float:left; margin-left:60px;}
.about .content .tit{ width:614px; height:110px;}
.about .content .tit .pic{ width:205px; height:110px; float:left;}
.about .content .tit span{ display:block; width:300px; height:20px; padding:45px 0px; float:right;}
.about .content .text { color:#323635; line-height:36px; padding:40px 0px 80px 0px;}
.about .content .more { width:200px; height:50px; line-height:50px; background-color:#7ac729; color:#fff; text-align:center; float:left;transition:all 0.3s linear;}
.about .content .more a { display:block; width:200px; height:50px; color:#fff;}
.about .content .more a:hover { color:#7ac729;}
.about .content .more:hover { background:#323635;}

/*案例展示*/
.cases-wrap { width:100%; min-width:1200px; height:510px; margin-top:80px; padding-top:30px; background:url(../images/case_bg.jpg) center 0 no-repeat;}
.cases-tit { width:1200px; height:140px; text-align:center; margin:0 auto;}
.cases-pics { width:1200px; height:400px;  margin:0 auto;}

/*设计流程*/
.process-wrap {  width:100%; min-width:1200px; height:410px; margin-top:80px; padding-top:30px; background:url(../images/process_bg.png);}
.process-tit { width:1200px; height:140px; text-align:center; margin:0 auto;}
.process-pics { width:1200px; height:300px;  margin:0 auto;}
.process-pics ul {overflow:hidden; zoom:1; padding:20px 0px;}
.process-pics ul li { width:300px; height:200px; float:left;} 

.process-pics ul li .icon1,.process-pics ul li .icon2,.process-pics ul li .icon3,.process-pics ul li .icon4 { width:100%; height:86px; margin:9px 0px;}
.process-pics ul li .icon1 a ,.process-pics ul li .icon2 a ,.process-pics ul li .icon3 a ,.process-pics ul li .icon4 a { display:block; width:86px; height:86px;  margin:0 auto; }
.process-pics ul li .icon1 a:hover ,.process-pics ul li .icon2 a:hover ,.process-pics ul li .icon3 a:hover ,.process-pics ul li .icon4 a:hover { display:block; width:86px; height:86px; margin:0 auto; transition: all .6s linear;}

.process-pics ul li .icon1 a { background:url(../images/icon1_a.png) no-repeat;}
.process-pics ul li .icon1 a:hover {  background:url(../images/icon1_b.png) no-repeat; }

.process-pics ul li .icon2 a { background:url(../images/icon2_a.png) no-repeat;}
.process-pics ul li .icon2 a:hover {  background:url(../images/icon2_b.png) no-repeat; }

.process-pics ul li .icon3 a { background:url(../images/icon3_a.png) no-repeat;}
.process-pics ul li .icon3 a:hover {  background:url(../images/icon3_b.png) no-repeat; }

.process-pics ul li .icon4 a { background:url(../images/icon4_a.png) no-repeat;}
.process-pics ul li .icon4 a:hover {  background:url(../images/icon4_b.png) no-repeat; }

.process-pics ul li .tit{ width:100%; height:90px; color:#323635; line-height:25px; text-align:center;}
.process-pics ul li .tit span{ display:block; line-height:16px; width:100%; color:#999; text-align:center;}
.process-pics ul li .tit .numbers{ width:18px; height:18px; line-height:18px; background:#000; color:#fff; border-radius:9px;text-align:center; font-size:14px; margin:15px auto;}


/*新闻动态*/
.news-wrap {  width:100%; height:470px; margin-top:80px;}
.news-tit { width:1200px; height:140px; text-align:center; margin:0 auto;}
.news-list { width:1200px; height:330px;  margin:0 auto;}
.news-list ul{width:1200px; overflow:hidden; zoom:1; padding-top:10px;  box-sizing:border-box; display:flex;}
.news-list ul li{ width:25%; height:240px; margin:0px 20px 30px 0px; }
.news-list ul li:nth-of-type(4){width:25%; height:240px;  margin:0px 0px 30px 0px; }
.news-list ul li a { color:#333;}
.news-list ul li:hover { background:#323635;}
.news-list ul li a:hover { color:#fff;}
.news-list ul li img { width:100%; height:190px; transition:transform 1s;}
.news-list ul li:hover img { transform:scale(1.1);}
.news-list .news-pic { width:100%; height:190px; overflow:hidden;}
.news-list .news-text { width:100%; height:50px; text-align:center; line-height:50px; }
.news-list .more { width:100%; height:50px;}
.news-list .more a { display:block; width:200px; height:50px; color:#fff;background:#7ac729; margin:0 auto; line-height:50px; text-align:center;}
.news-list .more a:hover { color:#7ac729;background:#323635; line-height:50px; text-align:center;}



/*培训中心*/
.train-wrap {  width:100%; height:430px; margin-top:80px;}
.train-tit { width:1200px; height:140px; text-align:center; margin:0 auto;}
.train-list { width:1200px; height:290px;  margin:0 auto;}
.train-list ul{overflow:hidden; zoom:1; padding-top:10px;}
.train-list ul li{ width:585px; height:85px; margin-right:26px; margin-bottom:30px;float:left; }
.train-list ul li:nth-of-type(2n){ width:585px; height:85px; margin-right:0px;  margin-bottom:30px; float:left;}
.train-list ul li .listleft{width:90px; height:85px; box-sizing:border-box; float:left;}
.train-list ul li .listleft .dateup{width:100%; height:45px; background:#7ac729; color:#fff; line-height:45px; text-align:center;}
.train-list ul li .listleft .datedown{width:100%; height:39px; background:#323635; color:#fff;margin-top:1px; line-height:39px; text-align:center;}
.train-list ul li .listright { width:494px; margin-left:1px; height:85px; background:#ececec; box-sizing:border-box; float:left;}

.bg img{ cursor: pointer; transition: all 0.6s; }
.bg img:hover{ transform: scale(1.1);}
.mouseOvertd21:link *{color:#323635; background:#ffc100; }
.mouseOvertd21:visited *{color:#323635; background:#ffc100; }
.mouseOvertd21:hover *{color:#FFF; background:#323635; }

.mouseOvertd22:link *{color:#323635; background:#fff; }
.mouseOvertd22:visited *{color:#323635; background:#fff; }
.mouseOvertd22:hover *{color:#FFF; background:#323635; }

.padlr10{ padding:0px 8px;}
.biaoti { color:#323635;}
.fubiaoti { color:#9a9a9a;}
.line22 { LINE-HEIGHT: 22px;}
.line26 { LINE-HEIGHT: 26px;}
.line30 { line-height: 30px;}
.f-12{ font-size:12px;}

.train-list .more { width:100%; height:50px;}
.train-list .more a { display:block; width:200px; height:50px; color:#fff;background:#7ac729; margin:0 auto; line-height:50px; text-align:center;}
.train-list .more a:hover { color:#7ac729;background:#323635; line-height:50px; text-align:center;}


/*合作伙伴*/
.logo-wrap {  width:100%; height:380px; margin-top:80px;}
.logo-tit { width:1200px; height:140px; text-align:center; margin:0 auto;}
.logo-list { width:1200px; height:180px;  margin:0 auto; overflow:hidden;}
.logo-list ul{width:1200px; overflow:hidden; zoom:1; padding-top:10px; }
.logo-list ul li{ width:171px; height:70px; margin:10px 0px 30px 0px; float:left; overflow:hidden;}
.logo-gray img{transition:transform 2s;}
.logo-gray img:hover{ transform:scale(1.1); }



/*版权信息*/
.copyright-wrap { width:100%;  min-width:1200px; height:155px; background:#323635; border-bottom:1px solid #484848;}
.copyright-info { width:1200px; height:155px; margin:0px auto; padding:40px 0px; box-sizing:border-box; display:flex; }
.copyright-info .no1{ width:24%; border-right:1px solid #484848; height:75px; line-height:25px; color:#858585; } 
.copyright-info .no1:nth-of-type(2n){ width:26%; border-right:0px solid #484848; height:75px; line-height:75px; color:#858585; text-align:right;} 
.copyright-info .no1 ul { width:100%; height:75px; overflow:hidden;}
.copyright-info .no1 ul li { width:90px; height:25px; line-height:25px; float:left; text-align:left;}
.copyright-info .no1 ul li a { color:#858585;}
.copyright-info .no1 ul li a:hover { color:#7ac729;}

.copyright-info .no2{ width:26%; border-right:1px solid #484848; height:75px; line-height:25px; color:#858585; } 
.copyright-info .no2 ul { width:100%; height:75px; overflow:hidden; box-sizing:border-box;}
.copyright-info .no2 ul li { width:100%; line-height:25px; text-align:left; padding-left:8px ;padding-right:8px; box-sizing:border-box;}

.copyright-bott-wrap { width:100%; min-width:1200px; height:170px; background:#323635; border-bottom:1px solid #484848;}
.copyright-bott-info {width:1200px; height:170px; padding:15px 0px; box-sizing:border-box;}
.copyright-bott-info .left{width:940px; float:left;}
.copyright-bott-info .left .name{ width:940px; color:#858585; line-height:30px; height:35px;}
.copyright-bott-info .left .pic1{ width:210px; height:80px; float:left;}
.copyright-bott-info .left .pic2{ width:58px; height:80px;  float:left; margin-left:20px;}
.copyright-bott-info .right{width:240px; float:right;}
.copyright-bott-info .right ul{ height:150px;}
.copyright-bott-info .right ul li{ width:100px; height:120px; float:right; margin-left:20px; margin-top:20px;}
.copyright-bott-info .right ul li .pictit{ width:100%; line-height:20px; color:#858585; text-align:center;}

/* 子页banner */
.subbanner { width:100%; min-width:1200px; background:#fff;}

/* 子页菜单 */
.submenu { width:100%; min-width:1200px; height:84px; border-bottom:#d8d8d8 1px solid; position:relative;}
.submenu-list { width:1200px; height:85px; margin:0 auto; text-align:center; top:0;}
.submenu-list a.Auto-list {height: 85px; margin: 0 20px; color: #333; font-size: 18px; display:inline-block; line-height: 85px;}
.submenu-list a.Auto-list:hover {height: 85px; margin: 0 20px; color: #7ac729; font-size: 18px; display:inline-block; line-height: 85px; background: url(../images/subbg.png);}
.submenu-list a.Auto-list2 {height: 85px; margin: 0 20px; color:#7ac729; font-size:18px; display:inline-block; line-height: 85px;background: url(../images/subbg.png);}

/* 正文 */
.subcont { width:100%; min-width:1200px; background:#f4f4f4; padding:30px 0px; }
.subcont-info {width:1200px; background:#fff; padding:10px; margin:0 auto;}
.subcont-min {width:800px; font-size:14px; line-height:26px; color:#858585; margin:45px auto;}

/* 前言 */
.aboutcont { width:1200px; min-width:1200px; background:#fff; }
.aboutcont .preface{ width:100%; max-height:250px; margin:50px auto 10px;}
.aboutcont .preface .entit{ font-family:"gray_design"; font-size:55px; color:#000; line-height:55px; text-align:center;}
.aboutcont .preface .cntit{ color:#7ac729; text-align:center; line-height:66px;}
.aboutcont .preface .text{ color:#858585; text-align:center; line-height:36px;}

.aboutcont .preface-pics {width:100%; max-width:1200px; height:400px; border-bottom:1px dotted #bcbcbc;}
.aboutcont .preface-pics ul{width:100%; max-width:1200px;  height:500px;box-sizing:border-box;}
.aboutcont .preface-pics ul li{width:200px; height:200px; margin:10px 20px 25px 20px; float:left; }
.aboutcont .preface-pics ul li img{ -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.aboutcont .preface-pics ul li:hover img{transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);}
.aboutcont .preface-pics ul li:nth-of-type(6){width:200px; height:200px; margin:-80px 25px 25px 136px; float:left;}
.aboutcont .preface-pics ul li:nth-last-of-type(-n+3){width:200px; height:200px; margin:-80px 20px 25px 20px; float:left;}

/* 公司简介 */
.aboutcont .intro { width:1200px; height:480px; background:url(../images/profile_03.jpg) no-repeat; border-bottom:1px dotted #bcbcbc; margin:0px auto; box-sizing:border-box; padding-top:30px;}
.aboutcont .intro .entit{ font-family:"gray_design"; font-size:55px; color:#000; line-height:55px; text-align:center;}
.aboutcont .intro .cntit{ color:#7ac729; text-align:center; line-height:66px;}
.aboutcont .intro .text{ color:#858585; text-align:center; line-height:44px;}
.aboutcont .intro .Slogan1{ color:#7ac729; text-align:center; line-height:80px; font-size:36px;}
.aboutcont .intro .Slogan2{ color:#7ac729; text-align:center; line-height:36px; font-size:20px;} 

/* 资源产业 */
.aboutcont .resource { width:100%; max-width:1200px; height:600px; border-bottom:1px dotted #bcbcbc; margin:0px auto; box-sizing:border-box; padding-top:30px;}
.aboutcont .resource .entit{ font-family:"gray_design"; font-size:55px; color:#000; line-height:55px; text-align:center;}
.aboutcont .resource .cntit{ color:#7ac729; text-align:center; line-height:66px;}
.aboutcont .resource .text{ color:#858585; text-align:center; line-height:44px;}
.aboutcont .resource .icons{ width:100%; height:140px; margin:20px 0px;}
.aboutcont .resource .icons ul{width:100%; height:140px; box-sizing:border-box; display:flex;}
.aboutcont .resource .icons ul li{ width:25%; height:80px; padding:30px 0px; }
.aboutcont .resource .icons ul li .logos{ width:100%; height:80px; text-align:center;}
.aboutcont .resource .icons ul li .tit1{ width:100%; color:#000; text-align:center; line-height:30px;}
.aboutcont .resource .icons ul li .tit2{ width:100%; color:#858585; text-align:center;}
.aboutcont .resource .machine-pics {width:100%; max-width:1200px; height:223px; }
.aboutcont .resource .machine-pics ul{width:100%; max-width:1200px;  height:223px; box-sizing:border-box; display:flex;}
.aboutcont .resource .machine-pics ul li{width:230px; height:183px; margin:30px 35px;}
.aboutcont .resource .machine-pics ul li img{ -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.aboutcont .resource .machine-pics ul li:hover img{transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);}


/* 学习交流 */
.aboutcont .exchange{ width:100%; max-height:670px; margin:30px auto;}
.aboutcont .exchange .entit{ font-family:"gray_design"; font-size:55px; color:#000; line-height:55px; text-align:center;}
.aboutcont .exchange .cntit{ color:#7ac729; text-align:center; line-height:66px;}
.aboutcont .exchange .text{ color:#858585; text-align:center; line-height:36px;}

.aboutcont .exchange-pics {width:100%; max-width:1200px; height:400px; border-bottom:1px dotted #bcbcbc;}
.aboutcont .exchange-pics ul{width:100%; max-width:1200px;  height:400px;box-sizing:border-box;}
.aboutcont .exchange-pics ul li{width:200px; height:200px; margin:10px 20px 25px 20px; float:left; }
.aboutcont .exchange-pics ul li:nth-of-type(6){width:200px; height:200px; margin:-80px 25px 25px 136px; float:left;}
.aboutcont .exchange-pics ul li:nth-last-of-type(-n+3){width:200px; height:200px; margin:-80px 20px 25px 20px; float:left;}
.aboutcont .exchange-pics ul li img{ -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.aboutcont .exchange-pics ul li:hover img{transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);}

/* 企业荣誉 */
.aboutcont .honor{ width:100%; max-height:670px; margin:30px auto;}
.aboutcont .honor .entit{ font-family:"gray_design"; font-size:55px; color:#000; line-height:55px; text-align:center;}
.aboutcont .honor .cntit{ color:#7ac729; text-align:center; line-height:66px;}

.aboutcont .honor-pics {width:100%; max-width:1200px; height:500px;}
.aboutcont .honor-pics ul{width:100%; max-width:1200px;  height:450px;box-sizing:border-box;}
.aboutcont .honor-pics ul li{width:283px; height:192px; border:1px solid #cdcdcd; margin:10px 20px 20px 0px; float:left; overflow:hidden;}
.aboutcont .honor-pics ul li:nth-of-type(4n){width:283px; height:192px; border:1px solid #cdcdcd; margin:10px 0px 20px 0px; float:left; overflow:hidden; }
.aboutcont .honor-pics ul li img{transition:transform 2s;}
.aboutcont .honor-pics ul li img:hover{ transform:scale(1.1); }

/* 产品研发-流程 */
.design{ width:100%;}
.designcont { width:1200px; margin:0px auto; background:#fff; }
.designcont .steps{ width:1200px; height:250px; margin:50px auto 10px;}
.designcont .steps .entit{ font-family:"gray_design"; font-size:55px; color:#000; line-height:55px; text-align:center;}
.designcont .steps .cntit{ color:#7ac729; text-align:center; line-height:66px;}
.designcont .steps .pic{ color:#858585; text-align:center; line-height:55px; height:55px; margin:40px 0px;}

.designcont .cont{ width:1200px; height:470px; box-sizing:border-box; margin:60px 0px;}
.designcont .cont .tit{width:100%; height:36px; margin:40px 0px 20px 0px; text-align:center; height:36px; color:#7ac729; font-size:33px; line-height:33px; font-family:gray_design; background:url(../images/steps_bg.png) center 0 no-repeat;}
.designcont .cont .intro{ width:1200px; height:400px; box-sizing:border-box; display:flex;}
.designcont .cont .intro .left{width:600px; height:400px; background:url(../images/steps_bg2.png) no-repeat; box-sizing:border-box; float:left;}
.designcont .cont .intro .left:nth-of-type(2n){width:600px; height:400px; background:url(../images/steps_bg3.png) no-repeat; box-sizing:border-box; float:left;}

.designcont .cont .intro .left .icon{width:80px; height:350px; float:left; margin:25px 35px 0px 35px;}
.designcont .cont .intro .left .text {width:450px;height:350px; float:left; padding-top:40px; box-sizing:border-box;}
.designcont .cont .intro .left .text .cntit{ font-size:33px; line-height:33px; color:#272727;}
.designcont .cont .intro .left .text .entit{ font-size:14px; line-height:24px; color:#858585;}
.designcont .cont .intro .left .text .words{ font-size:18px; line-height:36px; color:#858585; padding-top:25px;}

.designcont .cont .intro .right{width:600px; height:400px; float:left; overflow:hidden;}
.designcont .cont .intro .right img { width:600px; height:400px; transition:transform 1s;}
.designcont .cont .intro .right:hover img { transform:scale(1.1);}

/* 产品研发-其它3页内容 */
.designcont .toptit{ width:1200px; height:150px; margin:50px auto 10px;}
.designcont .toptit .entit{ font-family:"gray_design"; font-size:55px; color:#000; line-height:55px; text-align:center;}
.designcont .toptit .cntit{ color:#7ac729; text-align:center; line-height:66px;}
.designcont .detail { width:1000px; margin:30px auto;}
.designcont .detail .detail-cont {font-size:14px; line-height:26px; color:#858585; margin:30px 0px;}


/* 案例展示 */
.casescont { width:100%; min-width:1200px; background:#f8f8f8; padding:50px 0px;}
.casescont .ad{ width:1200px; height:350px; margin-bottom:40px;}
.casescont .ad ul{width:100%; height:350px; box-sizing:border-box; display:flex;}
.casescont .ad ul li{ width:590px; height:350px; margin-right:20px; overflow:hidden; float:left;}
.casescont .ad ul li:nth-of-type(2n){width:590px; height:350px; margin-right:0px; float:left;}
.casescont .ad ul li img{width:590px; height:350px; transition:transform 1s;}
.casescont .ad ul li:hover img{transform:scale(1.1);}

.casescont .list{ width:1200px;  margin:0px auto;}
.casescont .list ul{ width:100%; }
.casescont .list ul li{ width:380px; height:430px; margin:0px 30px 40px 0px; background:#fff; float:left;} 
.casescont .list ul li:nth-of-type(3n){ width:380px; height:430px; margin:0px 0px 40px 0px; background:#fff; float:left;} 
.casescont .list ul li:hover{ box-shadow: 0px 0px 12px #7ac729; webkit-box-shadow: 0px 0px 12px #7ac729; -moz-box-shadow: 0px 0px 12px #7ac729; }
.casescont .list ul li .tit{  line-height:50px; font-size:22px; color:#000; box-sizing:border-box; padding:0px 10px;}
.casescont .list ul li .desc{ line-height:30px; color:#858585; padding:17px 0px; box-sizing:border-box; padding:0px 10px;}
.casescont .list .pages {width:100%; height:40px; line-height:40px; text-align:center; color:#323635; background:#fff;}

/* 新闻动态 */
.newscont { width:100%; background:#f8f8f8; padding:50px 0px; }
.newscont .list{ width:1200px; margin:0px auto;}
.newscont .list ul{ width:100%;}
.newscont .list ul li{ width:380px; height:400px; margin:0px 30px 40px 0px; background:#fff; float:left;} 
.newscont .list ul li:hover{ background:#323635;}
.newscont .list ul li:nth-of-type(3n){ width:380px; height:400px; margin:0px 0px 40px 0px; background:#fff; float:left;} 

.newscont .list ul li img{ transition:transform 1s;}
.newscont .list ul li:hover img{ transform:scale(1.1);}
.newscont .list ul li .pics{ width:380px; height:245px; overflow:hidden;}
.newscont .list .pages {width:100%; height:40px; line-height:40px; text-align:center; color:#323635; background:#fff;}

/* 新闻动态-详情 */
.subcont { width:100%; background:#f8f8f8; padding:50px 0px; }
.subcont-info {width:1200px; background:#fff; padding:10px; margin:0 auto;}
.subcont-min {width:800px; font-size:14px; line-height:26px; color:#858585; margin:45px auto;}

.detail { width:1000px; margin:30px auto;}
.detail-title {font-size:26px; line-height:60px; color:#7ac729; text-align:center;} 
.detail-info { height:30px; border-top:1px dotted #a9a9a9; border-bottom:1px dotted #a9a9a9; }
.detail-text {color:#858585; height:30px; line-height:30px; text-align:left; font-size:12px; float:left;}
.detail-share {float:right; width:205px; height:30px; display:block;}
.detail-cont {font-size:14px; line-height:26px; color:#858585; margin:30px 0px;}

.record-list {width:1000px; margin:10px auto;}
.record-list span {width:60px; color:#7ac729; font-size:14px; float:left;}
.record-title a { width:940px; display:block; height:30px; line-height:30px; font-size:14px; color:#858585; float:left;}
.record-title a:hover { width:940px; display:block; height:30px; line-height:30px; font-size:14px; color:#7ac729; float:left;}

	
/* 产品中心 */
.prodcont { width:100%; min-width:1200px;  background:#f8f8f8; padding:50px 0px; }
.prodcont .list{ width:1200px; margin:0px auto;}
.prodcont .list ul{ width:100%; }
.prodcont .list ul li{ width:285px; height:325px; margin:0px 20px 40px 0px; background:#fff; float:left;} 
.prodcont .list ul li:nth-of-type(4n){ width:285px; height:325px; margin:0px 0px 40px 0px; background:#fff; float:left;} 
.prodcont .list ul li .pics{ width:285px; height:214px; overflow:hidden;}
.prodcont .list ul li:hover{ box-shadow: 0px 0px 12px #7ac729; webkit-box-shadow: 0px 0px 12px #7ac729; -moz-box-shadow: 0px 0px 12px #7ac729; }

.prodcont .list ul li .tit{ height:52px; line-height:26px; color:#323635; padding:10px 10px;}
.prodcont .list ul li .porders{ width:10px; height:35px; float:left; padding-left:10px;}
.prodcont .list ul li .counter{ width:80px; height:35px; line-height:35px; font-size:12px; color:#b6b6b6; text-align:left; padding:0px 0px 0px 20px; background:url(../images/couner_bg.jpg) no-repeat; float:left;}
.prodcont .list .pages {width:100%; height:40px; line-height:40px; text-align:center; color:#323635; background:#fff;}

/* 产品中心-详情 */
.proddetail { width:100%;  min-width:1200px; background:#f8f8f8; padding:50px 0px; }
.proddetail .cont{ width:1200px; margin:0px auto; background:#fff;}
.proddetail .cont .intro{ width:100%; height:450px; margin:20px 0px; padding:20px 0px;}
.proddetail .cont .intro .pics{ width:600px; height:450px; float:left;}
.proddetail .cont .intro .info{ width:560px; float:left; padding:20px;}

.proddetail .cont .intro .info .tit{width:560px; font-size:24px; line-height:36px; }
.proddetail .cont .intro .info .desc{ width:560px; color:#858585; line-height:24px; margin:15px 0px;}
.proddetail .cont .intro .info .email{ width:512px; font-size:18px; color:#323635; line-height:36px; margin:15px 0px; background:url(../images/email_icon.png) no-repeat; padding-left:48px; }
.proddetail .cont .intro .info .phone{ width:512px; font-size:18px; color:#323635; line-height:36px; margin:15px 0px; background:url(../images/phone_icon.png) no-repeat; padding-left:48px; }

.proddetail .cont .intro .info .maxorders{ width:512px; height:50px; font-size:18px; color:#323635; line-height:36px; padding-left:48px; }
.proddetail .cont .intro .info .maxorders .more{ width:512px; height:50px;}
.proddetail .cont .intro .info .maxorders .more a { display:block; width:200px; height:50px; color:#fff;background:#7ac729; line-height:50px; text-align:center;}
.proddetail .cont .intro .info .maxorders .more a:hover { color:#7ac729;background:#323635; line-height:50px; text-align:center;}

.proddetail .cont .detail{ width:1160px; margin:0px auto;}
.proddetail .cont .detail .tit{ background:url(../images/detail_tit.jpg) no-repeat; line-height:60px; font-size:36px; color:#858585; font-weight:bold; text-align:center;}
.proddetail .cont .detail .text{ width:90%; line-height:30px; font-size:16px; color:#858585; padding:30px 0px;}


/* 培训中心列表 */

.traicont { width:100%;  min-width:1200px; background:#f4f4f4; padding:30px 0px; }
.traicont .pic-list {width:1200px; margin:0 auto; background-color:#fff;  }
.traicont .pic-list { padding:0px 0; border:#ddd solid 1px; margin-top:20px;}
.traicont .pic-list ul { }
.traicont .pic-list li { border-bottom:#ededed 0px dotted;}
.traicont .pic-list li:hover { background:#f9f9f9; display:block;}
.traicont .pic-list li h3 { height:30px; line-height:30px;}
.traicont .pic-list li .pic-list-con { font-size:14px; line-height:30px; color:#888;}
.traicont .pic-list ul>li>span { color:#f30;}
.traicont .pic-list ul>li>span>a { color:#f30;}
.traicont .pic-list ul>li>span>a:hover { color:#f00;}
.traicont .pic-list dl { border-bottom:#ededed 0px dotted; padding:10px;}
.traicont .pic-list dl:hover { background:#f9f9f9; display:block;}
.traicont .pic-list dl dt { width:270px; height:210px; border:#dcdcdc 1px solid; float:left;}
.traicont .pic-list dl dt img { width:260px; height:200px; margin:5px; }
.traicont .pic-list dl dd { width:870px; margin-left:20px; padding:0 10px 0 0; float:left;}
.traicont .pic-list dl dd h3 { height:30px; line-height:30px;}
.traicont .pic-list dl dd h3 a { color:#000;}
.traicont .pic-list dl dd h3 a:hover { color:#ff9e0d;}
.traicont .pic-list dl dd .pic-list-con { width:870px; height:170px; font-size:14px; line-height:30px; color:#888; overflow:hidden;}
.traicont .pic-list dl dd .pic-list-con p { width:870px; height:140px; line-height:29px; overflow:hidden;}
.traicont .pic-list dl dd  a { color:#323635;}
.traicont .pic-list dl dd a:hover { color:#f30;}
.traicont .pic-list dl dd span { width:135px; height:30px; color:#f30; text-align:center; display:block; margin-top:8px;}
.traicont .pic-list dl dd span a { width:135px; height:30px; background:#7ac729; color:#fff; display:block;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.traicont .pic-list dl dd span a:hover { background:#f75700; color:#fff;}
.traicont .pages { width:1200px; margin:40px auto 10px; height:40px; line-height:40px; text-align:center; color:#323635; background:#fff;}


/* 人才招聘列表 */
.recruitcont { width:100%;  min-width:1200px; padding:50px 0px; }
.recruitcont .cont{ width:1200px; margin:0px auto; }
.recruitcont .intro { width:1200px; height:450px; background:url(../images/recruit_03.jpg) no-repeat; margin:0px auto; box-sizing:border-box; padding-top:30px;}
.recruitcont .intro .entit{ font-family:"gray_design"; font-size:55px; color:#000; line-height:55px; text-align:center;}
.recruitcont .intro .cntit{ color:#7ac729; font-size:30px; text-align:center; line-height:76px;}
.recruitcont .intro .text{ color:#858585; font-size:16px; text-align:center; line-height:36px;}

.recruitcont .jobs{ width:1200px; margin:50px auto 0px; }
.recruitcont .jobs .entit{ font-family:"gray_design"; font-size:55px; color:#000; line-height:55px; text-align:center;}
.recruitcont .jobs .cntit{ color:#7ac729; font-size:30px; text-align:center; line-height:76px;}
.recruitcont .jobs .lists{ width:100%; height:80px; background:#ececec;}

/* 联系我们 */
.contactcont { width:100%;  min-width:1200px; padding:50px 0px; }
.contactcont .cont{ width:1200px; height:375px; margin:0px auto; }
.contactcont .cont .left{ width:750px; height:375px; float:left;}
.contactcont .cont .right{ width:430px; height:375px; margin-left:20px; float:left;}


/* 订单发邮件 */

.orders { width:100%;  min-width:1200px; background:#f8f8f8; padding:50px 0px; }
.orders .cont{ width:1200px; height:600px; margin:0px auto; background:#fff; padding-top:30px;}
.f-24{ font-size:24px; }
.padl5{ padding-left:5px;}
.input2 {
BORDER:0px; 
border:1px solid #999; 
border-radius:4px;
FONT-WEIGHT: normal; 
FONT-SIZE: 14px;  
COLOR: #333; 
width:470px;
height:33px;
FONT-STYLE: normal; 
FONT-VARIANT: normal;
padding:0px 5px;
background:url(../images/menber_login_06.jpg) no-repeat;
}

.input3 {
BORDER:0px; 
border:1px solid #999;
border-radius:4px;
width:81px;
height:33px;
padding:0px 5px;
FONT-WEIGHT: normal; 
FONT-SIZE: 14px;  
COLOR: #333; 
FONT-STYLE: normal; 
FONT-VARIANT: normal;
background:url(../images/menber_login_09.jpg) no-repeat;
}