@charset "utf-8";
/* CSS Document */
@font-face {
font-family:baskerville; 
  src:url(../fonts/baskerville.ttf); 
}
* {margin: 0;padding: 0;}
body {background:#fff;font-size: 14px;font-style:normal; background:#efefef; color:#666464;font-family:'微软雅黑';}
i{ list-style:none;}
a {text-decoration: none;}
a:hover {color: #1152b0;text-decoration: none;}
li {list-style-type: none;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;}
input, button, select, textarea {outline: none;}
table{border-collapse: collapse;}
th,tr,td{border: 1px solid #DDD;}
.cl:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.cl {zoom: 1;}
.left{ float:left !important;}
.right{ float:right !important;}
/*------------------------------
  顶部通用
-------------------------------*/
/*header*/
.index_body{overflow-x: hidden; }
.header{
	width:85%;
    /*height: 10rem;*/
    box-sizing: border-box;
    position: relative;
    margin: 0 auto;
    padding: 20px 0 0;
}
.header form{
	display: inline-block;
}
.header form input{
	width: 7.7rem;
	background:transparent;
	border:1px solid #c0c0c0;
	height: 20px;
	padding:.2rem;
}
.header form button{
	width: 20px;
	height: 20px;
	display: inline-block;
	outline: none;
	border:none;
	transform: translate(-1.5rem,.2rem);
	background: url('../images/search.png')no-repeat center;
}
.logo_box{
	width:26%;
	height: 4.25rem;
	display: inline-block;
	line-height: 4.25rem;
	/*margin-right: 4.5rem;*/
	float: left;
}
.logo_box img{
	width: 100%;
	vertical-align: middle;
	padding-top:10px;
}
.nav{font-family:'微软雅黑';
    width: 50%;
    display: inline-block;
    font-size: 0;
    height: 75px;
    margin-top: 23px;
    float: left;
    text-align: right;
}
.nav>li>a:hover{ color:#b60005;}
.nav li{
	display: inline-block;
	/*padding:0 1%;*/
	transition: .5s;
}
.nav>li {
   margin: 0 2%;
}
.nav li img{    margin-top: -27px;}
.nav li a{font-family:'微软雅黑' !important;
	color: #595757;
	font-size: 18px;
	line-height: 4.25rem;
	display: inline-block;
	width: 100%;
	height: 100%;
	padding:0;
}
.second_nav_box{
	position: absolute;
	left:0px;
	top: 6.2rem;
	z-index: 8000000;
	box-sizing: border-box;
	line-height:0;
	font-size: 0;
	width:160px;
	display: none;
	background: #fff;
	height: auto !important;
}
.second_nav{
	width: 100%;
	box-sizing: border-box;
}
.second_nav li{
	display: inline-block;
	width: 100%;
	transition: .3s;
	margin-right: 2.3rem;
	padding-left: 0;
	border-bottom: 1px #d5d5d5 solid;
}
.second_nav li a{
	font-size: 14px;
	display: inline-block;
	width: 100%;
	height: 40px;
    line-height: 40px;
	color: #666464 !important;
    text-indent: 2em;
	text-align: left;
}
.active_nav{
	color:#b60005;
	/*height:77px;*/
	transition: .3s;
}
.active a{color: #b60005 !important;}
.pro_nav_ul{
	padding:1rem 0 4rem 0;
}
.pro_nav_ul li a{
	line-height: 1rem;
	text-align: left;
}
.pro_nav_ul li{
	vertical-align: top;
	line-height: 1rem;
}
.pro_nav_ul li ul{
	margin-top: .5rem;
}
.pro_nav_ul li ul li {
	display: inline-block;
	width: 100%;
	line-height: 1rem;
}
.pro_nav_ul li ul li a{
	text-align: left;
	line-height: 1rem;
}
.nav_r{
	line-height: 4.25rem;
}

.second_nav_box .contianer2 .second_nav li:hover{ background:#bf0008; }
.second_nav_box .contianer2 .second_nav li:hover a{color:#fff !important;}



.m_nav,.m_footer_bottom,.hr_con>div .m_add_p,.ds_r,.m_c_b_l,.m_cer_r{
	display: none;
}
.m_ser_solution_top_l1{
	display: none;
}
#m_ditu,.m_w_l{
	display: none;
}

.m_ds_r,.m_foot{
	display: none;
}

.top-tel{ float: right; margin-top: 20px; width: 23%;}
/*header end*/

/*banner*/
.flexslider{position:relative;height:auto;overflow:hidden;}
.slides{position:relative;z-index:1;}
.slides li{height:auto;}
.slides li img{ width:100%;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

/*banner-end*/
/*------------------------------
  底部通用
-------------------------------*/

/*首页内容*/
.index-footer { text-align:center;}
.index-footer .index-1{ margin-top:6rem; margin-bottom:5rem;}
.index-footer .index-1 p{ font-size:67px;font-family:"baskerville";}
.index-footer .index-2 h3{ font-size:25px; line-height:1;font-family:"baskerville";}
.index-footer .index-2 .index-tel{ font-weight:100;}
.index-footer .index-3{ margin-top:15rem; margin-bottom:10rem;}
.foot-img{ width:67px;}
.foot-ewm{ width:210px; margin: 3rem auto .5rem;}
.foot-ewm-p{ display:block; font-size:20px; letter-spacing:7px;}
.foot-tel{ font-size:25px; font-weight:600; color:#666464;margin:4rem auto;}
.foot-logo img{width: 273px; opacity: 0.8; margin: 2rem auto 1rem;}
.foot-dz{font-size:25px;color:#666464; margin-bottom: 3rem;}
.foot-bq{font-size:15px;color:#666464;margin-bottom: 3rem;font-family:"Arial";}
/*固定的悬浮窗*/
.yb_conct{position:fixed;z-index:9999999;top:200px;right:-118px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width: 160px; height: 42px;color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;line-height: 42px;}
.yb_bar .yb_top{background:#b60005 url(../images/rightbar.png) no-repeat 0 -342px;}
.yb_bar .yb_phone{background:#b60005 url(../images/rightbar.png) no-repeat 0 -296px;}
.yb_bar .yb_QQ{text-indent:0;background:#b60005 url(../images/rightbar.png) no-repeat 0 0;}
.yb_bar .yb_ercode{background:#b60005 url(../images/rightbar.png) no-repeat 0 -45px;}
.hd_qr{padding: 5px 0px 0px 19px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}

/*内页*/
.ny-banner{ background:url(../images/adout_02.png) repeat-x; width:100%; height:207px;}
/*about*/
.about-h1{ margin:5rem 0;}
.about-text h2{ color:#bf0008; font-size:60px; text-transform:uppercase;}
.about-text h3{color:#bf0008; font-size:23px;}
.about-text-1{ margin-top:3rem;}
.about-text-1 h5{ color:#bf0008; font-size:16px;}
.about-text-1 p{ color:#595757; font-size:16px; line-height:1.5;}
.about-text-1 h4{color:#bf0008; font-size:18px; line-height:1.8;}
.shuzi li{ text-align:center; margin:60px 0;}
.shuzi li .shuzi-num{margin-bottom: 1.5rem;}
.shuzi li .shuzi-text{ font-size:18px; color:#3e3a39;}
.about-h5{color:#bf0008; font-size:16px;}
.about-h5-p1,.about-h5-p2{ color:#595757; font-size:16px; line-height:1.5; margin-bottom:2rem;}
.abouy-h5-img{ text-align:center; margin:60px 0;}
.about-fw li{ margin:30px 0;text-align: center;}

.about-zt{margin: 5rem auto 10rem;}

/*联系我们*/
.contact-text h2{ font-size:35px; color:#b60005; margin-top:50px;}
.contact-1{ margin:40px 0; font-size:16px; color:#595757;}
.contact-1 h5{color:#b60005;font-size:16px;}
.contact-1 .contact-ewm{ width:223px; overflow:hidden; text-align:center; margin-top:30px; line-height:1.5}
.contact-1 .contact-ewm img{ width:100%;}
.baidu-api{width: 80%; height: 445px; border: 1px solid #a0a0a0; padding: 10px; margin-left:15px;}
.pop .bottom{height: 25px !important;}
.pop .center{width:252px !important;}

/*case*/
.container-case{width: 72.66666%;margin:0 auto;}
.case-nav{ width:100%; background:#24211d; line-height:65px; position:absolute; top:63px;}
.case-nav-ul { margin:0}
.case-nav-ul li{ float:left; width:12%; text-align:center;}
.case-nav-ul li a{ color:#fff; font-size:18px;}
.case-nav-ul li:hover,.case-nav-ul .case-nav-on{ background:#bf0008;}
.case-fl{ margin: 3rem 0 2rem;}
.case-fl h5{font-size:16px;color:#595757; float:left;}
.case-fl a{ font-size:16px;color:#595757; display:inline-block;line-height: 2.4;}
.case-1{ width:96%; margin:0 auto;}
.case-1-div{width: 26%; height: auto; background: #fff; padding: 18px 20px 0px; margin: 10px -10px;}
.case-img{ width:100%; height:auto;overflow:hidden; margin-bottom:20px;}
.case-img img{ width:100%;transition:all .8s ease;}
.case-title h5{ font-size:16px; color:#333;line-height: .7;}
.case-title p{ color:#595757; font-size:14px;}
.case-1-div:hover .case-img img{ transform:scale(1.05);}
.case-1-div:hover .case-title h5{color:#b60005;}
.case-2{ width:100%;background:#fff;padding: 15px 0 0; margin-bottom:20px;}

.bage{ margin:3rem auto 8rem; text-align:center;}
.bage ul a{ text-align:center; display:inline-block;color:#595757; font-size:14px;height:45px;border-radius:5px; border:1px solid #595757; line-height:45px; margin:0 5px;padding:0 20px; background:#fff;}
.bage ul a.page-num-current,.bage ul a:hover{background:#de2c34 !important; color:#fff !important;border:1px solid #bf0008 !important;}
.page-status{}
.page-num {color:#bf0008 !important;border:1px solid #bf0008 !important;}
.page-num{ display:none;}

.case-nyxq{ width:100%; background:url(../images/about_25.png) repeat-x; padding-top:5rem;}
.case-xq{ width:100%; overflow:hidden; margin-top: 4rem;}
.case-xq img{ width:100%; margin-bottom:2rem;}


.index-2-title h2{ font-size:20px; float:left;}
.index-2-title-ul li{ text-align:right;}
.index-2-title-ul li a{ display:inline-block; color:#969696; font-size:16px; margin-left:20px;line-height: 60px;}
.index-2-title-ul li a:hover{ color:#e60000;}
.index-2-case li{ overflow:hidden; margin-bottom:25px;}
.index-2-case li figure a{ display:block; width:100%; overflow:hidden; border:1px solid #eee;-moz-box-shadow:2px 2px 5px #eee; -webkit-box-shadow:2px 2px 5px #eee; box-shadow:2px 2px 5px #eee;}
.index-2-case li img{ width:100%; transition:all .6s ease;}
.index-2-case li:hover img{ transform:scale(1.1);}
.index-2-case li p{margin-bottom:5px;}
.index-2-case li p a{font-size: 18px;padding-top: 10px;display: block;}
.index-2-case li span a{font-size: 14px;}
.index-2-logo a{display: block;border: 1px solid #eee;overflow: hidden;}


@media screen and (max-width:1440px) {
    .navbar {padding: 30px 0px 0;}
	.container-case{ width: 96%;}
	.header { width: 100%;}
	.nav li img{ width:80%}
}

@media screen and (max-width:1200px) {
	.navbar-nav>li {margin-top:-15px;}
	.navbar-nav>li>a{padding: 10px 15px;}
	.abouy-h5-img img{ width:100%; height:auto;}
	.case-1-div{ margin:0;}
	.navbar-nav>li>img { margin-top: 34px;}
	/*.header{ height:8rem;}*/
	.nav{ margin-top:0; width:48%; }
	.nav li a{ line-height:7.2rem;}
	.top-tel{ width:24%;}
	.top-tel img{ width:100%;}
	
}

@media screen and (max-width:910px) {
	.navbar{ min-height:80px;}
	.navbar-nav>li>a{ font-size:14px;}
	.navbar-nav>li>img{ width:80%; margin-top:38px;}
	.header{
		display: none;
	}
	.m_nav{
		display: block;
		padding-left: 0px;

	}
	nav {
	    display: none;
	    position: absolute;
	    top: 100px;
	    left: 0;
	    z-index: 20000;
	    width: 100%;
	    background: rgba(255,255,255,.85);
	}
	nav .sj_footer .left_div p {
	    display: none;
	}
	.m_logo img {
	    width: 50%;
	    margin: .4rem .5rem 0;
	}
	.m_nav .menu_p em {
	    position: absolute;
	    top: 50%;
	    right: 10px;
	    transform: translate(-20%,-50%);
	    width:3rem;
	    font-size: 0;
	}
	.m_nav .menu_p i {
	    display: inline-block;
	    width: 35px;
	    height: 2px;
	    background: #898989;
	    margin: 3px 0;
	    opacity: 1;
	    transition: 0.5s;
	    -webkit-transition: 0.5s;
	}
	.m_nav .active_p em i:nth-of-type(2) {
	    opacity: 0;
	}
	.m_nav .active_p em i:nth-of-type(1) {
	    -webkit-transform: rotate(45deg) translate(6px, 6px);
	    transform: rotate(45deg) translate(6px, 6px);
	}
	.m_nav .active_p em i:nth-of-type(3) {
	    -webkit-transform: rotate(-45deg) translate(9px, -8px);
	    transform: rotate(-45deg) translate(5px, -5px);
	}
	.m_nav {
	    display: block;
	    position: relative;
	    width: 100%;
	    box-sizing: border-box;
	    z-index: 200000;
	    margin-top: 0;
	    height:80px;
	    margin: 20px auto;
	}
	nav .sj_footer {
	    width: 100%;
	    background: rgba(255,255,255,.85);
	    padding: 6% 20px;
	    box-sizing: border-box;
	}
	nav .sj_footer .left_div div {
	    width: 100%;
	    margin: 0;
	    cursor: pointer;
	}
	nav .sj_footer strong {
	    height: 40px;
	    line-height: 40px;
	    margin-bottom: 0;
	    color: #595757;
	    font-weight: 500;
	    font-size: 14px;
	}
	nav .sj_footer strong i {
	    display: block;
	    float: right;
	    color: #898989;
	    font-size: 20px;
	}
	nav .sj_footer .active_strong i {
	    -webkit-transform: rotate(45deg);
	    transform: rotate(45deg);
	}
	nav .sj_footer a {
	    font-size: 14px;
	    color: #595757;
	    display: block;
	    line-height: 30px;
	    transition: 0.5s;
	    -webkit-transition: 0.5s;
	}
	.case-nav-ul li a{ font-size:14px;}
}

@media screen and (max-width:768px) {

	
	
	
	
	
	.container-fluid{ padding-right:0;}
	.navbar-header { width: 100%;}
	.navbar {padding: 10px 0px 0;}
	.navbar {min-height:115px;}
	.navbar-toggle{ margin-top:38px; margin-right:0;}
	.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>li>a:hover{ font-size:25px;}
	.navbar-nav>li>a{font-size:25px;}
	.navbar-nav>li { margin-top: 10px;}
	.navbar-collapse{ margin-top:30px;}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a{ font-size:18px;padding-top: 15px; padding-bottom: 15px;}
	.navbar-nav>li>img {width:265px; padding-left: 16px;margin-top: 0; margin-bottom: 10px;}
	.baidu-api{width: 96%;}
	.case-1-div { margin: 10px 0;width: 50%;}
	.case-nav{ top:33px;}
	.case-nav-ul li{ width:26%;}
	.about-zt img{ width:100%;}
}


@media screen and (max-width:640px) {
	
	.navbar-brand{ width:80%;}
	.about-fw li img{ width:100%;}
	.container-case { width: 90%;}
	.case-title h5{ line-height:1.5;}
	
}

@media screen and (max-width: 480px){
	.index-1 img{ width:15%; height:auto;}
	.index-footer .index-1 p { font-size: 60px;}
	.about-text h2{ font-size:50px;}
	.baidu-api { width: 91%;}
	.case-nav-ul li { width: 33%;}
	.m_nav{ height:55px;}
	nav{ top:75px;}
	.m_logo img { width: 60%;}
	.foot-dz{ font-size: 18px;}
	.foot-bq {font-size: 14px;}
 
}

@media screen and (max-width: 360px){
	.navbar-toggle { margin-top: 22px;}
	.navbar { min-height: 80px;}
	.index-footer .index-1 p { font-size: 70px;}
	.index-3 img{ width:100%}
	.about-text h2 { font-size: 45px;}
	.about-h1 img{ width:100%;}
	.case-nav { top: 0;}
	.case-nav-ul li { width: 100%;}
	.container-case { margin-top: 13rem;}
	.case-title h5 { font-size: 16px;}
	.case-title p{font-size: 14px;}
 
}