@charset "utf-8";
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
address,caption,cite,code,dfn,em,th,var,i,b{font-style:normal;font-weight:normal}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
a,area{outline:none;blr:expression(this.onFocus="this.blur"());-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:focus,a:hover,a:active{outline:none;blr:expression(this.onFocus="this.blur"())}
sub,sup{vertical-align:baseline}
table{border-collapse:collapse;border-spacing:0}
textarea { resize:none} 
input[type="submit"],input[type="button"]{ cursor:pointer;}
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}
a{text-decoration:none;cursor: pointer; color:#666}
a:hover{text-decoration:none}
body,th,td,button,input,select,textarea{ font-family: Arial,"微软雅黑";font-size:12px;color:#000;}
/*body{line-height:1.6; min-width:1200px}*/
.layout{ width:1200px; margin:0 auto; clear:both}
.fl{ float:left}
.fr{ float:right}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden; font-size:0; line-height:0}
.clearfix{*zoom:1}

/* Slider */
.slick-slider{
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-slider:focus,.slick-slider:active{outline:none;blr:expression(this.onFocus="this.blur"());cursor: pointer;}
.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus{cursor: pointer;outline: none;}
.slick-list.dragging{cursor: pointer;cursor: hand;}
.slick-slider .slick-track,.slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.slick-track{position: relative;top: 0;left: 0;display: block;}
.slick-track:before,.slick-track:after{display: table;content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none;float: left;height: 100%;min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}

/*初始化*/
img{max-width: 100%;max-height: 100%;}
.wrap{max-width: 1200px;margin:0 auto;}

.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size: 20px;}
.f24{font-size:24px;}
.f36{font-size:36px;}
.c999{color: #999;}
.c2a4e99{color: #2a4e99;}
.cfff{color: #fff;}
.c333{color: #333;}
.cfaa900{color: #faa900;}

/*header*/
body{-webkit-transition: all .6s;transition: all .6s;}
body.on{-webkit-transform: translate(0,0);transform: translate(0,0); position: relative;}
.header{position: relative;}
.header .top{width: 100%; height: 39px; background: #f4f4f4;}
.header .top .wrap{ overflow: hidden;}
.header .top div.fl{ line-height: 39px;}
.header .top div.fr{ margin-right: -12px;}
.header .top div.fr p{ display: inline-block;line-height: 39px;vertical-align: middle;}
.header .top div.fr p.a1{ margin-right: 12px;}
.header .top div.fr p span{ display: inline-block; font-size: 12px; color: #0065b3;}
.header .top div.fr p i{ display: inline-block; width: 22px; height: 11px; background: url(../images/icon_1.png) no-repeat left top;vertical-align: middle;}
.header .top div.fr p a{ float: left;padding: 0 12px; border-left:2px solid #a8a8a8;line-height: 10px;}
.header .top div.fr p a:first-child{border-left:none;}
.header .head{ height: 81px;background: #fff url(../images/icon_2.png) no-repeat center;}
.header .head .wrap{position: relative;z-index: 110;}
.header .head .logo{ float: left; width: 25%; height: 81px;}
    .header .head .logo img {
        margin-bottom:8px;
    }
.header .head .logo a{ display: table-cell; width: 300px; height: 81px; vertical-align: middle; text-align: center;}
.header .head .logo a img{ vertical-align: middle;}
.header .head .nav{ position:relative; float: right;z-index: 100;}
.header .head .nav .nav-ul {  float: right;}
.header .head .nav .nav-ul li{ position:relative; float: left; height: 81px; padding: 0 25px; background: url(../images/icon_3.png) no-repeat right center; line-height: 81px;}
.header .head .nav .nav-ul li:last-child{ padding-right: 0; background: none;}
.header .head .nav .nav-ul li>a{font-size: 14px; color: #333; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; transition: all .4s;}
.header .head .nav .nav-ul li:hover>a{color: #0065b3;}
.header .head .nav .nav-ul span{position: absolute; bottom: 0; left: 0; width: 100px; height: 2px; background-color: #0065b3; opacity: 0; opacity: 0 \9;}
.header .head .nav .nav-ul .subNav{display: none; position: absolute;top: 81px; right: -62px; z-index: 0; min-width: 460px; padding: 30px; overflow: hidden;border-bottom: 2px solid #0065b3; background: url(../images/icon_28.png) repeat;-webkit-transition: all .6s; -moz-transition: all .6s; -ms-transition: all .6s; -o-transition: all .6s; transition: all .6s;}

.header .head .nav .nav-ul .subNav .a1{ width: 58%;box-sizing: border-box;}
.header .head .nav .nav-ul .subNav .a2{ width: 37%; margin-left: 5%; box-sizing: border-box;}
/*.header .head .nav .nav-ul .subNav.aa{ min-width:300px;}
.header .head .nav .nav-ul .subNav.aa a1{ width:70%}
.header .head .nav .nav-ul .subNav.aa a2{ width:20%}*/
.header .head .nav .nav-ul .subNav .a2 dl{height:162px; overflow: hidden; }
.header .head .nav .nav-ul .subNav .a2 dl dd{ padding: 0; height: 27px;}
.header .head .nav .nav-ul .subNav .a2 dl dd a{ display: block;font-size: 12px; color: #666; line-height: 20px;-webkit-transition: all .1s; -moz-transition: all .1s; -ms-transition: all .1s; -o-transition: all .1s; transition: all .1s;width:100%; text-align: center;}
.header .head .nav .nav-ul .subNav.aaa{right:-42px;}
.header .head .nav .nav-ul .subNav.aaaa{right:-65px;}
.header .head .nav .nav-ul .subNav.aaaaa{right:-86px;}
.header .head .nav .nav-ul .subNav .a2 dl dd a:hover{ color: #ff4900;}
/*.header .nav-bg{ display: none;position: absolute; z-index: 100; width: 100%; height: 244px;border-top: 1px solid #dee1e3;}
.header .nav_bg{height: 0;width: 0;display: none;}*/
.header .head .nav .yd-nav{ display: none;}

/*banner*/
.banner{position: relative; z-index: 99;}
.banner .slick-list div{height: 560px;background: no-repeat center top;background-size: cover;}
.banner .slick-dots{position: absolute;width: 100%;bottom: 60px;text-align: center;z-index: 9991; height: 15px;}
.banner .slick-dots li{width: 15px;height: 15px;margin:0 9px;display: inline-block;zoom: 1;*display: inline;overflow: hidden;}
.banner .slick-dots li button{width: 15px;height: 15px; background: #fff; border: none; border-radius: 50%; font-size: 0;}
.banner .slick-dots li.slick-active button{width: 15px;height: 15px;background: #0065B3;}
/*index-1*/
.content .index_1 .mian ul{ position: relative; z-index: 100;margin-top: -52px;}
.content .index_1 .mian ul li{ float: left; height: 102px; box-sizing: border-box;}
.content .index_1 .mian ul li.a1{ background: url(../images/icon_4.png) no-repeat center; background-size: cover;}
.content .index_1 .mian ul li.a2{ background: url(../images/icon_5.png) no-repeat center; background-size: cover;}
.content .index_1 .mian ul li.a3{ background: url(../images/icon_6.png) no-repeat center; background-size: cover;}
.content .index_1 .mian ul li.a4{ background: url(../images/icon_7.png) no-repeat center; background-size: cover;}
.content .index_1 .mian ul .slick-prev{cursor: pointer;position: absolute;left:-50px;top:36px;width: 30px;height: 30px;border: none;background: url(../images/icon_9.png) no-repeat left top;font-size: 0;-webkit-transition: all .1s; -moz-transition: all .1s; -ms-transition: all .1s; -o-transition: all .1s; transition: all .1s;}
.content .index_1 .mian ul .slick-prev.slick-disabled{background-position: left bottom;}
.content .index_1 .mian ul .slick-next{cursor: pointer;position: absolute;right:-50px;top:36px;width: 30px;height: 30px;border: none;background: url(../images/icon_9.png) no-repeat right top;font-size: 0;-webkit-transition: all .1s; -moz-transition: all .1s; -ms-transition: all .1s; -o-transition: all .1s; transition: all .1s;}
.content .index_1 .mian ul .slick-next.slick-disabled{background-position: right bottom;}
.content .index_1 .mian ul li p{ background:url(../images/icon_8.png) no-repeat left bottom; margin: 3px 0 0 30px;font-size: 16px; color: #fff; line-height: 52px;}
.content .index_1 .mian ul li a{ display: block; margin: 0 0 0 30px; font-size: 12px; color: #fff; line-height: 43px;}

/*index-2*/
.content .index_2{ margin-top: 21px;}
.content .index_2 .tit h4{ line-height: 51px;}
.content .index_2 .tit h4 span.a1{ display: inline-block; padding-right: 27px; background: url(../images/icon_3.png) no-repeat right center;font-size: 16px; color: #333;}
.content .index_2 .tit h4 span.a2{ display: inline-block; padding-left: 27px;font-size: 14px; color: #0065b3;}
.content .index_2 .mian ul li.slick-slide{background: #f4f4f4;}
.content .index_2 .mian ul li div.fl{ width: 42.8333333%;}
.content .index_2 .mian ul li div.fl p{ width:100%;overflow:hidden; padding:0 12%;background: #0065b3;box-sizing: border-box; font-size: 14px; color: #fff;text-align: center; line-height: 58px;white-space:nowrap; text-overflow:ellipsis;}
.content .index_2 .mian ul li div.fr{width: 57.1666667%;overflow: hidden; padding: 23px 7% 0 7%;  box-sizing: border-box;}
.content .index_2 .mian ul li div.fr h6 { line-height: 65px;}
.content .index_2 .mian ul li div.fr h6 span.fl{ width: 85%;overflow:hidden;  font-size: 16px; color: #333;white-space:nowrap; text-overflow:ellipsis;}
.content .index_2 .mian ul li div.fr h6 span.fr{ width: 15%; font-size: 12px; color: #999; text-align: right;}
.content .index_2 .mian ul li div.fr p{ font-size: 12px; color:#666; line-height: 24px;}
.content .index_2 .mian ul li div.fr h5{padding: 3% 0; text-align: right;}
.content .index_2 .mian ul li div.fr h5 a{ display: inline-block; width: 86px; height: 30px;border: 1px solid #a8a8a8; font-size: 12px; color: #666; text-align: center; line-height: 30px;}
.content .index_2 .mian ul li div.fr h5 a:hover{ background: #a8a8a8; color: #fff;}
.content .index_2 .mian ul li div.fr .kk-height{ width: 100%; height: 58px;}
.content .index_2 .mian .slick-dots{position: absolute; right: 0; bottom: 0; z-index: 105; width: 57.1666667%; height: 58px; background: #fff url(../images/icon_11.png) no-repeat center;background-size:100%;text-align: center;}
.content .index_2 .mian .slick-dots li{display: inline-block; width: 30px;overflow: hidden; line-height: 58px;}
.content .index_2 .mian .slick-dots li button{display:inline-block;width:14px; height: 14px; overflow:hidden;  border: none;border-radius:5%; background-color: #d1d1d1;font-size: 0;}
.content .index_2 .mian .slick-dots li.slick-active button{background-color: #0065b3;}
.content .index_2 .mian .slick-prev{position: absolute;left:53%;bottom:21px;z-index: 106;width: 9px;height: 17px;border: none;background: url(../images/icon_10.png) no-repeat left top;font-size: 0;-webkit-transition: all .1s; -moz-transition: all .1s; -ms-transition: all .1s; -o-transition: all .1s; transition: all .1s;}
.content .index_2 .mian .slick-next{position: absolute;right:10%;bottom:21px;z-index: 106;width: 9px;height: 17px;border: none;background: url(../images/icon_10.png) no-repeat right top;font-size: 0;-webkit-transition: all .1s; -moz-transition: all .1s; -ms-transition: all .1s; -o-transition: all .1s; transition: all .1s;}

/*index-3*/
.content .index_3{ margin-top: -58px; padding-top: 79px;padding-bottom: 72px; background: #f4f4f4;}
.content .index_3 .tit h4{ line-height: 51px;}
.content .index_3 .tit h4 span.a1{ display: inline-block; padding-right: 27px; background: url(../images/icon_3.png) no-repeat right center;font-size: 16px; color: #333;}
.content .index_3 .tit h4 span.a2{ display: inline-block; padding-left: 27px;font-size: 14px; color: #0065b3;}
.content .index_3 .wrap{overflow: hidden;}
.content .index_3 .mian ul{ width: 1216px; margin-left: -9px;}
.content .index_3 .mian ul li .mg{ padding: 0 8px;}
.content .index_3 .mian ul li .mg h4{position: relative;}
.content .index_3 .mian ul li .mg h4 span{ display: none;position: absolute;top: 0;left: 0; width: 100%; height: 100%;background: url(../images/icon_14.png) repeat;text-align: center;}
.content .index_3 .mian ul li .mg h4 span a{ display: block;position: absolute;left: 50%;top: 50%; height: 40px; margin:-20px 0 0 -76px;border: 1px solid #fff; font-size: 14px; color: #fff; text-align: center; line-height: 40px;padding:0 5px;}
.content .index_3 .mian ul li .mg h4 span a i{ display: inline-block; width: 25px; height: 14px; background: url(../images/icon_13.png) no-repeat  left top; vertical-align: middle;}
.content .index_3 .mian ul li:hover .mg h4 span{ display: block;}
.content .index_3 .mian ul .slick-prev{position: absolute;right:33px;top:-34px;width: 19px;height: 19px;border: none;background: #0065B3 url(../images/icon_12.png) no-repeat left top;font-size: 0;-webkit-transition: all .1s; -moz-transition: all .1s; -ms-transition: all .1s; -o-transition: all .1s; transition: all .1s;}
.content .index_3 .mian ul .slick-prev.slick-disabled{background-color: #333;}
.content .index_3 .mian ul .slick-next{position: absolute;right:9px;top:-34px;width: 19px;height: 19px;border: none;background:#0065B3 url(../images/icon_12.png) no-repeat right bottom;font-size: 0;-webkit-transition: all .1s; -moz-transition: all .1s; -ms-transition: all .1s; -o-transition: all .1s; transition: all .1s;}
.content .index_3 .mian ul .slick-next.slick-disabled{background-color: #333;}

/*footer*/
.footer .foot{ width: 100%; background: #262c2f;}
.footer .foot .a1{ padding: 32px 0 21px;}
.footer .foot .a1 .b1{ width: 89.25%;}
.footer .foot .a1 .b1 dl{ float: left;min-width: 13.583333%; padding-right: 3.3333%;}
.footer .foot .a1 .b1 dl dt{margin-bottom: 9px; background: url(../images/icon_15.png) no-repeat left bottom; font-size: 14px; color: #f8f8f8; line-height: 38px;}
.footer .foot .a1 .b1 dl dd{ font-size: 12px; color: #919191; line-height: 31px;}
.footer .foot .a1 .b1 dl dd a{ padding-left: 9px; background: url(../images/icon_16.png) no-repeat 1px center; font-size: 12px; color: #919191;-webkit-transition: all .1s; -moz-transition: all .1s; -ms-transition: all .1s; -o-transition: all .1s; transition: all .1s;}
.footer .foot .a1 .b1 dl dd a:hover{ color: #fff;}
.footer .foot .a1 .b1 dl:last-child{padding-right: 0;min-width: 34.3333%;}
.footer .foot .a1 .b2{  width: 10.75%;}
.footer .foot .a1 .b2 span{ display: block; font-size: 12px; color: #fff; text-align: center; line-height: 38px;}
.footer .foot .a2 p{ border-top:1px solid #4c5154;color: #b6b7bb; line-height: 54px;}

/*sub-banner*/
.article { background: #f7f7f7;}
.article .sub-banner{ width: 100%; height:250px; overflow: hidden; background-size: cover; background-position: center;}
.article .sub-banner .wrap{ position: relative;height:250px;}
.article .sub-banner .wrap h4{ position: absolute;top: 50%;margin-top:-30px;font-size: 26px; color: #fff; line-height: 36px;}
.article .sub-banner .wrap h4 span{ display: block;font-size: 14px; color: #fff;text-transform: uppercase;line-height: 24px;}
.article .sub-banner.m1{ background-image: url(../images/sub-banner1.jpg);}
.article .sub-banner.m2{ background-image: url(../images/sub-banner2.jpg);}
.article .sub-banner.m2 h4,.article .sub-banner.m4 h4,.article .sub-banner.m5 h4{ color: #333;}
.article .sub-banner.m2 h4 span,.article .sub-banner.m4 h4 span,.article .sub-banner.m5 h4 span{color: #333;}
.article .sub-banner.m3{ background-image: url(../images/sub-banner3.jpg);}
.article .sub-banner.m4{ background-image: url(../images/sub-banner4.jpg);}
.article .sub-banner.m5{ background-image: url(../images/sub-banner5.jpg);}

/*sub-box*/
.article .box_mian{ padding: 50px 0 80px 0;}

/*sidebar*/
.article .box_mian .sidebar{ width: 20%;}
.article .box_mian .sidebar .tit{ width: 100%; height: 120px; overflow: hidden; padding-top: 40px; background: #262c2f url(../images/icon_17.png) no-repeat center; box-sizing: border-box;}
.article .box_mian .sidebar .tit h3{display: none;}
.article .box_mian .sidebar .tit h4{ font-size: 20px; color: #fff; text-align: center;}
.article .box_mian .sidebar .tit p{ font-size: 12px; color: #fff; text-align: center;}
.article .box_mian .sidebar .mian .a1>ul>li{ border-bottom: 1px solid #fff;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.article .box_mian .sidebar .mian .a1>ul>li>a{display: block; position: relative; width: 100%;height: 63px; padding-left: 8%; background: #f0f0f0; box-sizing: border-box; font-size: 14px; color: #333; line-height: 63px;-webkit-transition: all .1s; -moz-transition: all .1s; -ms-transition: all .1s; -o-transition: all .1s; transition: all .1s;}
.article .box_mian .sidebar .mian .a1>ul>li>a>span{ display: inline-block; width: 80%;overflow: hidden;white-space:nowrap; text-overflow:ellipsis;}
.article .box_mian .sidebar .mian .a1>ul>li>a>i{ position: absolute;top: 50%;right: 5%; margin-top: -10px; font-size: 12px; color: #999; line-height: 20px;-webkit-transition: all .1s; -moz-transition: all .1s; -ms-transition: all .1s; -o-transition: all .1s; transition: all .1s;}
.article .box_mian .sidebar .mian .a1>ul>li>a:hover,.article .box_mian .sidebar .mian .a1>ul>li.on>a{ background: #0065b3; color: #fff;}
.article .box_mian .sidebar .mian .a1>ul>li>a:hover i,.article .box_mian .sidebar .mian .a1>ul>li.on>a i{ color: #fff;}
.article .box_mian .sidebar .mian .a1>ul>li .s-nav{display: none; background: #fbfbfb;}
.article .box_mian .sidebar .mian .a1>ul>li .s-nav{ padding: 12px 0 0 12%;}
.article .box_mian .sidebar .mian .a1>ul>li .s-nav ul li{ line-height: 36px;}
.article .box_mian .sidebar .mian .a1>ul>li .s-nav ul li a{ font-size: 12px; color: #666;-webkit-transition: all .1s; -moz-transition: all .1s; -ms-transition: all .1s; -o-transition: all .1s; transition: all .1s;}
.article .box_mian .sidebar .mian .a1>ul>li .s-nav ul li a:hover,.article .box_mian .sidebar .mian .a1>ul>li .s-nav ul li.on1 a{color: #0065b3;}
.article .box_mian .sidebar .mian .a2{ width: 100%; padding: 40px 0; background: url(../images/icon_18.png) repeat; text-align: center;}
.article .box_mian .sidebar .mian .a2 p{ padding-left: 12.5%; font-size: 14px; color: #0065b3; text-align: left;}
.article .box_mian .sidebar .mian .a2 a{ display: inline-block; margin:10px 0;}
.article .box_mian .sidebar1{ display: block;}
.article .box_mian .sidebar2{ display: none;}

/*sub-fy*/
.sub-fy{ display: block; text-align: center; margin: 50px 0 30px;}
.sub-fy .fy{ display: inline-block;}
.sub-fy .fy a{ display: inline-block; width: 32px; height: 32px; margin: 0 5px; border: 1px solid #d2d2d2; font-size: 14px; color: #666; line-height: 32px;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.sub-fy .fy a.on,.sub-fy .fy a:hover{ border: 1px solid #0065b3; background: #0065B3; color: #fff;}

/*subContent*/
.article .box_mian .subContent{width: 80%; padding: 10px 30px 0 50px; background: #fff; box-sizing: border-box;}
.article .box_mian .subContent .tit{ background: url(../images/icon_19.png) no-repeat left bottom;}
.article .box_mian .subContent .tit h4{ line-height: 60px;}
.article .box_mian .subContent .tit h5{ line-height: 60px;}
.article .box_mian .subContent .tit h5 i{ display: inline-block; width: 18px; height: 14px; background: url(../images/icon_20.png) no-repeat left bottom;}
.article .box_mian .subContent .tit h5 span{ font-size: 12px; color: #666;}
.article .box_mian .subContent .tit h5 span a{ margin: 0 5px;font-size: 12px; color: #666;}

/*产品与解决方案*/
.article .cpjjfa1{ padding: 30px 0;}
.article .cpjjfa1>div{padding-bottom: 20px;}
.cpjjfa1 p{font-size: 14px; color: #666; line-height: 30px;}
.cpjjfa1 h5{ margin-bottom: 20px; background: url(../images/icon_21.png) repeat-x center; line-height: 24px;}
.article .cpjjfa1 .a1 p,.article .cpjjfa1 .a2 p,.article .cpjjfa1 .a3 p{ font-size: 14px; color: #666; line-height: 30px;}
.article .cpjjfa1 .a1>span{ display: block; width: 100%; padding: 20px 0; text-align: center;}
.article .cpjjfa1 .a2 h5,.article .cpjjfa1 .a3 h5,.article .cpjjfa1 .a4 h5{ margin-bottom: 20px; background: url(../images/icon_21.png) repeat-x center; line-height: 24px;}
.cpjjfa1 h5 span{padding-right: 20px; background: #fff; font-size: 18px; color: #333; line-height: 24px;}
.article .cpjjfa1 .a2 h5 span,.article .cpjjfa1 .a3 h5 span,.article .cpjjfa1 .a4 h5 span{ padding-right: 20px; background: #fff; font-size: 18px; color: #333; line-height: 24px;}
.article .cpjjfa1 .a4 .xgcp{ width: 100%; padding: 20px 0;}
.article .cpjjfa1 .a4 .xgcp a{ display: block; float: left; width: 30%; height: 58px; background: #262c2f; font-size: 16px; color: #fff; text-align: center; line-height: 58px;-webkit-transition: all .1s; -moz-transition: all .1s; -ms-transition: all .1s; -o-transition: all .1s; transition: all .1s;}
.article .cpjjfa1 .a4 .xgcp a:hover{ background: #0065b3;}
.article .cpjjfa1 .a4 .xgcp a.b1,.article .cpjjfa1 .a4 .xgcp a.b2{ margin-right: 5%;}

/*产品与解决方案-产品*/
.article .cpjjfa2{ padding: 20px 0;}
.article .cpjjfa2 .hd{ position: relative;top: 0; width: 100%; height: 43px;}
.article .cpjjfa2 .hd ul{ position: absolute;top: 0;width: 100%;-webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s;}
.article .cpjjfa2 .hd li{ float: left; width: 20%; height: 43px;border-bottom: 1px solid #0065b3;border-right: 1px solid #cdcdcd;background: #f4f4f4;box-sizing: border-box; font-size: 16px; color: #333; text-align: center; line-height: 43px;-webkit-transition: all .1s; -moz-transition: all .1s; -ms-transition: all .1s; -o-transition: all .1s; transition: all .1s;}
.article .cpjjfa2 .hd li:last-child{ border-right: none;}
.article .cpjjfa2 .hd li.on,.article .cpjjfa2 .hd li:hover{border-right: none; background: #0065B3; color: #fff;}
.article .cpjjfa2 .bd h5>span{ padding-right: 20px; background: #fff; font-size: 18px; color: #333; line-height: 24px;}
.article .cpjjfa2 .bd h5{ margin: 30px 0 20px; background: url(../images/icon_21.png) repeat-x center; line-height: 24px;}
.article .cpjjfa2 .bd .a1 p{ font-size: 14px; color: #666; line-height: 30px;}
.article .cpjjfa2 .bd .a2 p{ font-size: 14px; color: #666; line-height: 30px;}
.article .cpjjfa2 .bd .a3 p{ font-size: 14px; color: #666; line-height: 30px;}
.article .cpjjfa2 .bd .a2 .syfw h6{ font-size: 14px; color: #666;}
.article .cpjjfa2 .bd .a2 .syfw p{ padding: 20px 0;}
.article .cpjjfa2 .bd .a2 .syfw p span{ float: left; height: 42px; margin-right: 20px; margin-bottom: 20px; padding: 0 30px; border: 1px solid #cdcdcd; font-size: 14px; color: #666; line-height: 42px;}
.article .cpjjfa2 .a3>span{ display: block; width: 100%; padding: 20px 0; text-align: center;}

/*产品与解决方案-总*/
.article .cpjjfa3{ position: relative; height: 900px;}
.article .cpjjfa3 .mian{ position: absolute;top: 50%;left: 50%; width: 549px; height: 548px; margin: -274px 0 0 -274px;}
.article .cpjjfa3 div a{ display: block; font-size: 14px; color: #333; line-height: 28px;}
.article .cpjjfa3 .a1{ position: absolute;top: 90px;left: 100px; z-index:99;}
.article .cpjjfa3 .a2{ position: absolute;top: 80px;right: 90px; z-index:99;}
.article .cpjjfa3 .a3{ position: absolute;top: 305px;right: 25px; z-index:99;}
.article .cpjjfa3 .a4{ position: absolute;top:470px;left: 220px; z-index:99;}
.article .cpjjfa3 .a5{ position: absolute;top: 305px;left: 25px; z-index:99;}
.article .cpjjfa3 div a.c1{ padding-left: 20px;}
.article .cpjjfa3 div a.c4{ padding-left: 20px;}
.article .cpjjfa3 div a.c5{ padding-left: 40px;}
.article .cpjjfa3 div a.c6{ padding-left: 40px;}
.article .cpjjfa3 div a.c7{ padding-left: 20px;}
.article .cpjjfa3 div a.c11{ padding-left: 20px;}
.article .cpjjfa3 .b1{ position: absolute; left: -145px;top: -18px; width: 329px; padding-top: 25px; background: url(../images/icon_30.png) no-repeat left top; box-sizing: border-box; z-index:9;}
.article .cpjjfa3 .b1 p{font-size: 14px; color: #666; text-align: left; line-height: 30px;}
.article .cpjjfa3 .b2{ position: absolute; right: -164px;top: -26px; width: 401px;  padding-top: 30px; background: url(../images/icon_31.png) no-repeat left top; box-sizing: border-box;z-index:9;}
.article .cpjjfa3 .b2 p{font-size: 14px; color: #666; text-align: right; line-height: 30px;}
.article .cpjjfa3 .b3{ position: absolute; right: -164px;top: 248px; width: 235px;  padding-top: 30px; background: url(../images/icon_32.png) no-repeat left top; box-sizing: border-box;z-index:9;}
.article .cpjjfa3 .b3 p{font-size: 14px; color: #666; text-align: right; line-height: 30px;}
.article .cpjjfa3 .b4{ position: absolute; right: 40%;top: 480px; padding-top: 130px; background: url(../images/icon_33.png) no-repeat center; box-sizing: border-box;z-index:9;}
.article .cpjjfa3 .b4 p{font-size: 14px; color: #666; text-align: right; line-height: 30px;}
.article .cpjjfa3 .b5{ position: absolute; left: -145px;top: 248px; width: 188px; padding-top: 25px; background: url(../images/icon_34.png) no-repeat left top; box-sizing: border-box;z-index:9;}
.article .cpjjfa3 .b5 p{font-size: 14px; color: #666; text-align: left; line-height: 30px;}

/*成功案例*/
.article .cgal{ position: relative;}
.article .cgal .tc{ /*display: none;*/ position: absolute;top: 50%;left: 50%; z-index: 999; width: 338px; height: 257px;overflow: hidden; 
	/* margin: -169px 0 0 -132px; */
	border: 1px solid #e1e1e1;border-radius: 5px; background: #fff;box-shadow: 3px 3px 2px #aaa; transform: translate(-50%, -50%);}
.article .cgal .tc h3{ padding: 8px 10px; background: #0065b3;box-sizing: border-box; text-align: left;}
.article .cgal .tc h3 span{ width: 89px; height: 30px;border-radius: 5px; background: #0d7cd2; font-size: 14px; color:#fff; text-align: center; line-height: 30px;}
.article .cgal .tc h3 form{ float: left;}
.article .cgal .tc h3 form select{ width: 100px; height: 30px; border: none; border-radius: 5px; background: #004982; font-size: 14px; color: #fff;}
.article .cgal .tc h3 i{ float: right; width: 23px; height: 30px; background: url(../images/icon_36.png) no-repeat 
center; cursor: pointer;}
.article .cgal .tc ul{ display: none; height: 218px; overflow-y: auto;}
.article .cgal .tc ul li{ padding-left: 18px; border-bottom: 1px solid #eaeced;}
.article .cgal .tc ul li a{ display: block; font-size: 12px; color: #666666; line-height: 52px;}
.article .cgal .tc ul.t1{display: block;}

/*成功案例-列表*/
.article .cgal-list{ padding: 20px 0;}
.article .cgal-list .hd ul{ padding: 0 10px; border-bottom: 1px solid #ccc; height: 43px;}
.article .cgal-list .hd ul li{margin-top: 1px; float: left; height: 40px; padding: 0 24px;font-size: 16px; color: #666; text-align: center; line-height: 40px;}
.article .cgal-list .hd ul li.on{ border-top: 2px solid #136db6;border-left: 1px solid #cdcdcd;border-right: 1px solid #cdcdcd; border-bottom: 1px solid #fff; color: #0065b3;}
.article .cgal-list .bd ul{ margin-left: -4%;}
.article .cgal-list .bd li{ float: left; width: 30%; height: 200px; margin: 20px 0 0; padding: 0 0 0 3.333%;}
.article .cgal-list .bd li a{display: block; width: 100%;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.article .cgal-list .bd li a h4{ position: relative;}
.article .cgal-list .bd li a h4 span{ display: none;}
.article .cgal-list .bd li a:hover h4 span{ display: block; position: absolute; left: 0;top: 0; width: 100%; height: 100%; padding-top: 25%; background: url(../images/icon_22.png) repeat;text-align: center; box-sizing: border-box;}
.article .cgal-list .bd li a:hover h4 span font{ display: inline-block; font-size: 14px; color: #fff;}
.article .cgal-list .bd li a:hover h4 span i{ display: inline-block; width: 18px; height: 18px; background: url(../images/icon_13.png) no-repeat left top;vertical-align: middle;}
.article .cgal-list .bd li a p{ padding:10px 20px 0 20px; font-size: 14px; color: #666; text-align: center; line-height: 24px;}
.article .cgal-list .bd li a:hover p{ color: #0065b3;}

/*服务支持*/
.article .fwzc1 li{ padding: 30px 0;border-bottom: 1px solid #e9e9e9;}
.article .fwzc1 li div.fl{ width: 85.7%;}
.article .fwzc1 li div.fl h4{ font-size: 15px; font-weight: bold; color: #333;line-height: 30px;}
.article .fwzc1 li div.fl h4>span{ font-weight: inherit;}
.article .fwzc1 li div.fl .text>span{float: left; font-size: 15px; font-weight: bold; color: #333;}
.article .fwzc1 li div.fl .text>p{float: left;}
.article .fwzc1 li div.fl .text>p>span{  display: block; font-size: 15px; color: #333; line-height: 26px;}
.article .fwzc1 li div.fr{ width: 14.3%;padding: 10px 0;}
.article .fwzc1 li div.fr>a{ display: block; width: 125px; height: 50px; background: #999; font-size: 14px; color: #fff; text-align: center; line-height: 50px;-webkit-transition: all .1s; -moz-transition: all .1s; -ms-transition: all .1s; -o-transition: all .1s; transition: all .1s;}
.article .fwzc1 li div.fr>a>i{display: inline-block;width: 30px; height: 22px; background: url(../images/icon_23.png) no-repeat left top; vertical-align: middle;}
.article .fwzc1 li div.fr>a:hover{ background: #0065b3;}

.article .fwzc2 .a1{ padding: 30px 0;}
.article .fwzc2 .a1 p{ font-size: 15px; color: #333; line-height: 32px;}
.article .fwzc2 .a2{ padding: 0 0 50px;}
.article .fwzc2 .a2 span{ font-size: 14px; color: #333; line-height: 34px;}
.article .fwzc2 .a2 i{ display: inline-block; width: 16px; height: 16px; padding-left: 10px; background: url(../images/icon_24.png) no-repeat; vertical-align: middle;}
.article .fwzc2 .a2 .fw1 i{ background-position: 0 0;}
.article .fwzc2 .a2 .fw2 i{ background-position: 0 -33px;}
.article .fwzc2 .a2 .fw3 i{ background-position: 0 -70px;}
.article .fwzc2 .a2 .fw4 i{ background-position: 0 -102px;}
.article .fwzc2 .a2 .fw5 i{ background-position: 0 -135px;}
.article .fwzc2 .a2 .fw6 i{ background-position: 0 -172px;}

/*关于航通-公司简介*/
.article .about1{ padding: 20px 0 50px;}
.article .about1>p{ font-size: 14px; color: #333; line-height: 30px;}
.article .about1 .mian{ position: relative; height: 255px; margin: 15px 0;}
.article .about1 .mian .a1{position: absolute; left: 0;top: 0;z-index: 9;}
.article .about1 .mian .a2{ position: absolute;right: 0;top: 7%;z-index: 10; width: 60%; padding: 10px 28px; border: 10px solid #f1f1f1; background: #fff; box-sizing: border-box;}
.article .about1 .mian .a2 h4{ padding-bottom: 20px; font-size: 22px; color: #e93d29; background: url(../images/icon_25.png) no-repeat left bottom;}
.article .about1 .mian .a2 h4 span{ font-size: 12px; color: #999;}
.article .about1 .mian .a2 h6{ padding-top: 8px; font-size: 14px; color: #666; line-height: 30px;}

/*关于航通-联系我们*/
.article .about2 h3{ padding: 50px 0 30px;font-size: 20px; font-weight: bold; color: #333;}
.article .about2 h3 span{ font-size: 26px; color: #0065b3;}
.article .about2 .map{ position: relative;}
.article .about2 .map .a2{ position: absolute; top: -18%;right: 4%; width: 40%; padding: 0 3% 3% 3%; background: url(../images/icon_22.png) repeat; box-sizing: border-box;}
.article .about2 .map .a2 h4{ margin-bottom: 14px; border-bottom: 1px solid #fff; font-size: 24px; color: #fff; line-height: 80px;}
.article .about2 .map .a2 h5{ padding-bottom: 20px; border-bottom: 1px solid #fff;}
.article .about2 .map .a2 h5 span{ display: block; font-size: 16px; color: #fff; line-height: 50px;}
.article .about2 .map .a2 h5 font{ display: block; font-size: 14px; color: #fff; line-height: 26px;}
.article .about2 .map .a2 h6{ padding: 20px 0;}
.article .about2 .map .a2 h6 span{ display: block; font-size: 14px; color: #fff; line-height: 34px;}
.article .about2 .mian{ padding: 10px 0 40px;}
.article .about2 .mian .a1{ float: left; width: 55%;}
.article .about2 .mian .a2{ float: left; width: 45%;}
.article .about2 .mian h5{ margin-bottom: 10px; padding: 20px 0; background: url(../images/icon_26.png) no-repeat left bottom;font-size: 18px; color: #333;}
.article .about2 .mian p{ font-size: 14px; color: #333; line-height: 32px;}

/*关于航通-企业荣誉*/
.article .about3 dl{ margin-left: -4%;}
.article .about3 dl dt{ width: 100%; padding: 30px 0 20px 4%; box-sizing: border-box; font-size: 18px; color: #333;}
.article .about3 dl dd{ float: left; width: 30%; margin-left: 3.3333%; margin-bottom: 10px;}
.article .about3 dl dd h4{ display: table-cell; width: 100%; height: 182px; margin: 0 auto; padding: 5px; border: 1px solid #ccc; box-sizing: border-box; text-align: center; vertical-align: middle;}
.article .about3 dl dd h4 img{ width: 100%; vertical-align: middle;}
.article .about3 dl dd p{ font-size: 14px; color: #666; text-align: center; line-height: 35px;}

/*关于航通-企业文化*/
.article .about4{ padding: 40px 0;}
.article .about4 ul{ margin-left: -2%;}
.article .about4 ul li{ float: left; width: 48%; margin-left: 2%; margin-bottom: 20px;-webkit-transition: all .1s; -moz-transition: all .1s; -ms-transition: all .1s; -o-transition: all .1s; transition: all .1s;}
.article .about4 ul li .text{ width: 100%; padding: 20px 0; background: #f5f5f5;}
.article .about4 ul li .text h6{ font-size: 16px; color: #333; text-align: center; line-height: 40px;}
.article .about4 ul li .text p{font-size: 14px; color: #333; text-align: center; line-height: 30px;}
.article .about4 ul li:hover .text{ background: #0065B3;}
.article .about4 ul li:hover .text h6{ color: #fff;}
.article .about4 ul li:hover .text p{ color: #fff;}

/*关于航通-人才招聘*/
.article .about5>h3{ border-bottom: 1px solid #e0e0de; font-size: 16px; color: #0065b3; line-height: 73px;}
.article .about5 li a{ display: block; padding-right: 2%; border-bottom: 1px solid #e0e0de; line-height: 54px;}
.article .about5 li a span{float: left; font-size: 14px; color: #333;}
.article .about5 li a i{ float: right;font-size: 14px; color: #999;-webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.article .about5 li .zpgw{ display: none; border-bottom: 1px solid #e0e0de;}
.article .about5 li .zpgw h5{ font-size: 15px; color: #666; line-height: 75px;}
.article .about5 li .zpgw h5 span{ margin-right: 30px;}
.article .about5 li .zpgw .aa{ width: 82%; margin-bottom: 40px;}
.article .about5 li .zpgw .aa h6{ font-size: 14px; color: #666; line-height: 28px;}
.article .about5 li .zpgw .aa p{ font-size: 14px; color: #666; line-height: 28px;}
.article .about5 li.on .zpgw{ display: block;}
.article .about5 li.on a i{transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);}

/*关于航通-发展历程*/
.article .about6{ padding: 20px 0 50px;}
.article .about6 h4{ padding: 30px 0; font-size: 14px; color: #666; line-height: 30px;}
.article .about6 .mian{ width: 100%; /* height: 534px; */ padding: 45px 10px; background: url(../images/pic_19.jpg) repeat center; box-sizing: border-box;}
.article .about6 .mian li{ position: relative;}
.article .about6 .mian li a{display: block; padding:0 1.5%;}
.article .about6 .mian li .a1{position: relative; width: 120px; height: 120px; margin: 0 auto; padding: 5px; border: 3px solid #c2c2c2;border-radius:50%;box-sizing: border-box;-webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.article .about6 .mian li .a1 h5{ width:100%; height:100%; border-radius:50%; background: #c2c2c2;-webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.article .about6 .mian li .a1 h5 span{display: block; width: 100%; height: 100%; font-size: 16px; color: #fff; text-align: center;line-height: 110px;}
.article .about6 .mian li .a1:after{ display: block; position: absolute; top: 120%;left: 50%; content: ' '; width: 20px; height: 20px; margin: 0 0 0 -10px; border-radius:50%;background: #c2c2c2; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.article .about6 .mian li .a2{position: relative; margin-top: 70px;}
.article .about6 .mian li .a2 h6{ width: 100%; height: 40px; text-align: center; background: #c2c2c2; font-size: 16px; color: #fff; line-height: 40px; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.article .about6 .mian li .a2 .text{ width: 100%; padding: 20px 15px; background: #fff;box-sizing: border-box;}
.article .about6 .mian li .a2 .text p{ padding:10px 0; font-size: 14px; color: #666; line-height: 26px;}
.article .about6 .mian li .a2:before{ display: block; position: absolute; top: -19px;left: 50%; content: ' '; width: 1px; height: 19px;background: #c2c2c2; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.article .about6 .mian li .hr{ position: absolute;top: 150px;left: 0; width: 100%; height: 1px; background: #c2c2c2;}
.article .about6 .mian li:hover .a1{ border: 3px solid #0065B3;} 
.article .about6 .mian li:hover .a1 h5{ background: #0065B3;}
.article .about6 .mian li:hover .a1:after{ background: #0065B3;}
.article .about6 .mian li:hover .a2 h6{ background: #0065B3;}
.article .about6 .mian li:hover .a2:before{ background: #0065B3;}

/*关于航通-发展历程-列表*/
.article .about7{ padding: 20px 0 50px 0;}
.article .about7 .aa{margin-bottom: 20px;}
.article .about7 .aa h4{ font-size: 20px; color: #333;line-height: 36px;}
.article .about7 .aa p{ font-size: 14px; color: #333; line-height: 30px;}

/*新闻中心*/
.article .news .aa dl dt div.fl{ width: 36.36%;}
.article .news .aa dl dt div.fr{ width: 60%;}
.article .news .aa h3{ font-size: 18px; color: #333; line-height: 86px;}
.article .news .aa dl dt div.fr h4{ width: 100%; overflow: hidden; font-size: 20px; color: #333;white-space:nowrap; text-overflow:ellipsis;}
.article .news .aa dl dt div.fr h6{ font-size: 12px; color: #999; line-height: 36px;}
.article .news .aa dl dt div.fr p{ font-size: 14px; color: #666; line-height: 26px;}
.article .news .aa dl dt div.fr h5{ padding-top: 20px;}
.article .news .aa dl dt div.fr h5 a{ display: block; width: 88px; height: 30px; background: #0065b3; font-size: 14px; color: #fff; text-align: center; line-height: 30px;}
.article .news .aa dl dd { border-bottom: 1px solid #e9e9e9;}
.article .news .aa dl dd a{ display: block; line-height: 60px;}
.article .news .aa dl dd a span.fl{ width: 80%; overflow: hidden; font-size:14px; color: #333;white-space:nowrap; text-overflow:ellipsis;}
.article .news .aa dl dd a span.fr{ width: 15%;text-align: right; font-size:12px; color: #333;}
.article .news .aa dl dd a:hover{}
.article .news .aa .more{ padding: 20px 0;}
.article .news .aa .more a{ display: block; width: 100%; height: 60px; background: #0065B3; font-size: 18px; color: #fff; text-align: center; line-height: 60px;}

/*新闻中心-列表*/
.article .news-list li{ padding: 20px 0; border-bottom: 1px solid #e9e9e9;}
.article .news-list li div.fl{ width: 17%;}
.article .news-list li div.fl a{display: block;}
.article .news-list li div.fr{ width: 80%;}
.article .news-list li div.fr h5{ padding-bottom: 5px;}
.article .news-list li div.fr h5 a span.fl{ width: 80%; overflow: hidden; font-size: 16px; color: #333;white-space:nowrap; text-overflow:ellipsis;}
.article .news-list li div.fr h5 a span.fr{ width: 15%; font-size: 14px; color: #333;}
.article .news-list li div.fr h5 a:hover span{ color: #0065B3;} 
.article .news-list li div.fr h6{ font-size: 12px; color: #999;line-height: 20px;}
.article .news-list li div.fr p{ font-size: 12px; color: #999; line-height: 20px;}

/*新闻详情*/
.article .news-xx h3{ font-size: 26px; color: #333; text-align: center; line-height: 108px;}
.article .news-xx .a1{ width: 100%; padding: 9px 0; background: #edf1f7; text-align: center;}
.article .news-xx .a1 span{ display: inline-block; vertical-align: middle;}
.article .news-xx .a1 span.text{ font-size: 12px; color: #666; line-height: 24px;}
.article .news-xx .a1 span.fx{ margin-left: 50px;}
.article .news-xx .a1 span.fx a{ float: left; width: 24px; height: 24px; margin-right: 8px; background: url(../images/icon_27.png) no-repeat;}
.article .news-xx .a1 span.fx a.fx1{ background-position: 0 0;}
.article .news-xx .a1 span.fx a.fx2{ background-position: -31px 0;}
.article .news-xx .a1 span.fx a.fx3{ background-position: -62px 0;}
.article .news-xx .a1 span.fx a.fx4{ background-position: -93px 0;}
.article .news-xx .a1 span.fx a.fx5{ background-position: -124px 0;}
.article .news-xx .a1 span.fx a.fx6{ background-position: -155px 0;}
.article .news-xx .mian{ padding: 25px 0 40px;}
.article .news-xx .mian p{ padding-bottom: 10px; font-size: 14px; color: #333; line-height: 34px;}
.article .news-xx .mian>span{ display: block; text-align: center;}
.article .news-xx .a2{ padding: 20px 0 30px; border-top: 1px solid #cdcdcd;}
.article .news-xx .a2 div.fl p{ font-size: 14px; color: #666; line-height: 30px;}
.article .news-xx .a2 div.fr a{ font-size: 14px; color: #666; }

@media(max-width:1220px){
	div{box-sizing: border-box;}
	.wrap{ width: 100%; padding: 0 20px;}
	body.on{position: relative; -webkit-transform: translate(-55%,0);transform: translate(-55%,0);}
	/*header*/
	.header .top{ display: none;}
	.header .head{ background: #0065b3;}
	.header .head .nav .nav-ul{ display: none;}
	.header .head .nav .yd-nav{ display: block; float: right;}
	.header .head .nav .yd-nav i.nv{padding-right: 20px;  font-size: 50px;color: #fff;text-align: center;line-height: 81px; -webkit-tap-highlight-color:rgba(0,0,0,0);}
	.header .head .nav .yd-nav .xys-nav{ position: fixed;right: -55%;top: 0;z-index: 999; width: 55%; height: 100%; overflow: hidden; padding: 50px 0 0 40px;border-left:5px solid #0065b3; background: #fff; -webkit-transition: all .6s;transition: all .6s;}
	.header .head .nav .yd-nav .xys-nav ul.nav-mian{ padding-top: 24px;}
	.header .head .nav .yd-nav .xys-nav ul.nav-mian>li{ -webkit-tap-highlight-color:rgba(0,0,0,0);}
	.header .head .nav .yd-nav .xys-nav ul.nav-mian>li>a{display: block; padding: 15px; border-bottom: 1px solid #D1D1D1; font-size: 16px; color: #666; line-height: 35px;}
	.header .head .nav .yd-nav .xys-nav ul.nav-mian>li>a>span{ display: inline-block;vertical-align: middle;}
	.header .head .nav .yd-nav .xys-nav ul.nav-mian>li>a>i{display: inline-block; width: 30px; text-align: center; vertical-align: middle;}
	.header .head .nav .yd-nav .xys-nav ul.nav-mian>li .sub-nav{ display: none; height: 100%; margin-left:8%;}
	.header .head .nav .yd-nav .xys-nav ul.nav-mian>li .sub-nav ul li{ padding: 20px 10px; border-bottom: 1px solid #eee;}
	.header .head .nav .yd-nav .xys-nav ul.nav-mian>li .sub-nav ul li a{ display: block; font-size: 14px; color: #666;text-align:left;line-height: 30px;}
	
	/*index-2*/
	.content .index_2 .mian ul li div.fr h6 { line-height: 50px;}
	.content .index_2 .mian ul li div.fr h5{padding: 3% 0; text-align: right;}
	.content .index_2 .mian ul li div.fr{padding: 12px 5% 0 5%;}
	
	/*index-3*/
	.content .index_3 .mian ul{ width: 100%; margin-left: -9px;}
	
	/*footer*/
	.footer .foot .a1 .b1{ width: 100%;}
	.footer .foot .a1 .b2{  width: 20%; float: left;}
	
	/*sub-box*/
	.article .box_mian{ padding: 50px 20px 80px 20px;}
	
	/*关于航通-联系我们*/
	.article .about2 .map{overflow: hidden;}
	.article .about2 .map .a2{ top: 0;right: 0; width: 50%; height: 100%;}
	.article .about2 .map .a2 h4{ line-height: 50px;}
	.article .about2 .map .a2 h5 span{ line-height: 30px;}
	.article .about2 .map .a2 h5 font{ line-height: 26px;}
	.article .about2 .map .a2 h6 span{ line-height: 26px;}
	
}
@media(max-width:900px){
	body.on{ position: relative; -webkit-transform: translate(-70%,0);transform: translate(-70%,0);}
	/*header*/
	.header .head .nav .yd-nav .xys-nav{right: -70%; width: 70%;}
	/*banner*/
	.banner .slick-list div{height: 400px;}
	
	/*index-2*/
	.content .index_2 .mian ul li div.fl{ width: 100%;}
	.content .index_2 .mian ul li div.fl h5 img{ width: 100%;}
	.content .index_2 .mian ul li div.fr{ width: 100%;}
	.content .index_2 .mian ul li div.fr{padding: 12px 5% 0 5%;}
	.content .index_2 .mian .slick-dots{width: 100%;}
	.content .index_2 .mian .slick-prev{left:17%;}
	.content .index_2 .mian .slick-next{right:17%;}
	
	/*footer*/
	.footer .foot .a1 .b1{ width: 70%;}
	.footer .foot .a1 .b1 dl{ float: left;min-width: 26%; padding-right: 3.3333%;}
	.footer .foot .a1 .b2{  width: 30%; float: left;}
	
	/*sub-banner*/
	.article .sub-banner{height:200px;}
	.article .sub-banner .wrap{height:200px;}
	
	/*sub-box*/
	.article .box_mian{ padding: 20px 20px 80px 20px;}
	
	/*sidebar*/
	.article .box_mian .sidebar{ width: 100%; position: relative; float: none !important; margin: 10px 0;}
	.article .box_mian .sidebar .tit{ width: 100%; height: 40px;padding-top: 0; border-radius: 20px; background: #262c2f ; box-sizing: border-box;}
	.article .box_mian .sidebar .tit h4{display: none;}
	.article .box_mian .sidebar .tit p{display: none;}
	.article .box_mian .sidebar .tit h3{display: block; padding-left: 30px; font-size: 20px; color: #fff; line-height: 40px;-webkit-tap-highlight-color:rgba(0,0,0,0);}
	.article .box_mian .sidebar .tit h3 i{float: left;padding-right: 2%;}
	.article .box_mian .sidebar .tit h3 span{float: left;}
	.article .box_mian .sidebar .tit h3 em{float: right; padding-right: 6%;}
	.article .box_mian .sidebar .mian{ display: none; border-radius: 20px;}
	.article .box_mian .sidebar .mian .a2{ display: none;}
	.article .box_mian .sidebar1{ display: none;}
	.article .box_mian .sidebar2{ display: block;}
	
	/*subContent*/
	.article .box_mian .subContent{width: 100%;padding: 10px 30px 0 30px;}
	.article .box_mian .subContent .tit h5{ display: none;}
	
	/*关于航通-联系我们*/
	.article .about2 .map .a2{ display: none;}
	
	/*新闻中心*/
	.article .news .aa dl dt div.fr h6{ font-size: 12px; color: #999; line-height: 20px;}
	.article .news .aa dl dt div.fr p{ font-size: 14px; color: #666; line-height: 22px;}
	.article .news .aa dl dt div.fr h5{ padding-top: 5px;}

    /**/
    .article .cgal-list .bd li{  height: 160px;}
}
@media(max-width:640px){
	body{font-size:0.20rem;}
	.f12{font-size:0.20rem;}
	.f13{font-size:0.22rem;}
	.f14{font-size:0.24rem;}
	.f15{font-size:0.26rem;}
	.f16{font-size:0.28rem;}
	.f18{font-size:0.32rem;}
	.f20{font-size:0.34rem;}
	.f24{font-size:0.36rem;}
	.f30{font-size:0.42rem;}
	.f36{font-size:0.48rem;}
	
	/*header*/
	.header .head{ height: 1rem;}
	.header .head .logo{height: 1rem;}
	.header .head .logo a{width: 100%; height: 1rem; }
	.header .head .nav .yd-nav i.nv{padding-right: .2rem;  font-size: .62rem;line-height: 1rem;}
	.header .head .nav .yd-nav .xys-nav{right: -70%;width: 70%; padding: .6rem 0 0 .5rem;border-left:.05rem solid #0065b3;}
	.header .head .nav .yd-nav .xys-nav .nav-img{ padding-right:.1rem;}
	.header .head .nav .yd-nav .xys-nav ul.nav-mian{ padding-top: .36rem;}
	.header .head .nav .yd-nav .xys-nav ul.nav-mian>li>a{padding: .25rem;  font-size: .28rem;  line-height: .45rem;}
	.header .head .nav .yd-nav .xys-nav ul.nav-mian>li>a>span{ display: inline-block;vertical-align: middle;}
	.header .head .nav .yd-nav .xys-nav ul.nav-mian>li>a>i{ width: .4rem; }
	.header .head .nav .yd-nav .xys-nav ul.nav-mian>li .sub-nav{ margin-left:10%;}
	.header .head .nav .yd-nav .xys-nav ul.nav-mian>li .sub-nav ul li{ padding: .2rem .15rem;}
	.header .head .nav .yd-nav .xys-nav ul.nav-mian>li .sub-nav ul li a{  font-size: .28rem; line-height: .4rem;}
	
	/*banner*/
	.banner .slick-list div{height: 3.6rem;}
	
	/*index-1*/
	.content .index_1 .mian ul{margin-top: -.52rem;}
	.content .index_1 .mian ul li{  height: 1.52rem;}
	.content .index_1 .mian ul li p{margin: .05rem 0 0 .4rem;font-size:.28rem; line-height: .72rem;}
	.content .index_1 .mian ul li a{  margin: 0 0 0 .4rem; font-size: .2rem; line-height: .58rem;}
	
	/*index-2*/
	.content .index_2{ margin-top: .3rem;}
	.content .index_2 .tit h4{ line-height: .64rem;}
	.content .index_2 .tit h4 span.a1{ padding-right: .4rem; font-size: .28rem; }
	.content .index_2 .tit h4 span.a2{ padding-left: .4rem;font-size: .24rem;}
	.content .index_2 .mian ul li div.fl p{padding:0 5%; font-size: .24rem;line-height: .58rem;}
	.content .index_2 .mian ul li div.fr{padding: .3rem 5% 0 8%;}
	.content .index_2 .mian ul li div.fr h6 { line-height: .5rem;}
	.content .index_2 .mian ul li div.fr h6 span.fl{ width: 100%;font-size: .28rem;}
	.content .index_2 .mian ul li div.fr h6 span.fr{ width: 100%; font-size: .2rem;}
	.content .index_2 .mian ul li div.fr p{ font-size: .2rem; line-height: .4rem;}
	.content .index_2 .mian ul li div.fr h5 a{ width: 1.2rem; height: .5rem;font-size: .2rem;line-height: .5rem;}
	.content .index_2 .mian ul li div.fr .kk-height{ height: .8rem;}
	.content .index_2 .mian .slick-dots{  height: .8rem;}
	.content .index_2 .mian .slick-dots li{ width: .4rem;line-height: .8rem;}
	.content .index_2 .mian .slick-dots li button{width:.2rem; height: .2rem;border-radius:15%;}
	.content .index_2 .mian .slick-prev{bottom:.3rem;width: .1rem;height: .2rem;background-size:.18rem .17rem;}
	.content .index_2 .mian .slick-next{bottom:.3rem;width: .1rem;height: .2rem;background-size:.18rem .17rem;}
	
	/*index-3*/
	.content .index_3{ margin-top: -.8rem; padding-top: 1rem;padding-bottom: .8rem;}
	.content .index_3 .tit{margin-bottom: .2rem;}
	.content .index_3 .tit h4{ line-height: .64rem;}
	.content .index_3 .tit h4 span.a1{ padding-right: .4rem; font-size: .28rem;}
	.content .index_3 .tit h4 span.a2{ padding-right: .4rem; font-size: .24rem;}
	.content .index_3 .mian ul{ margin-left: -.1rem;}
	.content .index_3 .mian ul li .mg{ padding: 0 .1rem;}
	.content .index_3 .mian ul li .mg h4 span a{ width: 2rem; height: .6rem; margin:-.3rem 0 0 -1rem; font-size: .28rem;  line-height: .6rem;}
	.content .index_3 .mian ul li .mg h4 span a i{ width: .35rem; height: .24rem; background: url(../images/icon_13.png) no-repeat  left top; background-size: .24rem; vertical-align: middle;}

	/*footer*/
	.footer .foot .a1{ padding: .42rem 0 .31rem;}
	.footer .foot .a1 .b1{ width: 100%;}
	.footer .foot .a1 .b1 dl{ float: left;min-width: 46%; padding-right: 4%; height: 4.1rem;}
	.footer .foot .a1 .b1 dl dt{margin-bottom: .1rem;  font-size: .28rem; line-height: .62rem;}
	.footer .foot .a1 .b1 dl dd{ font-size: .24rem; line-height: .56rem;}
	.footer .foot .a1 .b1 dl dd a{ padding-left: .2rem; font-size: .24rem; }
	.footer .foot .a1 .b1 dl:last-child{padding-right: 0;min-width: 34.3333%; height: 3.5rem;}
	.footer .foot .a1 .b1 dl:nth-child(3){padding-right: 0; height: 3.8rem;}
	.footer .foot .a1 .b2{  width: 30%;}
	.footer .foot .a1 .b2 span{font-size: .24rem;  line-height: .6rem;}
	.footer .foot .a2 p{ line-height: .82rem;}
	
	/*sub-banner*/
	.article .sub-banner{height:2.5rem;}
	.article .sub-banner .wrap{height:2.5rem;}
	.article .sub-banner .wrap h4{ position: absolute;top: 50%;margin-top:-.34rem;font-size: .38rem; line-height: .46rem;}
	.article .sub-banner .wrap h4 span{ font-size: .24rem;line-height: .34rem;}
	
	/*sub-box*/
	.article .box_mian{ padding: .2rem;}
	
	/*sidebar*/
	.article .box_mian .sidebar{ margin: .2rem 0;}
	.article .box_mian .sidebar .tit{ height: .7rem; border-radius: .3rem;}
	.article .box_mian .sidebar .tit h3{padding-left: .4rem; font-size: .32rem; line-height: .7rem;}
	.article .box_mian .sidebar .mian{border-radius: .3rem;}
	.article .box_mian .sidebar .mian .a1>ul>li>a{height: .81rem; font-size: .24rem; line-height: .81rem;}
	.article .box_mian .sidebar .mian .a1>ul>li>a>i{ margin-top: -.1rem; font-size: .24rem; line-height: .2rem;}
	.article .box_mian .sidebar .mian .a1>ul>li .s-nav{ padding: .1rem 0 0 10%;}
	.article .box_mian .sidebar .mian .a1>ul>li .s-nav ul li{ line-height: .8rem;}
	.article .box_mian .sidebar .mian .a1>ul>li .s-nav ul li a{ display: block; font-size: .2rem;border-bottom: 1px solid #eee;}
	
	/*sub-fy*/
	.sub-fy{  margin: .7rem 0 .5rem;}
	.sub-fy .fy a{width: .5rem; height: .5rem; margin: 0 .05rem; font-size: .24rem; line-height: .5rem;}

	/*subContent*/
	.article .box_mian .subContent{ padding: .1rem .25rem; }
	.article .box_mian .subContent .tit{ background: url(../images/icon_19.png) no-repeat left bottom;}
	.article .box_mian .subContent .tit h4{ width: 80%; overflow: hidden; line-height: 1rem;}
	
	/*产品与解决方案*/
	.article .cpjjfa1{ padding: .4rem 0;}
	.article .cpjjfa1>div{padding-bottom: .3rem;}
	.article .cpjjfa1 .a1 p,.article .cpjjfa1 .a2 p,.article .cpjjfa1 .a3 p{ font-size: .28rem; line-height: .5rem;}
	.article .cpjjfa1 .a1 span{ padding: .3rem 0; }
	.article .cpjjfa1 .a2 h5,.article .cpjjfa1 .a3 h5,.article .cpjjfa1 .a4 h5{ margin-bottom: .3rem; line-height: .4rem;}
	.article .cpjjfa1 .a2 h5 span,.article .cpjjfa1 .a3 h5 span,.article .cpjjfa1 .a4 h5 span{ padding-right: .3rem; font-size: .32rem;line-height: .6rem;}
	.article .cpjjfa1 .a4 .xgcp{ padding: .3rem 0;}
	.article .cpjjfa1 .a4 .xgcp a{height: .68rem; font-size: .28rem; line-height: .68rem;}
	.article .cpjjfa2{ padding: .3rem 0;}
	.article .cpjjfa2 .hd{ display: none;}
	.article .cpjjfa2 .hd li{ height: .56rem; font-size: .28rem; line-height: .56rem;}
	.article .cpjjfa2 .bd h5{ margin: .3rem 0 .2rem; line-height: .4rem;}
	.article .cpjjfa2 .bd h5>span{ padding-right: .3rem; font-size: .32rem;line-height: .6rem;}
	.article .cpjjfa2 .bd .a1 p{ font-size: .24rem;line-height: .5rem;}
	.article .cpjjfa2 .bd .a2 .syfw h6{ font-size: .24rem;}
	.article .cpjjfa2 .bd .a2 .syfw p{ padding: .3rem 0;}
	.article .cpjjfa2 .bd .a2 .syfw p span{ height: .7rem; margin-right: .3rem; margin-bottom:.3rem; padding: 0 .3rem;  font-size: .24rem;  line-height: .7rem;}
	.article .cpjjfa2 .a3>span{ padding: .3rem 0;}
	
	/*成功案例-列表*/
	.article .cgal-list{ padding: .3rem 0;}
	.article .cgal-list .hd ul{ padding: 0 .2rem; height: .69rem; overflow: hidden;}
	.article .cgal-list .hd ul li{margin-top: 1px; height: .63rem; padding: 0 .4rem;font-size: .28rem; line-height: .63rem;-webkit-tap-highlight-color:rgba(0,0,0,0);}
	.article .cgal-list .bd li{ float: left; width: 46%; height: 2.8rem;margin: .2rem 0 0; padding: 0 0 0 4%;}
	.article .cgal-list .bd li a h4 span{ display: none;}
	.article .cgal-list .bd li a:hover h4 span{ width: 100%; height: 100%; padding-top: 25%; background: url(../images/icon_22.png) repeat;text-align: center; box-sizing: border-box;}
	.article .cgal-list .bd li a:hover h4 span font{ display: inline-block; font-size: 14px; color: #fff;}
	.article .cgal-list .bd li a:hover h4 span i{ display: inline-block; width: 18px; height: 18px; background: url(../images/icon_13.png) no-repeat left top;vertical-align: middle;}
	.article .cgal-list .bd li a p{ padding:.1rem .2rem 0 .2rem; font-size: .24rem; line-height: .4rem;}
	
	/*服务支持*/
	.article .fwzc1 li{ padding: .4rem 0;}
	.article .fwzc1 li div.fl{ width: 100%;}
	.article .fwzc1 li div.fl h4{ font-size: .26rem; line-height: .42rem;}
	.article .fwzc1 li div.fl .text>span{ font-size: .26rem;}
	.article .fwzc1 li div.fl .text>p>span{ font-size: .26rem; line-height: .38rem;}
	.article .fwzc1 li div.fr{ width: 100%;padding: .2rem 0; text-align: right;}
	.article .fwzc1 li div.fr>a{ display: inline-block; width: 2rem; height: .6rem; background: #999; font-size: .24rem; line-height: .6rem;}
	.article .fwzc1 li div.fr>a>i{width: .35rem; height: .25rem; background-size: .22rem .23rem;}
	
	.article .fwzc2 .a1{ padding: .5rem 0;}
	.article .fwzc2 .a1 p{ font-size: .26rem; line-height: .4rem;}
	.article .fwzc2 .a2{ padding: 0 0 .8rem;}
	.article .fwzc2 .a2 span{ font-size: .24rem; line-height: .54rem;}
	.article .fwzc2 .a2 span a{ color: #0065B3;}
	.article .fwzc2 .a2 i{ width: .2rem; height: .2rem; padding-left: .15rem; background-size: .2rem 2.35rem;}
	.article .fwzc2 .a2 .fw1 i{ background-position: 0 0;}
	.article .fwzc2 .a2 .fw2 i{ background-position: 0 -.42rem;}
	.article .fwzc2 .a2 .fw3 i{ background-position: 0 -.9rem;}
	.article .fwzc2 .a2 .fw4 i{ background-position: 0 -1.32rem;}
	.article .fwzc2 .a2 .fw5 i{ background-position: 0 -1.72rem;}
	.article .fwzc2 .a2 .fw6 i{ background-position: 0 -2.21rem;}
	
	/*关于航通-公司简介*/
	.article .about1{ padding: .3rem 0 .8rem;}
	.article .about1>p{ font-size: .28rem;  line-height: .5rem;}
	.article .about1 .mian{ position: relative; height: auto; margin: .2rem 0;}
	.article .about1 .mian .a1{position: static;}
	.article .about1 .mian .a1 img{width: 100%;}
	.article .about1 .mian .a2{ position: static;width: 100%; padding: .2rem .4rem; border: .1rem solid #f1f1f1;}
	.article .about1 .mian .a2 h4{ padding-bottom: 20px; font-size: 22px; color: #e93d29; background: url(../images/icon_25.png) no-repeat left bottom;}
	.article .about1 .mian .a2 h4 span{ font-size: 12px; color: #999;}
	.article .about1 .mian .a2 h6{ padding-top: 8px; font-size: 14px; color: #666; line-height: 30px;}
	
	/*关于航通-联系我们*/
	.article .about2 h3{ padding: .5rem 0 .4rem;font-size: .34rem;}
	.article .about2 h3 span{ font-size: .4rem;}
	.article .about2 .map .a2{ display: none;}
	.article .about2 .mian{ padding: .2rem 0 .5rem;}
	.article .about2 .mian .a1{ float: none; width: 100%;}
	.article .about2 .mian .a2{ float: none; width: 100%;}
	.article .about2 .mian h5{ margin-bottom: .2rem; padding: .3rem 0; font-size: .32rem;}
	.article .about2 .mian p{ font-size: .24rem; line-height: .42rem;}
	
	/*关于航通-企业荣誉*/
	.article .about3 dl{ margin-left: -2%;}
	.article .about3 dl dt{ padding: .4rem 0 .3rem 2%; font-size: .32rem;}
	.article .about3 dl dd{  width: 46%; margin-left: 2%; margin-bottom: .2rem;}
	.article .about3 dl dd h4{ height: 2.5rem;}
	.article .about3 dl dd p{ font-size: .24rem; line-height: .5rem;}
	
	/*关于航通-企业文化*/
	.article .about4{ padding: .4rem 0;}
	.article .about4 ul{ margin-left: 0;}
	.article .about4 ul li{ float: left; width: 100%; margin-left: 0; margin-bottom: .3rem;}
	.article .about4 ul li .text{ width: 100%; padding: .4rem 0;}
	.article .about4 ul li .text h6{ font-size: .28rem;line-height: .6rem;}
	.article .about4 ul li .text p{font-size: .24rem; line-height: .5rem;}
	
	/*关于航通-人才招聘*/
	.article .about5>h3{font-size: .28rem; line-height: 1rem;}
	.article .about5 li a{ line-height: .9rem;}
	.article .about5 li a span{float: left; font-size: 14px; color: #333;}
	.article .about5 li a i{ float: right;font-size: 14px; }
	.article .about5 li .zpgw h5{ font-size: .26rem; line-height: .9rem;}
	.article .about5 li .zpgw h5 span{ margin-right: .5rem;}
	.article .about5 li .zpgw .aa{ width: 100%; margin-bottom: .4rem;}
	.article .about5 li .zpgw .aa h6{ font-size: .24rem; color: #666; line-height: .5rem;}
	.article .about5 li .zpgw .aa p{ font-size: .24rem; color: #666; line-height: .5rem;}
	
	/*关于航通-发展历程*/
	.article .about6{ padding: .3rem 0 .6rem;}
	.article .about6 h4{ padding: .4rem 0; font-size: .24rem; line-height: .4rem;}
	.article .about6 .mian{ height: auto; padding: .55rem .2rem;}
	.article .about6 .mian li .a1{position: relative; width: 2rem; height: 2rem;padding: .15rem; border: .06rem solid #c2c2c2;}
	.article .about6 .mian li .a1 h5 span{display: block; width: 100%; height: 100%; font-size: .24rem; line-height: 1.7rem;}
	.article .about6 .mian li .a1:after{ width: .3rem; height: .3rem; margin: 0 0 0 -.15rem;}
	.article .about6 .mian li .a2{ margin-top: 1.2rem;}
	.article .about6 .mian li .a2 h6{ width: 100%; height: .6rem; font-size: .28rem; color: #fff; line-height: .6rem;}
	.article .about6 .mian li .a2 .text{padding: .3rem .2rem; background: #fff;}
	.article .about6 .mian li .a2 .text p{ padding:.2rem 0; font-size: .24rem;  line-height: .36rem;}
	.article .about6 .mian li .a2:before{  top: -.3rem; height: .3rem;}
	.article .about6 .mian li .hr{top: 2.45rem;}
	.article .about6 .mian li:hover .a1{ border: .06rem solid #0065B3;} 
	
	/*关于航通-发展历程-列表*/
	.article .about7{ padding: .4rem 0 .7rem 0;}
	.article .about7 .aa{margin-bottom: .3rem;}
	.article .about7 .aa h4{ font-size: .34rem; line-height: .6rem;}
	.article .about7 .aa p{ font-size: .24rem; line-height: .46rem;}
	
	/*新闻中心*/
	.article .news .aa dl dt div.fl{ float: none; width: 100%;}
	.article .news .aa dl dt div.fr{ float: none; width: 100%;}
	.article .news .aa h3{ font-size: .32rem; color: #333; line-height: 1rem;}
	.article .news .aa dl dt div.fr h4{ padding-top: .5rem; font-size: .36rem;line-height: .6rem;}
	.article .news .aa dl dt div.fr h6{ font-size: .2rem; color: #999; line-height: .5rem;}
	.article .news .aa dl dt div.fr p{ font-size: .24rem; color: #666; line-height: .4rem;}
	.article .news .aa dl dt div.fr h5{ padding-top: .3rem;text-align: right;}
	.article .news .aa dl dt div.fr h5 a{ display: inline-block; width: 2rem; height: .6rem; font-size: .24rem; line-height: .6rem;}
	.article .news .aa dl dd { border-bottom: 1px solid #e9e9e9;}
	.article .news .aa dl dd a{ display: block; line-height: 60px;}
	.article .news .aa dl dd a span.fl{ width: 80%; overflow: hidden; font-size:.3rem;}
	.article .news .aa dl dd a span.fr{ width: 15%;text-align: right;font-size: .2rem;}
	.article .news .aa .more{ padding: .3rem 0;}
	.article .news .aa .more a{ height: .8rem; font-size: .36rem; line-height: .8rem;}
		
	/*新闻中心-列表*/
	.article .news-list li{ padding: .3rem 0;}
	.article .news-list li div.fl{ float: none; width: 100%;}
	.article .news-list li div.fl a img{ width: 100%;}
	.article .news-list li div.fr{ padding-top: .5rem; float: none; width: 100%;}
	.article .news-list li div.fr h5{ padding-bottom: 0;}
	.article .news-list li div.fr h5 a span.fl{ width: 100%; overflow: hidden; font-size: .28rem; color: #333; line-height:.6rem;white-space:nowrap; text-overflow:ellipsis}
	.article .news-list li div.fr h5 a span.fr{ width: 100%; font-size: .26rem; color: #333; text-align: right;}
	.article .news-list li div.fr h5 a:hover span{ color: #0065B3;} 
	.article .news-list li div.fr h6{ font-size: .2rem; color: #999;line-height: .5rem;}
	.article .news-list li div.fr p{ font-size: .2rem; color: #999; line-height: .4rem;}

	
	/*新闻详情*/
	.article .news-xx h3{ padding: .4rem 0; font-size: .4rem; line-height: .6rem;}
	.article .news-xx .a1{ padding: .2rem 0;}
	.article .news-xx .a1 span.text{ font-size: .2rem; line-height: .34rem;}
	.article .news-xx .a1 span.fx{ margin-left: .8rem;}
	.article .news-xx .a1 span.fx a{ float: left; width: .3rem; height: .3rem; margin-right: .1rem;background-size: 1.79rem .24rem;}
	.article .news-xx .a1 span.fx a.fx1{ background-position: 0 0;}
	.article .news-xx .a1 span.fx a.fx2{ background-position: -.31rem 0;}
	.article .news-xx .a1 span.fx a.fx3{ background-position: -.62rem 0;}
	.article .news-xx .a1 span.fx a.fx4{ background-position: -.93rem 0;}
	.article .news-xx .a1 span.fx a.fx5{ background-position: -1.24rem 0;}
	.article .news-xx .a1 span.fx a.fx6{ background-position: -1.55rem 0;}
	.article .news-xx .mian{ padding: .3rem 0 .6rem;}
	.article .news-xx .mian p{ padding-bottom: .2rem; font-size: .24rem; color: #333; line-height: .4rem;}
	.article .news-xx .a2{ padding: .3rem 0 .5rem;}
	.article .news-xx .a2 div.fl p{ font-size: .24rem; line-height: .5rem;}
	.article .news-xx .a2 div.fr a{ font-size: .24rem;}
	
}





.qqlist{position: fixed;right:0;top:50%;margin-top:-100px;z-index: 9999;cursor: pointer;}
.qqlist .kfQQ{display: none;}
.qqlist .kfQQ dt{height: 63px;background: url(../images/ket.jpg) no-repeat;}
.qqlist .kfQQ dd{background-color: #fff;width: 138px;border: 1px #dcdcdc solid;border-bottom: 3px #194069 solid;padding-bottom:8px;}
.qqlist .kfQQ dd a{padding-left:14px;color: #777;display: block;padding-top: 8px;}
.qqlist:hover .kfQQ{display: block;}
.qqlist:hover .kfdiv{display: none;}


.itemCon{ position: relative; }
.area_wrap{
	position: absolute;
	left: 0; top: 0; width: 100%; height: 100%;
}
.area_item{
	position: absolute;
	width: 13px; height: 13px;
	background: rgba(0, 101, 179, .6);
	border-radius: 50%;
	cursor: pointer;
}
.area_item:after{
	margin: 0 auto;
	content: '';
	position: absolute;
	top: -4px;
	left: -4px;
	display: block;
	width: 21px;
	height: 21px;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius: 50%;
	background: rgba(0, 101, 179, 0.4);

	-webkit-animation: smallBig 1s linear infinite;
	-moz-animation: smallBig 1s linear infinite;
	animation: smallBig 1s linear infinite;
}
@-webkit-keyframes smallBig {
	0%{
		 -webkit-transform:scale(0);transform:scale(0)
	 }
	 50%{
		 -webkit-transform:scale(1);transform:scale(1); opacity:1;filter:alpha(opacity=100);
	 }
	 100%{
		  -webkit-transform:scale(1.5);transform:scale(1.5);
		 opacity:0;filter:alpha(opacity=0);
	 }

	  0%{
		 -moz-transform:scale(0);transform:scale(0)
	 }
	 50%{
		 -moz-transform:scale(1);transform:scale(1); opacity:1;filter:alpha(opacity=100);
	 }
	 100%{
		  -moz-transform:scale(1.5);transform:scale(1.5);
		 opacity:0;filter:alpha(opacity=0);
	 }

	  0%{
		 transform:scale(0);transform:scale(0)
	 }
	 50%{
		 transform:scale(1);transform:scale(1); opacity:1;filter:alpha(opacity=100);
	 }
	 100%{
		  transform:scale(1.5);transform:scale(1.5);
		opacity:0;filter:alpha(opacity=0);
	 }

}

@-moz-keyframes smallBig {
	0%{
		 -webkit-transform:scale(0);transform:scale(0)
	 }
	 50%{
		 -webkit-transform:scale(1);transform:scale(1); opacity:1;filter:alpha(opacity=100);
	 }
	 100%{
		  -webkit-transform:scale(1.5);transform:scale(1.5);
		 opacity:0;filter:alpha(opacity=0);
	 }

	  0%{
		 -moz-transform:scale(0);transform:scale(0)
	 }
	 50%{
		 -moz-transform:scale(1);transform:scale(1); opacity:1;filter:alpha(opacity=100);
	 }
	 100%{
		  -moz-transform:scale(1.5);transform:scale(1.5);
		 opacity:0;filter:alpha(opacity=0);
	 }

	  0%{
		 transform:scale(0);transform:scale(0)
	 }
	 50%{
		 transform:scale(1);transform:scale(1); opacity:1;filter:alpha(opacity=100);
	 }
	 100%{
		  transform:scale(1.5);transform:scale(1.5);
		opacity:0;filter:alpha(opacity=0);
	 }

}
@keyframes smallBig {
	0%{
		 -webkit-transform:scale(0);transform:scale(0)
	 }
	 50%{
		 -webkit-transform:scale(1);transform:scale(1); opacity:1;filter:alpha(opacity=100);
	 }
	 100%{
		  -webkit-transform:scale(1.5);transform:scale(1.5);
		 opacity:0;filter:alpha(opacity=0);
	 }

	  0%{
		 -moz-transform:scale(0);transform:scale(0)
	 }
	 50%{
		 -moz-transform:scale(1);transform:scale(1); opacity:1;filter:alpha(opacity=100);
	 }
	 100%{
		  -moz-transform:scale(1.5);transform:scale(1.5);
		 opacity:0;filter:alpha(opacity=0);
	 }

	  0%{
		 transform:scale(0);transform:scale(0)
	 }
	 50%{
		 transform:scale(1);transform:scale(1); opacity:1;filter:alpha(opacity=100);
	 }
	 100%{
		  transform:scale(1.5);transform:scale(1.5);
		opacity:0;filter:alpha(opacity=0);
	 }

}

.province_select{
	line-height: 2; display: none; 
	height: 30px; width: calc(100% - 20px); border-radius: 30px;
	padding: 0 10px; outline: none; margin: 10px 0;
	position: relative;z-index: 99;
}
@media screen and (max-width: 800px){
	.province_select{ display: block; }
	.area_item{ display: none; }
}







.article .about6 .mian .slick-prev{position: absolute;cursor: pointer;left:-40px;top:50%;margin-top: -15px;width: 30px;height: 30px;border: none;background: url(../images/icon_9.png) no-repeat left top;font-size: 0;-webkit-transition: all .1s; -moz-transition: all .1s; -ms-transition: all .1s; -o-transition: all .1s; transition: all .1s;}
.article .about6 .mian .slick-prev.slick-disabled{background-position: left bottom;}
.article .about6 .mian .slick-next{position: absolute;cursor: pointer;right:-40px;top:50%;margin-top: -15px;width: 30px;height: 30px;border: none;background: url(../images/icon_9.png) no-repeat right top;font-size: 0;-webkit-transition: all .1s; -moz-transition: all .1s; -ms-transition: all .1s; -o-transition: all .1s; transition: all .1s;}
.article .about6 .mian .slick-next.slick-disabled{background-position: right bottom;}
@media(max-width: 600px){
    .article .about6 .mian .slick-prev{left: -30px;}
    .article .about6 .mian .slick-next{right: -30px;}
}