/* CSS Document */

body {
	font-family: 微软雅黑;
	background: #fff;
	overflow:-Scroll;
	overflow-x:hidden;
	position:relative;
	padding:0;
	margin:0;
	
}
ul { margin: 0; padding: 0; list-style: none;}
a:hover { text-decoration: none;}
.container { padding-left: 0; padding-right: 0;}
.container img{ max-width:100%}
.container table{ max-width:100%; clear:both;}
h1 { margin-top: 10px;}
    .row-flex{
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    }
/*侧边栏菜单*/
.maskbg{ position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.5); display:none; z-index:1038;}

.pn-box .pn-list {
    position: fixed;
    top: 0;
    left: -285px;
	bottom:0;
    z-index: 10000;
    background: #1f1f1f;
    width: 280px;
    overflow: auto;
    transition: left .5s;
    box-shadow: 0 0 20px rgba(0, 0, 0, .2);
	padding-top:50px;

}
.pn-box .pn-list.on{left: 0;}
.pn-box .panel-heading {
    padding: 0;
    border: 0 solid transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
	border-bottom: 1px solid #333;
}
.pn-box .panel-title{ margin:0; padding:0;}
.pn-box .panel-title a{
display: block;
width: 100%;
height: 48px;
line-height: 48px;
color: #fff;
font-size: 14px;
padding: 0 2% 0 7%;
background: #ea5404;
transition: background .3s;

}
.pn-box .panel-title a.collapsed{background: #1f1f1f;color: rgb(155, 155, 155);}
.pn-box .panel-title a.collapsed:hover{background: #ea5404;color: #fff; }
.pn-box .panel-title a i{ font-size:120%; margin-right:10px;}
.pn-box .panel-title a:hover{ text-decoration:none;}
.pn-box .pn-list .panel-body {
    padding: 0;
}
.pn-box .pn-list .panel-body ul{ margin:0; padding:0;}
.pn-box .pn-list .panel-body li{ margin:0; padding:0; list-style:none;}
.pn-box .pn-list .panel-body li a {
    width: 100%;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    display: block;
    font-size: 14px;
    color: rgb(155, 155, 155);
    padding: 0 2% 0 15%;
    border-bottom: 1px solid #444;
    transition: color .3s;
}
.pn-box .pn-list .panel-body li a:hover{ color:#ea5404; text-decoration:none;}

.pn-box .panel-group .panel {
    margin-bottom: 0;
    border-radius: 0;
}
.panel{ border-width:0 !important; box-shadow:none !important; background-color:transparent !important;}
.panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body {
    border-top: 0 solid #ddd;
}
.panel-group .panel + .panel{ margin-top:0;}
/*头部*/
#head { height: 110px; width: 100%; background: #fff;}
.container-fluid { padding-left: 0; padding-right: 0;}
.top { height: 60px; background: #ea5404; color: #fff; width: 100%;}
.navbar-brand { padding: 10px;}
.top-pro { font-size: 18px; float: right;}
.top-pro li { list-style: none; float: left; padding: 0 35px; line-height: 60px; border-right: 2px solid #fff;}
.top-pro li a { color: #fff;}
.top-pro li img { margin-right: 15px;}
.top-icn { z-index: 20;}
.top-icn li { list-style: none; float: left; line-height: 60px;}
.wechat a, .v-icon a { padding: 0 10px;}
.dropdown a { color: #fff; font-size: 14px;}
.dropdown span { margin: 0 10px; color: #fff;}
.top-icn .dropdown-menu { top: 96%; min-width: 100px; text-align: center; padding: 0; border: 0;}
.dropdown-menu>li>a {
    padding: 5px 30px;
}
.dropdown-menu>li>a:hover { color: #ea5404; background: none;}
.b-nav .navbar-nav { margin-left: 0; margin: 0; margin-bottom: 10px; text-align: center;}
.navbar-nav li { margin-right: 50px;}
.navbar-nav li a { font-size: 17px; color: #333;}
.navbar-nav .active { color: #ea5404; background: none;}
.navbar-nav li a:hover { background: none; color: #ea5404;}
.ab-drop, .n-drop, .s-drop, .pro-drop， .so-drop { position: relative;}
.pro-menu, .n-menu, .s-menu, .ab-menu, .so-menu { background: #f5f5f5; border-top: 2px solid #ea5404; display: none; margin-left: -30px; position: absolute; width: 180px; left: -12px; z-index: 999;} 
/*.pro-menu { margin-left: -15px;}*/
.pro-menu li, .n-menu li, .s-menu li, .ab-menu li, .so-menu li { padding: 14px 0; text-align: center; border-bottom: 1px solid #ccc; font-size: 16px; margin-right: 0;}
.pro-menu li>a, .n-menu li>a, .s-menu li>a, .ab-menu li>a, .so-menu li>a { font-size: 16px; display: inline-block; padding: 0 25px;}
.pro-menu li:hover, .n-menu li:hover, .s-menu li:hover, .ab-menu li:hover, .so-menu li:hover { background: #ea5404; color: #fff;}
.pro-menu li a:hover, .n-menu li a:hover, .s-menu li a:hover, .ab-menu li a:hover, .so-menu li a:hover { color: #fff; background: #ea5404;}
.navbar-nav li:hover > .pro-menu, .navbar-nav li:hover > .n-menu, .navbar-nav li:hover>.s-menu, .navbar-nav li:hover > .ab-menu, .navbar-nav li:hover > .so-menu { display: block;}
#bs-example-navbar-collapse-1 {
    padding-left: 50px;
}
.on-sch { line-height: 50px; position: relative;}
.on-sch li { float: left; list-style: none; margin-right: 88px;}
.on-btn { background: #ea5404; color: #fff; font-size: 17px; border-radius: 0; padding: 4px 20px;}
.on-btn:hover {background: #fa5c08; color: #fff;}
.s-icn { color: #646464; font-size: 18px; line-height: 50px; /*position: relative;*/}
.s-icn a { color: #646464;}
.navbar-form { background: #333; padding: 0; min-width: 300px; position: absolute; height: 50px; top: 42px; right: 0;}
.navbar-form .form-control {
	border: 0;
    background: none;
    border-radius: 0;
    box-shadow: none;
    height: 50px;
}
.navbar-form .btn-default {
    color: #fff;
    background-color: #f17522;
    float: right;
	border: 0;
    border-radius: 0;
    padding: 1px 15px;
	height: 50px;
	font-size: 18px;
}
.navbar-form .btn-default span { color: #fff;}
.form-dis { display: none;}
.h-search:hover .form-dis {display: block;}

/*首页*/
.banner { margin-top: 110px; /*position: static;*/ color: #fff; width: 100%; margin-bottom: 20px;}
.banner01 { background: url(../image/banner.jpg) no-repeat center; background-size: cover;  background-position: center center;}
.carousel-caption {
	text-align: left;
    top: 10px;
    left: 50%;
	display:none;
}
/*.b-text { position: absolute; top: 40%; transform: translateY(-40%) !important; left: 55%; text-align: left; max-width: 484px;}*/
.carousel-caption h2 { font-size: 35px; font-weight: bold; color: #f0df8f; margin-bottom: 35px;}
.carousel-caption h4 { font-size: 24px;}
.carousel-caption p { font-size: 18px; margin-bottom: 40px;}
.carousel-caption .btn { background: #ea5404; padding: 12px 45px; color: #fff; font-size: 16px; border-radius: 40px;}
.banner .carousel-control { background: none;}
.carousel-caption .btn:hover { background: #fa5c08;}

.mb-cat-item{ position:relative; margin-bottom:30px; margin-left:-5px; margin-right:-5px;}
.mb-cat-item h4{ position:absolute; left:0; bottom:0; background:#ea5404; color:#fff; line-height:2; text-align:center; font-size:12px; width:100%; margin:0;}

.in-plist { margin-bottom: 0; perspective: 1000px;}
.in-plist ul { width: 100%; }
.in-plist li { list-style: none; margin-right: 18px; float: left; position: relative; margin-bottom: 10px; width: 260px; height: 130px;}
.in-plist li img { width: 100%;} 
.in-plist li img, .in-slu img, .in-news img, .img-border img, .story img, .join01 img, .img img, .ab-pro img, .ab-cx img, .service img { transition: all 0.6s;}
.oge-bg {
	background: rgba(234,84,4,0.8);
    color: #fff;
    height: 30px;
    line-height: 30px;
	position: absolute;
	width: 100%;
    bottom: -10px;
	display: none;
}
.in-plist li:hover .oge-bg { display: block;}

.in-slu { perspective: 1000px;}
.in-slu h1, .contact h1, #news h1, .anli h1, .an-detail h1 { color: #333; font-size: 30px; margin-bottom: 15px;}
.in-slu small, .g-news small, .in-slu small a, .g-news small a { font-size: 14px; color: #333; line-height: 33px;}
.in-slu span, .g-news span { margin-left: 20px; color: #ea5404;}
.in-s01, .in-s02, .in-s03, .in-s04 {  margin-bottom: 20px; padding-bottom: 271px;}
.in-s01 p, .in-s02 p, .in-s03 p, .in-s04 p, .anli .top-text{ font-size: 14px; color: #646464; margin-bottom: 10px; padding: 0 12px; min-height: 60px;}
.in-s01 .btn, .in-s02 .btn, .in-s03 .btn, .in-s04 .btn { border-radius: 0; background: #ea5404; color: #fff; margin-bottom: 15px; }
.in-s01 .btn:hover, .in-s02 .btn:hover, .in-s03 .btn:hover, .in-s04 .btn:hover { background: #fa5c08;}
.in-s01 img, .in-s02 img, .in-s03 img, .in-s04 img { width: 100%;}
#news img { width: 100%;}
/* .in-s01 { } */
/* .in-s02 { background: url(../images/g-pic02.jpg) no-repeat center;} */
/* .in-s03 { background: url(../images/g-pic03.jpg) no-repeat center;} */
/* .in-s04 { background: url(../images/g-pic04.jpg) no-repeat center;} */
.in-slu .in-s01,  .in-slu .in-s02, .in-slu .in-s03, .in-slu .in-s04{ position: relative;}
.in-slu .btn { position: absolute; top: 0; width: 100%; left: 0; z-index: 999;}
.in-s02, .in-s04 { padding-right: 0;}
.g-anli {
    margin-bottom: 20px;
	padding-left: 0;
    padding-right: 0;
}
.g-news h1, #solution h1 { padding-left: 15px; padding-right: 15px; font-size: 30px; margin-bottom: 20px;}
#solution h1 { margin-bottom: 15px;}
.ga01 {}
.g-news { margin-bottom: 5px;}
#solution { padding: 0;}
.g-anli .col-md-6, .g-anli .col-sm-6{ padding-left: 0; padding-right: 10px;}
/* .g-an01 { background: url(../images/in-s01.jpg) no-repeat;} */
/* .g-an02 { background: url(../images/in-s02.jpg) no-repeat;} */
/* .g-an03 { background: url(../images/in-s03.jpg) no-repeat;} */
/* .g-an04 { background: url(../images/in-s04.jpg) no-repeat;} */
.g-an01 { background-size: cover !important;}
.black-bg { background: rgba(0,0,0,0.15); width: 100%;}
.g-title { font-size: 16px; color: #fff; background: url(../image/gtitle-bg.png) no-repeat; width: 100%; padding-top: 126px; background-position: bottom;}
.g-title span { color: #fff; margin-bottom: 15px; margin-left: 0;}
.g-title p { padding-bottom: 20px;}
.g-title a { color: #fff;}
.g-title a:hover, .g-title span:hover { color: #ea5404;}
.in-news .col-md-6, .in-news .col-sm-6  { padding-left: 0;}
.in-news01, .in-news02, .in-news03 { background: #eee; margin-bottom: 20px; padding: 0; } 
.in-news img { width: 100%; position: relative;}
.in-news h5 { color: #333; font-size: 18px; margin-bottom: 25px;}
.in-news .text { padding: 5px 20px 0 0;}
.in-news .text p { color: #646464; font-size: 14px;}
.fu-title { color: #ea5404; font-size: 14px; background: #fff; position: absolute; left: 0; top: 20px; padding: 5px;}
.in-news h5:hover { color: #ea5404;}

.f-link h1 { margin-bottom: 20px; margin-top: 0; font-size: 30px; padding-left: 0;}
.f-link01, .f-link02, .f-link03, .f-link04, .f-link05, .f-link06 { box-shadow: 2px 3px 3px 2px rgba(204, 204, 204, 0.6); margin-bottom: 30px; padding-bottom: 25px; }
.f-link img { width: 100%; transition: all 0.6s; }
.inner { overflow: hidden;}
.inner img:hover { transform:scale(1.1);}
/*.f-link img:hover { transform: translateZ(20px);}*/
.f-link .text { padding-left: 18px;}
.f-link h5 { font-size: 20px; color: #333; padding: 10px 0 0 0;}
.f-link p { font-size: 16px; color: #646464; padding-bottom: 8px; height: 52px;}
.f-link .text a { font-size: 14px; color: #ea5404;}
.f-link .text span { margin-left: 15px; width: 20px; height: 20px; border: 1px solid #ea5404; border-radius: 20px; display: inline-block; text-align: center; line-height: 15px;}
.f-link04 .v-img { position: relative;}
.f-link04 .play {
    font-size: 40px;
    background: rgba(0,0,0,0.4);
	width: 100%;
	position: absolute;
    top: 0;
    height: 100%;
    line-height: 175px;
}
.f-link04 .play a { color: #fff;}
.f-link04 .play a:hover { color: #ea5404;}

/*公司简介*/
#ab-banner { margin-top: 110px;}
.page-nav { width: 100%; background: #f5f5f5; height: 40px; line-height: 40px; color: #646464; margin-bottom: 30px;}
.breadcrumb {
     padding: 0; 
     margin-bottom: 0; 
     background: none; 
     border-radius: 0;
}
.breadcrumb>li+li:before {
    padding: 0 5px;
    color: #646464;
    content: ">";
}
.breadcrumb a { color: #646464;}
.breadcrumb .active { color: #ea5404;}
.profile { margin-bottom: 30px;}
.profile .text { background: #ea5404; color: #fff; padding: 45px 90px 80px;}
.profile h1, .ab-map h1, .culture h1, .certificate h1, .story h1, .qikan h1, .j-detail h1, .service h1 { font-size: 30px; margin-bottom: 25px;}
.profile span, .ab-map span, .culture span, .certificate span, .story span, .service span { padding: 0 30px;}
.profile p { margin-bottom: 30px;}
.ab-pro { margin-bottom: 40px; }
.ab-pro .col-md-12 { padding-left: 0; padding-right: 0;}
.ab-pro h3 { font-size: 20px; margin-bottom: 25px;}
.ab-pro p, .ab-cx p { font-size: 14px; }
.ab-pro01, .ab-pro02 { background: #f2f2f2; color: #333;}
.ab-pro01 .col-md-6, .ab-pro01 .col-sm-6, .ab-pro02 .col-md-6, .ab-pro02 .col-sm-6, .ab-cx .col-md-6, .ab-cx .col-sm-6 { padding-left: 0; padding-right: 0;}
.ab-pro01 img, .ab-pro02 img, .ab-cx img, .ab-map img, .certificate img, .story img, .qikan img, .h-source img, .huodong img { width: 100%;}
.ab-pro01 .text, .ab-pro02 .text { padding: 50px 100px 0 90px;}

.ab-cx { color: #fff; margin-bottom: 30px;}
.ab-cx .container { background: #ea5404;}
.ab-cx .l-text { padding: 40px 80px 0 90px;}
.ab-cx h3 { font-size: 20px; font-weight: bold; margin-bottom: 35px;}
.ab-map { margin-bottom: 50px;}
.ab-map p { margin-bottom: 20px; color: #646464; padding: 0 100px;}

/*企业文化*/
.culture { margin-bottom: 40px;}
.culture h1, .certificate h1, .story h1, .qikan h1, .service h1 { color: #333;}
.culture p { color: #646464; font-size: 14px; margin-bottom: 20px;}
.culture .glyphicon, .story .glyphicon { color: #ea5404; padding: 0; padding-right: 10px; font-size: 8px;}
.border { width: 100%; background: url(../image/border.jpg) repeat-x; margin-bottom: 50px; height: 10px;}

.certificate { margin-bottom: 50px;}
.certificate h1 { margin-bottom: 40px;}
.img-border { background: #fff; }
.img-border img { padding: 15px; border: 1px solid #ccc;}
.certificate .carousel-inner { padding-left: 15px;}
.carousel-control {
	background-image: none !important;
    width: 5%;
	opacity: 1;
	box-shadow: none;
}
.glyphicon.glyphicon-chevron-right {
    color: #969696;
    right: 20px;
}
.glyphicon.glyphicon-chevron-left {
    color: #969696;
    left: 0;
	margin-left: 0;
}
.glyphicon.glyphicon-chevron-right:hover, .glyphicon.glyphicon-chevron-left:hover { color: #ea5404;}

.story { position: relative; margin-bottom: 100px;}
.story h1 { margin-bottom: 30px;}
.story p { color: #333; margin-top: 20px;}
.sry { width: 100%; /*overflow: hidden;*/ }
.story01 { margin-top: 60px; margin-bottom: 25%;}
.story02 { margin-top: 40%; margin-bottom: 25%;}
.f-btn {
	position: absolute;
    bottom: -45px;
    left: 48.8%;
}
.f-btn .btn { width: 20px; height: 20px; border-radius: 10px; border: 1px solid #ccc; background: #fff;}
.f-btn p { font-size: 12px; color: #646464; margin-top: 10px;}

/*公司刊物*/
.qikan { margin-bottom: 40px;}
.qk-pnav { margin-bottom: 30px;}
.qikan h1, .j-detail h1 { padding-left: 15px;}
.qikan01 { background: #f5f5f5; padding-bottom: 10px; margin-bottom: 30px;}
.qikan img { margin-bottom: 10px;}
.qikan .text { padding: 0 20px;}
.qikan h5 { margin-bottom: 15px;}
.qikan h5 a { font-size: 16px; color: #333;}
.qikan h5 a:hover { color: #ea5404;}
.qikan p { font-size: 14px; color: #646464; margin-bottom: 20px;}
.qikan .btn { color: #ea5404;}
.pagination>li {
    display: inline-block;
    margin-right: 5px;
}
.pagination>li>a, .pagination>li>span { color: #646464;}
.pagination>li:first-child>a, .pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #ea5404;
    border-color: #ea5404;
}.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover { color: #646464;}
.pagination>li:last-child>a, .pagination>li:last-child>span {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

#ab-banner .nav a { color: #646464;}
.hd-nav { background: #f5f5f5; margin-top: 110px;}
#ab-banner .a-nav a {background: #ea5404; color: #fff; padding: 15px 25px;}
#ab-banner .navbar-nav li {
    margin-right: 40px;
    line-height: 60px;
}
#ab-banner li a { font-size: 15px; }
#ab-banner li a:hover, #ab-banner li .active { color: #ea5404;}
#ab-banner .a-nav a:hover { color: #fff;}
.huodong h5 { font-size: 16px; margin: 20px 0 15px;}
.huodong h5 a { color: #333;}
.huodong h5 a:hover { color: #ea5404;}
.huodong p { font-size: 14px; color: #646464;}
.hd01 { background: #f7f7f7; padding-bottom: 10px; margin-bottom: 30px; }
.huodong .text { padding-left: 10px;}
.hd-pic { position: relative; padding-top:55%;}
.hd-pic img{ position:absolute; top:50%; left:0; transform:translate(0,-50%)}
.hd-bg { position: absolute; background: rgba(0,0,0,0.5); text-align: center; width: 100%; height: 100%;  top: 0; left: 0; display: none;}
.hd-pic .hd-bg a { color: #fff; font-size: 14px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 5px 10px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%)}
.hd-pic:hover .hd-bg { display: block;}
#h-detail { margin: 40px 0;}
.page-bg { background: #f5f5f5; padding: 30px 35px; margin-left: 15px;}
#h-detail h4 { color: #333; font-size: 22px; margin-bottom: 20px;}
#h-detail p { color: #646464; font-size: 14px; margin-bottom: 30px;}
.pic { margin-bottom: 40px;}
.pic img { margin: 0 auto; }
#h-detail .btn { color: #fff; border-radius: 5px; background: #666; padding: 8px 30px; margin-right: 10px;}
#h-detail .btn:hover { background: #ea5404;}
.huodong h2 { padding-left: 15px;}

/*人力资源*/
.h-source { margin-bottom: 40px;}
.join01 { margin-bottom: 30px;}
.h-source h1 { font-size: 24px; margin-bottom: 30px;}
.h-source p { color: #646464; margin-top: 10px;}
.join01 .btn {
    background: #ea5404;
    border-radius: 0;
    color: #fff;
    margin-top: 25px;
    margin-bottom: 10px;
    font-size: 16px;
    padding: 18px 50px;
}
.join01 .btn:hover { background: #fa5c08;}
.j-detail small { font-size: 16px; color: #646464; padding-left: 15px; margin-bottom: 30px; display: block;}
.j-detail .glyphicon { padding-right: 30px;}
.panel-default>.panel-heading {
    background-color: #999;
    border-color: #999;
    border-radius: 0;
	color: #fff;
}
.panel-heading h4 { padding: 3px 0;}
.panel-default>.active, .panel-default>.panel-heading:hover { background: #ea5404;}
.panel.panel-default {
    background: #f1f1f1;
	border: 0;
}
.panel-body p { margin-bottom: 20px; color: #646464;}
.panel .glyphicon { display: none;}

.contact h1 { padding-left: 15px; margin-bottom: 20px;}
.contact h6 { font-size: 16px; color: #333; margin-bottom: 25px;}
.contact p { font-size: 14px; color: #333;}
#page-color { font-weight: bold; font-size: 16px; color: #ea5404;}
.contact img { width: 100%;}
.c-table { margin: 40px 0 30px;}
.c-table h5 {
	font-size: 18px;
    color: #ea5404;
    border-left: 3px solid;
    padding-left: 10px;
    margin-bottom: 20px;
}
.c-table thead {
    font-size: 16px;
    background: #eee;
    color: #333;
}
.c-table tbody {
    font-size: 14px;
    color: #646464;
}
.table-striped>tbody>tr:nth-of-type(even) {
    background-color: #f7f7f7;
}.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #fff;
}
.c-table>tbody>tr>td, .c-table>thead>tr>td {
    padding: 10px;
    border: 0;
}

#news { margin-bottom: 50px;}
#news h1 { padding-left: 30px;}
#news small { line-height: 33px;}
#news small a { font-size: 16px; color: #646464; padding: 0 2px;}
#news small a:hover { color: #ea5404;}
.n-img { position: relative;}
.fu-title p { margin: 0;}
#news h4 { margin: 15px 0 20px;}
#news h4 a { font-size: 18px; color: #333;}
#news h4 a:hover { color: #ea5404;}
#news .btn {
	padding: 0;
    margin-top: 10px;
}
.news01 { margin-bottom: 25px; border-bottom: 1px solid #ccc; padding-bottom: 20px;}
.n-bread { padding-left: 15px;}
.news-detail { margin-bottom: 40px;}
.news-detail h1 { font-size: 20px; color: #333; margin-bottom: 25px;}
.news-detail p { font-size: 16px; color: #646464; margin-bottom: 20px;}
.news-detail .img { margin-bottom: 20px;}
.news-detail img { margin-bottom: 10px;}

.message { padding-left: 30px;}
.message h6 { font-size: 16px; color: #333;}
.message small, .message p { font-size: 14px; color: #646464; margin-bottom: 30px;}
.message label { font-size: 14px; color: #333; line-height: 34px;}
.message span { color: #ed0016;}
.message .form-group { display: block; width: 100%;}
.message01 .form-control { 
	box-shadow: none;
	width: 30%;
    float: right;
    margin-right: 10px;
	border-radius: 0;
}
.message01 { margin-bottom: 15px;}
.message02 .col-md-6, .message02 .col-sm-6 { padding-left: 0;}
.message02 .form-control {
    border-radius: 0;
    box-shadow: none;
    float: right;
	width: 85%;
}
.message02 { padding-bottom: 20px; margin-bottom: 30px;}
.message02 .control-label, .message03 .control-label {
    padding-top: 0; 
    text-align: left;
	float: left;
	width: 70px;
}
.message02 .col-sm-10 { padding-left: 0; padding-right: 0;}
.message03 { }
.message03 .control-label {
    padding-top: 0; 
    text-align: left;
	float: left;
	width: 85px;
}
.message03 textarea { width: 91.5%; margin-top: 10px;}
.message03 .btn {
	background: #ea5404;
    border-radius: 0;
    color: #fff;
    padding: 10px 0;
	text-align:center;
	width:60%;
	max-width:400px;
	margin:0 auto;
	margin-top:30px;
	margin-bottom: 40px;
	display:block;
}
.message03 .btn:hover { background: #fa5c08;}

.service { }
.service .top-text, .an-detail .top-text { font-size: 16px; color: #646464; margin-bottom: 20px; padding-left: 15px;}
.service img, .anli img, .pro-link img { width: 100%;}
.service h4 { font-size: 20px; color: #333; margin-top: 60px; margin-bottom: 35px;}
.service01 p, .service03 p, .anli .top-text { color: #646464; font-size: 14px; margin-bottom: 20px;}
.service01, .service02 { margin-bottom: 30px;}
.service02 .page { background: #eee; padding: 50px 30px; margin-bottom: 20px;}
.service02 h5 { color: #333; font-size: 16px;}
.service02 p { color: #ea5404; font-size: 14px;}
.service03 { margin-bottom: 40px;}

.anli { margin-bottom: 40px;}
.anli h1, .an-detail h1 { padding-left: 15px;}
.anli .img { }
.anli h3 { font-size: 24px; margin-bottom: 20px;}
.anli01 { overflow: hidden; margin-bottom: 30px; position: relative;}
.anli01 p { font-size: 14px; margin-bottom: 30px;}
.anli .text { color: #fff; position: absolute; bottom: 0; padding: 0 20px;}
.hover { position: absolute; color: #fff; width: 100%;  bottom: 0px; padding: 0 20px; height: 100%; }
.hover .btn { background: #ea5404; color: #fff; padding: 10px 35px; border-radius: 30px; margin-top: 15px;}
.h-text { transform: translateY(220px);}
.anli01:hover .hover { background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1));}
.anli01:hover .h-text{ transform: translateY(110px); }
.an-detail { margin-bottom: 40px; perspective: 1000px;}
.an-detail .img {
    padding-left: 15px;
}

.cp01 img { width: 100%; margin-bottom: 20px;}
.an-detail img { width:auto;} 
.pro01 img { width: 80%; margin: 20px 0 30px;}
.list01 { margin-bottom:30px; margin-top:10px;}
.list01 img { width:100%;}
.list01 p { color:#333; font-size:16px; margin-top:20px;}
.list01 a:hover p { color:#ea5404;}

.pro-top { margin-top: 110px; }
.pro-nav {background: #ea5404; width: 100%;}
.pro-nav .list-group {padding: 5px 0 10px; background: #999;}
.list-group-item { background: none; border: 0; padding: 5px 15px;}
.list-group-item a { color: #fff;}
.pro-nav>.panel-group>.panel { /*background: #ea5404;*/ color: #fff; border: 0; box-shadow: none; border-radius: 0;}
.pro-nav h4 { font-size: 16px;}
.pro-nav span { padding-right: 10px;}
.pro-nav .panel .active, .pro-nav .panel-heading:hover, .list-group-item:hover { background: #fa5c08;}
.pro-nav .panel-heading { border-top: 1px solid; border-bottom: 0; height: 42px; background: #ea5404;}
.pro-banner { margin-bottom: 20px;}
.pro-banner .carousel-indicators {
    bottom: 10px;
    left: 100%;
    width: 10%;
}
#pro-banner .carousel-indicators {
	bottom: 5px;
    left: 100% !important;
    width: 48px;
}
.pro-link .img { position: relative;}
.pro-link p a { color: #333; position: absolute; font-size: 16px; top: 25px; left: 25px;}
.pro-link a:hover { color: #ea5404;}
.pro-link .col-md-4, .pro-link .col-sm-4, .pro-link .col-xm-4 { padding-left: 0;}
.pro-list h4 { font-size: 22px; color: #ea5404; padding-left: 10px; border-left: 3px solid; margin-bottom: 20px;}
.pro-list span a, .pro-list span { color: #646464; padding: 0 2px; font-size: 14px; display: inline-block; line-height: 24px;}
.pro-list span a:hover { color: #ea5404;}
.pro01 { border: 1px solid #ccc; float: left; width: 18%; margin-right: 2%; padding: 18px 0;}
.pro01:hover, .cp01:hover { border-color: #ea5404;}
.pro01 p, .cp01 p { font-size: 16px; color: #333;}
.pro01 .btn, .cp01 .btn { color: #fff; font-size: 14px; border-radius: 0; background: #333; padding: 5px 20px;}
.pro01 .btn:hover, .cp01 .btn:hover { background: #ea5404;}
.pro-list { margin-bottom: 30px;}

#pro-top .list-group { padding: 0;}
#pro-top .list-group-item { border-bottom: 1px solid #ccc; padding: 10px 15px;}
#pro-banner { margin-bottom: 10px;}
.ppic{ position:relative; width:75%; padding-top:50%; overflow:hidden; margin:0 auto;}
.ppic img { position:absolute; top:50%; left:0; width:100%; transform:translate(0,-50%)}
.cp01 { border: 1px solid #ccc; padding: 20px; margin-bottom: 20px; margin-top:10px;}


.pd-pic img { width: 100%;}
.pd-text h4 { font-size: 24px; color: #333; border-bottom: 1px solid #ccc; margin-bottom: 30px; padding-bottom: 20px;}
.pd-text p { font-size: 16px; color: #333; }
.pd-text span { padding: 5px 15px; display: inline-block;}
.pd-text .button {
    border-top: 1px solid #ccc;
    margin-top: 50px;
	padding-top: 25px;
}
.button .btn { color: #fff; padding: 10px 10px 10px 25px; background: #666; margin-right: 20px; text-align: center; margin-bottom: 20px;}
.button .btn:hover { background: #ea5404;}
.icon .btn { background: #363636; padding: 5px; border-radius: 20px; margin-right: 10px; margin-bottom: 0;}
#pro-detail .icon img { width: 100%;}
.icon .weibo:hover { background: #E2142B;}
.icon .txun:hover { background: #5DC6F8;}
.icon .renren:hover { background: #217DC6;}
.icon .wechat:hover { background: #4BB447;}
.pd-top { margin-bottom: 40px; width: 100%;}
.pd-botm h4 { background: #000; color: #fff; font-size: 18px; padding: 12px 0 12px 25px; margin-bottom: 40px; width: 100%;}
.pd-botm p { width: 100%; color: #333; font-size: 14px;}
.pd-botm img { width: 100%; margin-bottom: 25px;}
#pro-detail>.table>tbody>tr>td, #pro-detail>.table>thead>tr>td {
	border-color: #333 !important;
	border-width: 1px !important;
	vertical-align: middle !important;
}
#pro-detail table { margin-bottom: 40px;}
#pro-detail .carousel-indicators { width: 100%;}
#pro-detail .carousel-indicators li { width: 100px; height: auto; border: 1px solid #ccc;}
#pro-detail .carousel-indicators .active { border-collapse: #ea5404;}
.sm-pic { margin-top: 20px;}
#pro-detail li { list-style: none; float: left; border: 1px solid #ccc; width: 22%; height: auto; margin-right: 15px;}
#pro-detail li:hover, #pro-detail .active { border-color: #ea5404;}
#pro-detail li:last-child { margin-right: 0;}

#so-detail { margin-bottom: 30px;}
#so-detail p { font-size: 14px; color: #333; margin-bottom: 15px;}
#so-detail img { width: 100%; margin-bottom: 20px;}

#download { margin-bottom: 40px;}
#download h2 { font-size: 20px; color: #ea5404; padding-left: 15px; border-left: 3px solid #ea5404; margin-bottom: 20px;}
.table01 { padding-left: 15px; margin-bottom: 30px;}
.table01 thead { background: #eee; color: #333; font-size: 16px; padding: 8px 0;}
.table01>thead>tr>td { padding-left: 15px;}
.table01 tbody tr { padding: 10px 15px; border-top: 0; border-bottom: 1px solid #ccc; font-size: 14px; color: #333;}
.table01 tbody img { margin-right: 15px;}
.table01 .dwn { color: #fff; background: #ea5404; }
.table01 .btn span { padding-left: 15px;}
#download td { vertical-align: middle !important; padding: 8px 20px !important;}
#download .btn { margin-right: 15px; padding: 8px 40px; border-radius: 20px;}
.table01 .view { color: #333;}
.table01 .share { background: #666; color: #fff;}
.table01 .share:hover, .table01 .view:hover { color: #fff; background: #ea5404;}

/*底部*/
#foot { background: #1f2024; padding-top: 52px; color: #fff; margin-top: 30px;}
#foot dt { font-size: 16px; margin-bottom: 25px;}
#foot dd { margin-bottom: 10px;}
#foot dd a { font-size: 14px; color: #fff;}
#foot dd a:hover { color: #ea5404;}
.copyright { border-top: 1px solid #333237; margin-top: 100px;}
.copyright p { padding: 15px 0 10px;}

@media (min-width: @screen-lg-min) { 
    .carousel-caption { top: 60px; right: 25%;}
	.carousel-caption h2 { margin-bottom: 35px;}
}
@media (min-width: 992px) and (max-width:1366px) { 
    .carousel-caption { top: 0; right: 5%;}
	.carousel-caption h2 { margin-bottom: 30px;}
	.carousel-caption p { margin-bottom: 30px;}
	.navbar-nav li { margin-right: 20px;}
	.pro-menu li, .n-menu li, .s-menu li, .ab-menu li, .so-menu li { margin-right: 0;} 
	.in-s01, .in-s02, .in-s03, .in-s04 { padding-bottom: 262px;}
}
@media (min-width: 768px) and (max-width: 992px) { 
	.top-pro { margin-top: 0px; font-size: 14px;}
	.top-pro li { padding: 0 10px;}
	.navbar-nav li { margin-right: 10px;}
	.pro-menu li, .n-menu li, .s-menu li, .ab-menu li, .so-menu li { margin-right: 0;} 
	.on-sch li { margin-right: 10px;}
	.on-btn { font-size: 14px; padding: 4px 8px;}
	.h-text {transform: translateY(100px);}
	.anli01:hover .h-text { transform: translateY(30px);}
	.in-s01, .in-s02, .in-s03, .in-s04 { padding-bottom: 262px;}
	
}
@media (max-width: 768px){
	body { overflow-y: auto;}
	.container { padding: 0 15px;}
	#head {  height: 50px; position: fixed; top: 0;}
	.nav-logo img { width: 85%; line-height: 50px; margin-top: -3px;}
	div#bs-example-navbar-collapse-1 {
		background: #fff;
		width: 100%;
		margin-right: 0;
		padding-right: 0;
		margin-left: 0px;
		box-shadow: 2px 2px 2px 2px #ccc;
	}
	.oge-bg { display: block;}
	.b-nav .navbar-nav { margin-left: -30px;}
	.pro-menu, .n-menu, .s-menu, .ab-menu, .so-menu { left: 32%;}
	.banner { margin-top: 0;}
	#ab-banner { margin-top: 0;}
	.hd-nav { margin-top: 0px;}
	#ab-banner .navbar-nav li { margin-right: 0;}
	.carousel-caption { left: 45%; right: 5%;}
	/*.carousel-inner>.item>a>img, .carousel-inner>.item>img { height: 150px;}*/
	.pd-pic .item img { height: auto;}
	
	.navbar-toggle { background: #ea5404; color: #fff; font-size: 16px; padding: 5px 10px;}
	.on-sch { margin-right: 15%;}
	.b-nav { overflow:-Scroll;/* overflow:hidden;*/ background: #ea5404; padding: 0;}
	.message03 textarea { margin-left: 20px;}
	.message03 .btn { width: 100%; padding: 10px 30px;}
	.navbar-nav li {
    margin-right: 0;
}
	.carousel-caption h2 {
		font-size: 10px;
		margin-bottom: 5px;
		margin-top: -20px;
	}
	.carousel-caption h4 {
		font-size: 8px;
		margin-bottom: 5px;
	}
	.in-plist ul { margin-left: 6px; }
	.in-plist li { width: 44%; height: auto;}
	#foot { padding-left: 10px;}
	.carousel-caption p {
		font-size: 8px;
		margin-bottom: 10px;
	}
	.carousel-caption .btn {
		padding: 5px 30px;
		font-size: 6px;
	}
	.in-s01, .in-s02, .in-s03, .in-s04 { margin-bottom: 10px;}
	.foot01, .foot02, .foot03 { width: 33.33%; float: left;}
	.foot04, .foot05 {
		/*width: 50%;*/
		float: left;
		clear: both;
	}
	/*.foot05 { clear: both; width: 100%;}*/
	.in-news .text {  padding: 0 3px;}
	.profile .text { padding: 40px 40px 30px;}
	.ab-pro01 .text, .ab-pro02 .text { padding: 0 10px 0 10px;}
	.ab-map p { padding: 0 20px;}
	#head .top .pull-right { float: none;}
	.in-news01, .in-news02, .in-news03 {
		overflow: hidden;
		padding: 0;
		height: 120px;
	}
	.in-news h5 {
		font-size: 12px;
		margin-bottom: 5px;
	}
	.in-news .text p {font-size: 12px;}
	.in-s01, .in-s02, .in-s03, .in-s04 { padding-bottom: 200px;}
	.g-title { padding-top: 100px;}
	#pro-banner { margin-bottom: 10px;}
	.pro-list h4 { font-size: 20px;}
	.pro-list span a, .pro-list span { font-size: 12px;}
	.pro01 { padding: 0 0 10px 0; width: 44%; margin-right: 20px; margin-bottom: 20px;}
	.pro01:nth-of-type(even) { margin-right: 0;}
	.pro01 img { width: 100%; margin: 0 0 10px;}
	.pro01 p, .cp01 p, #news small a { font-size: 12px;}
	.cp01 { padding: 0 0 20px 0;}
	.cp01 p { margin-top:10px;}
	.pro01 .btn, .cp01 .btn { padding: 2px 5px; font-size: 12px;}
	.qk-pnav { margin-bottom: 15px; margin-top: 50px;}
		.ab-pro h3 {
		font-size: 18px;
		margin-bottom: 10px;
	}
	.ppic img, .ppic { width:100%;}
	.ab-pro .inner { margin-bottom: 10px;}
	.ab-cx .l-text { padding: 10px 20px 10px 20px;}
	.ab-cx h3 { margin-bottom: 15px;}
	#h-detail { margin: 20px 0;}
	.page-bg { margin-left: 0; padding: 10px 25px;}
	.anli { padding: 0 8px;}
	.h-text { transform: translateY(125px);}
	.anli h3 { font-size: 20px; }
	.anli01 p { margin-bottom: 15px;}
	.anli01:hover .h-text{ transform: translateY(50px); }
	.an-detail { padding: 0 10px; padding-right: 20px;}
	.service02 .page { padding: 10px;}
	.service01, .service02, .panel.panel-default, .message p { margin-bottom: 10px;}
	.j-detail small { padding: 0 18px; margin-bottom: 15px;}
	.message01 .form-control { margin-bottom: 5px; width: 85%;}
	#news h1 { font-size: 22px;}
	#news small { margin-right: 15px;}
	#download .btn { padding: 5px 25px;}
	.pro-top { margin-top: 10px;}
	
	.xs-img img { width: 100%;}
	.xs01 { position: relative; margin-bottom: 10px;}
	.xs01 .btn { position: absolute; background: #ea5404; top: 0 ;left: 0; width: 100%; color: #fff; width: 100%; border-radius: 0; text-align: center; padding: 5px;}
	.xsbtn img { width: 20%;}
	.in-plist .container { padding: 0;}
	.page-nav {line-height: 24px; padding:8px 0; height:auto;}
	.message02 .control-label, .message03 .control-label {
	float: none;
	width: 100%;
}
.message02 .form-control {
    border-radius: 0;
    box-shadow: none;
    float: none;
    width: 100%;
}
.message01 .form-control {
    width: 100%;
    float: none;
    margin-right: 0;
}	
}