body { color:#666; font-size:14px; font-family:"Arial","Microsoft YaHei"; }
html{ overflow-y:scroll;}
form,div,body,img,p,img,dl,dt,dd,h2,h1,h3,h4,h5,h6{ margin:0px; padding:0px; border:0; }
a:link{ text-decoration:none; behavior:url(/scripts/blur.htc);}
a:visited{ text-decoration:none;}
a:hover{ text-decoration:none;}
a:focus { -moz-outline-style: none; }
a:active{ outline:none; text-decoration:none;}
em,i{ font-style:normal; }
ul,li{ list-style:none; margin:0; padding:0;}
input,textarea,select{ color:#333; margin:0; padding:0; font-size:12px; font-family:Arial; vertical-align:middle; resize:none;-webkit-appearance:none;}
input:focus,textarea:focus{ outline:none;}
/*删除火狐下按钮默认样式*/
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner{
	border:none; padding:0;
}

/*浮动*/
.clearboth:after{ display:block; clear:both; content:""; overflow:hidden; height:0; }
.clearboth{ *zoom:1;}
.float_l{ float:left;}
.float_r{ float:right;}
.FR{ float:right;}
.FL{ float:left;}
/*字体*/
.Arial { font-family:Arial;}
.YaHei { font-family:"Microsoft YaHei","微软雅黑","宋体";}
.f16{ font-size:16px; }
.Blue, a.Blue {color:#2873B4 !important;}
a:hover.Blue {color: #f60 !important;}
.Red, a.Red:link, a.Red:visited {color:#c30008;}
.lh180 {line-height: 180%;}

/*上下间距*/
.mb5{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb18{ margin-bottom:18px;}
.mb20{ margin-bottom:20px;}
.mb25{ margin-bottom:25px;}
.mb30{ margin-bottom:30px;}
.mb35{ margin-bottom:35px;}
.mb40{ margin-bottom:40px;}
.mb45{ margin-bottom:45px;}
.mb50{ margin-bottom:50px;}
.mb60{ margin-bottom:60px;}
.mb80{ margin-bottom:80px;}
.mb100{ margin-bottom:100px;}

/*图片*/
.img-responsive{max-width:100%;height: auto;vertical-align: top;display: block;}

/*公用*/
.div100{ width:100%;}
.B{ font-weight:bold;}
.Text_l{ text-align:left;}
.Text_r{ text-align:right;}
.Text_c{ text-align:center;}
.animate{ -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -o-transition:all ease 0.3s; transition:all ease 0.3s; }

html.cur{ overflow:hidden; }
/*头部*/
.Head{ height:80px; position:absolute; left:0; top:0; z-index:100; width:100%; }
.Head .Head_cont{ position:relative; width:100%; background:url(../images/index/menubg.png) repeat; z-index:2; height:100%; }
.Head .Logo{ position:absolute; left:0; top:0; margin-left:46px; width:10%; height:100%; }
.Head .Logo a{ display:block; height:100%; background:url(../images/index/logo.png) no-repeat center; background-size:100% auto; }
.Head .Menu{ width:100%; box-sizing:border-box; padding-left:103px; text-align:right; padding-right:46px; }
.Head .Menu a.search{ display:inline-block; width:18px; height:18px; vertical-align:middle; background:url(../images/index/search.png) no-repeat center; }
.Head .Menu a.tit{ display:inline-block; color:#fff; font:normal 14px/80px 'Microsoft YaHei'; height:80px; text-align:center; margin:0 2%; position:relative; overflow:hidden; vertical-align:middle; }
.Head .Menu a.tit span{ background:url(../images/index/spanbg.png) no-repeat center; position:absolute; display:block; width:14px; height:8px; bottom:0; left:50%; margin-left:-7px; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -o-transition:all ease 0.3s; transition:all ease 0.3s; transform:translateY(10px); -webkit-transform:translateY(10px); -moz-transform:translateY(10px); -o-transform:translateY(10px); }
.Head .Menu a.tit span.cur{ transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); -o-transform:translateY(0); }
.Head .Menu .wei{ background:url(../images/index/wei.png) no-repeat center; display:inline-block; width:20px; height:20px; vertical-align:middle; margin-left:20px; position:relative; }
.Head .Menu .wei img{ position:absolute; left:-78px; top:42px; display:none; }
.Head .Menu .wei:hover img{ display:block; }
.Head .Menu .mail{position:relative;top:2px; margin-left:20px;line-height:0;display:inline-block;}
.Head .Menu .lo{ background:url(../images/index/lo.png) no-repeat center; display:inline-block; width:20px; height:20px; vertical-align:middle; margin-left:20px; }
.Head .Menu i{ margin-left:20px; color:#fff; position:relative; }
.Head .Menu i a.slide{ background:url(../images/index/login.png) no-repeat center; display:inline-block; width:20px; height:20px; vertical-align:middle; }
.Head .Menu i em{ position:absolute; width:117px; padding:5px 20px; border:1px solid #b9b9b9; left:-126px; top:49px; background:#fff; border-radius:5px; opacity:0; transform:translateY(-10%); -webkit-transform:translateY(-10%); -moz-transform:translateY(-10%); -o-transform:translateY(-10%); -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -o-transition:all ease 0.3s; transition:all ease 0.3s; pointer-events:none; }
.Head .Menu i em.cur{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); -o-transform:translateY(0); pointer-events:auto; }
.Head .Menu i em img{ position:absolute; top:-9px; right:14px; }
.Head .Menu i em a{ display:block; text-align:left; color:#666; padding:10px 0 10px 48px; line-height:18px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.Head .Menu i em a.a1{ background:url(../images/index/log1.png) no-repeat 10px center; border-bottom:1px solid #dedede; }
.Head .Menu i em a.a2{ background:url(../images/index/log2.png) no-repeat 10px center; border-bottom:1px solid #dedede; }
.Head .Menu i em a.a3{ background:url(../images/index/log3.png) no-repeat 10px center; }

.slid_menu{ position:absolute; background:url(../images/index/slidbg.png) repeat; left:0; top:80px; width:100%; z-index:1; height:0; overflow:hidden; opacity:0; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -o-transition:all ease 0.3s; transition:all ease 0.3s; }
/* .slid_menu.cur{ height:156px; opacity:1; } */
.slid_menu.cur{ height:270px; opacity:1; }
.slid_menu .border{ text-align:center; padding:20px 0; margin:0 auto; width:1200px}
.slid_menu .border a{ width:12%; display:inline-block; color:#666666; line-height:18px; vertical-align:middle; }
.slid_menu .border a i{ display:block; height:80px; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -o-transition:all ease 0.3s; transition:all ease 0.3s; }
.slid_menu .border a.icon1 i{ background:url(../images/index/icon5.png) no-repeat center top; }
.slid_menu .border a.icon2 i{ background:url(../images/index/icon1.png) no-repeat center top; }
.slid_menu .border a.icon3 i{ background:url(../images/index/icon3.png) no-repeat center top; }
.slid_menu .border a.icon4 i{ background:url(../images/index/icon2.png) no-repeat center top; }
.slid_menu .border a.icon5 i{ background:url(../images/index/icon4.png) no-repeat center top; }
.slid_menu .border a.icon6 i{ background:url(../images/index/icon6.png) no-repeat center top; }
.slid_menu .border a.icon7 i{ background:url(../images/index/icon7.png) no-repeat center top; }
.slid_menu .border a.icon8 i{ background:url(../images/index/icon8.png) no-repeat center top; }
.slid_menu .border a.icon9 i{ background:url(../images/index/icon9.png) no-repeat center top; }
.slid_menu .border a.icon10 i{ background:url(../images/index/icon25.png) no-repeat center top; }
.slid_menu .border a.icon11 i{ background:url(../images/index/icon25.png) no-repeat center top; }
.slid_menu .border a.icon12 i{ background:url(../images/index/icon16.png) no-repeat center top; }
.slid_menu .border a.icon13 i{ background:url(../images/index/icon24.png) no-repeat center top; }
.slid_menu .border a.icon14 i{ background:url(../images/index/101.png) no-repeat center top; }
.slid_menu .border a.icon15 i{ background:url(../images/index/icon11.png) no-repeat center top; }
.slid_menu .border a.icon16 i{ background:url(../images/index/icon10.png) no-repeat center top; }
.slid_menu .border a.icon17 i{ background:url(../images/index/icon11.png) no-repeat center top; }
.slid_menu .border a.icon18 i{ background:url(../images/index/icon13.png) no-repeat center top; }
.slid_menu .border a.icon19 i{ background:url(../images/index/icon16.png) no-repeat center top; }
.slid_menu .border a.icon20 i{ background:url(../images/index/icon16.png) no-repeat center top; }
.slid_menu .border a.icon21 i{ background:url(../images/index/icon17.png) no-repeat center top; }
.slid_menu .border a.icon22 i{ background:url(../images/index/icon18.png) no-repeat center top; }
.slid_menu .border a.icon23 i{ background:url(../images/index/icon26.png) no-repeat center top; }
.slid_menu .border a.icon24 i{ background:url(../images/index/icon19.png) no-repeat center top; }
.slid_menu .border a.icon25 i{ background:url(../images/index/icon20.png) no-repeat center top; }
.slid_menu .border a.icon26 i{ background:url(../images/index/icon22.png) no-repeat center top; }
.slid_menu .border a.icon27 i{ background:url(../images/index/icon23.png) no-repeat center top; }
.slid_menu .border a.icon28 i{ background:url(../images/index/icon21.png) no-repeat center top; }
.slid_menu .border a.icon29 i{ background:url(../images/index/icon22.png) no-repeat center top; }
.slid_menu .border a.icon30 i{ background:url(../images/index/icon24.png) no-repeat center top; }
.slid_menu .border a.icon31 i{ background:url(../images/index/icon20.png) no-repeat center top; }
.slid_menu .border a.icon32 i{background: url(../images/index/icon-lupai.png) no-repeat center top;}

.slid_menu .border a.icon34 i{ background:url(../images/index/icon34.png) no-repeat center top; }
.slid_menu .border a.icon35 i{ background:url(../images/index/icon35.png) no-repeat center top; }

.slid_menu .border a.icon40 i {background: url(../images/index/icon-lp36us.png) no-repeat center top;}
.slid_menu .border a.icon41 i {background: url(../images/index/icon-lp60us.png) no-repeat center top;}
.slid_menu .border a.icon42 i {background: url(../images/index/icon-lp60us.png) no-repeat center top;}
.slid_menu .border a.icon43 i {background: url(../images/index/icon-70us.png) no-repeat center top;}
.slid_menu .border a.icon44 i {background: url(../images/index/icon-70us.png) no-repeat center top;}


.slid_menu .border a.icon81 i {background: url(../images/cpa/icon-cpa-voice.png) no-repeat center top;}
.slid_menu .border a.icon82 i {background: url(../images/cpa/icon-cpa-seat.png) no-repeat center top;}
.slid_menu .border a.icon83 i {background: url(../images/cpa/icon-cpa-elec.png) no-repeat center top;}
.slid_menu .border a.icon84 i {background: url(../images/cpa/icon-cpa-alert.png) no-repeat center top;}
.slid_menu .border a.icon85 i {background: url(../images/cpa/icon-cpa-vr.png) no-repeat center top;}
.slid_menu .border a.icon86 i {background: url(../images/cpa/icon-cpa-light.png) no-repeat center top;}
.slid_menu .border a.icon87 i {background: url(../images/cpa/icon-cpa-projector.png) no-repeat center top;}
.slid_menu .border a.icon88 i {background: url(../images/cpa/icon-cpa-book.png) no-repeat center top;}


.slid_menu .border a.icon88 i {background: url(../images/newproduct/headernav_icon1.png) no-repeat center top;}
.slid_menu .border a.icon89 i {background: url(../images/newproduct/headernav_icon2.png) no-repeat center top;}
.slid_menu .border a.icon90 i {background: url(../images/newproduct/headernav_icon3.png) no-repeat center top;}
.slid_menu .border a.icon91 i {background: url(../images/newproduct/headernav_icon4.png) no-repeat center top;}


.slid_menu .border a:hover i{ background-position:center bottom; }
.slid_menu .border a span{ display:block; height:36px; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -o-transition:all ease 0.3s; transition:all ease 0.3s; }
.slid_menu .border a:hover span{ color:#35a5e1; }

.Phone_Head{ display:none; }
.Mask{ position:fixed; width:100%; height:100%; background:#000; opacity:0.3; left:0; top:0; z-index:500; display:none; }
.sub_menu{ position:fixed; width:100%; height:100%; right:0; top:0; z-index:200; padding-top:50px; display:none; box-sizing:border-box; }
.sub_menu.cur{ transform:translateX(0); -o-transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0); }
.sub_menu .over{ overflow:auto; -webkit-overflow-scrolling: touch; height:100%; background:#252525; }
.sub_menu ul{ padding:6% 10%; }
.sub_menu li{ width:100%; box-sizing:border-box; border-bottom: 1px solid #515151; }
.sub_menu li a.title{ color:#fff; font-size:16px; display:block; padding:14px 0; padding-left:10px; }
.sub_menu li a.titlebg{ background:url(../images/index/subabg.png) no-repeat right center; background-size:auto 30%; }
.sub_menu li a.titlebg.cur{ background:url(../images/index/subabg2.png) no-repeat right center; background-size:auto 30%; }
.sub_menu li dl{ display:none; padding:10px 0 10px 20px; }
.sub_menu li dl dd{ margin-bottom:10px; line-height:20px; }
.sub_menu li dl a{ color:#ababab; font-size:14px; padding-left:10px; background:url(../images/index/ddbg.png) no-repeat 0 center; background-size:auto 20%; }
.sub_menu li.li{ text-align:right; }
.sub_menu li.li .tit{ display:inline-block; margin-left:20px; }

.Foot{ height:395px; background:url(../images/index/footbg.jpg) no-repeat center; }
.Foot .all{ padding-top:58px; }
.Foot dl{ float:left; color:#fff; }
.Foot dl dt{ font:normal 14px 'Microsoft YaHei'; margin-bottom:25px; }
.Foot dl dd{ line-height:30px; }
.Foot dl dd a{ color:#aaaaad; font-size:12px; }
.Foot dl dd a:hover{ color:#35a5e1; }
.Foot dl.dl1{ margin-right:130px; }
.Foot dl.dl2{ margin-right:180px; }
.Foot dl.dl3{ margin-right:130px; }
.Foot .form{ float:right; width:424px; }
.Foot .form h3{ padding-left:22px; font:normal 14px 'Microsoft YaHei'; line-height:18px; background:url(../images/index/h3bg.png) no-repeat left bottom; color:#fff; margin-bottom:20px; }
.Foot .form .list{ margin-bottom:10px; }
.Foot .form .list input,.Foot .form .list textarea{ background:url(../images/index/inputbg.png) repeat; border:1px solid #757679; border-radius:4px; color:#aaaaad; padding:7px 10px; box-sizing:border-box; width:100%; }
.Foot .form .lis1 input{ width:48%; margin-right:4%; }
.Foot .form .lis1 input.inp{ margin:0; }
.Foot .form .list textarea{ height:82px; }
.Foot .form .sub_btn{ padding-top:15px; }
.Foot .form .sub_btn input{ background:#35a5e1; line-height:32px; height:32px; text-align:center; color:#fff; border-radius:4px; display:inline-block; width:112px;border:0;padding:0; cursor: pointer; }
.Foot .form .sub_btn input:hover{ opacity:0.8; }
.Foot .form .sub_btn img{ float:right; }
.copy_box{ background:#242433; line-height:30px; color:#bcbcbf; text-align:left; position:relative; }
.copy_box .all{ position:relative; }
.copy_box .span{ position:absolute; display:inline-block; text-align:left; margin-left:30px; right:0; bottom:10px; margin-top:5px; background:#4f4e5b url(../images/index/arrow.png) no-repeat right bottom; border:1px solid #757679; border-radius:5px; padding:0 10px; height:40px; overflow:hidden; width:80px; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -o-transition:all ease 0.3s; transition:all ease 0.3s; }
.copy_box .span.cur{ height:80px; }
.copy_box .span .a{ color:#fff; width:50px; display:block; padding:5px 0 5px 30px; position:absolute; }
.copy_box .span .a1{ background:url(../images/con2.jpg) no-repeat left center; background-size:auto 35%; bottom:0; }
.copy_box .span .a2{ background:url(../images/con1.jpg) no-repeat left center; background-size:auto 35%; border-bottom:1px solid #757679; bottom:41px; }
.copy_box .bei{ padding-left: 20px; margin-left:20px; color:#bcbcbf; background: url(../images/icon-police.png) no-repeat left center; text-decoration:underline; }

.Page{ padding:40px 0 80px; text-align:center; }
.Page a{ display:inline-block; width:36px; height:40px; line-height:40px; vertical-align:middle; background:#eaeaea; color:#484848; font-size:16px; margin:0 6px; border-radius:5px; }
.Page a:hover,.Page a.cur{ color:#fff; background:#34a5e1; }

.fixed_cont{ position:fixed; width:100%; height:100%; background:#fff; left:0; top:100%; z-index:100000; opacity:0; -moz-transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -o-transition:all ease 0.5s; transition:all ease 0.5s; pointer-events:auto; transform:translateY(0); -o-transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); pointer-events:none; display:none; background:#fff url(../images/bg.jpg) no-repeat center; background-size:auto 100%; visibility:hidden; }
.fixed_cont.curss{ transition:none; }

@media only screen and (max-width:1600px) {
    .Head .Logo{ width:15%; }
    .slid_menu .border a{ width:12%; }
}
@media only screen and (max-width:1200px) {
    .Foot dl.dl1, .Foot dl.dl2{ margin-right: 100px; }
    .Foot dl.dl3{ margin-right:0; }
    .Foot .form{ width:40%; }
}
@media only screen and (max-width:1024px) {
	.Head{ display:none; }
	.Phone_Head{ display:block; height:50px; background:#333333; z-index:201; position:fixed; top:0; width:100%; }
    .Phone_Head .phone_logo{ float:left; margin-left:5%; height:100%; }
    .Phone_Head .phone_logo a{ display:block; height:100%; }
    .Phone_Head .phone_logo img{ height:60%; position:absolute; top:20%; }
    .Phone_Head .phone_menubtn{ float:right; width:30px; height:100%; margin-right:3%; }
    .Phone_Head .phone_menubtn a{ display:block; height:40%; margin-top:42%; position:relative; }
    .Phone_Head .phone_menubtn span{ position:absolute; width:100%; height:1px; display:block; background:#fff; }
    .Phone_Head .phone_menubtn .sp1{ top:0; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; }
    .Phone_Head .phone_menubtn .sp2{ top:45%; -webkit-transition:all 0.3s ease 0.1s; transition:all 0.3s ease 0.1s; }
    .Phone_Head .phone_menubtn .sp3{ bottom:0; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; }
    .Phone_Head .phone_menubtn.cur .sp1{ transform:rotate(40deg); -webkit-transform:rotate(40deg); transform-origin:0% 50%; -webkit-transform-origin:0% 50%; -webkit-transition:all 0.3s ease 0.1s; transition:all 0.3s ease 0.1s; }
    .Phone_Head .phone_menubtn.cur .sp2{ transform:translateX(50%); -webkit-transform:translateX(50%); opacity:0; -webkit-transition:all 0.2s ease; transition:all 0.2s ease; }
    .Phone_Head .phone_menubtn.cur .sp3{ transform:rotate(-40deg); -webkit-transform:rotate(-40deg); transform-origin:0% 50%; -webkit-transform-origin:0% 50%; -webkit-transition:all 0.3s ease 0.1s; transition:all 0.3s ease 0.1s; }
    .sub_menu{ transform:translateX(100%); -o-transform:translateX(100%); -webkit-transform:translateX(100%); -moz-transform:translateX(100%); display:block; -moz-transition:all 0.3s ease 0.1s; -webkit-transition:all 0.3s ease 0.1s; -o-transition:all 0.3s ease 0.1s; transition:all 0.3s ease 0.1s; }
}
@media only screen and (max-width:768px){
    body{ padding-top:50px; }
    .Foot .form{ width:320px; }
    .Foot dl.dl1,.Foot dl.dl2,.Foot dl.dl3{ margin-right:30px; }
    .Banner{ display:none; }
	.fixed_cont{ display:block; }
	.copy_box .bei{ display:block; margin:0; }
}
@media only screen and (max-width:768px) {
    .Foot dl{ display:none; }
    .Foot .form{ width:100%; }
}
@media only screen and (max-width:768px){
	.copy_box .float_l p em{ display:none; }
	.copy_box .float_l p i{ display:block; }
    .Foot{ height:auto; padding:20px 0; }
    .Foot .all{ padding:0 10px; box-sizing:border-box; width:100%; }
    .Foot dl{ display:none; }
    .Foot .form{ width:100%; }
    .copy_box{ height:auto; padding:10px 0; }
    .copy_box span{ display:block; }
	.copy_box .span{ right:10px; height:30px; background:#4f4e5b; bottom:0; }
	.copy_box .span.cur{ height:60px; }
	.copy_box .span .a{ padding:0 0 0 25px; }
	.copy_box .span .a2{ bottom:30px; }
    .fixed_cont{ visibility:visible; }
}