@charset "utf-8";
/* CSS Document */
body{ margin:0 auto; width:100%; font-size:14px; font-family:"微软雅黑","Microsoft Yahei","Hiragino Sans GB",Helvetica; line-height:1.5; background:#fff; min-width:1000px; overflow: auto;}
ul,dl,dd,h1,h2,h3,h4,h5,h6,form,p,li,img,a,input,div { padding:0; margin:0; list-style:none;word-wrap:break-word;font-weight:normal;font-style:normal;display: list-item;text-align: -webkit-match-parent;}
ol,ul{list-style:none;}
img{border:0px;}
a{color:#000; text-decoration:none; font-size:14px;}
a:hover{color:#184b90;}
a:active, a:focus{outline:none;}
svg:not(:root) {overflow: hidden}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
*html{background-image:url(about:blank);background-attachment:fixed;} /* 修正/

/*top*/
.header{ width:1200px; height:80px; margin:0 auto; position:relative;}
.header .logo{ background: url(../images/logo.png) no-repeat; width:242px; height:49px; float:left; display:block; position:relative; left:2px; top:15px;}
.content{margin:22px 0px 0px 50px; float:right;}
.flexy-menu{width:100%;margin:0;padding:0;position:relative;float:right;list-style:none;}
.flexy-menu li{display:inline;font-size:14px;margin:0;padding:0;float:left;line-height:20px;position:relative}
.flexy-menu li a{padding:8px 10px 11px 10px;color:#000;text-decoration:none;display:block;text-transform:uppercase;-webkit-transition:color .2s linear,background .2s linear;-moz-transition:color .2s linear,background .2s linear;-o-transition:color .2s linear,background .2s linear;transition:color .2s linear,background .2s linear}
.flexy-menu ul,.flexy-menu ul li ul{list-style:none;margin:0;padding:10px 0; float:left;display:none;position:absolute;z-index:99999;background:#184b90;box-shadow:0 1px 1px rgba(0,0,0,0.3)}
.flexy-menu ul.cpfw{z-index:99999;position:absolute; top:39px; left:-470px; width:820px; padding:0 20px; float:left;}
.flexy-menu ul{top:39px;left:0px;}
.flexy-menu li ul h1{ color:#fff;font-size:14px; text-align: left; padding:0px;float:left; display: table; margin:10px 35px 15px 0; overflow:hidden; background:none;}
.flexy-menu li ul p{color:#fff; font-size:14px; text-align:center;border-bottom:1px solid #e2ebf7;  padding:10px;white-space:nowrap; display:inline-block; }
.flexy-menu li ul span{ color:#fff; font-size:14px; font-weight:bold; text-align:center;border-bottom:1px solid #e2ebf7;  padding:10px 40px 10px 0px; margin-left:15px;white-space:nowrap; display:inline-block;float:left}
.flexy-menu ul li{clear:both;width:100%;border:0;font-size:14px;}
.flexy-menu ul li a{padding:6px 15px;width:100%; text-align:left;color:#000;font-size:14px;text-decoration:none;white-space:nowrap;display: inline-table;clear:both;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-transition:color .2s linear,background .2s linear;-moz-transition:color .2s linear,background .2s linear;-o-transition:color .2s linear,background .2s linear;transition:color .2s linear,background .2s linear}
.flexy-menu ul li a:hover{color:#33d1ff;}
.flexy-menu ul li a{color:#fff}
.flexy-menu ul li a.center_s{text-align:center;}
.flexy-menu ul li.no_righ{}
.flexy-menu li.active a{color:#000;}
.flexy-menu li:hover>a{color:#33d1ff}
.orange li:hover a{background:#184b90;color:#fff!important}
.orange ul li:hover a{color:#ffbf11!important}
.orange li.active a{background:#184b90;color:#fff!important}

/*banner*/
.clear{clear:both}
@font-face {font-family: 'Glyphicons Halflings'; src: url(../fonts/glyphicons-halflings-regular.eot); src: url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'), url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'), url(../fonts/glyphicons-halflings-regular.woff) format('woff'), url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'), url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')}
.sechb{width:100%; height:400px; overflow: hidden}
.carousel {position: relative; height: 400px}
.carousel-inner {position: relative; width: 100%;height: 400px; overflow: hidden}
.carousel-inner>.item {position: relative; display: none; -webkit-transition: .6s ease-in-out left; -o-transition: .6s ease-in-out left; transition: .6s ease-in-out left}
.carousel-inner>.item>a>img, .carousel-inner>.item>img { \line-height: 1}
@media all and (transform-3d), (-webkit-transform-3d) {
.carousel-inner>.item { -webkit-transition: -webkit-transform .6s ease-in-out; -o-transition: -o-transform .6s ease-in-out; transition: transform .6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px}
.carousel-inner>.item.active.right, .carousel-inner>.item.next {left: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0)}
.carousel-inner>.item.active.left, .carousel-inner>.item.prev {left: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0)}
.carousel-inner>.item.active, .carousel-inner>.item.next.left, .carousel-inner>.item.prev.right { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)}
}
.carousel-inner>.active, .carousel-inner>.next, .carousel-inner>.prev {display: block}
.carousel-inner>.active {left: 0}
.carousel-inner>.next, .carousel-inner>.prev {position: absolute; top: 0; width: 100%}
.carousel-inner>.next {left: 100%}
.carousel-inner>.prev {left: -100%}
.carousel-inner>.next.left, .carousel-inner>.prev.right {left: 0}
.carousel-inner>.active.left {left: -100%}
.carousel-inner>.active.right {left: 100%}
.carousel-control {position: absolute; top: 0; bottom: 0; left: 0; width: 8%; font-size: 30px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0,0,0,.3); background-color: rgba(0,0,0,0); filter: alpha(opacity=30); opacity: .3}
.carousel-control.left {background-image: -webkit-linear-gradient(left, rgba(0,0,0,.5) 0, rgba(0,0,0,.0001) 100%); background-image: -o-linear-gradient(left, rgba(0,0,0,.5) 0, rgba(0,0,0,.0001) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,.5)), to(rgba(0,0,0,.0001))); background-image: linear-gradient(to right, rgba(0,0,0,.5) 0, rgba(0,0,0,.0001) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
background-repeat: repeat-x}
.carousel-control.right {right: 0; left: auto; background-image: -webkit-linear-gradient(left, rgba(0,0,0,.0001) 0, rgba(0,0,0,.5) 100%); background-image: -o-linear-gradient(left, rgba(0,0,0,.0001) 0, rgba(0,0,0,.5) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,.0001)), to(rgba(0,0,0,.5))); background-image: linear-gradient(to right, rgba(0,0,0,.0001) 0, rgba(0,0,0,.5) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
background-repeat: repeat-x}
.carousel-control:focus, .carousel-control:hover {color: #fff; text-decoration: none; filter: alpha(opacity=90); outline: 0; opacity: .9}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {position: absolute; top: 50%; z-index: 5; display: inline-block; margin-top: -10px}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {left: 25%; margin-left: -10px }
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {right: 25%; margin-right: -10px }
.carousel-control .icon-next, .carousel-control .icon-prev {width: 20px; height: 20px; font-family: serif; line-height: 1}
.carousel-control .icon-prev:before {content: '\2039'}
.carousel-control .icon-next:before {content: '\203a'}
.glyphicon-chevron-right::before{content:'▶'}
.glyphicon-chevron-left::before{content:'◀'}
.glyphicon .{width:auto;height:auto;}
.carousel-indicators {position: absolute; bottom: 2px; left: 50%; z-index: 15; width: 60%; padding-left: 0; margin-left: -30%; text-align: center; list-style: none}
.carousel-indicators li {display: inline-block; width: 12px; height: 12px; margin: 5px; text-indent: -999px; cursor: pointer; background-color: #000\9; background-color: rgba(0,0,0,0); border: 1px solid #fff; border-radius: 10px}
.carousel-indicators .active {width: 12px; height: 12px; margin: 5px; background-color: #fff}
@media screen and (min-width:768px) {
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {width: 30px; height: 30px; margin-top: -10px; font-size: 30px}
}
/*banner  end*/

/*新闻动态*/
.news{width:1000px; height:30px; margin:0 auto; line-height:30px; text-align:left; background:#f2f4f6}
.news h1{ width:80px; height:30px; color:#000; font-weight:bold; text-align:center; color:#000; font-size:14px;background:#DFDFDF; float:left; display:block;}
#scrollDiv{width:920px;position:relative; float:left;}
.scrollText{background:#f2f4f6;width:920px;height:30px;line-height:28px;overflow:hidden}
.scrollText li{height:25px;padding-left:15px;}
.scrollText li a:hover{ color:#ed8000;}
.up{width:18px; height:10px; position:absolute; right:5px; top:2px;}
.down{width:18px; height:10px;position:absolute; right:5px; bottom:2px;}
/*新闻动态  end*/

.hg{ height:30px; clear:both; width:100%;}
.hg2{ height:20px; clear:both; width:100%;}

/*解决方案和产品服务*/
.main{ width:1000px; margin:0 auto; position:relative;}
.main_left{ width:510px; float:left;}
.main_left p{ border-left:8px solid #184b90; font-size:24px; color:#000; text-align:left; padding-left:10px; height:30px; line-height:25px; display:block; margin-bottom:15px;}
.col-lg-4 {width:159px; height:102px; float: left;position: relative;padding-right: 15px; padding-bottom:15px; display: block;}
.right_no{ padding:0; margin:0;}
.col-lg-4 a{ color:#000; text-decoration:none;}
.col-lg-4 a .bg_color{ background:#184b90; color:#fff;}
.f-box {background:#f2f4f6; border:1px #e6e6e6 solid; border-radius:5px;padding:0px;text-align: center;width:159px;height:102px;-webkit-transition-duration: 500ms;-webkit-transition-property: width, background;-webkit-transition-timing-function: ease;}
.f-box:hover, .f-box.active {cursor:pointer;background: #184b90;border-radius:5px;padding:0px;text-align:center; height:102px;-webkit-transition-duration: 500ms;-webkit-transition-property: width, background;-webkit-transition-timing-function: ease;}
.f-box i{ background:url(../images/ico_01.png) no-repeat; width:51px; height:35px;vertical-align: baseline;text-align:center;margin-top:15px;display: inline-block;}
.f-box .icon-desktop1{background:url(../images/ico_01.png) 5px 0px no-repeat; color:#fff;} 
.f-box .icon-desktop2{background:url(../images/ico_01.png) -103px 0 no-repeat;}
.f-box .icon-desktop3{background:url(../images/ico_01.png) -220px 5px no-repeat;}
.f-box .icon-desktop4{background:url(../images/ico_01.png) -338px 0 no-repeat;}
.f-box .icon-desktop5{background:url(../images/ico_01.png) -447px 0 no-repeat;}
.f-box .icon-desktop6{background:url(../images/ico_01.png) -553px 0 no-repeat;}
.f-box:hover .icon-desktop1{background:url(../images/ico_01.png) 5px -60px no-repeat;}
.f-box:hover .icon-desktop2{background:url(../images/ico_01.png) -103px -60px no-repeat;}
.f-box:hover .icon-desktop3{background:url(../images/ico_01.png) -220px -58px no-repeat;}
.f-box:hover .icon-desktop4{background:url(../images/ico_01.png) -338px -58px no-repeat;}
.f-box:hover .icon-desktop5{background:url(../images/ico_01.png) -447px -58px no-repeat;}
.f-box:hover .icon-desktop6{background:url(../images/ico_01.png) -553px -56px no-repeat;}
.f-box h2{font-size:20px;text-transform:uppercase;font-weight:400;margin-top:10px;margin-bottom:10px;display:block;}
.f-box:hover h2{color: #fff;cursor:pointer;}
.main_right{width:460px; float:left; margin-left:30px;}
.main_right p{ border-left:8px solid #184b90; font-size:24px; color:#000; text-align:left; padding-left:10px; height:30px; line-height:25px; display:block; margin-bottom:15px;}
.pic_box{ width:220px; height:102px; float:left; display:block; margin-right:15px; margin-bottom:14px; position:relative;}
.pic_box.right_no{ margin-right:0;}
.pic_box a h1{ width:212px; height:25px; line-height:23px; background:#184b90; border-left:8px #ffa12d solid; display: block;opacity:1;filter:Alpha(opacity=100); position:absolute; bottom:0; left:0; color:#fff; text-align:center; font-size:16px;}
.pic_box a:hover h1{ background:#ed8000;border-left:8px #184b90 solid;}
/*解决方案和产品服务  end*/

/*公用底部*/
.footer{ width:100%; padding:25px 0; background:#efefef; float:left;}
.footer_box{width:1000px; margin:0 auto; display:block; position:relative;}
.footer_left{width:600px; padding-right:80px; float:left;}
.footer p{ font-weight:bold; color:#000; font-size:16px; text-align:left; display:block; padding:0;}
.footer_left a{ padding:10px 30px 0px 0px; font-size:14px; color:#666; display:inline-table;}
.footer_left a:hover{ color:#ed8000;}
.footer_right{width:200px; float:left;}
.title_box{ width:200px; float:left;display:inline-table;}
.title_box a{ padding:10px 20px 0px 0px; display:block; color:#666;display:inline-table; width:70px;}
.title_box a:hover{color:#ed8000;}
.weixin{width:80px; height:80px; top:20px; right:0; display:block;}
.copyright{width:100%; background:#184b90;}
.copyright_box{width:1000px; height:50px; line-height:50px; font-size:12px; font-weight:normal; color:#fff; margin:0 auto; text-align:center; clear:both;}
/*公用底部   end*/

/*产品与服务*/
.current{ width:100%; background:#f2f2f2;} 
.current_box{width:1000px; height:30px;color:#666;  margin:0 auto; display:block;}
.current_box a{height:30px; width:28px;line-height:28px;text-align:left; color:#666; display:inline;}
.current_cp a:hover{color:#184b90;}
.product_cp{ width:1000px; margin:0 auto; padding:40px 0 10px 0; border-bottom:1px #184b90 solid;}
.product_cp p{ border-left:8px #184b90 solid; height:25px; line-height:22px; font-size:24px; color:#000; text-align:left; padding-left:8px;}
.product_box{ width:1000px; margin:0 auto;}
.product_list{ width:1000px;border-bottom:1px #ebebeb solid; padding:30px 0; display:inline-table}
.product_img{ width:211px; height:122px; float:left;}
.product_txt{ float:right; width:750px;}
.product_txt p{ font-size:16px; color:#184b90; font-weight:bold;}
.product_txt p.status{font-size:16px; color:#184b90; font-weight:bold; text-align:left; text-indent:0; padding-left:0;}
.product_txt a{ width:33%; padding:12px 0 0 0; color:#666; display:inline-table; float:left;}
.product_txt a:hover{color:#ed8000;}

/*产品与服务  end*/

/*公司动态*/
.product_txt p a{ width:750px;font-size:16px; padding:0; color:#184b90; font-weight:bold;}
.product_txt p a:hover{ text-decoration:underline;color:#ed8000;}
.product_txt h1{ padding-top:5px; font-size:14px; line-height:23px; text-align:left;}
.product_txt h1 a{width:750px;color:#666; padding:0;}
.product_txt h1 a:hover{color:#ed8000;}
.product_txt h2{ color:#c3c3c3; padding-top:10px; font-size:12px; text-align:left;}
/*公司动态  end*/

/*解决方案*/
.product_jjfa_box{float:left; width:550px; margin-bottom:40px; margin-right:50px; margin-top:30px; position:relative;}
.product_jjfa_box_no{margin-right:0;width:400px;}
.product_jjfa{ width:51px; height:40px; float:left;}
.product_jjfa_text{ text-align:left; padding-left:60px; padding-top:10px; color:#666;}
.product_jjfa_text p.status{font-size:20px; color:#184b90; font-weight:bold; text-align:left; text-indent:0; padding-left:10px;}
.product_jjfa_text a{ color:#666; font-size:14px; line-height:28px; padding-left:10px;}
.product_jjfa_text a:hover{color:#ed8000;}
.product_jjfa_text a.ico_spot{background:url(../images/spot.jpg) 0 13px no-repeat;}
.product_jjfa i{ background:url(../images/ico_01.png) no-repeat; width:51px; height:35px;vertical-align: baseline;text-align:center;margin-top:6px;display:block; float:left;}
.product_jjfa .icon-desktop1{background:url(../images/ico_01.png) 8px 0 no-repeat; color:#fff;}
.product_jjfa .icon-desktop2{background:url(../images/ico_01.png) -103px 0 no-repeat;}
.product_jjfa .icon-desktop3{background:url(../images/ico_01.png) -220px 5px no-repeat;}
.product_jjfa .icon-desktop4{background:url(../images/ico_01.png) -338px 0 no-repeat;}
.product_jjfa .icon-desktop5{background:url(../images/ico_01.png) -447px 0 no-repeat;}
.product_jjfa .icon-desktop6{background:url(../images/ico_01.png) -553px 0 no-repeat;}
.product_jjfa .icon-desktop7{background:url(../images/ico_01.png) -656px 0 no-repeat;}
.line_h{ height:1px;width:100%; background:#ebebeb; float:left;}

/*解决方案  end*/

/*三级详细页*/
.product_box h3{ font-size:24px; color:#000; padding-bottom:20px; text-align:center;}
.product_box p{ font-size:14px;text-indent:2em; line-height:28px; color:#666; text-decoration:none; text-align:left;}
.product_box p.center_pic{ text-align:center; margin-bottom:15px;}
.product_box strong{ color:#000; font-size:16px;}
.dzzw_pic{ margin:0 auto; text-align:center; padding:30px 0;}
/*三级详细页   end*/

/*关于DFCA*/
.dfca_left{ width:150px;float:left; display:block;}
.dfca_left_nav{ margin:0; padding:0;}
.dfca_left_nav h1{background:#184b90; color:#fff; font-size:18px; font-weight:bold;height:40px; line-height:40px;text-align:center;}
.dfca_left_nav ul li{padding:10px;text-align:center;border-bottom:1px #d9d9d9 solid;background:#f2f2f2;}
.dfca_left_nav ul li a{ font-size:14px; text-align:center; color:#000;}
.dfca_left_nav ul li a:hover, .dfca_left_nav ul li a.orange_one{color:#ed8000; font-weight:bold;}
.dfca_right{margin-left:170px !important; margin-left:163px; padding:0 0 20px 25px;}
.cp_banner{ width:100%; background:#184b90;}
.img_banner{ width:1000px; height:140px; margin:0 auto;} 

/*合作伙伴*/
.partner_box{ margin-top:30px; width:100%;}
.partner_box a{ width:20%; height:50px; float:left; border:0; margin-bottom:30px; display:block;}



