@charset "utf-8";

/* CSS Document */



body {

	font-family: 微软雅黑;

	background: #fff;

	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 15px; 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: 30px;}

.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: 220px; 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;}

.banner .carousel-indicators { display:none;}

.banner01 { background: url(../images/banner.jpg) no-repeat center; background-size: cover;  background-position: center center;}

.carousel-caption {

	text-align: left;

    top: 10px;

    left: 50%;

}

/*.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;}



.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: 130px; 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(../images/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 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 5px 20px 5px;
}

.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; 
    line-height: 22px;
    margin-top: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.in-news .text { padding: 5px 20px 0 0;}

.in-news .text p { 
    color: #646464; 
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.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: 45px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.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: 10px 60px 0 60px;}



.ab-cx { color: #fff; margin-bottom: 30px;}

.ab-cx .container { background: #ea5404;}

.ab-cx .l-text { padding: 0 50px;}

.ab-cx h3 { font-size: 20px; font-weight: bold; margin-bottom: 20px;}

.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(../images/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: 7%;}

.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;}

.hd-bg { position: absolute; background: rgba(0,0,0,0.5); text-align: center; width: 100%; height: 100%; line-height: 200px; 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;}

.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;
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.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;

	margin-bottom: 20px;

}

.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;

}
.ke-zeroborder td { padding: 10px; }


#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; }

.message span { color: #ed0016;}

.message .form-group { display: block; width: 100%;}

.message01 .form-control { 

	box-shadow: none;

	width: 100%;

    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;

}

.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;
    margin-top: 30px;
    padding: 10px 0;
    margin-left: 85px;
    width: 60%;
    max-width: 400px;
    margin: 0 auto;
    display: block;
    margin-top: 30px;
    margin-bottom: 40px;
    text-align: center;

}

.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; min-height: 234px;}

.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;

}

.an-detail img, .cp01 img { width: 100%; margin-bottom: 20px;}

.pro01 img { width: 80%; margin: 20px 0 30px;}



.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 10px;}

.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: 14px;}

.pro-nav span { padding-right: 5px;}

.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; padding:10px 6px;}

.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: 20px; 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 p {
    height: 45px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.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;}

#pro-list img { width: 75%;}

.cp01 { border: 1px solid #ccc; padding: 20px; margin-bottom: 30px;}





.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){



	.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 { margin-left: 0; 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: 47%;

		margin-right: 20px;

		margin-bottom: 20px;

	}

	.pro01:nth-of-type(even) {

		margin-right: 0;

	}

	.pro01 p, .cp01 p, #news small a { font-size: 12px;}

	.pro01 img { 

		width: 100%;

    	margin: 0 0 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;

	}

	.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;

}	

	

}