@charset "utf-8";
/* CSS Document */
.bei {background:url(../images/bei_ico.png) no-repeat center left;padding: 10px 15px 10px 25px;margin-left:10px;}
a{ text-decoration:none;-webkit-transition:all ease-in-out 200ms;transition:all ease-in-out 200ms; outline:none}
li{ list-style:none}

.navbar-brand{ float:left;-webkit-transition: all 200ms linear 0ms;-moz-transition: all 200ms linear 0ms;-ms-transition: all 200ms linear 0ms;transition: all 200ms linear 0ms; width:280px;}
.navbar-brand img{	display: block; max-width: 100%;height: auto;}
.navbar.fixed{position: fixed;left: 0;top: 0;z-index: 11; height:85px; padding:0; border-bottom:1px solid #ededee; width: 100%;background: #f3f3f3;}
.navbar.fixed .navbar-brand{ width:155px; padding:15px 0}
.navbar.fixed .nav{ margin-top:15px}
.navbar.fixed .navbar-nav>li>a{height:52px; line-height:52px;}
.navbar.fixed #share{ display:none}

#share{ position:absolute; right:15px; top:0}
#share a{ margin: 0px 0 0 1px; background-color:#0171c3;float:left; background:#0171c3;padding:0; color:#fff; height:31px; padding:0 25px; line-height:31px; font-size:14px}
#share a.bds_weixin{ background-image:url(../images/share_img_1.png); background-repeat:no-repeat; background-position:center; background-size:20px 17px}
#share a.bds_tsina{ background-image:url(../images/share_img_2.png); background-repeat:no-repeat; background-position:center; background-size:20px 16px}
#share a.email{background-image:url(../images/share_img_3.png); background-repeat:no-repeat; background-position:center;}

.banner{ height:250px}
.ab_ban{ background:url(../images/ab_ban.jpg) no-repeat center center}
.Business_ban{ background:url(../images/Business_ban.jpg) no-repeat center center}
.new_ban{ background:url(../images/news_ban.jpg) no-repeat center center}
.resources_ban{ background:url(../images/resources_ban.jpg) no-repeat center center}
.tracking_ban{ background:url(../images/tracking_ban.jpg) no-repeat center center}
.contact_ban{ background:url(../images/contact_ban.jpg) no-repeat center center}

.about_main{ padding:60px 0}
.nav_left{ padding:0}
.nav_left h2{ background-color:#fff; font-size:24px; color:#0171c3; padding-left:20px; height:66px; line-height:66px; margin:0}
.nav_left li{ height:44px; line-height:44px; border-bottom:1px solid #e0e0e0; }
.nav_left li span{ padding-right:7px; font-size:10px}
.nav_left li a{ color:#0171c3; display:block;padding:0 20px}
.nav_left li a:hover,.nav_left li .cur{ background-color:#0171c3; color:#fff}
.main_r{ background-color:#fff; padding: 30px 15px}
.main_r h1,.tracking_main h1{ color:#0171c3; font-size:24px; margin:0 0 20px 15px}
.main_r .txt{ padding:0 15px}
.main_r .txt span{ font-size:14px; color:#0171c3}

.main_r .txt img{max-width:100%;}
.foot{ background-color:#0171c3}
.foot_main{ padding:60px 0}
.foot a{ color:#c3d9e9; }
.foot a:hover{ color:#fff}
.foot h2 a{ color:#fff; font-size:16px}
.foot h2{ margin:0 0 11px}
.foot ul{ float:left;  border-left:1px solid #2786cc}
.foot li a{ line-height:26px; font-size:12px}
.foot .ul_r{ background:url(../images/map.png) no-repeat 78% top; color:#c3d9e9; line-height:20px;height:158px; font-size:12px;border-left:1px solid #2786cc; float:right; padding-left:40px}
.foot .ul_r h3{ font-size:24px; color:#fff; margin:15px 0 10px; }

.bottom{ color:#848484; padding:25px 0 45px; position:relative; font-size:12px}
.bottom #share a{ width:32px; height:32px; padding:0; border-radius:32px; background-color:#b3b3b3; margin:0 0 0 12px}
.bottom #share a:hover{ background-color:#0171c3}

.Services dl{  position:relative; margin-bottom:30px}
.Services h2{  font-size:15px; background:rgba(1,113,195,0.4); position:absolute; left:0; bottom:0px; width:100%}
.Services h2 a{ color:#fff; background-color:#0171c3;height:40px; line-height:40px; display:block; width:50%; padding-left:18px;box-sizing: border-box;}
.Services dl:hover h2 a{ width:100%}

.news_main{ margin-top:-10px}
.news_dl{ position:relative; font-size:12px; line-height:22px; padding:25px 0; border-bottom:1px solid #e0e0e0; }

.news_dl h2{ margin:0}

.news_dl h2 a{ font-size:16px; color:#0171c3}
.news_dl h3{ position:absolute; right:15px; top:80px; text-align:center;}
.news_dl h3 a{ background-color:#0171c3; color:#fff; font-size:12px; width:100%; display:block;  border:2px solid #0171c3;box-sizing: border-box; border-radius:0; font-family:Arial, Helvetica, sans-serif; padding-left:20px; padding-right:20px}
.news_dl h3 a:hover{ background:none; color:#0171c3;border:2px solid #0171c3;}
.news_dl span{ display:block; font-size:12px; color:#a9a9a9; margin:6px 0 10px}

.resources_ul ul{ padding-left:15px; margin-bottom:30px}
.resources_ul li span{ font-size:11px; padding-right:8px}

.tracking_con{ margin-top:30px}
.tracking_main{  background-color:#fff;padding:40px 20px; margin:60px 0}
.tracking_main dl{ position:relative}
.tracking_main dl h2 a{ display:block; position:absolute; bottom:0; left:0; background:rgba(1,113,195,0.65); color:#fff; width:100%; font-size:20px; padding-left:25px; height:60px; line-height:60px}
.tracking_main dl:hover h2 a{ background:rgba(1,113,195,1)}

#dituContent{ width:100%; height:410px;box-sizing: content-box;   -webkit-box-sizing: content-box;-moz-box-sizing: content-box;}
#dituContent .bottom,.map h1{ padding:0; margin-left:0}


/*banner*/

.flexslider ul{padding:0; margin:0}
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.flexslider {  position: relative; clear:both}
.flex-direction-nav {*height: 0; display:none}

.flex-control-nav {width: 98.5%; position: absolute; bottom: 20px; text-align: center; z-index:99}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 15px; height: 15px; display: block;  cursor:pointer; font-size:0; border-radius:15px; border:2px solid #fff}
.flex-control-paging li a:hover { background: #fff;  }
.flex-control-paging li a.flex-active { background: #fff; }
.swiper_banner  .swiper-pagination-bullet{  cursor:pointer; font-size:0; border-radius:15px; border:2px solid #fff;background:transparent;width:15px;height:15px;}
.swiper_banner .swiper-pagination-bullet-active{background: #fff;}
.ban{height:520px;     }
.ban_1{background:url(../images/ban_1.jpg) no-repeat center ;}
.ban_2{background:url(../images/ban_1.jpg) no-repeat center ; }
.ban_3{background:url(../images/ban_1.jpg) no-repeat center ; }

.tit_main{ background-color:#0171c3; color:#fff; text-align:center;font-size:24px}
.tit_con{ padding:35px 0}
.tit_con a{ background:none; color:#fff; border:1px solid #fff; font-size:12px; font-family:Arial, Helvetica, sans-serif; padding:6px 28px; line-height:24px}
.tit_con a:hover{ background:#fff; color:#0171c3; border:1px solid #fff}

.new_main{ background-color:#fff}
.content_main{ padding:60px 0; }
.new_con_dl{ padding:0 30px}
.new_con_dl .news_dl:nth-child(1){border-top:1px solid #e0e0e0; }
.content_main h1{ text-align:center; font-size:30px; color:#0171c3; margin-bottom:35px}
.content_main h1 span{ color:#a9a9a9; padding-left:10px; font-family:Arial, Helvetica, sans-serif; position:relative; top:3px}
.new_con .news_dl{ padding:40px 0}
.new_con .news_dl img{ margin-left:-15px}
.new_con h2 a{ font-size:19px; }
.new_con .news_dl span{ font-size:14px; margin:9px 0 20px}
.new_con p{ max-width:72%;font-size:14px; line-height:26px}

.Services_con{ padding:0 15px}
.Services_con h2{  font-size:24px; bottom:8px; width:100%}
.Services_con h2 a{ height:66px; line-height:66px; padding-left:30px;}
.Services_con dt,.Services dt,.tracking_con dt{ overflow:hidden}
.Services_con img,.Services img,.tracking_con img{overflow: hidden; -webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);
-webkit-transition: all 0.5s ease .0s;-moz-transition: all 0.5s ease .0s;-ms-transition: all 0.5s ease .0s; transition: all 0.5s ease .0s;}
.Services dl:hover img,.Services dl:hover img,.tracking_con dl:hover img{-webkit-transform: scale(1.15);-moz-transform: scale(1.15);-ms-transform: scale(1.15);transform: scale(1.15);}

.navbar-nav li span{ display:none; float:right; color: #c0c0c0;}
.new_tab{ padding:0 20px}
.new_tab .td_1 {font-size: 20px;color: #333;}
.new_tab .td_2 {padding-bottom: 10px; border-bottom: 1px solid #d7d7d7; font-size:13px}
.new_tab .td_3 {padding: 20px 0;}
.new_tab .td_3 img{ max-width:100%}

.ph_language{float:right;margin-right:15px;display:none;}
.ph_language a{display:inline-block;font-size:12px;color:#0171c3;padding: 0 5px; line-height: 60px}
.ph_language a:hover,.ph_language a.on{color:#0094d7}





@media (min-width: 320px) and (max-width: 1250px){
.container{width: inherit;}
.Services_con h2{ font-size:22px}
}

@media (min-width: 320px) and (max-width: 1100px){
#share{ display:none}
.navbar-brand{ width:200px}	
.navbar-nav{margin: 42px 0 0;}
.Services_con h2{ font-size:20px}

}

@media (min-width: 320px) and (max-width: 1050px){
.navbar-nav>li>a{ height:50px; line-height:50px; font-size:15px; padding:0 20px}
.navbar-nav{margin: 48px 0 0;}	

}

@media (min-width: 320px) and (max-width: 990px){
.news_dl img,.new_con .news_dl img{ margin:0 0 35px}	
.new_con_dl{ padding:0 15px}
.new_con .col-md-4,.new_con .col-md-8{ padding:0}
.nav_left{ background-color:#fff; margin-bottom:40px}
.nav_left h2{border-bottom: 1px solid #e0e0e0;}
.news_dl h3{ position:inherit; top:0; left:0px; width:20%}
.ph_language{display:block}

}

@media (min-width: 320px) and (max-width: 1000px){
.flex-control-nav{ width:90%}
.navbar .container{ padding:0}
.navbar-brand{ width:109px; padding:12px 0}
.navbar-nav{ margin:0}
.navbar-collapse{ padding:0}
.navbar-nav>li>a {background-color: #fff; padding-top:10px;padding-bottom:10px; height:inherit; line-height:inherit; font-size:14px;border-bottom:1px solid #e7e5e5; margin:0}
.navbar-nav li span{ display:block; margin-top:6px}
.navbar-fixed-top{ /*position:fixed; top:0; left:0; width:100%; background-color: #fff; z-index:99*/}
/*.banner{ margin-top:60px}*/

.navbar-toggle.open .icon-bar_t {
-webkit-transform: translateY(6px) rotate(-45deg);
-ms-transform: translateY(6px) rotate(-45deg);
transform: translateY(6px) rotate(-45deg);-webkit-transition: all .4s ease;
transition: all .4s ease;
}
.navbar-toggle.open .icon-bar_c{background-color: transparent;-webkit-transition: all .3s ease;transition: all .3s ease;}
.navbar-toggle.open .icon-bar_b{-webkit-transform: translateY(-6px) rotate(45deg);
    -ms-transform: translateY(-6px) rotate(45deg);
    transform: translateY(-6px) rotate(45deg);-webkit-transition: all .3s ease;
    transition: all .3s ease;}	
.ph_none{ display:none}	
.tit_con{ font-size:20px}
.tit_con h1{ font-size:32px}
.foot ul{ border:none; margin-bottom:25px}	

}


@media (min-width: 320px) and (max-width: 500px){
.flex-control-paging li a{width: 14px;height: 14px;}
.flex-control-nav li{ margin:0 5px}
.ban{height: 350px;background-size: auto 350px !important;}

.tit_con h1{ font-size:25px}
.tit_con p{ font-size:13px}
.content_main{ padding:25px 0}
.content_main h1{font-size:25px; margin-bottom:25px}
.content_main h1 span{ font-size:18px}
.new_con .news_dl{ padding:20px 0}
.new_con_dl{ padding:0 5px}
.new_con p{ max-width:100%}
.new_con h2 a,.new_tab .td_1{ font-size:16px}
.news_dl img, .new_con .news_dl img{ margin:0 0 20px}
.news_dl h3{ width:110px}
.new_con .news_dl span{ margin:7px 0 15px}
.Services_con,.container{ padding:0}
.tit_con{ padding:20px 0 35px}
.Services dl{ margin-bottom:18px} 
.Services_con h2 a,.tracking_main dl h2 a{height: 44px;line-height: 44px;padding-left: 20px; font-size:15px}
.Services h2{ bottom:0}

.foot_main{ padding:40px 0 10px}

.bottom{padding: 15px 0 25px;}
.about_main,.tracking_main{ padding:45px 0}
.nav_left{ margin-bottom:30px}
.main_r{ padding:30px 6px}
.news_dl{ padding:25px 0 20px}
.tracking_main{ margin:0}
#dituContent{ display:none}
.new_tab{ padding:0 15px}
}