﻿@charset "utf-8";
/* CSS Document Edited by LiLu */
* {
	margin:0;
	padding:0;
	outline:none;
	blr:expression(this.onFocus=this.blur());
}
body, ul, ol, dl, dt, dd, h1, h2, h3, h4, h5, h6 {
	list-style:none;
	text-decoration:none;
    margin: 0;
}
body,html {
	color:#000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: none;
    position: relative;
    font-size: 14px;
    line-height: 1.7;
    font-family:"微软雅黑", Microsoft YaHei;
}
img {
	border:none;
	max-width: 100%;
	width: auto\9;
	height: auto;
	-ms-interpolation-mode: bicubic;
	_width:auto;
}
input, textarea {
	border:none;
	background:none;
	font-size:14px;
	vertical-align:middle;
}
select {
	font-size:12px;
	vertical-align:middle;
	cursor:pointer;
}
a {
	text-decoration:none;
    blr:expression(this.onFocus=this.blur());
	outline: none;
	color:#000;
}
a:hover {
	text-decoration:none;
    color: #127bcc;
}
a:focus{
    text-decoration:none;
    color: inherit;
}

em, i {
	font-style:normal;
}
a:focus, input, select {
	outline:none;
}
.clearfix {
*zoom:1;
}
.clearfix:after {
	content:"\200B";
	display: block;
	clear: both;
	height: 0;
}
@-webkit-viewport {
width: device-width;
}
@-moz-viewport {
width: device-width;
}
@-ms-viewport {
    width: device-width;
}
@-o-viewport {
width: device-width;
}
@viewport {
width: device-width;
}
input[type="submit"], input[type="reset"], input[type="button"], button {
	-webkit-appearance: none;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{ font-weight: normal; padding: 0; margin: 0; font-size: 14px; line-height: 1.6;}
p{ margin: 0;}
label { font-weight: normal; margin: 0;}
.menu_ico{ display:none;}
.owl-theme .owl-controls{ margin: 0;}
.owl-theme .owl-controls .owl-buttons div{ filter:alpha(opacity=100); opacity: 1; border-radius: 0; background-color: transparent; padding: 0; margin: 0;}

/*header*/
header{ width: 100%; position: fixed; top:0; left:0; z-index: 5000; padding: 20px 0 30px;padding-bottom: 19px;}
header:before{ content: ""; position: absolute; bottom: 0; left:0; width: 100%;}
.header_scr{ padding: 10px 0; background: rgba(0,0,0,.60);}
.header_scr .tel{ top:15px;}
.header_scr .menu_ico{ margin-top: -7px;}
.gizle {top: -100%;}
.sabit {top:0;}
/*inner_index*/
.inner_index{ width:90%; max-width: 1720px; margin: 0 auto;}
.logo{ display: block; float: left;}
.logo_des{ display: block; float: left; margin: 25px 0 0 25px;}
.tel{ float: right; color: #fff; font-size: 18px; line-height: 35px; background: url("../images/ico_01.png") left center no-repeat; padding-left: 55px; position: relative; top:10px;}
.menu_ico{ float: right; cursor: pointer; width: 62px; height: 75px; padding: 10px 0 0 7px; background: #127bcc; color: #fff; font-family: arial, helvetica, sans-serif; text-transform: uppercase; font-size: 15px; font-weight: bold; margin:-15px 0 0 50px; position: relative; }
.menu_area{ position: relative; z-index: 10;}
.menu_lines{ display: block; margin-top: 6px;}
.menu_lines i{ display: block; width: 16px; height: 2px; background: url("../images/ico_02.png") no-repeat; margin-bottom: 3px;}
.menu_ico:before{ content: ""; position: absolute; bottom: -7px; right: -7px; z-index: 0; width: 62px; height: 75px; border: 2px solid #127bcc;}
.menu_ico:hover:before{ bottom: 0; right: 0;}
/*nav_warp*/
.nav_warp{ position: fixed; top:0; left:0; width: 100%; height: 100%; z-index: 6000; display: none;}
.nav_closed{ display: block; cursor: pointer; position: absolute; top:0; right: 0; z-index: 100; width: 40px; height: 40px; overflow: hidden; text-align: center; line-height: 40px; background-color: #0068b7; color: #fff; font-size: 30px; font-family: "宋体";}
.nav_list{ position: absolute; top:0; left:0; width: 100%; height: 100%; background: #282730;}
.nav_list li{ width: 25%; height: 50%; float: left;}
.nav_list li.bg_dif{ background-color: #2a2b34;}
.nav_list li a{ width: 100%; height: 100%; text-align: center; color: #fff; font-size: 14px; text-transform: uppercase; display: table;}
.nav_area{ display: table-cell; vertical-align: middle;}
.nav_table{ width: 58%; height: 60%; overflow: hidden; margin: 0 auto; display: table; position: relative; border: 2px solid transparent;}
.nav_table:before,.nav_table:after{ content: ""; position: absolute;  width: 100%; height: 0; display: none;}
.nav_table:before{ top:0; left:-100%; border-left: 2px solid #0068b7; border-top:2px solid #0068b7;}
.nav_table:after{ bottom: 0; right: -100%; border-right: 2px solid #0068b7; border-bottom: 2px solid #0068b7;}
.nav_cell{ display: table-cell; vertical-align: middle;}
.nav_name{ position: relative; padding: 20px 0 15px;}
.nav_name:before{ content: ""; position: absolute; top:0; left: 25%; width: 50%; height: 1px; border:1px dashed #fff;}
.nav_name:after{ content: ""; position: absolute; bottom: 0; left:50%; margin-left: -7px; width: 14px; height: 2px; background: #0068b7;}
.nav_list li a em{ display: block; font-size: 20px;}
.nav_list li a img{ margin:0 auto 30px;}
.nav_list li:hover .nav_table{ border-color: #0068b7;}
.nav_list li:hover .nav_table:before,.nav_list li:hover .nav_table:after{ height: 100%;}
.nav_list li:hover .nav_table:before{ left:0;}
.nav_list li:hover .nav_table:after{ right: 0;}



/*footer*/
footer{ background: #222; color: #bcbcbc; position: relative; padding: 4% 0 3%; font-size: 13px;}
footer a{ color: #bcbcbc;}
footer a:hover{ color: #fff; text-decoration: underline;}
.erweima{ padding: 30px 30px 15px; border: 1px solid #7a7a7a; float: right; text-align: center; font-size: 12px; font-weight: bold; color: #fff; margin-left: 5%;}
.erweima img{ margin-bottom: 15px;}
.footer_l{ overflow: hidden;}
.footer_logo{ display: block; float: left; margin-right: 20px;}
.footer_nav{ overflow: hidden; line-height: 30px; margin-top: 20px;}
.footer_nav a{ display: block; float: left; width:14%; font-size:14px; text-align: right;color: #fff;}
.footer_bot{ width: 100%; float: left; margin-top: 30px; padding-top: 20px; border-top:1px solid #bcbcbc;}
.copyright{ float:left;color: #fff;}
.copyright a{color: #fff;}
.footer_tel{ float: right; background: url("../images/footer_02.png") left center no-repeat; line-height: 27px; padding-left: 37px; margin-left: 30px;color: #fff;}
.shared{ float:right; margin-left: 30px;color: #fff;}
.shared_list{ display: inline-block; vertical-align: middle;}
.shared_list li{ float: left; margin: 0 10px;}
.shared_list li img{ filter:alpha(opacity=60); opacity: 0.60;}
.shared_list li:hover img{ filter:alpha(opacity=100); opacity: 1;}

#jiathis_weixin_share img{ display: inline-block;}


@media (min-width: 1600px){
    .erweima{ margin-left: 10%;}
}

@media (max-width: 1199px){
    .erweima{ padding: 10px; margin-left: 5%;}

}

@media (max-width: 991px){
    /*header*/
    header{ padding: 10px 0;}
    .logo img{ width: 175px;}
    .menu_area{ font-size: 0;}
    .menu_ico,.menu_ico:before{ width: 43px; height: 43px;}
    .menu_ico{ margin-top: 5px;}
    .header_scr .menu_ico{ margin-top: 2px;}
    .logo_des,.tel{ display: none;}
    .nav_list li{ width: 33.33%; height: 33.33%;}
    .nav_table{ width: 78%; height: 78%;}
    .nav_list li a em{ font-size: 16px;}

    /*footer*/
    footer{ padding: 0;}
    .footer_logo,.erweima,.footer_nav,.footer_tel,.shared{ display: none;}
    .footer_bot{ padding: 20px 0;}
    .copyright{ width: 100%;}.ys01{ display:none;}
	.business_tit a em{font-size: 22px !important;}
	.advance_list li h4{    font-size: 18px !important;}
	.advance_biao:before{    top: 6% !important;width: 400px !important;
    height: 400px !important;
    margin: 0 0 0 -200px !important;}
	.advance_tit a{font-size: 20px !important;}
	.sec_box{ padding-bottom:10px !important;}
	.sec_tit p{ font-size:16px !important;}
	.partners{ display:none}
	.d_des{ font-size:16px !important}
	.main{ width:100%; margin:0 !important; padding:0 !important;}
	.row-offcanvas-left .sidebar-offcanvas{ position:inherit !important}
	.news-ad{ display:none;}
	.row{ margin:0 !important;}
	.sidebar-offcanvas{    width: 90% !important;margin: 0 5% !important;}
	.subNavBox{ width:100% !important;margin-bottom: 12px !important;}
	.subNav{width: 100% !important;
    float: left !important;}
	.container .jumbotron, .container-fulid .jumbotron{ padding:20px !important;}
	.jumbotron .ii{ width:285px !important; right:0 !important;}
	.visible-sm.visible-xs{ display:none !important}
	.copyright{ padding:0 !important}
	.vv li{ height:auto !important}
	.vv li img{ height:120px !important}
	.box{ width:100% !important}
	.page table{ width:100% !important}
	.menu_ico{ margin-left:0 !important;}
	.logo{ height:30px !important; margin-top:2px}
	.focus_phone{ width:100%; overflow:hidden;}
	.owl-carousel{ width:120% !important; margin-left:-10%;} 
	.logo img{ width:auto !important;height: 100%;}
	#xx li div{ width:100% !important;} 
	#xx li p{ margin:0 !important;}
	#pa a{float: left;
    margin: 2px !important; padding:0 5px !important;}
	.xwbox img{ display:none}
	.container clearfix{ width:90%; margin:0 5%}
	.lxwm_con1{ width:100% !important;}
	.lxwm_list1 form{    padding: 20px !important; }
	.lxwm_list1 form .ipt, .lxwm_list1 form textarea{ width:100% !important;}
	#newbox{    width: 90% !important;}
	.position2 span{ float:left;}
}

@media (max-width:767px){
    .nav_list li{ width: 50%; height: 25%;}
    .nav_table:before, .nav_table:after{ display: none;}
    .nav_list li.bg_dif{ background-color: transparent;}
    .nav_list li:nth-of-type(1),.nav_list li:nth-of-type(4),.nav_list li:nth-of-type(5),.nav_list li:nth-of-type(8){ background-color: #2a2b34;}
    .nav_list li a img{ width: 36px; margin-bottom: 10px;}
    .nav_name{ padding: 10px 0;}
    .nav_list li a em{ font-size: 12px;}
		.menu_ico{ display:block !important;}
}







