*{ margin:0; padding:0; font-family: "SourceHanSansSC-Normal"}
img{ border:none}
a{ text-decoration:none;}
ul{ list-style:none}
.clear{ clear:both; height:0; overflow:hidden}
.center{ width: 1200px; margin: 0px auto; }
.fr{ float:right}
.fl{ float:left;}


                         

                                                             /*index*/
                        
/*TOP*/
.logo{margin: 20px auto 20px; display: block; }
nav{ width: 100%; height: 60PX; background: #2b2b2b; }
nav ul{ width: 694px !important;}
nav ul li{ float: left;}
nav ul li a{ font-size: 16px; margin-left: 20px; line-height: 60px; color: #d6d6d6; }
.dangq{ color: #fff; font-size: bold; }
nav ul li a:hover{ color: #fff; }

.banner{ width: 100% }
.mtop120{ margin-top: 120px }


/*content*/
.welcome{ font-style: normal; display: block; font-size: 48px; margin-top: 120px; color: #55d517; text-align: center; }
.wel{ width: 1032px; margin-top: 38px; text-align: center; display: block; line-height: 36px; font-size: 18px }

.home_tu{ margin: 76px auto 0; width: 915px; }
.home_tu li{ float: left; margin-left: 46px; width: 259px; height: 179px }
.home_tu .tu1{ margin-left: 12px !important; }
.home_tu li img{ position: absolute; }
.home_tu li .bg{ position: relative; width: 100%; height: 124px; background: rgba(79,198,20,0.9); padding-top: 56px; opacity: 0 }
.home_tu li .bg span{ display: block; color: #fff; font-size: 24px; text-align: center; width: 100%;line-height: 32px; }
.home_tu li:hover .bg{ opacity: 1; transition: 0.5s }

.chang{ margin-top: 120px; width: 100%; }
.hezuo{ width: 1200px; margin-top: 80px !important; display: block; }



/*footer*/
footer{ width: 100%; height: 224px; background: #2b2b2b; margin-top: 120px; padding-top: 130px; }
footer .fl{ width: 274px; height: 190px; margin-top: 26px; margin-left: 100px }
footer .ml42{ margin-left: 42px !important }
.zuo li a{ display: block; font-size: 18px; line-height: 32px; color: #fff }
.zuo li a:hover{ color: #d7d7d7 }
footer .contact p{ font-size: 18px; color: #fff; line-height: 32px; }
footer .contact{ width: 300px !important; }
footer .contact div{ width: 100%; height: 20px; margin-top: 13px;  }
footer .contact div font{ color: #fff; font-size: 16px; line-height: 26px; margin-top: 20px; display: block; }
.mtop10{ margin-top: 10px }
footer .fr{ margin-right: 36px; margin-top: 32px; width: 35px }
footer .fr img{ float: left; margin-top: 24px }
.wd300{ width: 300px !important }
.gongan{ width: 100%; height: 40px; background: #131313; }
.gonganbox{ width: 520px; margin: auto; }
.gongan img{ margin-top: 10px; float: left; }
.gongan a{ font-size: 16px; color: #999; line-height: 40px; display: block; float: left; margin-left: 10px; }
.gongan font{ float: right; font-size: 16px; color: #999; line-height: 40px; display: block; }
 


 

                                                             /*ABOUT US*/

.a_1{ width: 1120px; margin: auto; margin-top: 120px; font-size: 18px; color: #090909; line-height: 36px; text-align: center; display: block; }
.al_1{ font-size: 26px; color: #4fc714; line-height: 26px; text-align: center; margin-top: 60px }

.a_textbox{ margin: auto; width: 990px; height: 436px; background: #e7e7e7; margin-top: 120px; padding-top: 58px }
.a_textbox_t{ width: 828px; font-size: 20px; color: #0f0f0f; text-align:center; width: 832px;  line-height: 30px; display: block; margin-left: 80px;  }
.a_textbox{ width: 580px; height: 194px; border: 1px #a0a0a0 solid; margin-top: 32px; background: #fff; margin: 32px auto 0px;  }
.a_textbox .box_t{ width: 504px; height: 150px; display: block; margin-top: 36px; line-height: 40px;  font-size: 20px; color: #0f0f0f; margin-left: 40px;  }

.mtop120{ margin-top: 120px }
.mtop230{ margin-top: 230px }


                                                             /*CONTACT US*/

.wel span{ color: #70da42 }
.cont{ margin-top: 120px }
.cont .fl{width: 488px; }
.cont .fl p{ font-size: 22px; color: #242424; line-height: 22px; }
.cont .fl p font{ color: #4abe12 }
.cont .fl .xian{ float: left; width: 134px; height: 2px; background: #707070; margin-top: 30px; }
.cont .fl .box{ float: left; width: 488px; height: 42px; margin-top: 30px;  }
.cont .fl .box img{ float: left; }
.mtop40{ margin-top: 42px }
.cont .fl .box  p{ float: left; margin-left: 16px; line-height: 42px; font-size: 16px; color: #242424 }
.con_adr{ width: 488px; height: 84px }   
.con_adr img{ float: left; } 
.con_adr p{ width: 422px; float: left;  font-size: 18px; color: #242424; line-height: 20px !important; margin-top: 12px  }         

.con_xian{ width: 1200px; height: 1px; background: #7d7d7d; margin: 80px auto
50px; }
.supplier{ font-size: 22px; color: #242424； line-height:42px; }
.con_com{ font-size: 20px; line-height: 62px; color: #3f3f3f; display: block; width: 746px; }
.wid114{ font-size: 20px; line-height: 62px; color: #3f3f3f; line-height: 32px; float: left; } 
.wid634{ float: left; width: 634px; font-size: 20px; line-height: 62px; color: #3f3f3f; line-height: 32px; }

.pdtop46{ padding-top: 20px; height: 224px }
.mtop4{ margin-top: 4px !important }




                                                             /*CUSTOMER*/

.cus_pl{ margin-top: 92px; line-height: 88px; font-size: 22px; color: #191919; text-align: center; letter-spacing: 0px }
.cus_lv{ text-align: center; line-height: 34px; font-size: 24px; color: #55d517; display: block; } 
.cus_b{ font-size: 24px; color: #0a0a0a; line-height: 126px; display: block; text-align: center; }
.cus_f{ width: 720px; margin: auto; height: 56px; }
.cus_f font{ font-size: 24px; color: #0c0c0c; line-height: 56px; float: left; }
.cus_f input{ height: 54px; width: 546px; float: left; margin-left: 30px; font-size: 24px; padding-left: 24px; line-height: 54px;  }
.mtop50{ margin-top: 50px; }
.cus_login{ width: 264px; height: 58px; line-height: 58px; text-align: center; color: #fff; font-size: 28px; margin: 62px auto 0px; display: block; background: #3fad0a; border: none; cursor: pointer }






                                                             /*DOWNLOAD*/

.down_demo{ width: 524px; margin-top: 98px; }
.down_demo p{ font-size: 32px; color: #2f2f2f; line-height: 72px; }
.down_demo font{ font-size: 22px; color: #4acb0c; line-height: 50px; display: block; }
.down_demo span{ font-size: 18px; line-height: 26px; color: #2c2c2c；}
.down_xian{ width:1200px; height: 1px; margin-top: 54px; background: #7d7d7d }

.down_soft{ width: 600px;margin-top: 60px }
.soft_1{ width: 502px; height: 292px; padding-left: 98px;padding-top: 36px }
.software{ font-size: 30px; color: #0b0b0b; line-height: 64px; }
.soft_lv{ display: block; line-height: 30px; font-size: 18px; color: #55d517; }
.soft_wen{ font-size: 18px; color: #2c2c2c; line-height: 30px; width: 394px; display: block; }
.soft_wen font{ color: #55d517 }
.soft_2{ widows: 502px; height: 338px; background: #cbebfb; padding-left: 98px; padding-top: 36px; }
.ht400{ height: 400px; }
.wd518{ width: 518px; }
.ml40{ margin-left: 40px; margin-top: 20px; }
.down_dont{ font-size: 22px; line-height: 100px; color: #313131; height: 100px; width: 100%; background: #f1f1f1; margin-top: 120px; text-align: center; }

.down_jsem{ width: 526px; height: 105px; margin-top: 70px; }
.down_jsem font{ font-size: 22px; color: #070707; line-height: 46px; width: 122px; display: block; float: left; }
.down_jsem input{ height: 44px; width: 380px; font-size: 18px; padding-left: 20px; }
.down_jsem span{ margin-left: 122px; font-size: 16px; line-height: 42px; color: #57d719 }
.down_login{ display: block; width: 652px; height: 56px; margin: 18px auto 0px; background: #48ca07; color: #fff; line-height: 56px; text-align: center; border: none; cursor: pointer; font-size: 26px; }


.down_request{ width: 100%; height: 1938px; background: #f1f1f1 }
.request{ width: 534px; height: 164px; }
.mtop60{ margin-top: 60px; }
.req{ font-size: 22px; line-height: 54px; color: #070707； }
.req_h{ font-size: 18px; display: block;line-height: 44px; height: 44px; width: 512px; padding-left: 20px; }
.request font{ color: #57d719; line-height:40px; font-size: 16px; }
.ht140{ height: 140px; }
.down_select{ font-size: 18px; display: block;line-height: 44px; height: 48px; width: 1198px; padding-left: 20px; float: left; }
.ht198{ height: 198px; }
.wd1200{ width: 1200px }
.re_det{ width: 1178px; height: 108px; line-height: 44px; resize: none; }
.down_your{ font-size: 22px; color: #323232； line-height: 22px; }
.down_u{ display: block; font-size: 22px; color: #323232； line-height: 30px; margin-top: 20px }
.down_i{ margin-top: 24px; margin-left: 40px; }
.down_xuan{ font-size:20px; color: #323232; line-height: 22px; margin-top: 24px; margin-left: 20px }
.down_re{ display: block; margin-left: 70px ; font-size: 16px; line-height: 38px; color: #57d719 }
.mtop10{ margin-top: 10px !important; }
.down_but{ display: block; width: 1020px; height: 80px; font-size: 30px; line-height: 80px; text-align: center; margin-top: 60px; background: #48ca07; color: #fff;  border: none; cursor: pointer;}
.down_xia{ font-size: 26px; color: #000; text-align: center; line-height: 34px; width: 1020px; display: block; margin: 116px auto 0px; }






                                                             /*NCG CAM*/

.ncg_ch{ width: 100%; height: 312px; margin-top: 120px; background: #d2d2d2; padding-top: 90px; }
.ncg_ch .center{ width: 1112px; height: 374px; background: #fff; padding: 66px 44px 0px;  }
.ncg_ch .center .fl{ width: 490px; height: 380px; }
.ncg_ch .center .fl font{ font-size: 16px; color: #191919; line-height: 26px; display: block; margin-top: 34px; }
.ncg_ch .center .fl font span{ color: #69c53c; }
.ncg_ch .center .fr{ width: 550px; height: 378px; }

.cng_biao{ border-radius: 8px; font-size: 32px; color: #fff; height: 50px; width: 364px; line-height: 50px; margin: 120px auto 0px; text-align: center; background: #51b222; display: block; }
.cng_f{ margin-top: 44px; width: 454px; height: 70px; }
.cng_f font{ width: 60px; height: 60px; border-radius: 30px; background: #7ecef4; font-size: 34px; text-align: center; display: block; float: left; line-height: 60px; color: #fff}
.cng_f span{ width: 360px; margin-left: 24px; font-size: 18px; color: #1b1b1b; line-height: 30px; margin-top: 14px !important; float: left; display: block; }
.mtp50{ margin-top: 50px; }
.ml82{ margin-left: 82px }
.ht140{ height: 140px }
.wd434{ width: 434px }
.cng_k{padding-top: 26px }
.cng_key{ width: 1200px; height: 56px; background: #f4f4f4; margin-top: 24px; }
.cng_key div{ margin-left: 54px; height: 24px; width: 24px; border-radius: 12px; margin-top: 16px; background: #7ecef4; float: left; }
.cng_key font{ float: left; margin-left: 28px; font-size: 20px; color: #1b1b1b; line-height: 56px; }
.cng_key:hover{ background: #efefef }




                                                             /*NEWS*/

.news_b{ font-size: 26px; color: #fff; height: 48px; padding-left: 40px; width: 1120px; line-height: 48px; background: #73ce48; display: block; margin-top: 120px; }
.news_n{ width: 1198px; height: 64px; padding-left: 40px; line-height: 64px; font-size: 24px; color: #4f4f4f; border-bottom: 1px #e1e1e1 solid; display: block; transition: 0.5s }
.news_n:hover{ color: #47c90a; transition: 0.5s }



                                                             /*POST*/

.post_tu{ width: 550px; height: 378px; margin: 120px auto 0px; display: block; }
.post_tux{ width: 402px; text-align: center; margin-top: 12px; line-height: 28px; font-size: 18px; color: #181818; margin-left: 399px; }
.post_3{ width: 312px; height: 300px; margin-top: 80px; background: #f8f8f8; padding: 0pc 22px 0px; float: left; transition: 0.5s }
.post_3 p{ font-size: 18px; color: #55d517; line-height: 28px; text-align: center; heigh: 74px; padding-top: 26px }
.mtop40{ margin-top: 40px !important  }
.post_3 div{ width: 270px; height: 1px; background: #9d9d9d; margin: 8px auto 20px; }
.post_3 font{ display: block; font-size: 16px; color: #141414; line-height: 24px; text-align: center; }
.ml82{ margin-left: 63px !important; }
.post_3:hover{ background: #cbebfb; transition: 0.5s }
.post_3:hover p{ color: #000; transition: 0.5s }
.post_3:hover font{ color: #1313; transition: 0.5s } 



                                                             /*SUPPORT*/

.support_bigbox{ width: 1200px; height: 548px; margin-top: 110px; }
.support_box{ width: 604px; height: 526px; border: 3px #ebebeb solid; padding: 14px 54px 0px 92px; position: absolute; margin-left: 445px }
.support_box p{ font-size: 30px; color: #55d517;line-height: 56px; }
.support_box font{ font-size: 16px; line-height: 26px; color: #131313; }
.mtop34{ margin-top: 34px !important }
.support_img{ width: 500px; position: relative; top: 88px; }
.support_p{ font-size: 18px; color: #131313; margin-top: 32px; line-height: 32px; text-align: center; }






                                                             /*VIDEO & MARKTING*/

.video_ar{ width: 538px; height: 644px; margin-top: 80px; background: #f6f6f6; padding-left: 20px; }
.video_ar p{ font-size: 22px; color: #4fc615; margin-top: 30px; line-height: 82px; margin-left: 10px; }
.video_ar div{ width: 518px; height: 1px; background: #a0a0a0 }
.video_ar ul{ margin-top: 10px; }
.video_ar ul li a{ padding-left: 14px; width: 504px; height: 46px; line-height: 46px; display: block; background: #e5e5e5; color: #161616; margin-top: 20px; font-size: 16px; transition: 0.5s }
.video_ar ul li a:hover{ background: #55d517; color: #fff; transition: 0.5s }

.video_me{ width: 1200px; height: 320px; }
.video_me .me{ width: 350px; float: left; }
.video_me .me video{ width: 350px; }
.video_me .me font{ font-size: 18px; color: #4b4b4b;margin-top: 16px; line-height: 26px; display: block; }
.ml76{ margin-left: 76px !important }
.video_me .fr{ float: right !important; }
.mtop58{ margin-top: 58px }







                                                             /*CASE STUDIES*/
.case_nav{ width: 1200px; height: 32px; margin-top: 120px; }
.case_nav li{ float: left; }
.case_nav li a{ display: block; font-size: 16px; color: #191919; line-height: 32px; text-align: center; background: #eeeeee; margin-left: 29px; transition: 0.5s }
.ml0{ margin-left: 0px !important }
.wd174{ width: 174px; }
.wd130{ width: 130px; }
.wd138{ width: 138px; }
.wd146{ width: 146px; }
.wd158{ width: 158px; }
.wd140{ width: 140px; }
.case_nav li:hover a{ color: #fff; background: #49c010; transition: 0.5s }
.dangqian{ color: #fff !important; background: #49c010 !important; }

.case{ margin-top: 10px; width: 1200px }
.case li{ margin-top: 40px; height: 314px; position: relative; }
.case li a img{ width: 362px; }
.ml57{ margin-left: 57px; }
.case li a .box{ width: 362px; height: 226px; top: 0px;  position: absolute; background: rgba(73,192,16,0.8); opacity: 0; transition: 0.5s; }
.case li a .box p{ font-size: 30px; margin-top: 76px; line-height: 72px; color: #fff; text-align: center; }
.case li a .box font{ font-size: 18px; color: #fff; margin-top: 17px; line-height: 60px; display: block; text-align: center; }
.case li a:hover .box{ opacity: 1; transition: 0.5s; }

.lh36{ line-height: 36px !important }
.case .ca{ line-height: 56px; color: #2d2d2d; font-size: 24px; text-align: center; }







                                                             /*CASE*/

.case_b{ font-style: normal; font-size: 48px; margin-top: 120px; color: #55d517; }
.bb{
	font-size: 22px;
	display: block;
	color: #191919;
	letter-spacing: 1px;
	line-height: 58px;
	font-family: "文泉驿点阵正黑";
}
.wt100{ width: 100%; height: 224px; }
.dz{ font-size: 24px; line-height: 60px; margin-top: 44px; float: left; }
.case_ph{ width: 674px; margin-top: 38px; }
.case_about{ font-size: 28px; color: #52ce1b; line-height: 74px; margin-top: 34px; }
.case_ul{ margin-top: -16px }
.case_about_wen{ font-size: 22px; line-height: 30px; color: #242424; }
.case_ul li{ margin-top: 20px; float: left; }
.case_ul li font{ font-size: 22px; color: #242424; line-height: 30px; padding: 14px 34px 14px; background: #e5e5e5; width: 1132px; display: block; }
.mtop18{ margin-top: 18px; display: block;  }