
body { font-family:'宋体'; background: #f0f0f0; font-size: 100%; }
.wrap { margin:0 auto; width:80%; }
.header_bg { background: url(../images/headerBg.png) no-repeat center ;  *background: url(../images/headerBg.jpg) no-repeat center 0; box-shadow: inset 0 -1px 6px rgba(0,0,0,.1); height: 300px;}
.header_bg_en { background: url(../images/headerBg_en.png) no-repeat center ;  *background: url(../images/headerBg_en.png) no-repeat center 0; box-shadow: inset 0 -1px 6px rgba(0,0,0,.1); height: 300px;}
.breadcrumb { background: none; padding: 4% 2%; }
.breadcrumb > .active { color: #fff; }
.breadcrumb li, .breadcrumb li a { font-size: 14px; color: #ffffff; text-transform:capitalize; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.breadcrumb li a:hover { text-decoration: none; color:#F15F43; }
.header { background: #ffffff; padding: 5px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); border-bottom: 1px solid #cfd5d9; height: 80px; }
.h_right { float: right; width: 72%; }
.navbar-nav { margin-top:15px; margin-left: 20%; }
.navbar-brand { padding: 10px 15px; }
.navbar-brand img { width: 150px; }
.menu li.active a { background: none; color:#F15F43; border-bottom:2px solid #F15F43; }
.menu li a { font-size: 14px; text-transform: uppercase; color: #354B77; border-radius: 0px; font-weight: 700; padding-top: 5px; padding-bottom: 5px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.menu li a:hover, .menu li.active a:hover { background: none; color: #F15F43; border-bottom:2px solid #F15F43; }
.navbar-toggle { background-color: #354B77; border: 1px solid transparent; }
.navbar-toggle .icon-bar { background-color: #ffffff; }
.my_search { margin-top: 2%; }
.my_search input[type="text"] { color:#2C3547; box-shadow: none; border:1px solid rgb(226, 226, 226); padding: 18px 14px; font-size: 13px; width: 150px; }
.btn { background: #F15F43; color: #ffffff; padding: 9px 28px; line-height:20px; text-transform: uppercase; border: none; outline:none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.btn:hover { color:#ffffff; background: #354B77; }
/* start slider */
.slider { margin-top: 30px;/*margin-bottom: 8%;	*/
}
.slider_text h2 { font-size: 5em; color: #ffffff; text-transform: capitalize; font-weight: 600; line-height: 1.2em; }
.slider_text h3 { font-size: 3em; color: #ffffff; text-transform: capitalize; font-weight: 100; }
.slider_img img { display: inline-block; }
.bc-social { padding:15px 0; text-align:center; background-color:#f5f5f5; border-top:1px solid #fff; border-bottom:1px solid #ddd }
.bc-social-buttons { margin-left:0; margin-bottom:0; padding-left:0; list-style:none }
.bc-social-buttons li { display:inline-block; line-height:1; color:#555 }
.bc-social-buttons li .fa { font-size:18px; margin-right:3px }
.bc-social-buttons li .fa-weibo { font-size:20px }
.bc-social-buttons li a { color:#555 }
.bc-social-buttons li.social-qq:hover { color:#428bca }
.bc-social-buttons li.social-weibo a:hover { color:#d9534f }
.bc-social-buttons>li+li:before { padding:0 10px; color:#ccc; content:"|" }
#mainContent { width: 1036px; height: 110px; border: 1px solid #d0d0d0; padding: 10px; margin: 0 auto 15px; }
div.scrollWrapper { position: relative; overflow: hidden; width: 100%; height: 100%; }
div.scrollableArea { position: relative; width: auto; height: 100%; }
#makeMeScrollable { width:100%; height: 110px; position: relative; }
#makeMeScrollable div.scrollableArea { position: relative; float: left; margin: 0; padding: 0; }
/* grids_of_3 */
.main { background: #f0f0f0 url(/imgages/main_bg.gif) repeat -70% 0; box-shadow: inset 0 -1px 6px rgba(0, 0, 0, .1); }
.dribbble { margin: 20px 0px; position: relative; /*	clear: left;*/
	background: #fff; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); /*border-top: 2px solid #f25739;*/
	float: left; }
.grids_of_3 { text-align: center; padding: 4% 2%; }
.grid1_of_3 h2 { text-transform: uppercase; color: #354B77; font-size: 26px; }
.grid1_of_3 p { font-size: 14px; line-height: 1.8em; color: #434C5E; margin-bottom: 20px; }
.grid1_of_3 img { display: inline-block; margin: 4% 0; }
.btn_style { font-size: 14px; color: #ffffff; background: #F15F43; padding: 12px 30px; line-height: 20px; text-transform: uppercase; border: none; outline: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; }
.btn_style:hover { background: #354B77; }
/* grids_btm */
.grids_btm { padding: 4% 0; }
.grid_list { display: block; }
.grids_btm.top { padding: 4% 0; border-top: 1px ridge rgb(241, 241, 241); border-bottom: 1px ridge rgb(241, 241, 241); }
.images_1_of_1 { width:24%; float:left; background: #354B77; padding:2px; }
.images_1_of_1 p { text-align: center; font-size: 5em; color: #ffffff; line-height:66px; margin: 0; }
.images_1_of_1 img { width: 100%; }
.grid_1_of_1 { width:40%; float:left; background: #E5EAF3; padding:4%; }
.grid_1_of_1 h3 { color: #354B77; font-size: 1.8em; font-weight: normal; line-height: 31px; text-transform: uppercase; margin: 0; }
.grid_1_of_1 p { font-size: 14px; line-height: 1.8em; color: #434C5E; }
/* start footer */
.footer_bg { background: #f9f9f9;/*border-top: 2px solid #354B77;*/
}
.footer { padding:4% 0%; }
.span1_of_4 h4 { font-size: 2.5em; text-transform: uppercase; color: #354B77; margin-bottom: 8%; }
.span1_of_4 h5 { font-size: 1.5em; text-transform: capitalize; color: #354B77; margin-top: 8%; }
.span1_of_4 p { margin-top: 5px; font-size: 13px; line-height: 1.5em; color: #9FA0A2; }
.span1_of_4 p.top { margin-top: 4%; }
.span1_of_4 span a { border-bottom: 1px dashed rgb(235, 233, 233); padding-bottom: 4px; margin-top: 8%; display: block; font-size: 14px; line-height: 1.5em; color: #434C5E; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.span1_of_4 span a:hover { text-decoration:none; color: #F15F43; }
.span1_of_5 h4 { font-size: 2.5em; text-transform: uppercase; color: #354B77; margin-bottom: 4%; }
.span1_of_5 h5 { font-size: 1.5em; text-transform: capitalize; color: #354B77; margin-top: 4%; }
.span1_of_5 p { margin-top: 5px; font-size: 13px; line-height: 1.5em; color: #9FA0A2; }
.span1_of_5 p.top { margin-top: 4%; }
.span1_of_5 span a { border-bottom: 1px dashed rgb(235, 233, 233); padding-bottom: 4px; margin-top: 4%; display: block; font-size: 14px; line-height: 1.5em; color: #434C5E; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.span1_of_5 span a:hover { text-decoration:none; color: #F15F43; }
.f_nav li { display:inline-block; margin: 0 8px 8px 0; }
.f_nav li a { display: block; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.f_nav li a img { background: #ffffff; padding: 5px; border: 1px solid #eeeeee; width: 80px; }
.f_nav li a:hover { zoom: 1; filter: alpha(opacity=50); opacity: 0.7;  -webkit-transition: opacity .15s ease-in-out;
 -moz-transition: opacity .15s ease-in-out;
 -ms-transition: opacity .15s ease-in-out;
 -o-transition: opacity .15s ease-in-out;
 transition: opacity .15s ease-in-out;
}
/*start footer_top */
.footer_btm { background: #f3f3f3; }
.footer1 { padding: 1% 2% 1% 0; }
/* start soc_icons */
.soc_icons ul li { display:inline-block; margin-left: 10px; }
.soc_icons ul li:first-child { margin-left: 0; }
.soc_icons ul li a { display: block; width: 42px; height: 42px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; }
.soc_icons ul li a.icon1 { background: #39579D url('../images/icons.png') no-repeat 18px 10px; }
.soc_icons ul li a.icon2 { background: #02B3E9 url('../images/icons.png') no-repeat -12px 10px; }
.soc_icons ul li a.icon3 { background: #DB4A39 url('../images/icons.png') no-repeat -44px 10px; }
.soc_icons ul li a.icon4 { background: #EA4C89 url('../images/icons.png') no-repeat -78px 10px; }
.soc_icons ul li a.icon5 { background: #5A872A url('../images/icons.png') no-repeat -112px 10px; }
.soc_icons ul li a:hover { zoom: 1; filter: alpha(opacity=50); opacity: 0.7;  -webkit-transition: opacity .15s ease-in-out;
 -moz-transition: opacity .15s ease-in-out;
 -ms-transition: opacity .15s ease-in-out;
 -o-transition: opacity .15s ease-in-out;
 transition: opacity .15s ease-in-out;
}
.copy { margin-top: 10px; }
.copy p { color: #434C5E; font-size: 13px; line-height: 1.8em; }
.copy p a { color:#F15F43; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.copy p a:hover { color: #434C5E; text-decoration: none; }
/* start feature */
.features { padding:4% 2%; }
.features_list1 { margin-top: 4%; }
.feature p { margin-top: 8%; }
.feature img { width: 100%; }
.feature a { display: block; font-size: 16px; font-style: italic; color: #354B77; text-transform: capitalize; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.feature a:hover { text-decoration: none; color: #F15F43; }
/* start blog */
.blog { padding:4% 2%; }
.blog_img { margin-top: 5px; }
.blog_img1 { margin-top: 6%; }
.blog_left img { width:100%; }
.blog_left h4 a { display:block; margin: 4% 0 2%; color: #354B77; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.blog_left h4 a:hover { text-decoration: none; color: #F15F43; }
.blog_right h4 { margin:0 0 4%; color: #354B77; text-transform: capitalize; }
/* start ads_nav */
.ads_nav li { float: left; width: 48.3333%; margin-left: 3.33333%; margin-bottom: 10px; }
.ads_nav li:first-child, .ads_nav li:nth-child(3) {
 margin-left: 0;
}
.ads_nav li a { display: block; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.ads_nav li a img { width: 100%; }
.ads_nav li a:hover { zoom: 1; filter: alpha(opacity=50); opacity: 0.7;  -webkit-transition: opacity .15s ease-in-out;
 -moz-transition: opacity .15s ease-in-out;
 -ms-transition: opacity .15s ease-in-out;
 -o-transition: opacity .15s ease-in-out;
 transition: opacity .15s ease-in-out;
}
/* start tag_nav */
.tag_nav { margin: 8% 0; }
.tag_nav li { margin:10px 5px 0 0; display: inline-block; }
.tag_nav li a { display: block; text-transform: capitalize; background: #E7E7E7; color: #5F5F5F; font-size: 13px; padding: 8px 14px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.tag_nav li a:hover { background: #354B77; color: #ffffff; text-decoration:none; }
/* start news_letter */
.news_letter { margin: 8% 0; }
.news_letter form input[type="text"] { font-family: 'Open Sans', 'sans-serif'; font-weight:100; padding: 10px; display: block; width: 100%; background: #ffffff; outline: none; color: #555555; font-size: 13px; border: 1px solid #DADADA; -webkit-appearance: none; }
.news_letter form input[type="submit"] { margin-top: 4%; -webkit-appearance: none; float:right; font-family: 'Open Sans', 'sans-serif'; cursor:pointer; border:none; outline:none; display: inline-block; padding: 12px 30px; font-size: 13px; color: #ffffff; background: #354B77; text-transform: uppercase; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.news_letter form input[type="submit"]:hover { background: #F15F43; }
/* start about */
.about { padding: 4% 2%; }
.img_style { margin-top:10px; }
.blog .img_style { float:right;}
.blog .col-md-8 { width:56%;}
.img_style img { width: 100%; }
.about h4 { color: #354B77; }
.para { font-size: 13px; line-height: 1.8em; color: #434C5E; }
.about_p { padding: 10px; margin-top: 2%; }
.read_more { margin: 3% 0 2%; }
/* start contact */
.contact { padding: 2%; }
.contact_info {padding-top:10px;}
.contact_info h2 { text-transform: uppercase; color: #354B77; font-size: 26px; }
.company_ad h2 { font-size: 26px; text-transform: uppercase; color: #354B77; }
.company_ad p { font-size: 13px; }
.company_ad p a { color: #F15F43; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.company_ad p a:hover { text-decoration:none; color: #354B77; }
.contact-form h2 { font-size: 26px; text-transform: uppercase; color: #354B77; }
.contact-form span { display:block; text-transform: capitalize; font-size: 13px; color: #9499A3; font-weight: normal; margin-bottom: 10px; }
.contact-form textarea { font-family: 'Open Sans', 'sans-serif'; padding: 10px; display: block; width: 99.3333%; background: #ffffff; outline: none; color: #c0c0c0; font-size: 0.8725em; border: 1px solid #ECECEC; -webkit-appearance: none; resize: none; height: 120px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; }
.contact-form textarea:focus { border:1px solid #66afe9; }
.form-control { box-shadow: none; border: 1px solid #ECECEC; }
.form-control:focus { box-shadow: none; }
.contact-form input[type="submit"] { margin-top:20px; font-family: 'Open Sans', 'sans-serif'; -webkit-appearance: none; float: right; cursor: pointer; border: none; outline: none; display: inline-block; padding: 12px 30px; font-size: 0.8925em; color: #ffffff; background: #F15F43; text-transform: uppercase; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.contact-form input[type="submit"]:hover { background: #354B77; }
.contact-form input[type="button"] { margin-top:20px; font-family: 'Open Sans', 'sans-serif'; -webkit-appearance: none; float: right; cursor: pointer; border: none; outline: none; display: inline-block; padding: 12px 30px; font-size: 0.8925em; color: #ffffff; background: #F15F43; text-transform: uppercase; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.contact-form input[type="button"]:hover { background: #354B77; }
/* start derails */
.details { padding:4% 2%; }
.details img { margin-bottom: 2%;  margin:0 auto; display:block;}
.slider_text h2 { margin: 35px 0 20px; font-size: 32px; line-height: 45px; }
/***** Media Quries *****/
@media only screen and (max-width: 1440px) and (min-width: 240px) {
 .wrap {
 width:95%;
}
}
@media only screen and (max-width: 1440px) {
}
@media only screen and (max-width: 1366px) {
}
@media only screen and (max-width: 1280px) {
}
@media only screen and (max-width: 1024px) {
.blog .col-md-8 { width:100%;}
 .logo img {
 width: 60%;
}
 .h_right {
 width: 80%;
}
 .nav > li > a {
 padding: 4px 8px;
}
 .slider_text h2 {
 font-size: 4em;
}
 .slider {
 margin-top: 2%;
}
 .slider_text h3 {
 font-size: 2.5em;
}
 .navbar-nav {
 margin-left: 0%;
}
 .span1_of_4 h4 {
 font-size: 2em;
}
 .images_1_of_1 p {
 line-height: 90px;
}
}
@media only screen and (max-width: 768px) {

 .menu li.active a {
 border-bottom: none;
}
 .menu li a:hover, .menu li.active a:hover {
 border-bottom: none;
}
 .slider_text h2 {
 font-size: 2.8em;
}
 .slider_text h3 {
 font-size: 2em;
}
 .breadcrumb {
 padding: 4% 2% 2%;
}
 .grid1_of_3 img {
 margin: 0% 0;
}
 .grid_list {
 margin: 2% 0;
}
 .images_1_of_1 p {
 line-height: 66px;
}
 .span1_of_4 h4 {
 margin-bottom: 1%;
 margin-top: 2%;
}
 .span1_of_4 h5 {
 margin-top: 2%;
}
 .span1_of_4 p.top {
 margin-top: 1%;
}
 .span1_of_4 span a {
 margin-top: 1%;
}
 .footer1, .copy p {
 text-align:center !important;
}
 .feature p {
 margin-top: 0%;
}
 .feature a {
 margin-bottom: 4%;
}
 .blog_right {
 margin-top: 4%;
}
 .contact-form input[type="submit"] {
 margin: 15px 0;
}
}
@media only screen and (max-width: 640px) {
.slider_text h2 { font-size: 26px; line-height: 34px;}

 .navbar-toggle {
 margin-top: 18px;
}

 .slider_text h3 {
 font-size: 1.8em;
}
}
@media only screen and (max-width: 480px) {
.feature h5 { padding-top: 15px;}
 .slider_text h2 {
 font-size: 2em;
}
 .slider_text h3 {
 font-size: 1.2em;
}
 .grid_1_of_1 h3 {
 line-height: 24px;
}
 .grid_1_of_1 p {
 font-size: 13px;
 line-height: 1.5em;
}
 .images_1_of_1 p {
 font-size: 5em;
 line-height: 1.44em;
}
 .breadcrumb {
 padding: 4% 2% 0%;
}
#bs-example-navbar-collapse-1 { width:150px; float:right; background:#fff; border:1px solid #ccc;}
}
@media only screen and (max-width: 320px) {
 .slider_text h2 {
 font-size: 2.4em;
 margin-top: 40px;
}
 .slider_text h3 {
 font-size: 1.5em;
}
 .slider_img img {
 width: 50%;
}
 .grid1_of_3 {
 margin-top: 30px;
}
 .grid1_of_3 h2 {
 font-size: 26px;
}
 .grid_1_of_1 h3 {
 font-size: 1.2em;
}
 .images_1_of_1 p {
 font-size: 3em;
 line-height: 60px;
}
 .hide {
 display: none;
}
 .grid_1_of_1 {
 padding: 2%;
}
 .breadcrumb li, .breadcrumb li a {
 font-size: 12px;
}
 .span1_of_4 {
 margin-top: 20px;
}
 .span1_of_4 span {
 margin: 10px 0;
}
}
/*Tanklink 自定义样式  By Dinu 2014-10-16*/
.service_bg { float:left; /*background: #354B77;*/
	background: #ffffff; padding:4%; }
.container-fluid { padding-right: 0px; padding-left: 0px; margin-right: auto; margin-left: auto; }
.nav-pills { text-align:left; margin:0px 0 }
.nav-pills li { float:inherit; display:inline-block }
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus { background-color:#F15F43; color:#fff }
.nav-pills>li>a { border-radius:0; padding:3px 15px; color:#000 }
.bdr-fade { visibility:hidden }
.fade.in { opacity: 1; }
.fade { opacity: 0; -webkit-transition: opacity .15s linear;
-o-transition: opacity .15s linear;
transition: opacity .15s linear;
}
.bdr_grid { padding: 20px 0 40px 0; margin: 0 -5px; list-style: none; text-align: center; }
.bdr_grid li { display: inline-block; overflow: hidden; padding: 5px; text-align: left; position: relative; }
.bdr_effecs figure { overflow: hidden; }
.bdr_grid figure { margin: 0; position: relative; }
figure { margin: 0; }
figure { margin: 1em 40px; }
.bdr_effecs figure img { -webkit-transition: -webkit-transform .4s;
-moz-transition: -moz-transform .4s;
transition: transform .4s;
}
.bdr_grid figure img { width: 100%; display: block; position: relative; }
img { vertical-align: middle; }
img { border: 0; }
.bdr_effecs figcaption { height: 35px; width: 100%; top: auto; bottom: 0; opacity: 0; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition: -webkit-transform .4s, opacity .1s .3s;
-moz-transition: -moz-transform .4s, opacity .1s .3s;
transition: transform .4s, opacity .1s .3s;
}
.bdr_grid figcaption { position: absolute; left: 0; padding: 10px; font-size: 12px; background: #e5fff5; color: #666; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
.bdr_grid figcaption h3 { margin: 0 0 3px 0; padding: 0; color: #000; font-size: 16px; }
.bdr_effecs figcaption a { position: absolute; bottom: 20px; right: 10px; }
.fa { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; }
.bdr_grid figcaption small { text-transform: capitalize; }
.animated { -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both }
.no-touch .bdr_effecs figure:hover figcaption, .bdr_effecs figure.cs-hover figcaption { opacity: 1; transform: translateY(0px); transition: transform 0.4s ease 0s, opacity 0.1s ease 0s; }
.bdr_title { color: #666; text-align: center; }
.bdr_title h2 { color: #354B77; margin: 60px auto 25px auto; }
.bdr_title p { font-size: 16px; line-height: 36px; padding: 0 15px; }
/*.bdr_title h1:after {
border-bottom: 3px solid #F15F43;
content: "";
display: block;
margin: 10px auto 5px auto;
width: 200px;
}*/

.line_top { border-top: 1px ridge rgb(241, 241, 241); }
.company_link { background: #fff; padding: 6px; max-width: 192px; margin: 20px 0; border: 1px solid #fff; }
.company_link:hover { border: 1px solid #f25739; }
/*.company_link img{ width: 180px;}*/

.company_container { margin-top: 20px; }
/*about页面*/
.about_contact { background: #eee; margin: 20px 0px; padding: 10px; color: #354B77; font-size: 12px; }
.bold { font-weight: bold; }
.com_home { padding: 30px 0; }
.lft_box { height: auto; padding: 16px 18px 6px; margin: 0px 0 15px; background: #e7e7e7; border: 1px solid #cdcccc; -webkit-border-radius: 5px; border-radius: 2px; }
.lft_box h1 { font: 22px; line-height: 24px; font-family: "Microsoft YaHei", "微软雅黑", sans-serif;  color: #f57b02; text-transform: uppercase; padding: 0 0 10px; margin: 0 0 15px; border-bottom: 1px solid #d3d2d2; }
.lft_box h1 span { color: #535353; font-size:16px;}
.lft_box .serv_lst, .lft_box .news_lst { margin: 0; padding: 0; list-style: none; }
.lft_box .serv_lst li { border-bottom: 1px dotted #999999; margin: 5px 0; }
.lft_box .serv_lst li a { color: #555555; padding: 5px 0; margin: 0 0 1px; display: block; font-size:12px; }
.lft_box .serv_lst li a span { padding: 0 10px 0 5px; color: #888888; font: 16px/18px Arial, Helvetica, sans-serif; display: inline-block; }
.lft_box .serv_lst li a:hover { color: #383838; background: #d4d4d4; }
.lft_box .serv_lst li a:hover span { color: #000000; }
.lft_box .serv_lst li:last-child, .lft_box .news_lst li:last-child { border-bottom: 0 !important; }
.news_lst li { background: url(../images/news_bult.png) no-repeat 0 6px; border-bottom: 1px dotted #999999; padding: 0 0 5px 20px; margin: 5px 0; }
.lft_box .news_lst li:last-child { margin-bottom: 0 !important; }
.news_lst li a { font: 11px/16px Arial, Helvetica, sans-serif; color: #666666; display: block; padding: 4px; text-decoration: none; }
.news_lst li:hover a { background: #d4d4d4; color: #383838; }
.cont_rght { margin-top: 30px; height: auto; padding: 16px 20px; margin: 0; background: #ffffff; border: 1px solid #efe2d2; -webkit-border-radius: 5px; border-radius: 2px; overflow:hidden; }
.cont_rght h1 { font: 22px/24px Helvetica-CondensedBoldRg, Arial, Helvetica, sans-serif; color: #f57b02; text-transform: uppercase; padding: 0 0 10px; margin: 0 0 15px; border-bottom: 1px solid #d3d2d2; }
.cont_rght h1 span { color: #535353; font: 18px/24px Helvetica-CondensedBoldRg, Arial, Helvetica, sans-serif; text-transform: none; }
.cont_rght h2 { color: #FF8C00; font: bold 14px/18px Arial, Helvetica, sans-serif; padding: 0 0 5px; margin: 0; }
.cont_rght h3 { color: #FF8C00; font: bold 12px/18px Arial, Helvetica, sans-serif; text-decoration: none; padding: 0; margin: 0; }
.cont_rght h4 { color: #666666; font: bold 12px/18px Arial, Helvetica, sans-serif; text-decoration: underline; padding: 0 0 8px; margin: 0; }
.cont_rght p { color: #666666; font: 12px/22px Arial, Helvetica, sans-serif; padding-bottom: 15px; }
body { font-family: "Microsoft YaHei", "微软雅黑", sans-serif; }
.slider_text h2, .cont_rght h1 span { font-family: "Microsoft YaHei", "微软雅黑", sans-serif; }
.company_link { padding-bottom:0; border:1px solid #ccc; }
.nav-pills > li > a { font-family:'宋体'; font-size: 12px; }
.blog { font-size: 14px; }
.blog h4 {line-height: 30px; margin-bottom:20px; }

.city_ej { margin:0; padding:0; overflow:hidden; background:#fff; border:1px solid #ccc; padding: 20px; margin-bottom:20px; }
.city_ej li { list-style:none; margin-bottom:10px; }
.city_ej li img { width: 100%; border:1px solid #fff; }
.city_ej li a:hover img { border-color: #f60; }
.service_list { margin:0; padding:0; width: 840px; margin-right:-20px; }
.service_list li { list-style: none; float:left; margin-right:20px; }
.service_list li img { width:115px; }
.service_list li a:hover img, .bdr_grid figure a:hover img { opacity:0.85; -ms-filter:"alpha(opacity=85)"; filter:alpha(opacity=85); }
h1.city_c { font-size: 18px; margin:0 0 20px; padding-bottom:15px; border-bottom:1px solid #ccc; margin-top:-3px; }
.container-fluid  .col-lg-2 { width: 20%;}

