@charset "utf-8";



body {

    color: #333;

    padding: 0px !important;

    margin: 0px !important;

    font-size:14px;

	line-height:1.2;background: #f3f3f3;

	

}

a, a:hover, a:focus {

    text-decoration: none;

    outline: none;

}



::selection {

    background: #06407c;

    color: #000;

}

::-moz-selection {

    background: #06407c;

    color: #fff;

}



h1,h2,h3,h4,h5,h6 {



}



a {

    color: #393838;

}



a:hover {

    color: #193e64;

}

img{ max-width:100%;}

i, em{ font-style:normal;}

ul{ list-style:none; margin:0px; padding:0px;}

/*padding*/

.p_0{ padding:0px;}

.p_10{ padding:10px;}

.p_15{ padding:15px;}

.p_20{ padding:20px;}

.p_30{ padding:30px;}

.p_40{ padding:40px;}

.p_50{ padding:50px;}

.plr_10{ padding:0px 10px;}

.plr_15{ padding:0px 15px;}

.plr_20{ padding:0px 20px;}

.plr_30{ padding:0px 30px;}

.plr_40{ padding:0px 40px;}

.plr_50{ padding:0px 50px;}

.pbt_10{ padding:10px 0px;}

.pbt_15{ padding:15px 0px;}

.pbt_20{ padding:20px 0px;}

.pbt_30{ padding:30px 0px;}

.pbt_40{ padding:40px 0px;}

.pbt_50{ padding:50px 0px;}

.pb_30{ padding-bottom:30px;}

.pt_30{ padding-top:30px;}

/*margin*/

.m_10{ margin:10px;}

.m_15{ margin:15px;}

.m_20{ margin:20px;}

.m_30{ margin:30px;}

.m_40{ margin:40px;}

/*margin-top*/

.mt_10{ margin-top:10px;}

.mt_15{ margin-top:15px;}

.mt_30{ margin-top:30px;}

.mt_40{ margin-top:40px;}

.mt_40{ margin-top:40px;}

/*margin-bottom*/

.mb_10{ margin-bottom:10px;}

.mb_15{ margin-bottom:15px;}

.mb_30{ margin-bottom:30px;}

.mb_40{ margin-bottom:40px;}

.mb_40{ margin-bottom:40px;}

/*font-size*/

.f_16{ font-size:16px;}

.f_18{ font-size:18px;}

.f_20{ font-size:20px;}

.f_22{ font-size:22px;}

.f_24{ font-size:24px;}

.f_28{ font-size:28px;}

.f_30{ font-size:30px;}

.f_36{ font-size:36px;}

.f_40{ font-size:40px;}



/*text-align*/

.t_c{ text-align:center;}

.t_l{ text-align:left;}

.t_r{ text-align:right;}



/*line-height*/

.lh_22{ line-height:22px;}

.lh_26{ line-height:26px;}

.lh_30{ line-height:30px;}

.lh_32{ line-height:32px;}

.lh_36{ line-height:36px;}

.lh_40{ line-height:40px;}

/*color*/

.cl_fff{ color:#fff;}

.cl_000{ color:#000;}

.cl_d43f3a{ color:#d43f3a;}

/*background-color*/

.bg_000{ background-color:#000;}

.bg_fff{ background-color:#fff;}





/*超简单banner滚动代码css样式*/

.carousel_left, .carousel_right{ top:50%; position:absolute; font-size:40px; width:50px; height:50px; background-color:#000; border-radius:25px;-moz-border-radius:25px;-webkit-border-radius:25px; font-stretch:ultra-condensed;}

.carousel_left{ left:20%;}

.carousel_right{ right:20%;}

.carousel-control.left, .carousel-control.right{ background-image:none;}



/* sideqq */

.sideqq{position:fixed;width:54px;height:275px;right:0;top:214px;z-index:100;}

.sideqq ul{ list-style:none; margin:0px; padding:0px;}

.sideqq ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #444;}

.sideqq ul li .sideboxqq{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}

.sideqq ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#000;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}

.sideqq ul li .sidetop:hover{background:#ae1c1c;opacity:1;filter:Alpha(opacity=100);}

.sideqq ul li img{float:left;}



/*导航鼠标滑过出现下拉列表样式*/

.p_fixed{ position:fixed; top:0px; z-index:999; width:100%;  box-shadow: 0 0 15px rgba(0,0,0,0.5);}/*导航固定到顶部*/



.navbar {

border-radius: 0;

}



.navbar-toggle{ border:1px solid #000;}

@media (min-width: 768px) {

.navbar.open-hover .navbar-nav > .dropdown:hover > .dropdown-menu,

.navbar.open-hover .navbar-nav > .dropdown > .dropdown-menu:hover {

display: block;

margin-top: 0;

visibility: visible;

opacity: 1;

}

}

@media (max-width: 768px) {

	.navbar-collapse{ border:1px solid #CCC; position:absolute; z-index:20; right:10px; background:#fff;}

	}

/*图片效果*/



.dtl30 {

    width: 100%;

    position: relative;

    overflow: hidden;

    -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);

    -moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);

    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);

}

.dtl30 img {

    position: relative;

    width: 100%;

    top: 0;

    left: 0;

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    -o-transition: all 0.3s;

    transition: all 0.3s;

}

.dtl30 .dtl {

    background: rgba(51, 51, 51, 0.5);

    width: 100%;

    position: absolute;

    height: 100%;

    top: 0;

    left: 0;

    opacity: 0;

    visibility: hidden;

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    -o-transition: all 0.3s;

    transition: all 0.3s;

}

.dtl30 .dtl h3,

.dtl30 .dtl p,

.dtl30 .dtl a {

    position: relative;

    -webkit-transform: scale(0);

    -moz-transform: scale(0);

    -ms-transform: scale(0);

    -o-transform: scale(0);

    transform: scale(0);

    opacity: 0;

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    -o-transition: all 0.3s;

    transition: all 0.3s;

}

.dtl30 .dtl h3 {

    padding: 10px 15px;

    width: 100%;

    background: #333;

    color: #fff;

    font-size: 16px;

    font-weight: normal;

    margin-top: 20px;

    margin-bottom: 10px;

    text-decoration: underline;

}

.dtl30 .dtl p {

    padding: 0 15px;

    font-size: 14px;

    margin-bottom: 10px;

    line-height: 1.2;

    color: #fff;

    -webkit-transition-delay: 0.1s;

    -moz-transition-delay: 0.1s;

    -o-transition-delay: 0.1s;

    transition-delay: 0.1s;

    text-indent: 10px;

}

.dtl30 .dtl a {

    margin-right: 15px;

    background: #fff;

    border: 1px solid #ccc;

    border-radius: 2px;

    color: #333;

    float: right;

    -webkit-transition-delay: 0.2s;

    -moz-transition-delay: 0.2s;

    -o-transition-delay: 0.2s;

    transition-delay: 0.2s;

    font-size: 13px;

    padding: 2px 5px;

    text-align: center;

    text-decoration: none;

}

.dtl30 .dtl a:hover {

    background: #e6e6e6;

    border: 1px solid #adadad;

}

.dtl30:hover .dtl p,

.dtl30:hover .dtl a,

.dtl30:hover .dtl h3 {

    opacity: 1;

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

}

.dtl30:hover .dtl {

    visibility: visible;

    opacity: 1;

}

.btn26 {

    width: 100%;

    overflow: hidden;

    position: relative;

    -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);

    -moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);

    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);

}

.btn26 img {

    margin: 0;

    padding: 0;

    position: relative;

    top: 0;

    width: 100%;

    left: 0;

}

.btn26 .ovrly {

    position: absolute;

    background: rgba(0, 0, 0, 0.5);

    height: 100%;

    left: 0;

    top: 0;

    width: 100%;

    opacity: 0;

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    -o-transition: all 0.3s;

    transition: all 0.3s;

}

.btn26 .buttons {

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

}

.btn26 .buttons .fa {

    -webkit-transform: scale(0);

    -moz-transform: scale(0);

    -ms-transform: scale(0);

    -o-transform: scale(0);

    transform: scale(0);

    opacity: 0;

    background: rgb(256, 256, 256);

    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);

    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);

    box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    display: inline-block;

    line-height: 40px;

    font-size: 16px;

    text-align: center;

    text-decoration: none;

    width: 40px;

    height: 40px;

    margin: 0 1px;

    color: rgba(50, 50, 50, 0.9);

    -webkit-transition: all 0.3s cubic-bezier(0, 1.135, 0.73, 1.405);

    -moz-transition: all 0.3s cubic-bezier(0, 1.135, 0.73, 1.405);

    -o-transition: all 0.3s cubic-bezier(0, 1.135, 0.73, 1.405);

    transition: all 0.3s cubic-bezier(0, 1.135, 0.73, 1.405);

}

.btn26 .buttons .fa-search {

    -webkit-transition-delay: 0.1s;

    -moz-transition-delay: 0.1s;

    -ms-transition-delay: 0.1s;

    transition-delay: 0.1s;

}

.btn26:hover .buttons .fa {

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

    opacity: 1;

}

.btn26:hover .ovrly {

    opacity: 1;

}

/*产品滚动css*/

.owl-buttons{ position:absolute; bottom:60%; width:100%;}

.owl-theme .owl-controls .owl-buttons div{position:absolute;width:50px; height:50px; background-color:#000; border-radius:25px;-moz-border-radius:25px;-webkit-border-radius:25px; font-stretch:ultra-condensed; font-stretch:ultra-condensed; text-align:center; font-size:40px; color:#fff; padding:0px;}

.owl-prev{ left:-4%; }

.owl-next{ right:-4%;}

@media (max-width: 1200px) {

	.owl-buttons{ display:none;}

}





@media (max-width: 992px) {

.f_18{ font-size:16px;}

.f_20{ font-size:18px;}

.f_22{ font-size:20px;}

.f_24{ font-size:22px;}

.f_28{ font-size:22px;}

.f_30{ font-size:24px;}

.f_36{ font-size:30px;}

.f_40{ font-size:34px;}

  

}



@media (max-width: 768px) {

.f_18{ font-size:14px;}

.f_20{ font-size:16px;}

.f_22{ font-size:18px;}

.f_24{ font-size:18px;}

.f_28{ font-size:18px;}

.f_30{ font-size:22px;}

.f_36{ font-size:24px;}

.f_40{ font-size:28px;}

}