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




                                    /*Index*/

header{ width: 100%; height: 100px; background: #334252; }
header img{ float: left; margin-top: 36px; }
.nav{ float: right; list-style: none; }
.nav li{ float: left; }
.nav li a{ display: block; font-size: 20px; color: #fff; margin-right: 74px; line-height: 100px; font-weight: bold; }
.mr0{ margin-right: 0px !important; }
.nav li a:hover,.dangqian{ color: #f75940 !important }
.banner{ width: 100%; height: 576px; background: url(../img/banner.jpg) no-repeat center top; background-size: 100%; }
.banner img{ margin-top: 220px; }
.banner p{ font-size: 34px; color: #000; margin-top: 62px; line-height: 34px; }
.Proven{ width: 100%; background: #334252; padding-top: 30px; padding-bottom: 30px; }
.Proven p{ font-size: 20px; line-height: 38px; color: #fff; font-weight: bold; margin-left: 80px; margin-left: 80px; }
.Proven font{ font-size: 16px; color: #f75940; line-height: 34px; display: block;margin-left: 80px; }
.Proven font span{ color: #fff !important }
.youshi{ margin-top: 100px; list-style: none; }
.youshi li{ width: 294px; height: 208px; border: 1px solid #3dc7be; border-radius: 8px; float: left; margin-left: 78px; position: relative; overflow: hidden; }
.youshi li img{ margin-top: 30px; transition:0.4s; }
.youshi li p{ font-size: 18px; color: #000; font-weight: bold; line-height: 60px; text-align: center; transition:0.4s; }
.youshi li .box{ background: #f9f9f9; width: 294px; height: 208px; position: absolute; top: -209px; transition: 0.4s; }
.youshi li .box font{ font-size: 16px; color: #000; line-height: 26px; width: 236px; display: block; margin-top: 42px; margin-left: 30px; text-align: center; }
.youshi li:hover .box{ top: 0px !important; transition: 0.4s }
.devops{ width: 100%; background: #fafafa; margin-top: 100px; padding-top: 60px; padding-bottom: 60px; }
.devops img{ margin-left: 80px; }
.devops .fr{ width: 426px; margin-top: 30px; }
.devops p{ font-size: 24px; line-height: 44px; color: #000; font-weight: bold; }
.devops font{ line-height: 32px; font-size: 16px; color: #000; display: block; margin-top: 6px; }
.pingjia{ width: 100%; padding: 60px 0; background: #334252; margin-top: 100px; }
.pjbox{ width: 700px; margin: auto; }
.pjbox .fr{ width: 436px; }
.pjbox p{ color: #fff; line-height: 26px; margin-top: 10px; } 
.pjbox font{ color: #fff; font-size: 14px; line-height: 26px; margin-top: 10px; display: block; }
.pjbox font span{ color: #f34327 !important; }
.hezuo{ width: 988px; margin: 100px auto 0px; }
.hezuo p{ font-size: 24px; color: #000; line-height: 24px; font-weight: bold; }
.hezuo img{ margin-top: 60px; }
footer{ width: 100%; padding: 20px 0 0 0; background: #4c4c4c; margin-top: 80px; }
.foot_box{ width: 870px; margin: auto; }
.foot_box{ width: 648px; }
.foot_box ul{ list-style: none; margin:auto; width: 474px; }
.foot_box ul li{ float: left; border-right: 1px solid #dbdbdb; }
.foot_box ul li a{ display: block; float: left; margin: 0 14px; color: #fff; line-height: 18px; transition: 0.4s; }
.foot_box ul li a:hover{ color: #dedede; transition: 0.4s; }
.bd0{ border: 0px !important }
.ml0{ margin-left: 0px !important }
footer .beian{ width: 100%; height: 32px; margin-top: 20px; font-size: 14px; color: #bebebe; text-align: center; line-height: 32px; background: #242424; }
footer .beian .box{ width: 428px; margin: auto; }
footer .beian .box span{ display: block; float: left; }
footer .beian .box img{ margin-right: 10px; margin-top: 6px; float: left; margin-left: 20px; }
.bd0{ border-right: 0px !important }




                                    /*Support*/

.wd1120{ width: 1120px; margin: auto; }
.title{ font-size: 30px; color: #000; line-height: 26px; margin-top: 100px; }
.wd648{ width: 648px; }
.support img{ float: right; margin-top: 246px; }
.wen_biao{ font-size: 22px; color: #000; font-weight: bold; color: #000; line-height: 22px; margin-top: 50px; }
.support font{ font-size: 16px; color: #000; line-height: 24px; margin-top: 28px; display: block; }
.ul_all{ margin-left: 50px; margin-top: 12px }
.ul_all li a{ font-size: 14px; color: #3dc7be; line-height: 30px; }





                                    /*Resources*/

.resources_box{ margin-top: 16px; list-style: none; }
.resources_box li{ float: left; width: 342px; margin-top: 30px; }
.ml88{ margin-left: 88px; }
.resources_box li img{ width: 342px; }
.resources_box li p{ font-size: 14px; color: #3dc7be; line-height: 24px; text-align: center; margin-top: 16px; }

/*Resources_case*/
.case_a{ font-size: 16px; color: #3dc7be; line-height: 16px; margin-top: 50px; display: block;float: left; }
.resources img{ margin: 30px 0 0 40px; }
.wd778{width: 778px;}
.tu_xia{ font-size: 20px; color: #000; line-height: 30px; margin-top: 40px; }
.case_tit{ font-size: 18px; color: #f75940; line-height: 18px; font-weight: bold; margin-top: 40px; }
.case_wen{font-size: 14px; color: #000; line-height: 26px; margin-top: 16px; display: block; }
.case_ul{ margin-left: 40px; }
.case_ul li{ font-size: 14px; line-height: 24px; margin-top: 10px; }
.cbc_img{ width: 1200px; margin-left: 0px !important }





                                    /*Solution*/

.solution_box{ width: 836px; }
.mtop42{ margin-top: 42px; }
.solution_box font{ font-size: 14px; color: #000; line-height: 28px; display: block; margin-top: 22px; }
.solution_box font a{ color: #3dc7be; }
.mtop22{ margin-top: 22px; }
.solution_box img{ margin-top: 22px; width: 830px; }
.try{ font-size: 14px; line-height: 26px; color: #272727; margin-top: 30px; margin-left: 20px; background: #f8f8f8; padding-left: 30px; padding-top: 30px; padding-bottom: 30px; }
.solution_box .net_ul li{ margin-top: 10px; }

.ce_navbox{ background: #cedbe9; margin-top: 100px; }
.ce_navbox .ce_navtit{ font-size: 16px; color: #000; font-weight: bold; line-height: 42px; background: #a5bed8; padding-left: 20px; display: block; }
.ce_navbox .bai{ width: 100%; height: 2px; background: #fff; }
.ce_navbox .ce_nav{ padding: 10px 20px 30px; list-style: none; }
.ce_navbox .ce_nav li a{ font-size: 16px; color: #343434; line-height: 38px; border-bottom: 1px solid #b6b6b6; display: block; }
.ce_navbox .ce_nav li a:hover,.dang{ color: #3dc7be !important; }

.ce_navbox .ce_nav li ul{ list-style: none; margin-left: 30px; }
.ce_navbox .ce_nav li ul li a{ border-bottom: 0px; }
.mtop40{ margin-top: 40px !important; }

.mtop0{ margin-top: 0px !important }
.wd628{ width: 628px !important }
.wd512{ width: 512px !important }


hr{ width: 100%; height: 1px; background: #707070; border: 0px; margin-top: 30px; }
.Questions{ list-style: none; }
.Questions li{ width: 550px; margin-top: 30px; }
.Questions li p{ font-size: 20px; color: #000; line-height: 20px; }
.Questions li font{ font-size: 14px; color: #333; line-height: 24px; margin-top: 10px; display: block; }
.Questions li font a{ color: #3dc7be; }
.lh44{ line-height: 44px; margin-top: 92px; }


.kuan{ font-size: 16px; color: #666; font-weight: bold; display: block; margin-top: 40px; }
.wd176{ width: 176px !important; }
.wd600{ width: 600px !important; }
.im li font{ font-size: 14px; color: #000; line-height: 26px; display: block; }
.case_wen a{ color: #3dc7be }
.wd582{ width: 582px !important; }






.contact{  margin-top: 66px; }
.contact .box2{ width: 304px; margin-left: 150px; margin-top: 126px; float: left; }
.contact .box2 p{ font-size: 22px; color: #2a2a2a; line-height: 22px; }
.contact .box2 font{ font-size: 16px; color: #2a2a2a; line-height: 26px; display: block; margin-top: 34px; }
.contact .tu2{ margin-top: 202px; float: right; }

.w1200{width: 1200px;margin: 0 auto;padding: 70px 0;}
.colshenbule{color: #334252;}

.fosize18{font-size: 18px !important;}
.fosize26{font-size: 26px !important;}
.fosize30{font-size: 30px !important;}
.fosize32{font-size: 32px !important;}
.fosize24{font-size: 24px !important;}
.fosize20{font-size: 20px !important;}


.martopbott10{margin: 10px 0 !important;}
.martop20{margin-top: 20px !important;}
.martopbot20{margin: 20px 0 !important;}
.martop5{margin-top: 5px !important;;}
.martop10{margin-top: 10px !important;;}
.marbott6{margin-bottom: 6px !important;;}
.martop30{margin-top: 30px !important;}
.martop25{margin-top: 25px !important;}
.paddtop20{padding-top: 20px !important;}
.martopbot15{margin: 15px 0 !important;}
.marbott30{margin-bottom: 30px !important;}
.marbott20{margin-bottom: 30px !important;}
.paddtb50{padding: 50px 0 !important;;}
.martopbot50{margin: 50px 0 !important;}
.paddtb20{padding: 20px 0  !important;;}
.paddtb10{padding: 10px 0  !important;;}
.martopbot70{margin: 70px 0 !important;}
.martop50{margin-top: 50px;}

.textstyle{
    line-height: 27px;
    margin: 15px 0;
}