@charset "utf-8";
/* CSS Document */

body,html{ width:100%; height:100%;}
body,html,div{ margin:0; padding:0; border:0;}
body,html,div,a,p,span,ul,li,dl,dd,h1,h2,h3,h4,h5,h6,input,textarea{ margin:0; padding:0;border:0; font:14px "微软雅黑"; color:#555;  list-style:none;}
img { border:0; }
a{ text-decoration:none;}




.topbar {width:100%; height:32px; max-width:1920px;margin:0 auto; display:block; background:#f5f5f5;}
.topbarz{width:1200px; height:32px; margin:0 auto;}
.topbar .th { height:40px; line-height:30px; color:#b2b2b2;}

/**/
.header { width:100%; height:auto; overflow:hidden; padding:30px 0px;max-width:1920px;margin:0 auto;}
.headerz{width:1200px; height:auto; overflow:hidden; margin:0 auto;}
.head-lea{ float:left; width:516px; height:auto; overflow:hidden;}
.head-lea img{ max-width:100%;}


.head-lec{ float:right; background:url(../images/dh.png) left center no-repeat; padding-left:60px; margin-top:5px;}
.head-lec p span{ font-size:16px; color:#337abf; text-transform:uppercase; }
.head-lec p font{ font-size:24px; color:#000; font-weight:bold;}


/**/

#navbar{ z-index:999; background:#38b039;max-width:1920px;margin:0 auto;width:100%;}
.navbarz{width:1200px; height:auto; overflow:hidden; margin:0 auto;}
.navbarz ul li{ float:left;cursor:pointer; text-align:center; width:171px; height:46px; line-height:46px; background:url(../images/dfgx.jpg) left center no-repeat;}
.navbarz ul li a { text-align:center; color:#fff; display:inline-block;font-size:16px; width:100%; height:46px; line-height:46px; text-transform:uppercase;}
.navbarz ul li a span{ background:url(../images/xfz.png) left center no-repeat; display:inline-block; height:46px; line-height:46px; padding-left:20px;font-size:16px; color:#fff;}
.navbarz ul li.on{background:#337abf; color:#fff;}
.navbarz ul li.on a{ color:#fff;}
.navbarz ul li:nth-child(1).on{background:#337abf;}
.navbarz ul li:hover{ background:#337abf; }
.navbarz ul li:hover a{color:#fff;}
.fixed-nav{position: fixed; z-index:999;width:100%;top:0px; left:0%; z-index:999;}

/*  banner */
.focus{ position:relative; width:100%; height:auto; overflow:hidden; overflow:hidden; z-index:0; margin:0 auto; }
.fcon{width:100%; height:auto; overflow:hidden;} 
.focus .fcon div{ position:relative; left:50%; top:0px; width:1920px; margin-left:-960px ; text-align:center;}
.focus .a{ position:absolute; left:50%; top:0px; width:1920px; margin-left:-960px }  
.focus div a img{ width:100%;}
.focus .D1fBt a i{}   
.focus .prev,.focus .next{position:absolute;width:48px;height:48px; cursor:pointer; top:50%; margin-top:-20px;}
.fbg{ position:absolute; width:1920px;top:93%; left:50%;height:auto; overflow:hidden;  z-index:9999; text-align:center;margin-left:-960px}
.fbg .D1fBt{z-index:9999; display:inline-table;}
.fbg .D1fBt a{ width:14px; height:14px;margin:0px 8px; display:inline-block;z-index:9999; text-align:center; line-height:20px; font-size:14px; background:#dcdcdc; border-radius:14px;}
.fbg .D1fBt a.current{background:#66a919; width:35px;}

/*公司产品*/
.product{width:100%; height:auto; overflow:hidden; padding:80px 0px; margin:0 auto; background:url(../images/bg1.jpg) center center no-repeat;}
.productTop{ width:1200px; height:auto; overflow:hidden; margin:0 auto;}
.productTop h1{ text-align:center; font-size:38px; color:#000; font-weight:bold; padding-bottom:5px;}
.productTop p{ text-align:center; display:inline-block;width:100%; height:auto; overflow:hidden; margin-top:10px;}
.productTop p i{ display:inline-block; width:32px; height:2px; overflow:hidden; background:#38b039;}
.productTop p span{ font-size:14px; color:#666;}
.productCent{width:1200px; height:auto; overflow:hidden; margin:0 auto; margin-top:45px;}
.productCLeft{ float:left; width:266px; height:auto; overflow:hidden;}
.productCLeft .prod1{width:100%; height:92px; overflow:hidden; background:#337abf; position:relative;}
.productCLeft .prod1 span{ font-size:28px; color:#fff;line-height:92px; font-weight:bold; left:32px; position:absolute; z-index:99; letter-spacing:1px;}
.productCLeft .prod1 font{ font-size:63px; color:#4181c2; line-height:92px; font-weight:bold; right:20px; position:absolute; z-index:1;}
.productCLeft .prod2{ border:4px #337abf solid; width:258px; height:auto; overflow:hidden; background:#fff; padding:10px 0px;}
.productCLeft .prod2 ul{ width:230px; height:auto; overflow:hidden; margin:0 auto;}
.productCLeft .prod2 ul li{display:inline-block; width:100%; height:54px; border-radius:4px; overflow:hidden; background:#f1f1f1; margin:8px 0px;}
.productCLeft .prod2 ul li a{ display:block; height:auto; overflow:hidden; padding:0px 20px;}
.productCLeft .prod2 ul li a span{ display:block;width:100%; height:54px; overflow:hidden; font-size:18px; color:#333; line-height:53px; background:url(../images/lef1.png) right center no-repeat;}
.productCLeft .prod2 ul li:hover a span{ color:#38b039; background:url(../images/lef2.png) right center no-repeat;transition: all 0.2s;}

.productCRight{ float:right; width:912px; height:auto; overflow:hidden;}
.productCRight .prodr1{width:100%; height:auto; overflow:hidden;margin-top:30px;}
.prodr1 .prodr1a{ float:left; width:452px;height:auto; overflow:hidden; margin-left:12px; background:#fff;}
.prodr1 .prodr1a .omb1{ float:left; width:230px; height:44px; padding-left:30px; background:url(../images/fdj.png) left center no-repeat; margin-left:55px; font-size:16px; color:#9f9e9e; line-height:42px;}
.prodr1 .prodr1a .omb2{ float:right; width:127px; height:44px; overflow:hidden; background:#38b039; font-size:16px; color:#fff; cursor:pointer;}
.prodr1 .prodr1b{ float:right; width:420px;height:auto; overflow:hidden;}
.prodr1 .prodr1b span{ float:left; font-size:14px; color:#000;line-height:42px;}
.prodr1 .prodr1b a{ float:left; font-size:14px; color:#000; margin-right:12px;line-height:42px;}
.prodr1 .prodr1b a:hover{ color:#38b039;}
.productCRight .prodr2{width:100%; height:auto; overflow:hidden; margin-top:31px;}
.productCRight .prodr2 ul li{ float:left; border:3px #fff solid; background:#fff; width:286px; height:auto; overflow:hidden; margin-left:12px; margin-top:12px;}
.productCRight .prodr2 ul li div{width:100%; height:227px; overflow:hidden;position:relative;display:table-cell;text-align:center;vertical-align:middle;}
.productCRight .prodr2 ul li div span{position:static;+position:absolute;top:50%;}
.productCRight .prodr2 ul li div span img{max-height:100%; max-width:100%;position:static;+position:relative;top:-50%;left:-50%;transition: all 0.2s;}
.productCRight .prodr2 ul li p{ display:inline-block; width:100%; height:50px; overflow:hidden; text-align:center;}
.productCRight .prodr2 ul li p span{ font-size:16px; color:#666; line-height:49px;}
.productCRight .prodr2 ul li:hover div span img{transform: scale(1.1);}
.productCRight .prodr2 ul li:hover p span{ color:#38b039; transition: all 0.2s;}

/*公司产品应用案例*/
.case{width:100%; height:auto; overflow:hidden; padding:80px 0px; margin:0 auto; background:#fff;}
.caseTop{ width:1200px; height:auto; overflow:hidden; margin:0 auto;}
.caseCent{width:1200px; height:auto; overflow:hidden; margin:0 auto; text-align:center; margin-top:40px;}
.caseCent div{ display:inline-table;}
.caseCent div ul li{ float:left; font-size:20px; color:#555; padding:0px 13px; border-left:1px #555 solid;}
.caseCent div ul li.om{ border-left:0px;}
.caseCent div ul li.active{ color:#38b039; cursor:pointer;}
.caseBot{width:1213px; height:auto; overflow:hidden; margin:0 auto; margin-top:50px;}
.caseBotz{width:100%; height:auto; overflow:hidden;}
.caseBotz ul li{ float:left; width:289px; height:315px; overflow:hidden; margin:7px;position:relative;}
.caseBotz ul li .csp1{width:100%; height:267px; overflow:hidden; position:relative;}
.caseBotz ul li .csp1 .csp1a{width:100%; height:267px; overflow:hidden;position:relative;display:table-cell;text-align:center;vertical-align:middle;}
.caseBotz ul li .csp1 .csp1a span{position:static;+position:absolute;top:50%;}
.caseBotz ul li .csp1 .csp1a span img{max-height:100%; max-width:100%;position:static;+position:relative;top:-50%;left:-50%;transition: all 0.2s;}
.caseBotz ul li .csp1 .csp1b{width:100%; height:100%; overflow:hidden; background:rgba(56,176,57,0.93); position:absolute; top:267px;}
.caseBotz ul li .csp2{width:100%; height:auto; overflow:hidden; text-align:center; font-size:16px; color:#696969; margin-top:15px; position:absolute; top:267px; left:0px;}
.caseBotz ul li:hover .csp2{  top:120px; transition: all 0.2s; color:#fff;}
.caseBotz ul li:hover .csp1 .csp1b{ top:0px;transition: all 0.2s;}
.caseBotz ul li:hover .csp1 .csp1a span img{transform: scale(1.1);}

.caseMore{ width:1200px; height:auto; overflow:hidden; margin:0 auto; text-align:center; margin-top:40px;}
.caseMore a{ display:inline-block; width:227px; height:55px; overflow:hidden; background:#59b944; font-size:18px; color:#fff; text-align:center; line-height:54px;}
.caseMore a:hover{ background:#278d11;transition: all 0.2s;}

/*阿瑞克的优势*/
.advant{width:100%; height:auto; overflow:hidden; padding:80px 0px; margin:0 auto; background:url(../images/bg2.jpg) center center no-repeat;}
.advantTop{ width:1200px; height:auto; overflow:hidden; margin:0 auto;}
.advantTop h1{ text-align:center; font-size:38px; color:#fff; font-weight:bold; padding-bottom:5px;}
.advantTop p{ text-align:center; display:inline-block;width:100%; height:auto; overflow:hidden; margin-top:10px;}
.advantTop p i{ display:inline-block; width:32px; height:2px; overflow:hidden; background:#fff;}
.advantTop p span{ font-size:14px; color:#fff;}
.advantCent{width:1213px; height:auto; overflow:hidden; margin:0 auto; margin-top:65px;}
.advantCent ul li{ float:left; width:241px; height:425px; overflow:hidden; padding:0px 25px; background:#fff; margin:15px 6px;}
.advantCent ul li .omb1{ width:108px; height:108px; overflow:hidden; margin:0 auto; position:relative; margin-top:50px;}
.advantCent ul li .omb1 .omb1a{ position:absolute; top:0px; left:0px;width:108px; height:108px; overflow:hidden;transition: all 0.8s;}
.advantCent ul li .omb1 .omb1b{width:108px; height:108px; overflow:hidden; z-index:999;}
.advantCent ul li .omb1 .omb1b span{ display:inline-block; width:46px; height:46px; overflow:hidden; margin-left:31px; margin-top:31px; position:relative;}
.advantCent ul li .omb1 .omb1b span img{ position:absolute; top:0px; width:100%;}
.advantCent ul li .omb2{width:100%; height:auto; overflow:hidden; margin-top:25px;}
.advantCent ul li .omb2 p{ text-align:center;}
.advantCent ul li .omb2 p span{ font-size:20px; color:#010101;}
.advantCent ul li .omb2 div{width:100%; height:auto; overflow:hidden; margin-top:15px; line-height:26px; word-wrap:break-word; font-size:16px; color:#000;}
.advantCent ul li.on1 .omb1 .omb1a{ background:url(../images/icon1.png) center center no-repeat;}
.advantCent ul li.on2 .omb1 .omb1a{ background:url(../images/icon2.png) center center no-repeat;}
.advantCent ul li.on3 .omb1 .omb1a{ background:url(../images/icon3.png) center center no-repeat;}
.advantCent ul li.on4 .omb1 .omb1a{ background:url(../images/icon4.png) center center no-repeat;}

.advantCent ul li:hover .omb1 .omb1a{-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);-o-transform: rotateZ(360deg);-ms-transform: rotateZ(360deg);transform: rotateZ(360deg);}
.advantCent ul li.on1:hover .omb1 .omb1a{ background:url(../images/icona1.png) center center no-repeat;}
.advantCent ul li.on2:hover .omb1 .omb1a{ background:url(../images/icona2.png) center center no-repeat;}
.advantCent ul li.on3:hover .omb1 .omb1a{ background:url(../images/icona3.png) center center no-repeat;}
.advantCent ul li.on4:hover .omb1 .omb1a{ background:url(../images/icona4.png) center center no-repeat;}
.advantCent ul li:hover .omb1 .omb1b span img{ top:-74px;}
.advantCent ul li:hover .omb2 p span{ color:#fff;}
.advantCent ul li:hover .omb2 div{ color:#fff;}
.advantCent ul li:hover{background:#337abf; padding:15px 25px;transition: all 0.2s; margin:0px 6px;}



/*关于阿瑞克*/
.about{width:100%; height:auto; overflow:hidden; padding:80px 0px; margin:0 auto; }
.aboutCent{ width:1200px; height:auto; overflow:hidden; margin:0 auto; margin-top:50px;}
.aboutLeft{ float:left; width:563px; height:auto; overflow:hidden;}
.aboutRight{ float:right; width:620px; height:auto; overflow:hidden; margin-top:15px;}
.aboutRight h1{ font-size:24px; color:#000; font-weight:bold;}
.aboutRight #onb1{height:300px; padding:0px 10px 0px 0px;overflow:hidden; background:url(../images/gdx.jpg) 618px 0px repeat-y; background-size:1px; margin-top:20px; }
.aboutRight #onb1z{ width:100%; height:auto; overflow:hidden; font-size:18px; color:#666; line-height:30px;}

.aboutBot{ width:1200px; height:auto; overflow:hidden; margin:0 auto; text-align:center; margin-top:65px;}
.aboutBot div{ display:inline-table;}
.aboutBot div a{ display:inline-block;width:225px; height:53px; overflow:hidden;border:1px #59b944 solid; text-align:center; line-height:51px; font-size:18px;transition: all 0.2s;}
.aboutBot div .omn1{ float:left; background:#59b944;  color:#fff;}
.aboutBot div .omn2{ float:right; color:#59b944; margin-left:15px;}

.aboutBot div .omn2:hover{ background:#59b944;  color:#fff;transition: all 0.2s;}
.aboutBot div .omn1:hover{ background:#2c9814; border:1px #2c9814 solid;transition: all 0.2s;}

/*阿瑞克新闻动态*/
.news{width:100%; height:auto; overflow:hidden; padding:70px 0px; margin:0 auto; background:#f5f5f5;}
.newsCent{ width:1200px; height:auto; overflow:hidden; margin:0 auto; margin-top:50px;}
.newsCenta{ float:left; width:650px; height:auto; overflow:hidden; padding:32px; background:#fff;}
.newsCenta .omb1{width:100%; height:auto; overflow:hidden;}
.newsCenta .omb1 div{ float:left;height:auto; overflow:hidden;}
.newsCenta .omb1 div ul li{ float:left; height:auto; overflow:hidden; padding:0px 10px;}
.newsCenta .omb1 div ul li span{ display:inline-block; padding:0px 2px; font-size:18px; color:#3f3f3f; padding-bottom:14px; line-height:23px;}
.newsCenta .omb1 div ul li.active span{ border-bottom:2px #38b039 solid; font-weight:bold; color:#38b039; cursor:pointer;}
.newsCenta .omb1 div ul li.om{ background:url(../images/bxh.jpg) 0px 4px no-repeat;}
.newsCenta .omb1 a{ float:right; font-size:16px; color:#3f3f3f; margin-top:3px;}
.newsCenta .omb1 a:hover{ color:#38b039;}
.newsCenta .omb2{width:100%; height:auto; overflow:hidden; margin-top:20px;}
.newsCenta .omb2z{width:100%; height:auto; overflow:hidden;}
.newsCenta .omb2a{width:100%; height:auto; overflow:hidden;}

.newsCenta .omb2a .omb2a1{ float:left; width:304px; height:auto; overflow:hidden; }
.newsCenta .omb2a .omb2a1 img{ width:100%;}
.newsCenta .omb2a .omb2a2{ float:right; width:315px; height:auto; overflow:hidden;}
.newsCenta .omb2a .omb2a2 .on1 a{font-size:18px; color:#3f3f3f; line-height:30px;}
.newsCenta .omb2a .omb2a2 .on2 a{font-size:14px; color:#38b039;}
.newsCenta .omb2a .omb2a2 div{width:100%; height:auto; overflow:hidden;font-size:14px; color:#666; margin-top:10px; margin-bottom:10px; line-height:24px;}
.newsCenta .omb2z ul{width:100%; height:auto; overflow:hidden; margin-top:12px;}
.newsCenta .omb2z ul li{width:100%; height:auto; overflow:hidden; border-bottom:1px #dcdcdc dashed; padding:12px 0px;}
.newsCenta .omb2z ul li a{ float:left;font-size:16px; color:#404040;}
.newsCenta .omb2z ul li span{ float:right;font-size:16px; color:#404040;}
.newsCenta .omb2z ul li:hover a{ color:#38b039;}
.newsCenta .omb2a .omb2a2 .on1 a:hover{ color:#38b039;}

.newsCentb{ float:right; width:400px; height:auto; overflow:hidden; padding:25px; background:#fff;}
.newsCentb .omb1{width:100%; height:auto; overflow:hidden;}
.newsCentb .omb1 span{ display:inline-block; padding:0px 2px; font-size:18px; color:#38b039; padding-bottom:14px; line-height:23px;border-bottom:2px #38b039 solid;}
.newsCentb .omb1 a{ float:right; font-size:16px; color:#3f3f3f; margin-top:3px;}
.newsCentb .omb1 a:hover{ color:#38b039;}
.newsCentb .omb2{width:100%; height:386px; overflow:hidden; margin-top:28px;}
.newsCentb .omb2 .dpy1{ width:100%; height:auto; overflow:hidden; }
.newsCentb .omb2 .dpy1 .con1{ width:100%;height:auto; overflow:hidden; }
.newsCentb .omb2 .dpy1 .con1 ul { overflow:hidden; }
.newsCentb .omb2 .dpy1 .con1 li { float:left;width:100%; height:auto; overflow:hidden; border-bottom:1px #e3e3e3 solid; padding-bottom:15px; margin-bottom:20px;}
.newsCentb .omb2 .dpy1 .con1 li .sub-pica{width:100%; height:auto; overflow:hidden;}
.newsCentb .omb2 .dpy1 .con1 li .sub-pica a{ display:inline-block; height:30px; line-height:28px; font-size:18px; color:#000; font-weight:bold; padding-left:45px; background:url(../images/qua1.jpg) left center no-repeat;}
.newsCentb .omb2 .dpy1 .con1 li .sub-titb{width:100%; height:auto; overflow:hidden; margin-top:10px;}
.newsCentb .omb2 .dpy1 .con1 li .sub-titb span{display:inline-block;font-size:14px; color:#666; line-height:24px;padding-left:45px; background:url(../images/dat1.jpg) 0px 5px no-repeat;}
.newsCentb .omb2 .dpy1 .con1 li .sub-pica a:hover{ color:#38b039;}


/*阿瑞克合作流程*/
.process{width:100%; height:auto; overflow:hidden; padding:70px 0px; margin:0 auto; background:#fff;}
.processCent{ width:1200px; height:auto; overflow:hidden; margin:0 auto; margin-top:50px;}
.processCent ul li{ float:left;height:auto; overflow:hidden;}
.processCent ul li.omb1{ width:120px;}
.processCent ul li.omb1 .omb1a{width:100%; height:auto; overflow:hidden;}
.processCent ul li.omb1 .omb1a img{width:100%;}
.processCent ul li.omb1 .omb1b{width:100%; height:auto; overflow:hidden; margin-top:18px;}
.processCent ul li.omb1 .omb1b p{ text-align:center; margin-top:5px;}
.processCent ul li.omb1 .omb1b p span{ font-size:18px; color:#000; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.processCent ul li.omb1 .omb1b p font{ font-size:16px; color:#000;}


.processCent ul li.omb2{ width:20px; margin:49px 20px 0px 20px;}





/*  底部信息  */
.bot1{width:100%; height:auto; overflow:hidden;max-width:1920px; margin:0 auto; padding:35px 0px 0px 0px;background:#1a1a1a; border-bottom:1px #000 solid;}
.bot1a{width:1200px; height:auto; overflow:hidden; margin:0 auto; border-bottom:1px #494949 solid; padding-bottom:25px;}
.bot1a .bot1a1{ float:left; height:auto; overflow:hidden;}
.bot1a .bot1a1 p{ margin-bottom:2px;}
.bot1a .bot1a1 p span{ font-size:12px; color:#8c8c8c; text-transform:uppercase;}
.bot1a .bot1a1 p font{ font-size:18px; color:#fff;}
.bot1a .bot1a2{ float:right; height:auto; overflow:hidden; margin-top:10px;}
.bot1a .bot1a2 a{ font-size:16px; color:#fff;}
.bot1a .bot1a2 a:hover{ color:#38b039;}
.bot1a .bot1a2 span{font-size:16px; color:#fff; margin:0px 30px;}
.bot1b{width:1200px; height:auto; overflow:hidden; margin:0 auto; padding:65px 0px 60px 0px;}
.bot1b1{ float:left; height:auto; overflow:hidden;}
.bot1b1 p{ margin-bottom:15px;}
.bot1b1 p span{ font-size:18px; color:#7f7f7f;}
.bot1b1 p font{ font-size:18px; color:#fff;}
.bot1b2{ float:right; height:auto; overflow:hidden;}
.bot1b2a{ float:left;height:auto; overflow:hidden;}
.bot1b2a .omb1{width:100%; height:auto; overflow:hidden; text-align:right;}
.bot1b2a .omb1 a{ display:inline-block; width:150px; height:44px; overflow:hidden; background:#38b039; text-align:center;}
.bot1b2a .omb1 a span{ font-size:16px; color:#fff; line-height:42px; padding-left:30px; background:url(../images/wx1.png) left center no-repeat;}
.bot1b2a .omb2{width:100%; height:auto; overflow:hidden; margin-top:35px;}
.bot1b2a .omb2 p{ text-align:right; margin-top:5px;}
.bot1b2a .omb2 p span{ font-size:16px; color:#999;}
.bot1b2a .omb2 p font{ font-size:24px; color:#fff; font-family:Arial, Helvetica, sans-serif;}
.bot1b2b{ float:right; width:146px;height:auto; overflow:hidden; margin-left:25px;}
.bot1b2b div{width:100%; height:auto; overflow:hidden;}
.bot1b2b div img{ width:100%;}
.bot1b2b p{ text-align:center; margin-top:13px;}
.bot1b2b p span{ font-size:14px; color:#fff;}


/*  底部版权  */
.bot2{width:100%; height:auto; overflow:hidden;max-width:1920px;  margin:0 auto; padding:18px 0px;background:#1a1a1a; border-top:1px #333 solid; }
.bot2z{width:1200px; height:auto; overflow:hidden; margin:0 auto; text-align:center; }
.bot2z span{font-size:14px; color:#999;font-family:"PINGFANG-bold"; margin:0px 5px;}



/*----------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------*/
/* 内页banner */
.ban1{width:100%; height:auto; overflow:hidden;margin:0 auto; }
.ban1z{ width:100%; height:auto; overflow:hidden; }   
.ban1 .ban1z-a{ position:relative; left:50%; top:0px; width:1920px; margin-left:-960px ; text-align:center;} 


/*子导航*/
.nav{width:100%; height:auto; overflow:hidden;max-width:1920px; margin:0 auto; background:url(../images/navb1.jpg) left bottom repeat-x; margin-top:-95px; z-index:99; position:relative;}
.navz{width:1200px; height:auto; overflow:hidden; margin:0 auto;}
.navLeft{ float:left; min-width:185px; height:100px; overflow:hidden; padding:25px; background:#337abf;}
.navLeft .obm1{height:auto; overflow:hidden;}
.navLeft .obm1 p{ margin-bottom:6px;}
.navLeft .obm1 p span{font-size:24px; color:#fff;}
.navLeft .obm1 p font{font-size:14px; color:#fff; text-transform:uppercase;}
.navLeft .obm2{height:auto; overflow:hidden; margin-top:18px;}
.navLeft .obm2 a{font-size:14px; color:#fff;}
.navLeft .obm2 span{font-size:14px; color:#fff;}
.navLeft .obm2 font{ font-size:14px; color:#fff;}
.navRight{ float:right;height:auto; overflow:hidden; margin-top:95px;}
.navRight ul li{ float:left; height:55px; overflow:hidden;}
.navRight ul li a{ display:inline-block; height:53px; line-height:52px; margin-left:30px;}
.navRight ul li.omb a{ border-bottom:2px #337abf solid; color:#337abf;}
.navRight ul li:hover a{ border-bottom:2px #337abf solid; color:#337abf;transition: all 0.2s;}

/*简介*/
.aboutUs{width:100%; height:auto; overflow:hidden;max-width:1920px; margin:0 auto; padding:65px 0px;}
.aboutUsz{width:1200px; height:auto; overflow:hidden; margin:0 auto; text-align:center; font-size:18px; color:#444; line-height:42px;}


/*简介*/
.honor{width:100%; height:auto; overflow:hidden;max-width:1920px; margin:0 auto; padding:65px 0px;}
.honorTop{width:1200px; height:auto; overflow:hidden; margin:0 auto; text-align:center; font-size:18px; color:#444; line-height:42px;}
.honorTop ul li{ float:left; width:289px; height:auto; overflow:hidden; margin-left:14px; margin-bottom:28px;}
.honorTop ul li div{ width:100%; height:204px; overflow:hidden;position:relative;display:table-cell;text-align:center;vertical-align:middle;}
.honorTop ul li div span{position:static;+position:absolute;top:50%;}
.honorTop ul li div span img{max-height:100%; max-width:100%;position:static;+position:relative;top:-50%;left:-50%;transition: all 0.2s;}
.honorTop ul li p{ text-align:center; margin-top:15px;}
.honorTop ul li p span{ font-size:16px; color:#444;}
.honorTop ul li:nth-of-type(4n-3){ margin-left:0px;}
.honorPag{width:1200px; height:auto; overflow:hidden; margin:0 auto; text-align:center; margin-top:30px;}
.honorPagz{ display:inline-table;}
.honorPag .honorPagz a{ float:left; display:inline-block; width:31px; height:31px; overflow:hidden; font-size:18px; color:#444; border:1px #fff solid; text-align:center; line-height:30px; margin:0px 5px; border:1px #fff solid;}
.honorPag .honorPagz span{ float:left; display:inline-block; width:31px; height:31px; overflow:hidden; font-size:18px; text-align:center; line-height:30px; margin:0px 5px; border:1px #38b039 solid; background:#38b039; color:#fff;}
.honorPagz a.pre{ border:1px #c3c3c3 solid; color:#c3c3c3;line-height:28px;}
.honorPagz a.current{border:1px #38b039 solid; background:#38b039; color:#fff;}
.honorPagz a.next{border:1px #c3c3c3 solid; color:#c3c3c3; line-height:28px;}
.honorPagz a:hover{border:1px #38b039 solid; background:#38b039; color:#fff;}
.honorPagz .pre:first-child{display: none;}
.honorPagz .next:last-child{display: none;}
    	

/*产品展示*/
.prodt{width:100%; height:auto; overflow:hidden;max-width:1920px; margin:0 auto; padding:65px 0px;}
.prodtTop{width:1200px; height:auto; overflow:hidden; margin:0 auto; text-align:center; font-size:18px; color:#444; line-height:42px;}
.prodtTop ul li{ float:left; width:286px; height:auto; overflow:hidden; margin-bottom:20px; border:3px #f2f2f2 solid; background:#f2f2f2; margin-left:10px;}
.prodtTop ul li a{ display:block;width:100%; height:auto; overflow:hidden;}
.prodtTop ul li div{ width:100%; height:227px; overflow:hidden;position:relative;display:table-cell;text-align:center;vertical-align:middle;}
.prodtTop ul li div span{position:static;+position:absolute;top:50%;}
.prodtTop ul li div span img{max-height:100%; max-width:100%;position:static;+position:relative;top:-50%;left:-50%;transition: all 0.2s;}
.prodtTop ul li p{ display:inline-block; height:58px; text-align:center; }
.prodtTop ul li p span{ font-size:16px; color:#444; line-height:58px;}
.prodtTop ul li:nth-of-type(4n-3){ margin-left:0px;}
.prodtTop ul li:hover{ background:#38b039; border:3px #38b039 solid;transition: all 0.2s;}
.prodtTop ul li:hover p span{ color:#fff;transition: all 0.2s;}
.prodtTop ul li:hover div span img{transform: scale(1.1);}

/*产品展示详情*/
.prodtDetails{width:100%; height:auto; overflow:hidden;max-width:1920px; margin:0 auto; padding:65px 0px;}
.prodtDetz{width:1200px; height:auto; overflow:hidden; margin:0 auto; text-align:center; font-size:18px; color:#444; line-height:42px;}
.prodtDLeft{ float:left; width:845px; height:auto; overflow:hidden;}
.prodtDLeft .pDomb1{width:100%; height:auto; overflow:hidden;}
.prodtDLeft .pDomb1 h1{ font-size:22px; color:#000; font-weight:bold; text-align:center;}
.prodtDLeft .pDomb1 div{width:100%; height:auto; overflow:hidden; text-align:center; margin-top:13px;}
.prodtDLeft .pDomb1 div span{ font-size:14px; color:#717171; margin:0px 10px;}
.prodtDLeft .pDomb2{width:100%; height:auto; overflow:hidden; margin-top:35px;}
.prodtDRight{ float:right; padding:30px 17px; width:286px; height:auto; overflow:hidden; background:#f3f4f8;}
.prodtDRight .pDomb1{width:100%; height:auto; overflow:hidden; text-align:left;}
.prodtDRight .pDomb1 span{ display:inline-block; height:20px; border-left:4px #38b039 solid; font-size:18px; color:#000; font-weight:bold; padding-left:10px; line-height:18px;}
.prodtDRight .pDomb2{width:100%; height:auto; overflow:hidden; margin-top:5px;}
.prodtDRight .pDomb2 ul li{width:100%; height:auto; overflow:hidden;margin-top:20px;}
.prodtDRight .pDomb2 ul li a{ display:block;width:100%; height:auto; overflow:hidden;}
.prodtDRight .pDomb2 ul li .om1{ width:100%; height:227px; overflow:hidden;position:relative;display:table-cell;text-align:center;vertical-align:middle;}
.prodtDRight .pDomb2 ul li .om1 span{position:static;+position:absolute;top:50%;}
.prodtDRight .pDomb2 ul li .om1 span img{max-height:100%; max-width:100%;position:static;+position:relative;top:-50%;left:-50%;transition: all 0.2s;}
.prodtDRight .pDomb2 ul li .om2{width:100%; height:auto; overflow:hidden; margin-top:12px;}
.prodtDRight .pDomb2 ul li .om2 p{ display:inline-block;width:100%; height:auto; overflow:hidden;  text-align:left; }
.prodtDRight .pDomb2 ul li .om2 p span{ font-size:16px; color:#444; }
.prodtDRight .pDomb2 ul li .om2 p font{ font-size:14px; color:#bcbcbc; }
.prodtDRight .pDomb2 ul li:hover .om1 span img{transform: scale(1.1);}
.prodtDRight .pDomb2 ul li:hover .om2 p span{color: #38b039;}

/*合作案例*/
.caseList{width:100%; height:auto; overflow:hidden;max-width:1920px; margin:0 auto; padding:65px 0px;}
.caseListTop{width:1200px; height:auto; overflow:hidden; margin:0 auto; }
.caseListTop ul li{ float:left; width:289px; height:315px; overflow:hidden; margin-left:14px; margin-bottom:14px; position:relative;}
.caseListTop ul li .csp1{width:100%; height:267px; overflow:hidden; position:relative;}
.caseListTop ul li .csp1 .csp1a{width:100%; height:267px; overflow:hidden;position:relative;display:table-cell;text-align:center;vertical-align:middle;}
.caseListTop ul li .csp1 .csp1a span{position:static;+position:absolute;top:50%;}
.caseListTop ul li .csp1 .csp1a span img{max-height:100%; max-width:100%;position:static;+position:relative;top:-50%;left:-50%;transition: all 0.2s;}
.caseListTop ul li .csp1 .csp1b{width:100%; height:100%; overflow:hidden; background:rgba(56,176,57,0.93); position:absolute; top:267px;}
.caseListTop ul li .csp2{width:100%; height:auto; overflow:hidden; text-align:center; font-size:16px; color:#696969; margin-top:15px; position:absolute; top:267px; left:0px;}
.caseListTop ul li:hover .csp2{  top:120px; transition: all 0.2s; color:#fff;}
.caseListTop ul li:hover .csp1 .csp1b{ top:0px;transition: all 0.2s;}
.caseListTop ul li:hover .csp1 .csp1a span img{transform: scale(1.1);}
.caseListTop ul li:nth-of-type(4n-3){ margin-left:0px;}

/*客户服务*/
.service{width:100%; height:auto; overflow:hidden;max-width:1920px; margin:0 auto; padding:50px 0px 65px 0px;}
.serviceTop{ width:1200px; height:auto; overflow:hidden; margin:0 auto;}
.serviceTop h1{ text-align:center; font-size:32px; color:#000; font-weight:bold; padding-bottom:5px;}
.serviceTop p{ text-align:center; display:inline-block;width:100%; height:auto; overflow:hidden; margin-top:10px;}
.serviceTop p i{ display:inline-block; width:32px; height:2px; overflow:hidden; background:#38b039;}
.serviceTop p span{ font-size:14px; color:#666;}
.serviceBot{width:1200px; height:auto; overflow:hidden; margin:0 auto; margin-top:45px;}
.serviceBot h1{ font-size:22px; color:#000; font-weight:bold;}
.serviceBot div{width:100%; height:auto; overflow:hidden; margin-top:25px;}

/*新闻列表*/
.newsList{width:100%; height:auto; overflow:hidden;max-width:1920px; margin:0 auto; padding:50px 0px 65px 0px;}
.newsListTop{ width:1200px; height:auto; overflow:hidden; margin:0 auto;}
.newsListTop ul li{width:100%; height:auto; overflow:hidden; position:relative; margin-bottom:35px;}
.newsListTop ul li .omb1{ float:left; width:392px; height:236px; overflow:hidden; position:relative;}
.newsListTop ul li .omb1 a img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
.newsListTop ul li .omb2{ width:92px; height:auto; overflow:hidden; border:2px #e3f0f6 solid; background:#fff; position:absolute; left:346px; top:74px; padding:20px 0px;}
.newsListTop ul li .omb2 p{ text-align:center; padding:2px 0px;}
.newsListTop ul li .omb2 p span{ font-size:18px; color:#989898; line-height:22px;}
.newsListTop ul li .omb2 p font{ font-size:14px; color:#989898;line-height:20px;}
.newsListTop ul li .omb3{ float:right; width:720px; height:auto; overflow:hidden;}
.newsListTop ul li .omb3 .omb3a{width:100%; height:auto; overflow:hidden; margin-top:10px;}
.newsListTop ul li .omb3 .omb3a p{ text-align:left; margin-top:5px;}
.newsListTop ul li .omb3 .omb3a p a{ font-size:18px; color:#333;}
.newsListTop ul li .omb3 .omb3a p span{ font-size:14px; color:#999; margin-right:15px;}
.newsListTop ul li .omb3 .omb3b{width:100%; height:48px; overflow:hidden; margin-top:20px; font-size:14px; color:#666; line-height:24px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.newsListTop ul li .omb3 .omb3c{width:100%; height:auto; overflow:hidden; margin-top:35px;}
.newsListTop ul li .omb3 .omb3c a{ font-size:14px; color:#38b039;}
.newsListTop ul li:hover .omb3 .omb3a p a{color:#38b039;}
.newsListTop ul li:hover .omb2{border:2px #38b039 solid; background:#38b039;}
.newsListTop ul li:hover .omb2 p span{ color:#fff; }
.newsListTop ul li:hover .omb2 p font{ color:#fff; }
.newsListTop ul li:hover .omb1 a img{transform: scale(1.1);}



/*新闻详情*/
.newsDetails{width:100%; height:auto; overflow:hidden;max-width:1920px; margin:0 auto; padding:50px 0px 65px 0px;}
.newsDetz{ width:1200px; height:auto; overflow:hidden; margin:0 auto;}

.newsDLeft{ float:left; width:845px; height:auto; overflow:hidden;}
.newsDLeft .nDomb1{width:100%; height:auto; overflow:hidden;}
.newsDLeft .nDomb1 h1{ font-size:22px; color:#000; font-weight:bold; text-align:center;}
.newsDLeft .nDomb1 div{width:100%; height:auto; overflow:hidden; text-align:center; margin-top:13px;}
.newsDLeft .nDomb1 div span{ font-size:14px; color:#717171; margin:0px 10px;}
.newsDLeft .nDomb2{width:100%; height:auto; overflow:hidden; margin-top:35px;}
.newsDLeft .nDomb3{width:100%; height:auto; overflow:hidden; margin-top:35px; border-top:1px #adadad dashed; padding-top:20px;}
.newsDLeft .nDomb3 p{ text-align:left; margin-top:13px;}
.newsDLeft .nDomb3 p span{ font-size:16px; color:#505050;}
.newsDLeft .nDomb3 p a{font-size:16px; color:#505050;}
.newsDLeft .nDomb3 p a:hover{ color:#38b039;}

.newsDRight{ float:right; padding:30px 17px; width:286px; height:auto; overflow:hidden; background:#f3f4f8;}
.newsDRight .nDomb1{width:100%; height:auto; overflow:hidden; text-align:left;}
.newsDRight .nDomb1 span{ display:inline-block; height:20px; border-left:4px #38b039 solid; font-size:18px; color:#000; font-weight:bold; padding-left:10px; line-height:18px;}
.newsDRight .nDomb2{width:100%; height:auto; overflow:hidden; margin-top:5px;}
.newsDRight .nDomb2 ul li{width:100%; height:auto; overflow:hidden; padding-bottom:20px;margin-top:20px; border-bottom:1px #d4d4d4 solid;}
.newsDRight .nDomb2 ul li a{ display:block;width:100%; height:auto; overflow:hidden;}
.newsDRight .nDomb2 ul li .om1{ width:100%; height:46px; overflow:hidden; font-size:16px; color:#666; line-height:23px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.newsDRight .nDomb2 ul li .om2{width:100%; height:auto; overflow:hidden; margin-top:10px; font-size:14px; color:#bcbcbc;}
.newsDRight .nDomb2 ul li:hover .om1{color:#38b039;}

/*问题解答*/
.faqList{width:100%; height:auto; overflow:hidden;max-width:1920px; margin:0 auto; padding:50px 0px 65px 0px;}
.faqListTop{ width:1200px; height:auto; overflow:hidden; margin:0 auto;}
.faqListTop ul li{ float:left;width:585px; height:auto; overflow:hidden; position:relative; margin:20px 0px 20px 28px; position:relative; }
.faqListTop ul li .omb2{ width:92px; height:auto; overflow:hidden; border:2px #e3f0f6 solid; background:#fff; padding:20px 0px; position:absolute; top:84px;}
.faqListTop ul li .omb2 p{ text-align:center; padding:2px 0px;}
.faqListTop ul li .omb2 p span{ font-size:18px; color:#989898; line-height:22px;}
.faqListTop ul li .omb2 p font{ font-size:14px; color:#989898;line-height:20px;}
.faqListTop ul li .omb3{ width:430px; height:auto; overflow:hidden; padding:25px 25px 25px 90px; background:#f3fbff; margin-left:40px;}
.faqListTop ul li .omb3 .omb3a{width:100%; height:auto; overflow:hidden; margin-top:10px;}
.faqListTop ul li .omb3 .omb3a p{ text-align:left; margin-bottom:8px;}
.faqListTop ul li .omb3 .omb3a p a{ font-size:18px; color:#333;}
.faqListTop ul li .omb3 .omb3a p span{ font-size:14px; color:#999; margin-right:15px;}
.faqListTop ul li .omb3 .omb3b{width:100%; height:48px; overflow:hidden; margin-top:16px; font-size:14px; color:#666; line-height:24px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.faqListTop ul li .omb3 .omb3c{width:100%; height:auto; overflow:hidden; margin-top:35px;}
.faqListTop ul li .omb3 .omb3c a{ font-size:14px; color:#38b039;}
.faqListTop ul li:nth-of-type(2n-1){ margin-left:0px;}
.faqListTop ul li:hover .omb3 .omb3a p a{color:#38b039;}
.faqListTop ul li:hover .omb2{border:2px #38b039 solid; background:#38b039;}
.faqListTop ul li:hover .omb2 p span{ color:#fff; }
.faqListTop ul li:hover .omb2 p font{ color:#fff; }


/*联系我们*/
.contact{width:100%; height:auto; overflow:hidden;max-width:1920px; margin:0 auto; padding:50px 0px 65px 0px;}
.contactTop{ width:1200px; height:auto; overflow:hidden; margin:0 auto;}
.contactTop .ombLeft{ float:left;height:auto; overflow:hidden;}
.contactTop .ombLeft h1{ font-size:24px; color:#181818;}
.contactTop .ombLeft div{width:100%; height:auto; overflow:hidden; margin-top:15px;}
.contactTop .ombLeft div p{ margin-top:10px;}
.contactTop .ombLeft div p span{ font-size:16px; color:#666;}
.contactTop .ombRight{ float:right;height:auto; overflow:hidden; margin-top:5px;}
.contactTop .ombRight div{ width:150px; height:auto; overflow:hidden;}
.contactTop .ombRight div img{ width:100%;}
.contactBot{ width:1200px; height:auto; overflow:hidden; margin:0 auto; margin-top:45px;}









/*弹窗*/
.pens{position: fixed;right: 0px;top: 70%; z-index:9999; transform: translateY(-50%);padding: 0px 0;height: auto;box-sizing: border-box;}
.pensTop{ width:auto; height:150px; position:relative; }
.pensTop .pensd{width:70px; height:70px; margin-bottom:10px; position:absolute; right:0px; cursor:pointer;}
.pensTop .pensd .omb1{width: 100%;height: 100%; background:#929292; display: flex;flex-direction: column;justify-content: center;align-items: center;}
.pensTop .pensd .omb1 p{ padding:2px 0px;}
.pensTop .pensd .omb1 p span{ font-size:14px; color:#fff;}
.pensTop .pensd .omb2{ width:100%; display:none; background:#38b039; line-height:70px; text-align:center; font-size:18px; color:#fff;white-space: nowrap;}
.pensTop .pensd:nth-child(1){ top:0px;}
.pensTop .pensd:nth-child(2){ top:80px;}

.transition {-moz-transition: all .3s ease;-webkit-transition: all .3s ease;transition: all .3s ease}
.pensTop .transition {transition-duration: .8s}

.pensTop .pensd.cur{width: 156px;background-color: transparent}
.pensTop .pensd.cur .omb2{width: 100%;display: block;}
.pensTop .pensd.cur .omb1{display: none;}

.pensBot{ display: none; width:50px; height:50px; overflow:hidden;background:#929292; margin-top:10px; cursor:pointer;}
.pensBot div{width: 100%;position:relative; height:40px; margin-top:10px; text-align:center;}
.pensBot div p{ display:inline-block;width: 100%; padding:2px 0px; text-align:center;}
.pensBot div p.omb{-webkit-animation: iconMove .5s infinite alternate;animation: iconMove .5s infinite alternate; position:absolute; left:0px; top:15px;}
.pensBot div p span{ font-size:12px; color:#fff; text-transform:uppercase;}
.pensBot div p.omb1{position:absolute; left:0px; top:12px;}


@-webkit-keyframes iconMove {
 0% {top:0;}
 to {top:-3px;}
}
@keyframes iconMove {
 0% {top:0}
 to {top:-3px}
}












.picturek{ width:100%; height:auto; overflow:hidden; display:none;}
.pictureBox{height: 100%; overflow: hidden;width: 100%;display: table; position:fixed; top:0px; z-index:9999;background-color: rgba(0,0,0,0.63); }
.pictureBoxz{position: absolute; top: 50%;text-align:center;display: table-cell; vertical-align: middle; position: static;}
#pictureBox{position: relative; top: -50%;width:520px; padding:40px; background:#fff; height:auto;margin: 0 auto;text-align:left; border-radius:15px; }

#pictureBox .xchg{ width:24px; height:24px; display:block; position:absolute; right:30px; top:30px;}
#pictureBox .omn1{width:100%; height:auto; overflow:hidden; text-align:center; font-size:40px; color:#000; font-weight:bold;}
#pictureBox .omn2{width:100%; height:auto; overflow:hidden;}
#pictureBox .omn3{width:100%; height:auto; overflow:hidden;}
#pictureBox .omn4{width:100%; height:auto; overflow:hidden;}


#pictureBox .omn2{width:462px; height:auto; overflow:hidden; margin:0 auto; margin-top:20px;}
#pictureBox .omn2 ul{ display:inline-block;width:100%; height:auto; overflow:hidden;}
#pictureBox .omn2 ul li{ float:left; width:49%; height:auto; overflow:hidden; margin-left:2%;}
#pictureBox .omn2 ul li div{border:1px #8e8e8e solid; padding:10px 13px;height:auto; overflow:hidden; border-radius:5px;}
#pictureBox .omn2 ul li div span{ font-size:16px; color:#525252;}
#pictureBox .omn2 ul li div input{font-size:16px; color:#525252; width:50%;}
#pictureBox .omn2 ul li:nth-of-type(1){ margin-left:0%;}
#pictureBox .omn2 .omn2a{ border:1px #8e8e8e solid; padding:10px 13px; height:auto; overflow:hidden; margin-top:20px;border-radius:5px;}
#pictureBox .omn2 .omn2a span{ float:left;font-size:16px; color:#525252;}
#pictureBox .omn2 .omn2a textarea{ float:left;font-size:16px; color:#000; width:100%; line-height:22px; height:88px; overflow:hidden; margin-top:5px;}
#pictureBox .omn3{width:462px; height:auto; overflow:hidden; margin:0 auto; margin-top:30px; text-align:center;}
#pictureBox .omn3 input{ width:462px; height:60px; overflow:hidden; background:#38b039; line-height:60px; font-size:18px; color:#fff; border-radius:5px;}
#pictureBox .omn3 input:hover{ cursor:pointer;transition: all 0.2s;}

#pictureBox .omn4{width:100%; height:auto; overflow:hidden; margin-top:20px; text-align:center; font-size:17px; color:#525252;}