/*公共样式*/
*{margin:0px; padding:0px;}
html,body{ height:100%; width:100%; float:left; margin:0px; padding:0px; font-family:微软雅黑; font-size:14px; color:#555555; background:#F6F6F6; }
img{ border:0px;}
a{ text-decoration:none;}
a:visited { outline:none;}
ul{margin:0px; padding:0px; list-style:none; }
ul li{margin:0px; padding:0px;}
h1,h2,h3,h4,h5,h6{margin:0px; padding:0px; font-weight:normal; font-size:none;}
p{margin:0px; padding:0px;}
input[type='text'],input[type='password'],select,textarea{outline:none;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color:#AAAAAA;}
.boxshadow{box-shadow: 0px 0px 5px #888888;}
.hide{display:none;}
.show{display:block;}
.noscroll{ overflow:hidden; overflow-x:hidden; overflow-y:hidden; }

.c{width:100%; float:left;}
.c.white{background-color:#FFFFFF;}
.c.gray{background-color:#F2F2F2;}
.c.bottommenue{background:#333333;}
.c.bottomdes{background:#000000;}
.c .con{width:1200px; float:none; margin:0px auto;}
.c .con.casep{width:1340px;}


/*导航*/
.headdiv{width:100%; float:left;}
.headdiv.mobileshow{display:block;transition:0.2s;}
.headdiv .headcon{width:1200px; float:none; margin:0px auto;transition:0.2s;}
.headdiv .headcon .navdiv{float:left; width:100%; height:80px;}
.headdiv .headcon .navdiv .logo{float:left; cursor:pointer; height:48px; width:170px; margin:16px 0px 0px 0px;}
.headdiv .headcon .navdiv .logo a{float:left; height:100%; width:100%;}
.headdiv .headcon .navdiv .btnmenueclose{height:32px; width:32px; float:right; position:absolute; background:url('/Images/toolImg/Icon02.png') no-repeat center center; background-size:60% 60%; top:10px; right:10px; cursor:pointer;}
.headdiv .headcon .navdiv .nav{float:left; width:1000px; margin:15px 0px 0px 30px; height:50px;}
.headdiv .headcon .navdiv .nav .navitem{height:100%; float:left; margin:0px 30px 0px 0px; position:relative; }
.headdiv .headcon .navdiv .nav .navitem .nava{line-height:50px; height:50px; float:left; width:100%;  color:#FFFFFF; cursor:pointer; font-size:20px; color:#333333; text-align:center; padding:0px 10px;transition:0.3s;}
.headdiv .headcon .navdiv .nav .navitem .nava:hover,.headdiv .headcon .navdiv .nav .navitem .nava.active{color:#3CB370;}
.headdiv .headcon .navdiv .nav .navitem .subnav{display:none; min-width:100%; float:left; padding:5px 10px; background-color:rgba(255, 255, 255,1);box-shadow: 0px 0px 3px #888888; border-radius:3px; position:absolute; top:50px;}
.headdiv .headcon .navdiv .nav .navitem .subnav.show{display:block;}
.headdiv .headcon .navdiv .nav .navitem .subnav .subnavitem{min-width:100%; float:left;}
.headdiv .headcon .navdiv .nav .navitem .subnav .subnavitem a{height:36px; line-height:36px; width:100%; text-align:center; float:left; cursor:pointer; text-align:center; display:block;transition:0.2s;color:#333333;}
.headdiv .headcon .navdiv .nav .navitem .subnav .subnavitem a:hover,.headdiv .headcon .navdiv .nav .navitem .subnav .subnavitem a.active{color:#3CB370;}

.mobilelogo{height:50px; width:100%; float:left; background-color:rgba(0,0,0,0.3); display:none;}
.mobilelogo.hide{display:none;}
.mobilelogo img{height:32px; float:left; margin:9px 0px 0px 10px;}
.mobilelogo .btnmenueshow{height:26px; width:26px; float:right; margin:12px 9px 0px 0px; background:url('/Images/toolImg/Icon01.png') no-repeat center center; background-size:100% 100%;}


.homebanner{height:600px; width:100%; float:left;justify-content:center; background:url('/Images/bannerImg/b1.png') no-repeat center center; background-size:100% auto;}
.homebanner span{width:100%; text-align:center; line-height:600px; float:left; color:#FFFFFF; letter-spacing:5px; font-size:48px; font-weight:bold;}

/*首页栏目*/
.habout{width:100%; float:left; padding:50px 0px;}
.habout .coverimg{width:550px; height:444px; float:left;}
.habout .haboutcon{width:550px; float:right; height:344px; padding:30px 0px;}
.habout .haboutcon .etitle{line-height:36px; padding:10px 0px; font-size:36px; float:left; font-weight:bold; color:#000000; width:100%;}
.habout .haboutcon .ctitle{width:100%; float:left;}
.habout .haboutcon .ctitle span{line-height:30px; font-size:30px;  float:left; font-weight:bold; margin:10px 0px 0px 0px; width:100%;}
.habout .haboutcon .ctitle i{height:10px; width:60px;  background:#3CB370; float:left; margin:30px 0px 0px 0px;}
.habout .haboutcon .destitle{line-height:30px; margin:30px 0px 0px 0px; font-size:30px; color:#3CB370; font-weight:bold; float:left; width:100%;}
.habout .haboutcon .descon{line-height:30px; font-size:16px; float:left; margin:30px 0px 0px 0px;}

.hnews{width:100%; float:left; padding:50px 0px;}
.hnews .hnewscover{float:left; height:620px; width:340px; background:url('/Images/artImg/a2.png') no-repeat center center; background-size:100% 100%;}
.hnews .hnewscover .etitle{line-height:36px; padding:10px 0px; font-size:36px; float:left; font-weight:bold; color:#000000; margin:50px 0px 0px 30px; color:#FFFFFF;}
.hnews .hnewscover .ctitle{width:100%; float:left;}
.hnews .hnewscover .ctitle span{line-height:30px; font-size:30px;  float:left; font-weight:bold; margin:10px 0px 0px 30px; color:#FFFFFF; width:310px;}
.hnews .hnewscover .ctitle i{height:10px; width:60px;  background:#FFFFFF; float:left; margin:30px 0px 0px 30px;}
.hnews .hnewsmobilecover{width:100%; float:left; display:none;}
.hnews .hnewsmobilecover .etitle{line-height:36px; padding:0px; width:100%; font-size:36px; float:left; font-weight:bold; color:#000000; color:#000000; text-align:center;}
.hnews .hnewsmobilecover .ctitle{line-height:30px; font-size:30px;  float:left; font-weight:bold; margin:10px 0px 0px 0px; width:100%; text-align:center;}
.hnews .hnewsmobilecover .line{width:100%; float:left; padding:15px 0px;}
.hnews .hnewsmobilecover .line i{height:10px; width:60px;  background:#3CB370; float:none; display:block; margin:0px auto;}
.hnews .hnewscon{width:820px; float:left; margin:0px 0px 0px 40px;}
.hnews .hnewscon .hnewslist{width:100%; float:left;}
.hnews .hnewscon .hnewslist li{width:100%; float:left;margin:30px 0px 0px 0px;}
.hnews .hnewscon .hnewslist li:hover{box-shadow: 0px 0px 5px #AAAAAA;transition:0.2s;}
.hnews .hnewscon .hnewslist li:first-child{margin:0px;}
.hnews .hnewscon .hnewslist li .hnewsitem{width:100%; float:left; background:#FFFFFF;}
.hnews .hnewscon .hnewslist li .hnewsitem .newsimg{width:330px; height:296px; float:left;}
.hnews .hnewscon .hnewslist li:nth-child(2n+2) .hnewsitem .newsimg{float:right;}
.hnews .hnewscon .hnewslist li .hnewsitem .hnewsinfo{float:left; padding:40px 20px 0px 20px; width:450px;}
.hnews .hnewscon .hnewslist li .hnewsitem .hnewsinfo .hnewstitle{width:100%; line-height:26px; float:left; color:#3CB371; font-size:18px; cursor:pointer; cursor:pointer; font-weight:600;}
.hnews .hnewscon .hnewslist li .hnewsitem .hnewsinfo .hnewstime{font-size:13px; width:100%; float:left; color:#999999; line-height:50px;}
.hnews .hnewscon .hnewslist li .hnewsitem .hnewsinfo .hnewsdes{width:100%; float:left;line-height:30px; font-size:16px;}
.hnews .hnewscon .hnewslist li .hnewsitem .hnewsinfo .hnewsmore{height:40px; float:left; cursor:pointer; line-height:40px; border:1px solid #AAAAAA; padding:0px 15px; border-radius:3px; margin:20px 0px 0px 0px;transition:0.2s; color:#666666;}
.hnews .hnewscon .hnewslist li .hnewsitem .hnewsinfo .hnewsmore:hover{border:1px solid #3CB370;  color:#3CB370;}


.hproduct{width:100%; float:left; padding:50px 0px;}
.hproduct .hproductcover{width:100%; float:left;}
.hproduct .hproductcover .etitle{line-height:36px; padding:0px; width:100%; font-size:36px; float:left; font-weight:bold; color:#000000; color:#000000; text-align:center;}
.hproduct .hproductcover .ctitle{line-height:30px; font-size:30px;  float:left; font-weight:bold; margin:10px 0px 0px 0px; width:100%; text-align:center;}
.hproduct .hproductcover .line{width:100%; float:left; padding:15px 0px;}
.hproduct .hproductcover .line i{height:10px; width:60px;  background:#3CB370; float:none; display:block; margin:0px auto;}
.hproduct .hproductcon{width:100%; float:left;}
.hproduct .hproductcon .hproductlist{width:100%; float:left; margin:30px 0px 0px 0px;}
.hproduct .hproductcon .hproductlist li{width:380px; height:420px; float:left;transition:0.2s; margin:0px 0px 0px 30px;}
.hproduct .hproductcon .hproductlist li:first-child{margin:0px;}
.hproduct .hproductcon .hproductlist li a{width:100%; height:100%; float:left; cursor:pointer; background-color:rgba(0,0,0,0.1); background-size:100% auto;transition:0.3s;}
.hproduct .hproductcon .hproductlist li a .icon{width:100%; height:120px; float:left; background:url('/Images/artImg/a8.png') no-repeat center center; margin:50px 0px 0px 0px;transition:0.5s;}
.hproduct .hproductcon .hproductlist li a .protitle{height:36px; width:90%; float:left;color:#FFFFFF; font-size:30px; font-weight:bold; text-align:center;  margin:90px 0px 0px 5%;transition:0.5s;}
.hproduct .hproductcon .hproductlist li a .prodes{ visibility:hidden; line-height:22px; width:92%; margin:30px 0px 0px 4%; float:left; color:#FFFFFF; font-size:16px;transition:0.3s;}
.hproduct .hproductcon .hproductlist li a:hover{background-color:rgba(0,0,0,0.3);}
.hproduct .hproductcon .hproductlist li a:hover>.icon{margin:60px 0px 0px 0px;}
.hproduct .hproductcon .hproductlist li a:hover>.prodes{ visibility:visible;}
.hproduct .hproductcon .hproductlist li a:hover>.protitle{margin:30px 0px 0px 5%;}


.hcase{width:100%; float:left; padding:50px 0px;}
.hcase .hcasecover{width:100%; float:left;}
.hcase .hcasecover .etitle{line-height:36px; padding:0px; width:100%; font-size:36px; float:left; font-weight:bold; color:#000000; color:#000000; text-align:center;}
.hcase .hcasecover .ctitle{line-height:30px; font-size:30px;  float:left; font-weight:bold; margin:10px 0px 0px 0px; width:100%; text-align:center;}
.hcase .hcasecover .line{width:100%; float:left; padding:15px 0px;}
.hcase .hcasecover .line i{height:10px; width:60px;  background:#3CB370; float:none; display:block; margin:0px auto;}
.hcase .hcasecon{width:100%; float:left; overflow:hidden;}
.hcase .hcasecon .leftdiv{width:70px; height:330px; float:left;}
.hcase .hcasecon .rightdiv{width:70px; height:330px; float:right;}
.hcase .hcasecon .hcaselistdiv{height:330px; float:none; margin:0px 70px;}
.hcase .hcasecon .hcaselistdiv .swiper-wrapper .swiper-slide{float:left; width:390px; height:330px;  margin:0px 0px 0px 0px; background:url('/Images/artImg/a11.png') no-repeat center center; background-size:100% 100%;}
.hcase .hcasecon .hcaselistdiv .swiper-wrapper .swiper-slide .hcaseitem{float:left; width:390px; height:330px;background-color:rgba(0,0,0,0.2); background-size:100% 100%; }
.hcase .hcasecon .hcaselistdiv .swiper-wrapper .swiper-slide .hcaseitem .ctitle{width:90%; float:left; margin:120px 0px 0px 5%; color:#FFFFFF; font-size:30px; line-height:32px;  text-align:center; font-weight:bold;transition:0.3s;}
.hcase .hcasecon .hcaselistdiv .swiper-wrapper .swiper-slide .hcaseitem .csubtitle{width:90%; float:left; margin:5px 0px 0px 5%; color:#FFFFFF; font-size:30px; line-height:32px;  text-align:center; font-weight:bold;transition:0.3s;}
.hcase .hcasecon .hcaselistdiv .swiper-wrapper .swiper-slide .hcaseitem .cdes{visibility:hidden;width:90%; float:left; margin:30px 0px 0px 5%; color:#FFFFFF; font-size:16px; line-height:20px; text-align:left; max-height:80px; overflow:hidden;transition:0.3s;}
.hcase .hcasecon .hcaselistdiv .swiper-wrapper .swiper-slide .hcaseitem .clink{ visibility:hidden; height:40px; width:100%; float:left;  margin:30px 0px 0px 0px; transition:0.3s;}
.hcase .hcasecon .hcaselistdiv .swiper-wrapper .swiper-slide .hcaseitem .clink a{height:40px; line-height:40px; width:100px; float:none; margin:0px auto;border:1px solid #FFFFFF; cursor:pointer; display:block; text-align:center; border-radius:2px; color:#FFFFFF; font-size:16px;opacity:0.8;transition:0.3s;}
.hcase .hcasecon .hcaselistdiv .swiper-wrapper .swiper-slide .hcaseitem .clink a:hover{opacity:1;}
.hcase .hcasecon .hcaselistdiv .swiper-wrapper .swiper-slide .hcaseitem:hover{background-color:rgba(0,0,0,0.6);}
.hcase .hcasecon .hcaselistdiv .swiper-wrapper .swiper-slide .hcaseitem:hover>.ctitle{margin:30px 0px 0px 5%;}
.hcase .hcasecon .hcaselistdiv .swiper-wrapper .swiper-slide .hcaseitem:hover>.cdes{ visibility:visible;}
.hcase .hcasecon .hcaselistdiv .swiper-wrapper .swiper-slide .hcaseitem:hover>.clink{visibility:visible;}
.hcase .morediv{width:100%; float:left; margin:40px 0px 0px 0px;}
.hcase .morediv a{height:40px; width:80px; float:none; cursor:pointer; line-height:40px; border:1px solid #AAAAAA; padding:0px 15px; border-radius:3px; margin:0px auto;transition:0.2s; display:block; text-align:center;}
.hcase .morediv a:hover{border:1px solid #3CB370; color:#3CB370;}


.hlink{width:100%; float:left; padding:50px 0px;}
.hlink .hlinkcover{width:100%; float:left;}
.hlink .hlinkcover .etitle{line-height:36px; padding:0px; width:100%; font-size:36px; float:left; font-weight:bold; color:#000000; color:#000000; text-align:center;}
.hlink .hlinkcover .ctitle{line-height:30px; font-size:30px;  float:left; font-weight:bold; margin:10px 0px 0px 0px; width:100%; text-align:center;}
.hlink .hlinkcover .line{width:100%; float:left; padding:15px 0px;}
.hlink .hlinkcover .line i{height:10px; width:60px;  background:#3CB370; float:none; display:block; margin:0px auto;}
.hlink .hlinkcon{width:100%; float:left;}
.hlink .hlinkcon .hlinklist{width:100%; float:left; padding:0px 0px 30px 0px;}
.hlink .hlinkcon .hlinklist li{height:100px; width:280px; float:left; margin:30px 0px 0px 26px;}
.hlink .hlinkcon .hlinklist li:nth-child(4n+1){margin-left:0px;}
.hlink .hlinkcon .hlinklist li a{height:100%; width:100%; float:left; border:1px solid #CCCCCC;box-sizing:border-box;}
.hlink .hlinkcon .hlinklist li a img{height:100%; width:100%; float:left;}


.mapbg{background:url('/Images/toolImg/Icon03.png') no-repeat center center; background-size:100% auto;}
.hcontact{width:450px; float:left; background-color:#3CB370; padding:0px 35px;}
.hcontact .hcontactcover{float:left; width:100%;}
.hcontact .hcontactcover .etitle{line-height:36px; padding:10px 0px; font-size:36px; float:left; font-weight:bold; color:#000000; margin:50px 0px 0px 0px; color:#FFFFFF; width:100%;}
.hcontact .hcontactcover .ctitle{width:100%; float:left;}
.hcontact .hcontactcover .ctitle span{line-height:30px; font-size:30px;  float:left; font-weight:bold; margin:10px 0px 0px 0px; color:#FFFFFF;  width:100%;}
.hcontact .hcontactcover .ctitle i{height:10px; width:60px;  background:#FFFFFF; float:left; margin:30px 0px 0px 0px;}
.hcontact .hcontactcon{width:100%; float:left; padding:40px 0px;}
.hcontact .hcontactcon .p400{line-height:40px; font-size:40px; font-weight:bold; width:100%; float:left; color:#FFFFFF;}
.hcontact .hcontactcon .conitem{line-height:30px; min-width:51%; float:left; color:#FFFFFF; margin:10px 0px 0px 0px; font-size:16px;background-size:20px 20px;padding:0px 0px 0px 30px;}
.hcontact .hcontactcon .conitem.phone{background:url('/Images/toolImg/Icon04.png') no-repeat 0px center; background-size:20px 20px;}
.hcontact .hcontactcon .conitem.email{background:url('/Images/toolImg/Icon05.png') no-repeat 0px center; background-size:16px 16px;}
.hcontact .hcontactcon .conitem.url{background:url('/Images/toolImg/Icon06.png') no-repeat 0px center; background-size:20px 20px;}
.hcontact .hcontactcon .conitem.address{background:url('/Images/toolImg/Icon07.png') no-repeat -2px center; background-size:25px 25px;}

/*新闻列表*/
.newslistdiv{width:100%; float:left;}
.newslistdiv .newslistnav{float:left; width:100%; height:60px; text-align:center; border-bottom:1px solid #E2E2E2;}
.newslistdiv .newslistnav li{float:left;transition:0.2s;}
.newslistdiv .newslistnav li a{height:58px; line-height:58px; float:left; padding:0px 20px; font-size:16px; cursor:pointer; color:#555555; }
.newslistdiv .newslistnav li a:hover,.newslistdiv .newslistnav li a.active{color:#3CB370; border-bottom:3px solid #3CB370;}
.newslistdiv .newslist{width:100%; float:left; padding:50px 0px 0px 0px;}
.newslistdiv .newslist li{width:100%; margin:0px 0px 30px 0px; padding:10px 0px 10px 0px; border-bottom:1px dotted #E2E2E2; float:left;}
.newslistdiv .newslist li:last-child{border-bottom:0px;}
.newslistdiv .newslist li:hover{box-shadow: 0px 0px 5px #888888;transition:0.2s;}
.newslistdiv .newslist li .ndiv{width:100%; float:left;}
.newslistdiv .newslist li .ndiv img{width:220px; height:150px; float:left; margin:0px 0px 0px 10px;}
.newslistdiv .newslist li .ndiv .cdiv{float:none; margin:0px 10px 0px 250px; height:150px; overflow:hidden;}
.newslistdiv .newslist li .ndiv .tdiv{width:100%; float:left; margin:10px 0px 0px 0px;}
.newslistdiv .newslist li .ndiv .tdiv a{line-height:20px; float:left; cursor:pointer; color:#3CB370; font-size:16px;}
.newslistdiv .newslist li .ndiv .tdiv a:hover{opacity:0.8;}
.newslistdiv .newslist li .ndiv .cdiv .ntime{width:100%; float:left; height:50px; line-height:50px; color:#888888;}
.newslistdiv .newslist li .ndiv .cdiv .ndes{width:100%; float:left; max-height:60px; line-height:30px; color:#333333; margin:0px 0px 0px 0px;line-clamp:2;text-overflow:ellipsis; overflow:hidden;}
.pagul{width:100%; float:left; margin:20px 0px 0px 0px; text-align:center; padding:0px 0px 10px 0px;}
.pagul li{margin:10px 5px 0px 0px; display:inline-block;}
.pagul li a{height:30px; width:30px; float:left; line-height:30px; text-align:center; cursor:pointer;transition:0.2s;}
.pagul li a:hover,.pagul li a.active{border-radius:50%; color:#FFFFFF; background-color:#3CB370;}

.newscon{width:100%; float:left; margin:50px 0px 0px 0px;}
.newscon .newstitle{float:left; width:100%; text-align:center; line-height:30px; font-size:20px; font-weight:600; color:#333333; padding:10px 0px;}
.newscon .newstime{float:left; line-height:20px; width:100%; color:#888888; text-align:center; border-bottom:1px solid #E2E2E2; padding:0px 0px 20px 0px;}
.newscon .newsinfo{width:100%; float:left; margin:10px 0px 0px 0px; padding:0px 0px 20px 0px;}
.newscon .newsinfo p{float:left; width:100%;  line-height:26px; text-indent:32px; font-size:16px; margin:20px 0px 0px 0px;}
.newscon .newsinfo p.noindent{text-indent:0px;}
.newscon .newsinfo p.icon1{background:url('/Images/toolImg/Icon08.png') no-repeat 15px 8px; background-size:10px;}
.newscon .newsinfo p.right{text-align:right;}
.newscon .newsinfo p.center{text-align:center;}
.newscon .newsinfo p.pimg{float:left; width:100%; margin:20px 0px 0px 0px; text-align:center;text-indent:0px;}
.newscon .newsinfo p b{color:#333333;}
.newscon .newsinfo p img{max-width:92%;box-shadow: 0px 0px 10px #CCCCCC; }
.newscon .newsinfo .borderdiv{width:880px; float:left; padding:15px; border:1px dotted #AAAAAA; margin:20px 0px 20px 145px;}
.newscon .newsinfo .borderdiv p{float:left; width:100%;  line-height:20px; text-indent:32px; font-size:16px; margin:8px 0px 0px 0px;}
.newscon .newsinfo .borderdiv p .green{color:#3CB370;}
.newscon .newsinfo .taiyidiv{width:100%; float:left;}
.newscon .newsinfo .taiyidiv .item{width:100%; float:left;  position:relative; margin:50px 0px 0px 0px; background:#FFFFFF;box-shadow: 0px 0px 5px #CCCCCC;}
.newscon .newsinfo .taiyidiv .item .l{top:0px; bottom:0px; position:absolute; width:230px; float:left; background:#3CB370;align-items:center;justify-content:center;  display:flex;}
.newscon .newsinfo .taiyidiv .item:nth-child(2n+2)>.l{background:#2D89C0;}
.newscon .newsinfo .taiyidiv .item .l div{text-align:center; display:block;}
.newscon .newsinfo .taiyidiv .item .l div span{width:210px; float:left; line-height:26px; text-align:center; margin:20px 0px 0px 10px; font-size:24px; color:#FFFFFF;}
.newscon .newsinfo .taiyidiv .item .r{float:none; margin:0px 20px 0px 250px;}
.newscon .newsinfo .taiyidiv .item .r div{width:100%; float:left; padding:40px 0px;}
.newscon .newsinfo .taiyidiv .item .r div h3{line-height:30px; width:100%; float:left; color:#333333; border-bottom:1px solid #EEEEEE; padding:0px 0px 10px 0px; font-size:18px;}
.newscon .newsinfo .taiyidiv .item .r div span{width:100%; float:left; font-size:16px; line-height:30px; color:#444444; margin:20px 0px 0px 0px;}




/*产品列表*/
.productlistdiv{width:100%; float:left;}
.productlistdiv .productlistnav{float:left; width:100%; height:60px; text-align:center; border-bottom:1px solid #E2E2E2;}
.productlistdiv .productlistnav li{float:left;transition:0.2s;}
.productlistdiv .productlistnav li a{height:58px; line-height:58px; float:left; padding:0px 20px; font-size:16px; cursor:pointer; color:#555555; }
.productlistdiv .productlistnav li a:hover,.productlistdiv .productlistnav li a.active{color:#3CB370; border-bottom:3px solid #3CB370;}
.productlistdiv .productcon{width:820px; float:left; padding:40px 0px; margin:0px 0px 0px 200px;}
.productlistdiv .productcon .producttitle{float:left; width:100%; text-align:center; line-height:30px; font-size:28px; font-weight:600; color:#333333; padding:10px 0px;}
.productlistdiv .productcon p{float:left; width:100%;  line-height:32px; text-indent:32px; font-size:16px; margin:20px 0px 0px 0px;}
.productlistdiv .productcon p.noindent{text-indent:0px;}
.productlistdiv .productcon p.pimg{float:left; width:100%; margin:20px 0px 0px 0px; text-align:center;text-indent:0px;}
.productlistdiv .productcon p img{max-width:92%;box-shadow: 0px 0px 10px #CCCCCC; }
.productlistdiv .productlistul{width:100%; float:left; text-align:center; padding:0px 0px 60px 0px;}
.productlistdiv .productlistul li{margin:60px 52px 0px 0px; display:inline-block;}
.productlistdiv .productlistul li:nth-child(5n+5){margin:60px 0px 0px 0px;}
.productlistdiv .productlistul li a{width:190px; height:160px; float:left; border-radius:3px; border:2px solid #3CB370; cursor:pointer;transition:0.2s;}
.productlistdiv .productlistul li a:hover{box-shadow: 0px 0px 10px #3CB370;}
.productlistdiv .productlistul li a i{height:80px; width:80px; float:left; background:url('/Images/artImg/p1.png') no-repeat center center; background-size:100% 100%; margin:20px 0px 0px 55px;}
.productlistdiv .productlistul li a span{width:170px; height:40px; line-height:20px; float:left; margin:10px 0px 0px 10px; color:#555555; font-size:16px; text-align:center; font-weight:600; overflow:hidden;}


/*案例列表*/
.caselistdiv{width:100%; float:left; margin:20px 0px 0px 0px; padding:30px 0px 50px 0px;}
.caselistdiv .casenavdiv{width:300px; float:left;}
.caselistdiv .casenavdiv .casenav{width:100%; float:left; overflow:hidden;}
.caselistdiv .casenavdiv .casenav li{width:100%; float:left; height:50px; overflow:hidden;}
.caselistdiv .casenavdiv .casenav li.active>a{color:#3CB370; font-weight:600;box-sizing:border-box;}
.caselistdiv .casenavdiv .casenav li a{height:50px; line-height:50px; float:left; cursor:pointer; font-size:18px; color:#555555;}
.caselistdiv .casecon{width:850px; float:left; margin:0px 0px 0px 50px;}
.caselistdiv .casecon h1{width:100%; height:50px; line-height:50px; float:left; border-bottom:1px solid #E2E2E2; font-size:20px; color:#333333; font-weight:600;}
.caselistdiv .casecon .casedetail{width:100%; float:left;}
.caselistdiv .casecon .casedetail .ch{height:40px; line-height:40px; float:left; color:#FFFFFF; background:#3CB370; padding:0px 20px; border-radius:2px; margin:30px 0px 0px 0px;}
.caselistdiv .casecon .casedetail p{float:left; width:100%;  line-height:26px; text-indent:32px; font-size:16px; margin:20px 0px 0px 0px;}
.caselistdiv .casecon .casedetail .sc{ text-indent:0px; width:830px; padding:0px 0px 0px 20px; background:url('/Images/toolImg/Icon08.png') no-repeat 0px 8px; background-size:10px 10px;}

/*服务能力*/
.newslistdiv .servicescon{width:100%; float:left; margin:50px 0px 0px 0px;}
.newslistdiv .servicescon .servicestitle{float:left; width:100%; text-align:center; line-height:30px; font-size:30px; font-weight:600; color:#3CB370; padding:10px 0px;}
.newslistdiv .servicescon .servicesinfo{width:100%; float:left; margin:10px 0px 0px 0px; padding:0px 0px 20px 0px;}
.newslistdiv .servicescon .servicesinfo p{float:left; width:100%;  line-height:32px; text-indent:32px; font-size:16px; margin:20px 0px 0px 0px;}
.newslistdiv .servicescon .servicesinfo p.noindent{text-indent:0px;}
.newslistdiv .servicescon .servicesinfo p.right{text-align:right;}
.newslistdiv .servicescon .servicesinfo p.center{text-align:center;}
.newslistdiv .servicescon .servicesinfo p.pimg{float:left; width:100%; max-width:100%; margin:20px 0px 0px 0px; text-align:center;text-indent:0px;}
.newslistdiv .servicescon .servicesinfo p img{max-width:92%;box-shadow: 0px 0px 10px #CCCCCC; }

/*关于极晨*/
.newslistdiv .servicescon .aboutinfo{width:100%; float:left; margin:10px 0px 0px 0px; padding:0px 0px 20px 0px;}
.newslistdiv .servicescon .aboutinfo .timelinediv{width:100%; float:left;}
.newslistdiv .servicescon .aboutinfo .timelinediv .timelinecon{width:100%; float:left;}
.newslistdiv .servicescon .aboutinfo .timelinediv .timelinecon .item{width:100%; float:left;}
.newslistdiv .servicescon .aboutinfo .timelinediv .timelinecon .item .ico{width:10px; height:10px; float:left; border:1px solid #3CB370; border-radius:50%; margin:7px 0px 0px 0px;}
.newslistdiv .servicescon .aboutinfo .timelinediv .timelinecon .item .ti{float:left; font-size:20px; float:left; color:#3CB370; margin:0px 0px 0px 10px;}
.newslistdiv .servicescon .aboutinfo .timelinediv .timelinecon .item .indiv{width:1180px; padding:15px 0px 25px 15px; float:left; border-left:1px solid #E6E6E6; margin:0px 0px 0px 5px;}
.newslistdiv .servicescon .aboutinfo .timelinediv .timelinecon .item .indiv p{float:left; width:100%;  line-height:26px; font-size:16px; margin:10px 0px 0px 0px;}

/*资质荣誉*/
.newslistdiv .servicescon .aboutinfo .honorlist{width:100%; float:left; text-align:center; padding:0px 0px 50px 0px;}
.newslistdiv .servicescon .aboutinfo .honorlist li{display:inline-block; margin:50px 20px 0px 0px;}
.newslistdiv .servicescon .aboutinfo .honorlist li:nth-child(4n+4){margin-right:0px;}
.newslistdiv .servicescon .aboutinfo .honorlist li a{float:left;box-shadow: 0px 0px 10px #E2E2E2;max-width:280px;}
.newslistdiv .servicescon .aboutinfo .honorlist li a:hover{box-shadow: 0px 0px 10px #CCCCCC;transition:0.2s;}
.newslistdiv .servicescon .aboutinfo .honorlist li a img{float:left;}
.newslistdiv .servicescon .aboutinfo .honorlist li a span{line-height:30px; padding:5px 0px; float:left; max-width:280px; width:100%; text-align:center; font-size:16px; color:#333333;}

/*企业文化*/
.newslistdiv .servicescon .culinfo{width:100%; float:left; margin:10px 0px 0px 0px; padding:0px 0px 20px 0px;}
.newslistdiv .servicescon .culitem{width:460px; float:left; padding:40px;box-shadow: 0px 0px 10px #E2E2E2; margin:0px 20px 50px 0px;transition:0.2s;}
.newslistdiv .servicescon .culitem:nth-child(2n+2){margin-left:80px;}
.newslistdiv .servicescon .culitem:hover{box-shadow: 0px 0px 10px #CCCCCC;}
.newslistdiv .servicescon .culitem .ico{height:100px; width:100px; float:left; background:#3CB370; border-radius:50%; }
.newslistdiv .servicescon .culitem .ico.i1{background:url('/Images/toolImg/Icon09.png') no-repeat center center;}
.newslistdiv .servicescon .culitem .ico.i2{background:url('/Images/toolImg/Icon10.png') no-repeat center center;}
.newslistdiv .servicescon .culitem .ico.i3{background:url('/Images/toolImg/Icon11.png') no-repeat center center;}
.newslistdiv .servicescon .culitem .ico.i4{background:url('/Images/toolImg/Icon12.png') no-repeat center center;}
.newslistdiv .servicescon .culitem div{float:left; margin:0px 0px 0px 30px;width:320px;}
.newslistdiv .servicescon .culitem div .ti{line-height:20px; color:#333333; font-size:18px; float:left; margin:10px 0px 20px 0px; width:100%;}
.newslistdiv .servicescon .culitem div .des{line-height:20px; float:left; color:#666666; width:100%; font-size:16px;}


/*诚聘英才*/
.newslistdiv .servicescon .jobdiv{width:100%; float:left;}
.newslistdiv .servicescon .jobdiv .jobcon{width:100%; float:left; padding:0px 0px 30px 0px;}
.newslistdiv .servicescon .jobdiv .jobcon .jobitem{width:100%; float:left; padding:30px 0px 30px 0px; border-bottom:1px dotted #CCCCCC;}
.newslistdiv .servicescon .jobdiv .jobcon .jobitem:last-child{border-bottom:0px;}
.newslistdiv .servicescon .jobdiv .jobcon .jobitem h3{line-height:30px; padding:5px 0px; float:left; width:100%; font-size:22px; color:#3CB370;}
.newslistdiv .servicescon .jobdiv .jobcon .jobitem .des1{line-height:26px; padding:2px 0px; float:left; width:100%; font-size:18px; color:#333333;}
.newslistdiv .servicescon .jobdiv .jobcon .jobitem p{float:left; width:100%;  line-height:32px; font-size:16px; margin:5px 0px 0px 0px;}
.newslistdiv .servicescon .jobdiv .jobcon .jobitem .des2{line-height:26px; padding:5px 0px; float:left; width:100%; font-size:18px; color:#333333; margin:20px 0px 0px 0px;}

/*联系我们*/
.newslistdiv .servicescon .contactdiv{width:100%; float:left;}
.newslistdiv .servicescon .contactdiv .contactlist{width:100%; float:left; text-align:center; background:#3CB370; margin:30px 0px 0px 0px;}
.newslistdiv .servicescon .contactdiv .contactlist li{width:280px; height:60px; float:left; padding:150px 0px 20px 0px; margin:0px 26px 0px 0px;}
.newslistdiv .servicescon .contactdiv .contactlist li:nth-child(4n+3){margin:0px;}
.newslistdiv .servicescon .contactdiv .contactlist li.i1{background:url('/Images/toolImg/Icon13.png') no-repeat center 30px;}
.newslistdiv .servicescon .contactdiv .contactlist li.i2{background:url('/Images/toolImg/Icon14.png') no-repeat center 30px;}
.newslistdiv .servicescon .contactdiv .contactlist li.i3{background:url('/Images/toolImg/Icon15.png') no-repeat center 30px;}
.newslistdiv .servicescon .contactdiv .contactlist li.i4{background:url('/Images/toolImg/Icon16.png') no-repeat center 30px;}
.newslistdiv .servicescon .contactdiv .contactlist li span{line-height:20px; width:92%; padding:5px 4%; text-align:center; color:#FFFFFF; float:left; font-size:16px;}


.bnav{width:100%; float:left; padding:60px 0px;}
.bnav .logo{float:left; margin:0px 0px 0px 0px; max-width:170px;}
.bnav .logo .logoimg{float:left;}
.bnav .logo .qrcodeimg{height:149px; width:149px; float:left; margin:20px 0px 0px 10px;}
.bnav .logo span{width:100%; float:left; line-height:22px; color:#FFFFFF; text-align:center;}
.bnav .logo span:first-child{margin-top:10px;}
.bnav .bnavcon{float:left;}
.bnav .bnavcon .bnavcol{float:left; margin:0px 0px 0px 80px; max-width:100px;}
.bnav .bnavcon .bnavcol .mitem{float:left; color:#FFFFFF; font-size:18px; cursor:pointer; line-height:20px; padding:5px 0px; width:100%;}
.bnav .bnavcon .bnavcol .sitem{float:left; color:#B2B2B2; cursor:pointer; line-height:20px; margin:10px 0px 0px 0px;width:100%;}
.bnav .bnavcon .bnavcol .sitem:hover{color:#FFFFFF;}
.bdes{width:100%; float:left; text-align:center; line-height:20px; padding:20px 0px; color:#979797;}
.bdes a{color:#979797; cursor:pointer;}