@charset "UTF-8";
/* 
-webkit-: chrome, safari, ios-safari, android;
-moz-: firefox;
-o-: opera;
-ms-: IE;
*/
/* ============================================================================= */
* {margin: 0; padding: 0;}
html { margin: 0px; padding: 0px; font-style: normal !important; }
html, body {color: #727171; font-family: "Helvetica Neue", Helvetica, sans-serif, "Microsoft YaHei", Arial; text-decoration: none; -webkit-font-smoothing: antialiased; height: 100%;}
/*---------------------------------------------*/
h1 {font-size: 48px; font-weight:600; color: #004a97; margin-bottom: 1em; line-height: 1.5em;padding: 0px; margin: 0px;}
h2 {font-size: 24px; font-weight:600; color: #004a97; margin-bottom: 1em; line-height: 1.5em;padding: 0px; margin: 0px;}
h3 {font-size: 24px; font-weight:600; color: #004a97; margin-bottom: 1em; line-height: 1.5em; padding: 0px; margin: 0px;}
h4 {font-size: 24px; font-weight:300; color: #000; margin-bottom: 0.5em; line-height: 1.5em;padding: 0px; margin: 0px;}
p {font-size: 18px; font-weight:300; color: #727171;margin-bottom: 1em; line-height: 1.5em;padding: 0px; margin:0px;}
/*---------------------------------------------*/
dl, dd, dt { margin: 0px; padding: 0px;}
ul, ol, li {margin: 0px;  padding: 0px; list-style-type: none;}
/*---------------------------------------------*/
hr {border-top: solid 1px #838181; margin-top: 0px; border-bottom: 0px; border-left: 0px; border-right: 0px; margin-bottom: 15px;}
/*---------------------------------------------*/
input, textarea, form {margin: 0px; padding: 0px; color: #666666; font-family: "Helvetica Neue", "Hiragino Sans GB", "Microsoft YaHei", "\9ED1\4F53", Arial, sans-serif;}
input, textarea {font-weight: normal; color: #333333; margin: 0px; padding: 0px;}
/*---------------------------------------------*/
span, img {margin: 0px; padding: 0px; border: 0px; vertical-align: top;}
/*---------------------------------------------*/
table, th, td {font-family: "Helvetica Neue", "Hiragino Sans GB", "Microsoft YaHei", "\9ED1\4F53", Arial, sans-serif; line-height: normal;  margin: 0px; padding: 0px;  color: #333333;}
th {font-size: 1em;}
td {font-size: 1em;}
/*---------------------------------------------*/
a {color: #727171; text-decoration: none; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: .3s; transition-duration: .3s;  -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: .3s; transition-duration: .3s;}
a:hover {color: #004a98; text-decoration: none; opacity: 0.85;}
a:active {color: #004a98;text-decoration: none;}
a:focus{text-decoration: none;}
a,img,button,input,textarea,div{-webkit-tap-highlight-color:rgba(255,255,255,0); -webkit-tap-highlight:rgba(255,255,255,0); -webkit-text-size-adjust:none;}
/*---------------------------------------------*/
.bottom60{margin-bottom: 60px;}
.text_center{text-align: center}
.blue_text{color: #004a98;}
.icon_list{overflow: hidden; position: relative; margin: 30px; }
.icon_list ul li{float: left; margin: 5px; width: 10px; height: 10px; border-radius: 50%; background-color: #fff;}
.icon_list ul .active{background-color: #004a98;}
.warpper h2{text-align: center; color: #004a97; font-size: 36px; background: url(../en/images/warrper_h2_bg.png) no-repeat bottom center; padding-bottom: 15px; margin-bottom: 60px; font-style: italic;}

/*---------------------------------------------*/
.navbar{ background:url(../en/images/nav_bg.jpg) repeat-x; margin:0px; border:none; padding: 0px; background-color: #000;}
.navbar .navbar-header {width: 100%; display: block; height: 65px;}
.navbar .navbar-header .navbar-brand {width:320px; height: 65px;}
.navbar .navbar-header .navbar-brand .logo_icon{font-size: 42px; color: #004a98;}
.navbar .navbar-header .subnav {margin-top: 20px; margin-right: 15px;}
.navbar .navbar-header .subnav li{float: left; margin-left:20px;}
.navbar .navbar-header .subnav li img{vertical-align: middle;}
.navbar .container>.navbar-collapse{float: none; position: static; background-color:transparent;}
.navbar .navbar-nav li{margin:12px 20px 10px; font-size:14px;}
.navbar .navbar-nav li a{color:rgba(255,255,255,1);}
.navbar .navbar-nav .active a ,.navbar .navbar-nav li a:hover ,.navbar .navbar-nav .active a:hover{background-color:transparent; color:rgba(255,255,255,1); }
.navbar .navbar-nav li a:visited ,.navbar .navbar-nav li a:focus ,.navbar .navbar-nav .active a:focus, .navbar .navbar-nav .dropdown a:hover, .navbar .navbar-nav .dropdown a:focus .navbar .navbar-nav .dropdown a:visited{color:rgba(255,255,255,1); background-color:transparent}
.navbar .navbar-sub li{margin:5px -12px 0px;}
.navbar .navbar-nav .dropdown-menu{margin-top: 8px; padding: 0px; background-color: #004a98; text-align: center; box-shadow:0px 0px 0px; width: 180; min-width:100px; left:50%; margin-left: -90px;}
.navbar .navbar-nav .dropdown-menu li{margin: 0px; padding: 3px; border-bottom: solid 1px rgba(255,255,255,0.2); font-size: 14px;}
.banner .item{ width:100%; background-color: #666;}
.banner .icon{background-color: rgba(255,255,255,0.66); border:none;}
.banner .active{background-color:#004a98;}
.home_shortcut_bar{margin: 0px 0px 50px;}
.home_shortcut_bar .item{-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.3); box-shadow: 0px 0px 15px rgba(0,0,0,0.3); text-align: center; height: 240px; padding: 50px; margin-top: 50px;}
.home_shortcut_bar .call_order{background-color: #004a98; margin-top: 70px; margin-left: 80px;}
.home_shortcut_bar .pc_order{background-color: #0480be; height: 280px; margin-left: -30px; margin-right: -30px; padding-top: 70px;}
.home_shortcut_bar .phone_order{background-color: #004a98; margin-top: 70px; margin-right: 80px;}
.home_shortcut_bar .item h4{color: #fff;  margin: 15px 0px; font-size: 27px;}
.home_news{background-color: #edf2f8; padding: 60px 0px;}
.home_news .cut_navbar ul li .active,.home_news .cut_navbar ul li a:hover{background:url(../images/cut_nav_news_active.png) no-repeat center bottom; color: #004a98;}
.home_news .item{background-color: #fff; border-bottom: 30px; margin-bottom: 30px; height: 400px; overflow: hidden;}
.home_news .item .icon{position: absolute; top:200px; right:50px; background-color: #004a98; width: 50px; height: 50px; border: solid 1px #fff; border-radius: 50%; text-align: center; padding-top: 10px;}
.home_news .item .pic img{width: 100%;}
.home_news .item .text{padding: 20px;}
.home_news .item .text h3{color: #595757; font-size: 16px; margin-bottom: 5px; font-weight: 600; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; white-space: normal !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.home_news .item .text .time{margin-bottom: 20px;}
.home_news .item .text p{display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; white-space: normal !important; -webkit-line-clamp: 4; -webkit-box-orient: vertical; line-height: 1.5em; font-size: 18px;}
.home_about .text_bar{margin-top: 30px;} 
.home_about .text_bar h2{margin-bottom: 30px;}
.home_about .text_bar p{display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; white-space: normal !important; -webkit-line-clamp: 12; -webkit-box-orient: vertical;}
.footer{background-color: #084e97; padding: 60px 0px; color: #fff; text-align: center;}
.footer .link_btn a{color: #fff; margin-right: 10px; padding-right: 10px; border-right: solid 1px #e6e6e6; line-height: 1.8em;}
.footer .link_btn .last{border-right: none;}
.footer .link_bar{margin-bottom: 10px;}
.footer .copyright{font-size: 10px;}
.footer .copyright .code{text-align: right;}
.sidenav{position: fixed; right:0px; top:50%; margin-top: -150px; text-align: center;z-index:9999; width: 94px;}
.sidenav li a{display: block; width: 75px; height:80px; color: #fff; background-color: #004a98; padding: 15px 0px; float: right;}
.sidenav li a span{display: block;}
.sidenav .btn2 a,.sidenav .btn4 a{ background-color: #2e95cb;}
.sidenav .btn2 a{width: 94px; padding-left:18px; }

@media (max-width: 1200px){
	.navbar .navbar-nav li{margin:12px 0px 10px; font-size:14px;}
	.home_about .text_bar p{display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; white-space: normal !important; -webkit-line-clamp: 8; -webkit-box-orient: vertical;}
}
	
@media screen and (min-width: 768px) and (max-width: 992px){
.navbar .navbar-nav li{margin:30px -10px 0px; font-size:14px;}
.navbar .navbar-sub li{margin:25px -15px 0px;}

	
.home_shortcut_bar .call_order{margin-left: 0px;}
.home_shortcut_bar .phone_order{margin-right: 0px;}
.home_about .text_bar p{display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; white-space: normal !important; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
}	

@media (max-width:767px) {
.navbar{ background: none; margin:0px; border:none; height:50px; }
.navbar .navbar-header{margin: 0px;}
.navbar .navbar-header .navbar-brand {width:280px; margin: 0px 0px 0px;}
.navbar .navbar-header .navbar-toggle{border:none; margin-top: 25px; padding: 0px;}
.navbar .navbar-header .icon-bar{background-color: #004a98; width: 30px; height: 4px; border-radius: 5px;}
.navbar .navbar-header .navbar-toggle:hover{background-color: transparent;}
.navbar .container>.navbar-collapse{background-color:rgba(255,255,255,0.8);}
.navbar .navbar-nav .first_nav{margin-top: 50px;}
.navbar .navbar-nav li{margin:0px 0px 0px 0px; font-size:16px;}
.navbar .navbar-nav li a{color:rgba(90,90,90,1); padding-left: 100px;}
.navbar .navbar-nav li a:visited ,.navbar .navbar-nav li a:focus , .navbar .navbar-nav .dropdown a:hover, .navbar .navbar-nav .dropdown a:focus .navbar .navbar-nav .dropdown a:visited{color:rgba(90,90,90,1); background-color:transparent}
.navbar .navbar-nav .dropdown .nav_icon{margin:-20px 0px 0px 200px;}
.navbar .navbar-nav .active a,.navbar .navbar-nav .active a:focus{color:#004a98;}
.navbar .navbar-collapse .subnav {width: 320px; background-color: #C71114; margin: 30px auto;}
.navbar .navbar-collapse .subnav li{float: left; width: 140px; height: 45px; background-color: #004a98; border-radius: 8px; text-align: center; margin:20px 10px; line-height: 45px; font-size: 16px;}
.navbar .navbar-collapse .subnav li a{color: #fff;}
.navbar .navbar-collapse .subnav li img{vertical-align: middle; width: 30px;}
.navbar .navbar-nav	.subnav li{float: left;}
.navbar .container>.navbar-collapse{position:fixed;}
.navbar .navbar-nav .dropdown-menu{margin-top: 10px; padding: 0px; background-color: transparent; box-shadow:0px 0px 0px; width: 100%; left:0%; margin-left: 0px; border-bottom: solid 1px rgba(211,211,211,1); border-top: solid 1px rgba(211,211,211,1); border-radius: 0px;}
.navbar .navbar-nav .dropdown-menu li{margin: 0px; padding: 3px; font-size: 14px;}
.navbar .navbar-nav .dropdown-menu li a{text-align: left; padding-left: 100px;}
.banner{margin-top: 20px;}
.home_shortcut_bar{margin: 50px 0px;}
.home_shortcut_bar .item{padding: 30px 0px; height: 150px;}
.home_shortcut_bar .item h4{margin: 0px; font-size: 14px;}
.home_shortcut_bar .pc_order{ margin: 0px -15px;}
.home_shortcut_bar .call_order{margin: 0px;}
.home_shortcut_bar .phone_order{margin: 0px;}
.home_news{background-color: transparent; padding: 0px 0px 60px;}	
.home_news .item{height:320px;}
.home_news .item .pic{margin-bottom: 10px;}
.home_news .item .text{padding: 5px;}
.home_news .item .text h3{ }
.home_about .text_bar{margin-bottom: 50px;}
.footer .link_bar{margin-bottom: 30px;}
.footer .copyright{font-size: 14px; margin-bottom: 30px;}
.footer .copyright .code{text-align: left;}







}