﻿

@charset "utf-8";

html, body, div, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td {margin: 0; padding: 0; }
img { border: 0 none; vertical-align: top; }
ul,li,dl,dd,dt { list-style-type: none; }
i,em,cite { font-style: normal; }
body {  -webkit-text-size-adjust:none;  font-family:"微软雅黑";}
a{ text-decoration: none; }
.clear,.cle {clear:both;}
a,area { blr:expression(this.onFocus=this.blur()) }   
a:focus { outline: none; }    



.top{width: 100%;z-index:99;position:relative;height:221px;background: url(/static/images/t_logobg.jpg) 0px 32px no-repeat;background-size: 100% auto;}
.t_t{position:relative; z-index:100; width:1000px; margin:0 auto; height:181px;}


.top_add_contactus{height:31px;line-height:31px;position:absolute;top:0px;right:0px;font-size:14px;color:#999999;}
.top_add_contactus a{margin:0 2px;color:#999999;}
.top_add_contactus a:hover{color:#287F9E;}


.index_add_tianqiyubao{width:360px;height:25px;position:absolute;top:3px;left:308px;}
.index_add_tianqiyubao body{color:#999;}


.t_logo{ position:absolute; top:31px; left:0px;width:1000px;height:150px;}
.t_logo #ea_l{width:499px;height:80px;position:absolute;top:40px;left:20px;}
.t_logo img{border:0px;}


.t_sc{ position:absolute; top:0px; right:0px; z-index:100;height:31px;line-height:31px;}
.t_sc a{color:#999; text-decoration:none; font-size:12px;}
.t_sc a:hover{color: #C00; text-decoration:none; font-size:12px;}
.t_sc1,.t_sc2,.t_sc3,.t_sc4,.t_sc5{float:left; margin-left:20px;}


.t_name{ position:absolute; top:0; left:0px; font-size:14px; color:#101c6e;height:31px; line-height:31px;max-width:294px;overflow:hidden;}


.t_ver{position:absolute;top:0px;right:200px;height:31px;line-height:31px;font-size:12px;}
.t_ver li{float:left;margin-left:5px;}
.t_ver li a{color:#999999;}
.t_ver li a:hover{color:#287F9E;}


.xn_h_12_wrap{text-align:right; padding-left:14px;position: absolute; right: 300px; top:4px;}
.xn_h_12_redlogin{height:24px; line-height:24px;font-size:14px;}
.xn_h_12_redlogin li{height:24px; float: left;}
.xn_h_12_rllogin a{height:24px;color:#101c6e;padding-right:10px;}
.xn_h_12_rllogin a:hover{color: #287F9E;}
.xn_h_12_rlreg a{height:24px;color:#101c6e;}
.xn_h_12_rlreg a:hover{color: #287F9E;}
.xn_h_12_rlname,.xn_h_12_olwel{display:none;}
.xn_h_12_olname{height:24px;margin-right:6px; overflow: hidden;}
.xn_h_12_olname a{color: #999;}
.xn_h_12_olname a:hover{color: #287F9E;}

.xn_h_12_onlogin{height:24px; line-height:24px;font-size:12px;}
.xn_h_12_onlogin li{height:24px; float: left;}
.xn_h_12_onlogin li a{height:24px;color:#999;}
.xn_h_12_onlogin li a:hover{color: #287F9E}



.xn_n_12_wrap{position: relative;height:40px; width:100%; text-align:center;background: url(/static/images/cgage1x4072axg2zaaaso70qpxc936.jpg) repeat-x;}
.xn_n_12_wrap_main{margin:0 auto; width:1000px; height:40px; background: url(/static/images/cgage1x4072axg2zaaaso70qpxc936.jpg) repeat-x;}

.xn_n_12_wrap_menu1 {float:left;width: 160px;height:40px;font-size:16px;}
.xn_n_12_wrap_menu1 a{color:#FFF; line-height:40px;display:block;width:100%;height:100%;overflow:hidden;}
.xn_n_12_wrap_menu1_2 {float:left;background:url(/static/images/cgage1x8l5macej6aaael1mrre4747.png) no-repeat !important;width: 160px;height:40px;font-size:16px;background-size:160px 40px!important;}
.xn_n_12_wrap_menu1_2 a{color:#FFF; line-height:40px;display:block;width:100%;height:100%;overflow:hidden;}
.xn_n_12_wrap_menu1_cur {float:left; background:url(/static/images/cgage1x8l5macej6aaael1mrre4747.png) no-repeat !important; width:160px; height:40px; font-size:16px;background-size:160px 40px!important;}
.xn_n_12_wrap_menu1_cur a{color:#FFF; line-height:40px;display:block;width:100%;height:100%;overflow:hidden;}
.xn_n_12_wrap_menu2 a{color:#FFF;font-weight:normal;line-height:40px !important;}

.xn_n_12_wrap_main ul li ul li{width: 160px;height: 44px;border-top: 1px solid #fff;line-height: 44px;background: url(/static/images/cgage1yssquanbozaaafoeqm7ne687.jpg) repeat;}
.xn_n_12_wrap_main ul li ul li a{display:block;width:100%;height:100%;font-size:16px;color:#00204d;}
.xn_n_12_wrap_main ul li ul li ul{ float:left; margin-left:128px;}
.xn_n_12_wrap_main ul li{background: url(/static/images/inpsp1_nav_menu1.png) no-repeat left center;}
.xn_n_12_wrap_main>ul>li:hover{float: left;background: url(/static/images/cgage1x8l5macej6aaael1mrre4747.png) no-repeat !important;width: 160px; height: 40px;font-size: 16px;background-size: 160px 40px!important;}
.xn_n_12_wrap_main ul li ul li a:hover{background: url(/static/images/xn_n_14_wrap_main_li2_cur.png) repeat;color: #00204d;}
#type1Li_n0{background:none;}




.about_banner_m img{height:369px;width: 100%;}

.about_banner img{height:369px;width: 100%;}


.about_banner{width:100%; height:369px; overflow: hidden; position:relative; margin:0 auto;}
.about_banner_m{Z-INDEX:0; width:1920px; height:369px; position:absolute; left:50%; margin-left:-960px;}



.zx_fh{width: 100%;height: 50px;font-size: 14px;}
.zx_fh a{display: block;width: 90px;line-height: 38px;background: #01449d;color: #fff;height: 38px;text-align: center;float: right;}


.xn_c_honor_1_wrap{width: 1000px;height: auto;}
.xn_c_honor_1_wrap>div{width: 242px;height: 182px;float: left;margin-right: 67px;}
.xn_c_honor_1_hnimg{border: 1px solid #D8D8D8;width: 190px;height: auto;padding:15px 25px;}
.xn_c_honor_1_hnimg img{width: 190px;height: auto;}
.xn_c_honor_1_hntitle{width: 100%;height: 30px;line-height: 30px;text-align: center;font-size: 12px;color: #7e7e7e;overflow: hidden;}
.xn_c_honor_1_hntime,.xn_c_honor_1_hnneirong{display: none;}


.fy{ width:100%; padding-top:15px; text-align:center; font-size:12px;height: 24px;}
.fy span{margin: 0 10px;cursor: pointer;padding: 2px 15px;}
.fy span:hover,.fy_3{background: #2F2F2F;}
.fy span,.fy span a{ color:#2d2d2d;}
.fy span:hover a,.fy span.fy_3 a{ color:#dddddd; }
.fy_1,.fy_9,.fy_4,.fy_7,.fy_on,.fy_out,.fy_5{display: none;}
.products_body .fy_3{display: none;}
.claproducts_body .fy span:hover,.claproducts_body .fy_3{background: #F29C9F;}
.claproducts_body .fy span:hover a,.claproducts_body .fy span.fy_3 a{ color:#fff;}
.solution_view_body .fy{ width:100%; padding-top:15px; text-align:right; font-size:12px;height: 24px;margin-bottom: 50px;}


.n_main{width: 100%;height: auto;position: relative;min-width: 1200px;} 
.solution_view_body .n_main{height: auto!important;}
.n_content{width:1200px;height: auto;margin: 0 auto;position: relative;overflow: hidden;    margin-bottom: 43px;}
.claprod_view_body .n_main,.solution_body .n_main,.solution_view_body .n_main,.solution_complex_body .n_main{background: url(/static/images/bg1.png) repeat top center;}
.login_body .n_main,.reg_body .n_main,.success_body .n_main,.member_body .n_main,.changepass_body .n_main,.getpass_body .n_main{background: url(/static/images/login_bg.png) no-repeat center;min-height: 912px;}
.claprod_view_body .n_content,.solution_body .n_main,.solution_view_body .n_main,.solution_complex_body .n_main{padding: 80px 0;}


.n_content_left{
    width: 100%;
    height: 68px;
    background: #E1E1E1;
    position: relative;
}
.n_content_left_w{width: 1200px;height: auto;overflow: hidden;position: relative;margin: 0 auto;}

.n_content_right_name_r{width: auto;float: right;height: 68px;line-height: 68px;font-size: 14px;color: #555555;padding-left: 29px;background: url(/static/images/n_content_right_name_r.png) no-repeat left center;}
.n_content_right_name_r img{display: none;}
.n_content_right_name_r a{color: #555;}
.n_content_right_name_r a.curr1,.n_content_right_name_r a:hover{color: #051330;}




.n_content_right{width:870px; height: auto; margin: 0 auto;margin-top: 5%;overflow: hidden;}


.n_content_right_name{width: 860px;height: auto;overflow: hidden;position: relative;}
.n_content_right_foot{width: 100%;height: auto;overflow: hidden;clear: both;position: relative;}


.zx_fh{width: 100%;height: 50px;font-size: 14px;}
.zx_fh a{display: block;width: 90px;line-height: 38px;background: #01449d;color: #fff;height: 38px;text-align: center;float: right;}


.n_content_right_m {position:relative;width: 860px;font-size: 14px;color: #2d2d2d;line-height: 23px;height: 555px;overflow: hidden;float: left;}
.n_content_zx_wrap{width: 100%;height: auto;overflow: hidden;}
.scroll{width:1px;height:555px;background:#C6C6C6;position:relative;right: 5px;float: right;}
.scroll p{width:5px;height:25px;background:#7E7E7E;cursor:pointer;left:-2px;top:1px;position:absolute;border-radius: 5px;}




.index_body .xn_f_21_wrap{display: block;}
.xn_f_21_wrap{width: 1200px;height: auto;overflow: hidden;margin:46px auto 37px auto;display: none;}
.xn_f_21_title{width: 100%;height: 55px;line-height: 55px;background: url(/static/images/xn_f_21_title.png) no-repeat bottom center;overflow: hidden;}
.xn_f_21_title1{font-size: 24px;font-weight: bold;color: #333333;float: left;}
.xn_f_21_title2{font-size: 14px;color: #7d7d7d;float: left;line-height: 67px;}
.xn_f_21_contact{width: 100%;height: auto;overflow: hidden;margin-top: 15px;}
.xn_f_21_xhbox{font-size: 14px;color: #333333;height: 38px;line-height: 38px;padding-right: 17px;float: left;}
.xn_f_21_xhbox+.xn_f_21_xhbox{padding-left: 23px;background: url(/static/images/xn_f_21_xhbox.png) no-repeat left center;}
.xn_f_21_xhbox a{color: #333;}
.xn_f_21_xhbox a:hover{color: #051330;}


.foot_c{width: 100%;height: auto;overflow: hidden;background: #01449d;}
.foot_c_w{width: 1200px;height: auto;overflow: hidden;margin:40px auto 38px auto;}
.foot_fx{width: 415px;height: 80px;float: left;}
.foot_fx_img{width: 400px;height: 80px;margin-right: 10px;float: left;}
.foot_fx_img img{width: 400px;height: 80px;}
.foot_fx .bdsharebuttonbox{height: 46px;float: left;padding-left: 15px;margin-top: 13px;border-left: 1px solid #C3C3C3;}
.foot_fx .bdsharebuttonbox a{width: 46px!important;height: 46px!important;margin:0 7px 0 0!important;padding:0!important;}
.foot_fx .bdsharebuttonbox a.bds_weixin{background: url(/static/images/bds_weixin.png) no-repeat center!important;}
.foot_fx .bdsharebuttonbox a.bds_tsina{background: url(/static/images/bds_tsina.png) no-repeat center!important;}
.foot_fx .bdsharebuttonbox a.bds_sqq{background: url(/static/images/bds_sqq.png) no-repeat center!important;}
.foot_fx .bdsharebuttonbox a.bds_more{background: url(/static/images/bds_more_hover.png) no-repeat center!important;}


.foot_c_right{width: auto;max-width: 755px;height: 62px;float: right;overflow: hidden;}
.foot_nav2{width: auto;float: right;height: 17px;line-height: 17px;font-size: 15px;color: #fff;margin-top: 9px;}
.foot_nav2>ul>li{float: left;padding-right: 33px;}
.foot_nav2>ul>li:last-child{padding-right: 0;}
.foot_nav2>ul>li+li{padding-left: 27px;border-left: 1px solid #fff;}
.foot_nav2>ul>li>a{color: #fff;}
.foot_nav2>ul>li>a:hover{color: #051330;}
.foot_nav2>ul>li>ul{display: none!important;}


.foot_tel{height: 23px;margin-top: 13px;font-size: 14px;color: #ffffff;line-height: 23px;width: 640px;float: right;}
.foot_fax,.foot_zip{display: none;}
.foot_add,.foot_phone{margin-right: 15px;float: left;}


.foot_c_copy{width: 100%;height: 68px;line-height: 68px;background: #222222;font-size: 0px;color: #ffffff;text-align: center;}
.foot_c_copy div{display: inline-block;*display: inline;*zoom: 1;font-size: 12px;padding:0 3px;}
.foot_c_copy div a{color: #fff;}


.xn_f_1_warp {}


.xn_f_2_warp {}


.foot{width:100%; position:relative;overflow: hidden;}






.add_bar_nav{width:85px; height:auto; position:fixed; left:0px; top:50%; margin-top:-150px; z-index:9999;display: none;}
.add_bar_nav li{width:85px; height:70px; position:relative; margin-bottom:5px;}
.bar_nav1{background:#F3B348 url(/static/images/bar_img1.png) no-repeat center center;}
.bar_nav2{background:#F3B348 url(/static/images/bar_img2.png) no-repeat center center;}
.bar_nav3{background:#F3B348 url(/static/images/bar_img3.png) no-repeat center center;}
.bar_nav4{background:#F3B348 url(/static/images/bar_img4.png) no-repeat center center;}
.add_bar_nav li a{display:block; width:100%; height:100%;}
.add_bar_nav li a span{height:70px; width:125px; padding-left:10px; line-height:70px; position:absolute; left:-50px; top:0px;background:#F3B348; color:#ffffff; font-size:24px;-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease; z-index:-1;}
.add_bar_nav li:hover>a>span{left:85px;}





