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

*{ padding:0; margin:0; font-family:"微软雅黑"; font-size:15px;} 
ul,ol,li{ list-style:none; margin:0; padding:0;} a{ text-decoration:none; color:#000;} a:active{ background:none;} img{ list-style:none; border:0;}

.cl{ clear:both;}  .w1000{ width:1000px; height:auto; margin:0 auto;}
.mt50{ margin-top:50px;} 
.mt10{ margin-top:10px;}
.mt40{ margin-top:40px;} .mt80{ margin-top:80px;} .ml70{ margin-left:70px;} .mb100{ margin-bottom:100px;} .fr{ float:right;} .fl{ float:left;}


.page{ width:100%; height:auto;}


/*头部样式*/
.header{ width:100%; height:80px;}
.postion{ width:100%; background:#FFF; position:fixed; z-index:999;border-bottom:1px solid #f2f2f2;}
.logo{ width:180px; height:80px; line-height:80px; float:left;}
.logo img{ width:125px; height:50px; overflow:hidden;}
/*for IE*/
.logo img{*margin-top:15px;}
.nav{ height:80px; line-height:80px; float:left;}
.nav ul li{ height:79px; line-height:80px; text-align:center; float:left;  transition:transform 0.5s; -webkit-transition:transform 0.5s; /* Safari */ }
.nav ul li a{ padding:0px 20px; display:block;}
.nav ul li:hover{ border-bottom:2px solid #09bcff;}
.nav ul li a:hover{ color:#09bcff;}
.headerRight{ height:80px; line-height:80px; float:right;}
.headerRight span{ display:inline-block; vertical-align:top;}
.headerRight .num400{ font-size:18px; font-weight:600; color:#09bcff; line-height:20px; margin-left:20px; display:inline-block;}
.headerRight .num400 em{ margin-top:5px; display:block;}
.headerRight .num400 .numicon{ width:40px; height:34px; background-position:-547px -215px; margin-left:0;display:inline-block;}
.headerRight a{ width:60px; height:30px; line-height:30px; padding:3px 10px;text-align:center; border:1px solid #09bcff; color:#09bcff; display:inline-block;}
.headerRight .DL{ background:#09bcff; color:#FFF; margin-left:8px;}
.headerRight a:hover{ background:#09bcff; color:#FFF;}
.headerRight .DL:hover{ background:#FFF; color:#09bcff;}



/*内容区样式*/
.content{ width:100%; height:auto;}
.banner{ width:1920px; height:640px; margin:auto; overflow:hidden; position:relative;}
.banner ul{ height:640px; position:absolute; top:0; left:0;}
.banner ul li{ width:1920px; height:640px; float:left;}
.banner ol{ width:200px; height:7px; margin:0 auto; position:absolute; bottom:40px; left:45%; z-index:10;}
.banner ol li{ width:40px; height:7px; margin-left:10px; background:#CCC; float:left; cursor:pointer;}
.banner ol .active{ background:#09bcff;}

.menu ul li{ height:40px; line-height:40px;  margin-left:50px; cursor:pointer; float:left;}
.menu ul li a{font-size:18px; letter-spacing:1px;}
.menu ul li:first-child{ margin-left:0;}
.menu ul li:hover{border-bottom:2px solid #09bcff; color:#09bcff;}
.menu ul .now{ border-bottom:2px solid #09bcff; color:#09bcff;}
.MenuContent{ height:515px; margin-top:20px; position:relative; display:none;}
.MenuContent img{ max-width:600px; height:515px; overflow:hidden; float:left; z-index:29;}
.MenuContent .MenuText{ width:400px; float:right; text-align:right; position:absolute; top:200px; right:0px; z-index:30;}
.MenuTitle{ font-size:30px;}
.file p{ font-size:22px;}
.file span{ height:40px; line-height:40px; margin-top:20px;}
.file a{ width:130px; height:40px; line-height:40px; border:2px solid #09bcff; color:#09bcff; display:inline-block; text-align:center;}
.file a:hover{ background:#09bcff; color:#FFF;}

.problem{ width:100%; min-width:1000px;  padding:30px 0; background:#f6f6f6;}
.box_title{ font-size:30px; font-weight:normal; text-align:center; color:#09bcff;}
.trList ul{ width:1000px; height:100px; margin-top:30px;}
.trList .ul1{background:url(/website/images/pr_bg_01.png) no-repeat;}
.trList .ul2{background:url(/website/images/pr_bg_02.png) no-repeat;}
.trList .ul3{background:url(/website/images/pr_bg_03.png) no-repeat;}
.trList .ul4{background:url(/website/images/pr_bg_04.png) no-repeat;}
.trList ul li{line-height:30px; font-size:18px; color:#FFF; letter-spacing:1px; font-weight:bolder; }
.trList ul .question{ width:400px;  background:url(/website/images/icon1_03.png) no-repeat; background-position:15px center;  padding:20px 20px 20px 80px; float:left;}
.trList ul .answer{ width:440px;  padding:20px 20px 20px 40px; float:right;}

.DoList ul li{ width:178px; height:auto; padding:0 20px 20px 20px; margin-left:40px; border-radius:15px; float:left; text-align:center; border:1px solid;}
.DoList ul li:first-child{ margin-left:0;}
.DoList ul .Do1,.Do1 .DoPic{ border-color:#09bcff;}
.DoList ul .Do2,.Do2 .DoPic{ border-color:#ffbe84;}
.DoList ul .Do3,.Do3 .DoPic{ border-color:#17a1e2;}
.DoList ul .Do4,.Do4 .DoPic{ border-color:#92c43d;}
.DoPic{ height:240px; line-height:240px; border-bottom:1px solid #09bcff;}
/*for IE*/
.DoPic img{*margin-top:55px;}
.DoTitle{ font-size:17px; font-weight:600; letter-spacing:1px; color:#333; margin-top:30px;}
.DoContent span{ font-size:15px; font-weight:300; margin-top:20px; display:inline-block;}

.Advantage{ padding-bottom:25px;}
/*.TeDian{ position:relative;}
.TeD_Content span{ width:55px; height:95px;}
.prew{ background:url(../images/prew.png) no-repeat; float:left; position:absolute; left:0; top:45%; z-index:99; cursor:pointer;}
.prew:hover{ background:url(../images/prew_hover.png) no-repeat;}
.next{ background:url(../images/next.png) no-repeat; float:right; position:absolute; right:0; top:45%; z-index:99; cursor:pointer;}
.next:hover{ background:url(../images/next_hover.png) no-repeat;}

.TeDianList{ width:800px; margin:70px auto 30px; padding:30px;  overflow:hidden;}
.TeDianList ul{ width:1680px;}
.TeDianList ul li{ width:213px; margin-left:80px; text-align:center; float:left;}
.TeDianList ul li:first-child{ margin-left:0;}
.TeDianList ul li .TeDianPic{ width:100%; height:160px; background:url(../images/squre.png) no-repeat; background-position:center;}
.TeDianList ul li .TeDianPic img{margin-top:38px;}
.TeDianTxt span{ width:213px; line-height:25px; font-size:16px; margin-top:20px; display:inline-block;}*/
.pro_list ul li{ width:220px; margin-left:14px; padding:5px 7px 20px; border:1px solid #08bcff; border-radius:15px; vertical-align:top; display:inline-block; *float:left;}
.pro_list ul li:first-child{ margin-left:0;}
.icon{ width:160px; height:160px; background:url(../images/icon.png) no-repeat; margin:20px auto; display:block}
.pro_list ul li>p{ font-size:18px; font-weight:bold; text-align:center;} 
.pro_list ul li .listtext{ font-size:15px; line-height:30px; margin-top:30px; display:block;}
.list1{ background-position:0 0;}
.list2{ background-position:-173px 0;}
.list3{ background-position:-343px 0;}
.list4{ background-position:-510px 0;}

.CaseList ul li{ width:245px; height:165px; margin:2px; float:left; position:relative;}
.CaseList ul li p{ width:100%; height:40px; line-height:40px; background:#000; opacity:0.5; filter:alpha(opacity:50); color:#FFF; text-align:center; position:absolute; bottom:0; left:0; display:none;}
.CaseList ul li:hover p{ display:block;}


/*尾部样式*/
.footer{ width:100%; min-width:1000px; background:#1a1c27; padding:30px 0; display:block;}
.FootLeft{ float:left;}
.FootLeft ul li{ width:120px; margin:20px 30px; text-align:left; float:left;}
.FootLeft ul li:first-child{ margin-left:0;}
.FootLeft ul li p{ font-size:15px; font-weight:600; letter-spacing:1px; color:#FF9F36; margin-bottom:10px;}
.FootLeft ul li span{ width:100%; height:20px; line-height:20px; margin-top:10px; display:inline-block;}
.FootLeft ul li span a{  font-size:14px; letter-spacing:1px; color:#5e5e5e;}
.FootLeft ul li span a:hover{ color:#D0D0D0;}
/*.FootRight{ width:170px; float:right;}
.FootRight .scan{text-align:center;color:#fff;}*/
.FootLeft .comment{color:#5e5e5e;float:left;}
.FootLeft .comment-item{line-height:30px;width:300px; margin-top:8px;}
.FootLeft .comment-item input{padding:3px 5px;width:200px; border-radius:3px;border:1px solid #5e5e5e;color:#fff; background:#1a1c27;
}
.FootLeft .comment p{font-size:18px;  letter-spacing:1px; color:#fff; }
.FootLeft .comment-button{margin-top:15px;width:300px;}
.FootLeft .comment-button a{ width:60px; height:30px; line-height:30px; padding:3px 10px;text-align:center; border:1px solid #FF9F36; color:#09bcff; border-radius:3px; display:inline-block;}
.FootLeft .comment-button .DL{ background:#FF9F36; color:#FFF;}
.FootLeft .comment-item input:focus {border:1px solid  #fb8605;}
.FootLeft .QRCode{margin-left:-20px;}
.FootLeft .scan{text-align:center;color:#fff;margin-left:-40px;}/**/
.FootAbout .FootMenu .Fphone{ background:url(/website/images/Ficon_10.png) no-repeat;}
.FootAbout .FootMenu .Fsite{  background:url(/images/images/Ficon_13.png) no-repeat;}
.FootAbout .FootMenu .Fadress{  background:url(/website/images/Ficon_15.png) no-repeat;}


/*产品页面样式*/
.LargePic{ width:1920px; max-height:460px; overflow:hidden}
.LargePic img{ margin:0 auto; height:460px;}
.ProductOverview{ width:100%;}
.ProductOverview img{ width:380px; height:400px; overflow:hidden; float:left;}
.MenuText{ width:550px; float:right;}
.OverviewTxt span{ font-size:16px; letter-spacing:1px; text-indent:2em; line-height:27px; display:inline-block; margin:10px 0;}
.WhyChoose{ padding-bottom:150px;}
.ChooseList ul li{ width:100%; height:auto; padding:5px 0; margin-top:70px;}
.ChooseList ul li img{ width:148px; height:148px; float:left;}
.ChooseReason{ width:780px; margin-top:14px; float:right;}
.ChooseReason .ReasonTitle{ height:40px; line-height:40px;}
.ChooseReason .ReasonTitle p{ font-size:20px; color:#09bcff; letter-spacing:1px; display:inline;}
.ChooseReason .ReasonTitle span{ font-size:16px; font-weight:600; letter-spacing:1px; margin-left:20px;}
.ChooseReason p{ font-size:16px; line-height:25px;}
.ChooseReason .Text2{ padding-top:10px;}

.chuangxin{ padding-bottom:50px;}
.chuangxinList ul li{ width:160px; height:auto; padding:3px; margin-left:40px; border:1px solid #09bcff; border-radius:10px; text-align:center; float:left;}
.chuangxinList ul li:first-child{ margin-left:0;}
.chuangxinList ul li img{ width:115px; height:105px; margin:15px 0; overflow:hidden;}
.chuangxinList ul li p{ width:140px; padding:0 5px; margin:15px auto; overflow:hidden;}

.youshiList ul li{ width:450px; height:auto; text-align:left; margin-bottom:30px; padding:10px 0; display:inline-block;}
.youshiList ul li img{ margin-top:20px; float:left;}
.youshiText{ width:320px; margin-left:30px; float:right;}
.youshiText .youshiTitle{ font-size:19px; font-weight:600; color:#09bcff;}
.youshiText span{ margin-top:15px; line-height:25px; display:block;}

.ExperienceList{ display:none;}
.ExperienceList{*padding-top:50px;}
.Eleft{ padding:20px; border:2px solid #09bcff; float:left;}
/*for ie7*/
.Eleft img{ width:170px; height:170px; margin:10px auto;}
.Eleft p{ font-size:22px; width:100%; height:45px; line-height:45px; background:#09bcff; text-align:center; color:#FFF; *width:170px;}
.ERight{ width:735px; margin-left:50px; padding:0.3% 0; float:right;}
.ERight p{ font-size:18px; line-height:30px; letter-spacing:1px;}
.ERight ul{ margin-top:30px;}
.ERight ul li{ margin-top:5px;}


.guwenList ul li{ width:46%; border:2px solid #09bcff; padding:13px; display:inline-block; margin:10px 0; *float:left;}
.guwenList ul .fr{*float:right;}
.guwenList ul li img{ width:95px; height:95px; float:left;}
.guwenText{ width:340px; margin-left:20px; float:right;}
.guwenText p{ font-size:18px; font-weight:600; padding:3px 0 0 0; letter-spacing:1px;}
.guwenText span{ height:50px; font-size:13px; font-weight:600; color:#585858; margin-top:15px; line-height:25px; display:block; overflow:hidden;}
.guwenList ul .guwenLast{ width:970px;}
.guwenLast .guwenText{width:85%; margin-top:10px; float:left;}


.FeaturesList ul li{ width:45.5%; height:auto; padding:10px 0; margin:25px 0; display:inline-block; *float:left;}
.FeaturesList ul .fr{*float:right;}
.FeaturesList ul li img{ width:120px; height:120px; float:left;}
.FeaturesList ul li .gongnengTxt{ width:300px; padding:5px; margin-top:7px; float:right; overflow:hidden;}
.gongnengTxt p{ max-height:25px; font-size:18px; font-weight:600; letter-spacing:1px;}
.gongnengTxt span{  max-height:60px; margin-top:10px; line-height:20px; display:block;}

.SafetyList{ padding:0 10px;}
.Safety_box1{ margin-top:50px;}
.Safety_box1 .Safety_text{ width:500px; padding:30px 0; margin-top:30px;}
.Safety_box1 .Safety_text span{ font-size:18px; line-height:30px; margin-top:20px; display:block;}
.Safety_box1 .Safety_image{ width:400px; text-align:center;}


/*帮助中心样式*/

.help_left{ width:650px;}
.Block_title{ height:40px; line-height:40px;}
.Block_title em{ width:28px; height:28px; background:url(/website/images/help_icon.png) no-repeat; background-position:-5px 0; vertical-align:middle; display:inline-block;}
.Block_title span{ height:40px; line-height:40px; margin-left:10px; padding:5px 0; font-size:18px; font-weight:600; border-bottom:2px solid #2B2B2B;}
.Help_box1 ul{ margin-top:30px;}
.Help_box1 ul li{ width:275px; height:20px; margin:10px 0; text-align:left; display:inline-block; *float:left;}
.Help_box1 ul .fr{*float:right;}
.Help_box1 ul li a{ width:100%; height:100%; white-space:nowrap;text-overflow:ellipsis; overflow:hidden; display:block;}
.Help_box1 ul li a:hover{ color:#09bcff;}
.Help_box1 ul li a:hover span{ background:url(/website/images/help_icon_hover.png) no-repeat; background-position:0px 0px; vertical-align:middle;}
.Help_box1 ul li a span{ width:5px; height:10px; background:url(/website/images/help_icon.png) no-repeat; margin-right:10px; background-position:0px 0px; vertical-align:middle; display:inline-block; }
.Ques em{ background-position:-33px 0;}
.Contact em{background-position:-61px -1px;}
.ContactUs ul li{ width:205px; height:auto; margin-left:10px; display:block; float:left;}
.contact_box{ padding-bottom:10px; border:1px solid #dedede; text-align:center;  *padding-top:10px;}
.ContactUs ul li:first-child{ margin-left:0;}
.ContactUs ul li em{ height:66px; margin:10px auto; background:url(/website/images/contact_icon.png) no-repeat; display:block;}
.ContactUs ul li .online em{ width:68px; background-position:0 0;}
.ContactUs ul li .telephone em{ width:66px; background-position:-68px 0;}
.ContactUs ul li .email em{ width:66px; background-position:-135px 0;}
.ContactMethod p{ font-size:15px; font-weight:600; letter-spacing:1px; color:#393939;}
.ContactMethod span{ font-size:12px; letter-spacing:1px;}
.contact_hover{ width:205px; height:138px; background:#09bcff; text-align:center; display:none; *height:127px;}
.contact_hover span{ width:140px; height:40px; line-height:40px; font-size:18px; font-weight:600; letter-spacing:1px; padding:0 10px; margin:50px auto; border:1px solid #FFF; color:#FFF; display:inline-block; *margin-top:43px;}
.contact_hover .youxiang{ font-size:14px; letter-spacing:0px;}
.help_right{ width:270px; min-height:500px; max-height:800px; border:1px solid #dedede; padding:10px 15px; margin-top:10px;}
.HelpFile em{ background-position:-89px 0;}
/*.contact_hover {
    height: 150px;
    line-height: 150px;
    background: #ff6600;
    color: #fff;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    border: 1px solid #FFF;
    cursor: pointer;
    display: none;
}*/

/*关于我们样式
.AboutCompany{ height:auto;}
.AboutCompany_Left{ width:390px; height:400px; line-height:400px; vertical-align:middle; float:left;}
.AboutCompany_Left img{vertical-align:middle;}
.AboutCompany_Right{ width:580px; float:right;}
.AboutCompany_Right p{ font-family:"黑体"; font-size:16px; line-height:23px; text-indent:2em; text-align:left;}
.AboutCompany_Right h3{ margin-top:10px;}
.AboutCompany_Right span{font-family:"黑体"; display:inline-block;}

.CompanyCulture{ padding-bottom:80px;}
.CultureBox{ padding:20px 0;}
.CultureBox ul li{ width:337px; margin-left:9px; text-align:center; float:left;}
.CultureBox ul li:first-child{ margin-left:0;}
.CultureBox_1 .sm{ width:100%; height:163px; background:#09bcff;}
.CultureBox ul li p{ padding:45px 5px 0 5px; font-size:18px; font-weight:600; color:#FFF;}
.CultureBox ul li span{ font-size:16px; color:#FFF; margin-top:20px; padding:0 8px; display:block; overflow:hidden;}
.CultureBox ul li div:hover p{ font-size:24px;}
.CultureBox ul .CultureBox_3 div:hover p{ font-size:18px;}
.CultureBox ul .CultureBox_3 .RightTop div:hover p{ font-size:24px;}
.CultureBox ul .CultureBox_3 .jzg:hover p{ font-size:24px;}
.CultureBox_1 .yj{ width:100%; height:163px; background:#FFF; margin-top:9px;}
.CultureBox_1 .yj p,.CultureBox_1 .yj span{ color:#1C1C1C;}
.CultureBox ul .CultureBox_2{ width:307px; height:335px;}
.RightTop{ height:163px;}
.RightTop .dw,.RightTop .kh{ width:165px; height:163px; background:#FFF; float:left;}
.CultureBox_3 .kh{ margin-left:7px;}
.RightTop .dw p,.RightTop .dw span,.RightTop .kh p,.RightTop .kh span{ color:#000;}
.CultureBox_3 .jzg{ width:100%; height:163px; background:#ff9d33; margin-top:9px;}
.TeamPic{ width:1000px; height:auto;}

.OfficeList ul li{ width:245px; margin-left:6px; float:left;}
.OfficeList ul li:first-child{ margin-left:0;}
.OfficeList ul li img{ width:245px; height:auto; max-height:210px; display:block;}
.OfficeList ul li p{ width:100%; height:40px; background:#dbe2e8; padding:10px 0; text-align:center;}
.OfficeList ul li p span{ width:100%; text-transform:uppercase; color:#494949; display:inline-block;}
.OfficeList ul li p span:first-child{ font-size:18px; font-weight:600; letter-spacing:1px;}

.honor ul li{ width:240px; margin:15px 5px; float:left;}
.honor ul li span{ width:100%; height:25px; line-height:25px; font-size:16px; margin-top:10px; text-align:center; display:block;}*/
.about_nav{}
.about_nav a{ font-size:18px; height:48px;line-height:48px;width:33%;text-align:center;background:#f7f7f7;color:#333;display:inline-block;cursor:pointer;}
.about_nav a.active{background:#ececec;}
.com_introduce{ color:#666;line-height:30px;}
.com_introduce p{ font-size:16px;margin:20px 0 30px 0;text-indent:2em;}
.about_ping p{text-align:center;line-height:30px;color:#333;}
.lianxi ul li{ font-size:16px; line-height:40px; color:#666;}
.lianxi ul li strong{ font-size:18px; color:#333;}


/*帮助中心内容样式*/

.help_content em{width:30px; height:30px; background:url(../images/help_content_icon_03.png) no-repeat; background-position:0 0; vertical-align:middle; display:inline-block;}
.help_content p{ width:610px; height:30px; line-height:30px; margin-left:10px; border-bottom:2px solid #09bcff; display:inline-block;}
.help_content p span a{ font-size:18px; font-weight:600; color:#09bcff;}
.help_content p .TheQues{ font-size:16px; font-weight:normal; color:#000;}
.w600{ width:600px; margin:40px auto 0; text-align:center;}
.Ques_title{ font-size:20px;}
.w600 .help_neirong{ text-align:left;}
.w600 .help_neirong p{ font-size:17px; font-weight:600; line-height:30px; margin-top:30px;}
.w600 .help_neirong span{ margin-top:20px; line-height:25px; display:inline-block;}
.w600 .help_neirong span a{ color:#09bcff;}



/*CRM定制页面样式*/
.section2{ background:#f6f6f6;}
.pading50{padding: 50px 0;} 
.crmbanner{ width:100%; height:auto; position: relative; }
.crmbanner span{width: 150px; height: 40px; line-height: 38px; background: #ffd200; border-radius: 20px; position: absolute; top: 300px; left: 1025px; text-align: center;}
.crmbanner span a{font-size: 24px;  color: #FFF; display: block;}
.liuchentitle{ font-size:24px; text-align: center; }
.liuchentext{font-size: 17px; color: #666; width: 80%; line-height: 30px; margin: 20px auto 0; text-align: center; display: block; }
.liuchen_list{ width: 100%; }
.crmcuston{ margin-top: 80px; }
.crmgn ul li{ width: 200px; text-align: center; display: inline-block; margin:40px 0 40px 62px; *float: left;}
.crmgn ul .noleft{ margin-left: 0; }
.crmicon{background: url(/website/images/crmicon.png) no-repeat; margin:auto; display:block;}
.crmgn ul li em{ width: 148px; height: 148px; }
.crmgn ul li p{ font-size: 18px; margin-top: 20px; }
.crmgn ul li span{ font-size: 14px; margin-top: 10px; display: block; }
.gnlist1{ background-position: 0 0; }
.gnlist2{ background-position: -159px 0; }
.gnlist3{ background-position: -314px 0; }
.gnlist4{ background-position: -473px 0; }
.gnlist5{ background-position: -633px 0; }
.gnlist6{ background-position: 0px -169px; }
.gnlist7{ background-position: -159px -169px; }
.gnlist8{ background-position: -314px -169px; }
.moreservice ul li{ width: 200px; margin-left: 62px; text-align: center; display: inline-block; vertical-align: top; *float: left; }
.moreservice ul li:first-child{ margin-left: 0px; }
.moreservice ul li em{ width: 160px; height: 185px; -webkit-transition:transform 1.5s; transition: transform 1.5s; }
.moreservice ul li p{ font-size: 18px; margin-top: 20px; }
.moreservice ul li span{font-size: 14px; margin-top: 10px; display: block;}
.zengzhi1{ background-position:0px -334px; }
.zengzhi2{ background-position:-190px -334px; }
.zengzhi3{ background-position:-379px -334px; }
.zengzhi4{ background-position:-575px -334px; }
.moreservice ul li:hover em{-webkit-transform:rotate(360deg); transform: rotate(360deg); }
.crmanli{ margin-top: 80px; }
.crmanlipic{ width: 100%; }
.start{padding: 40px 0; background:#dce8ee;}
.end_text{ width: 70%;margin: auto; padding: 20px; border-radius: 50px; border: 2px solid #000; text-align: center; display: block;}
.end_text a{ font-size: 30px;}
.end_text:hover{ background:#00b4ff; border-color: #00b4ff; }
.end_text:hover a{ color: #FFF; }