@charset "utf-8";



@import "iconfont.css";



/*---------------------------------------------------*/



.indexA { 
    padding: 50px 0;
    background: #F1F1F1;
}



.indexA-l {
    float: left;
    width: 310px;
}



.indexA-r {
    float: right;
    width: 870px;
}



.indexA-r ul {
    margin: -24px 0 0 -2%;
}

.indexA-r ul li {
    width: 31.333333%;
    float: left;
    text-align: center;
    background: #fff;
    margin: 24px 0 0 2%;
    cursor: pointer;
    padding: 10px 10px 0;
    box-sizing: border-box;
    box-shadow: rgba(50, 50, 50, 0.14) 2px 4px 6px 1px;
}

.indexA-r ul li .pic {
    display: block;
    width: 100%;
    overflow: hidden;
}

.indexA-r ul li .pic img {
    width: 100%;
    display: block;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
}

.indexA-r ul li h6 {
    font-size: 14px;
    height: 50px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    text-align: center;
}

.indexA-r ul li h6 a {
    color: #3b3b3b;
}

.indexA-r ul li h6 a:hover {
    color: #E77817;
}



.indexA-r ul li:hover a.pic img {
    transform: scale(1.11);
    -webkit-transform: scale(1.11);
}







.indexB {
    background: url("../images/ibg1.jpg") no-repeat center top;
    padding: 50px 0 70px;
    background-attachment: fixed;
    background-size: cover;
    position: relative;
}

.indexB h3 {
    font-size: 36px;
    color: #fff;
    line-height: 1;
    font-weight: bold;
    text-align: center;
}

.indexB hr {
    width: 40px;
    height: 4px;
    margin: 20px auto 0;
    background: #fff;
}



.indexB .t {
    background: rgba(255, 255, 255, 0.8);
    margin: 40px 0 0;
    padding: 80px 80px 60px;
    text-align: center;
    position: relative;
}

.indexB .t::after {
    content: "";
    border: 1px solid #183884;
    position: absolute;
    left: 30px;
    right: 30px;
    top: 30px;
    bottom: 30px;
    z-index: 1;
}

.indexB .t .box {
    position: relative;
    z-index: 20;
}

.indexB .t h4 {
    color: #202020;
    font-size: 20px;
    margin-bottom: 25px;
}

.indexB .t p {
    font-size: 16px;
    color: #333;
    line-height: 24px;
    margin-bottom: 15px;
}

.indexB .t a.more {
    width: 140px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    background: #183884;
    font-size: 14px;
    color: #fff;
    display: block;
    margin: 35px auto 0;
}

.indexB .t a.more:hover {
    background: #E77817;
    color: #fff;
}





.indexC {
    padding: 50px 0;
    position: relative;
}

.indexC h3 {
    font-size: 36px;
    color: #333;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    text-transform: uppercase;
}

.indexC hr {
    background: #E77817;
    width: 40px;
    height: 4px;
    margin: 15px auto 0;
}

.indexC ul {
    margin: 45px 0 0;
}

.indexC ul li {
    float: left;
    width: 25%;
    padding: 0 15px;
    box-sizing: border-box;
}

.indexC ul li .ico {
    width: 112px;
    height: 112px;
    background: #F9F9F9;
    position: relative;
    border-radius: 50%;
    margin: 0 auto;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.indexC ul li .ico::after {
    content: "";
    width: 98px;
    height: 98px;
    border: 1px dashed #E77817;
    border-radius: 50%;
    position: absolute;
    top: 6px;
    left: 6px;
    right: 6px;
    z-index: 1;
    transition: All 0.4s ease-in-out;
}

.indexC ul li .ico img {
    position: relative;
    z-index: 10;
}

.indexC ul li h5 {
    font-size: 18px;
    color: #333;
    text-transform: uppercase;
    margin: 30px 0 0;
    text-align: center;
}

.indexC ul li p {
    font-size: 15px;
    color: #666;
    line-height: 26px;
    margin: 15px 0 0;
    text-align: center;
}



.indexC ul li .more {
    margin: 15px 0 0;
    display: inline-block;
    color: #999;
    font-size: 16px;
}

.indexC ul li .more i {
    color: #999;
    font-size: 16px;
    vertical-align: middle;
}

.indexC ul li .more:hover {
    color: #E77817;
}



.indexC ul li:hover .ico::after {
    animation: turn 1s linear infinite;
}





.indexD {
    padding: 50px 0;
    background: #F1F1F1;
}

.indexD .tit {
    margin: 0 0 24px 0;
}

.indexD .tit h3 {
    font-size: 36px;
    color: #333;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    line-height: 1;
}

.indexD .tit hr {
    background: #E77817;
    width: 40px;
    height: 4px;
    margin: 20px auto 0;
}



.indexD .topnews {
    float: left;
    width: 520px;
    position: relative;
    display: block;
}

.indexD .topnews img {
    width: 100%;
}

.indexD .topnews .txt {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 50px;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.3);
    padding: 15px 17px 17px;
    box-sizing: border-box;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
}

.indexD .topnews .txt h5 {
    font-size: 18px;
    color: #fff;
    margin: 0 0 10px 0;
}

.indexD .topnews .txt p {
    font-size: 14px;
    color: #fff;
    line-height: 18px;
}

.indexD .topnews .txt span {
    margin: 20px 0 0 0;
    display: block;
    color: #fff;
    font-size: 16px;
}



.indexD .topnews:hover .txt {
    height: 170px;
    background: rgba(0, 0, 0, 0.6);
}





.indexD .indexnews {
    float: right;
    width: 660px;
    background: #fff;
    padding: 15px;
    box-sizing: border-box;
}

.indexD .indexnews ul {
    margin: -20px 0 0 0;
}

.indexD .indexnews ul li {
    height: 100px;
    margin: 20px 0 0 0;
    padding: 16px 16px 14px;
    background: #F1F1F1;
    box-sizing: border-box;
}



.indexD .indexnews ul li .d {
    float: left;
    width: 120px;
    border-right: 1px solid #B4B4B4;
}

.indexD .indexnews ul li .d span {
    color: #333;
    font-size: 15px;
    float: left;
    margin: 10px 10px 0 0;
}

.indexD .indexnews ul li .d p {
    color: #333;
    font-size: 39px;
    float: left;
    text-align: center;
    line-height: 30px;
}

.indexD .indexnews ul li .d p i {
    font-size: 17px;
    font-style: normal;
}



.indexD .indexnews ul li .t {
    margin: 0 0 0 140px;
}

.indexD .indexnews ul li .t h5 {
    color: #333;
    font-size: 18px;
}

.indexD .indexnews ul li .t h5 a:hover {
    color: #DD3E00;
    text-decoration: underline;
}

.indexD .indexnews ul li .t p {
    color: #999;
    font-size: 14px;
    line-height: 18px;
    margin: 5px 0 0 0;
    letter-spacing: -0.2px;
}



.indexD .hd {
    overflow: hidden;
    height: 45px;
    margin: 20px 0 0 0;
}

.indexD .hd .prev,
.indexD .hd .next {
    width: 270px;
    height: 45px;
    line-height: 45px;
    background: #F1F1F1;
    display: block;
    overflow: hidden;
    cursor: pointer;
    font-size: 17px;
    color: #333;
    text-align: center;
}

.indexD .hd .prev {
    float: left;
}

.indexD .hd .next {
    float: right;
}





.indexE {
    padding: 50px 0;
}

.indexE .tit {}

.indexE .tit h3 {
    font-size: 36px;
    color: #333;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    line-height: 1;
}

.indexE .tit hr {
    background: #E77817;
    width: 40px;
    height: 4px;
    margin: 15px auto 0;
}



.indexE .list {
    text-align: center;
    position: relative;
    margin: 40px 0 0;
}

.indexE .swiper-slide {
    background: #fff;
    position: relative;
    border: 1px solid #D9D9D9;
    padding: 5px;
    cursor: pointer;
    box-sizing: border-box;
}

.indexE .swiper-slide img {
    width: 100%;
    display: block;
}



.indexE .swiper-button-prev,
.indexE .swiper-button-next {
    width: 40px;
    height: 40px;
    background: #eee;
    top: 50%;
    border-radius: 50%;
    margin-top: -20px;
    text-align: center;
}

.indexE .swiper-button-prev i,
.indexE .swiper-button-next i {
    font-size: 20px;
    line-height: 40px;
    color: #7D7D7D;
    ;
}

.indexE .swiper-button-prev,
.indexE .swiper-container-rtl .swiper-button-next {
    left: -60px;
    right: auto;
}

.indexE .swiper-button-next,
.indexE .swiper-container-rtl .swiper-button-prev {
    right: -60px;
    left: auto;
}



.indexE .swiper-button-prev:hover,
.indexE .swiper-button-next:hover {
    background: #E77817;
    color: #fff;
}

.indexE .swiper-button-prev:hover i,
.indexE .swiper-button-next:hover i {
    color: #fff;
}



.indexE .swiper-pagination {
    display: none;
    position: static;
    width: 100%;
    margin-top: 20px;
}

.indexE .swiper-pagination-bullet {
    height: 10px;
    width: 10px;
    margin: 0 3px;
    background: none;
    border: 1px solid #E77817;
    border-radius: 50%;
    opacity: 1;
    box-sizing: border-box;
}

.indexE .swiper-pagination-bullet-active {
    background: #E77817;
}



/*------------------------------------------------------------*/

.sidebanner {
    position: relative;
}

.sidebanner .t {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.sidebanner .t .wp {
    height: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    align-items: center;
}

.sidebanner h1 {
    color: #fff;
    font-size: 28px;
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
    z-index: 10;
}





.path {
    background: #FAFAFA;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #E5E5E5;
    border-top: 1px solid #E5E5E5;
}

.path p {
    color: #474747;
    font-size: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.path p i {
    margin-right: 8px;
    font-size: 15px;
    color: #E77817;
}

.path p a {
    color: #474747;
}



.main {
    padding-top: 30px;
    padding-bottom: 60px;
}



.main-left {
    float: left;
    width: 300px;
}

.main-right {
    margin-left: 340px;
}

/*----------------------------------------*/



.main-left h3 {
    font-size: 24px;
    display: block;
    color: #fff;
    height: 50px;
    line-height: 50px;
    padding: 0 0 0 20px;
    background: #183884;
    position: relative;
}

.main-left h3::after {
    display: none;
    font-family: "qico";
    content: "\e727";
    position: absolute;
    top: 5px;
    right: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
}

.main-left h3.active::after {
    -webkit-transform: rotate(45deg) scale(1.08);
    -ms-transform: rotate(45deg) scale(1.08);
    transform: rotate(45deg) scale(1.08);
}



.sidemenu {
    margin: 0 0 15px;
}

.sidemenu h3 {
    font-size: 24px;
    display: block;
    color: #fff;
    height: 50px;
    line-height: 50px;
    padding: 0 0 0 20px;
    background: #183884;
    position: relative;
}

.sidemenu ul li {
    border: 1px solid #C9C9C9;
    margin: 8px 0 0 0;
    background: #fff;
}

.sidemenu ul li h5 {
    height: 45px;
	line-height: 45px;
	display: block;
	padding: 0 30px 0 20px;
	font-size: 15px;
	color: #333;
	font-family: Arial;
	cursor: pointer;
	overflow: hidden;
	text-overflow: ellipsis;
	position: relative;
}

.sidemenu ul li h5 a {
    color: #333;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.sidemenu ul li h5 a:hover {
    color: #E77817;
    text-decoration: underline;
}

.sidemenu ul li h5 span {
    background: url("../images/i5.png") no-repeat;
	width: 11px;
	height: 11px;
	display: block;
	position: absolute;
	right: 15px;
	top: calc(50% - 5.5px);
}



.sidemenu dl {
    display: none;
}

.sidemenu dl dd {
   /* height: 35px;
    line-height: 35px;*/
    border-bottom: 1px dashed #C9C9C9;
    background: #fff;
    padding: 0 20px;
  display: flex;
}

.sidemenu dl dd:last-child {
    border-bottom: none;
}

.sidemenu dl dd a {
    background: url("../images/i15.png") no-repeat left center;
    font-size: 14px;
    padding: 10px 0 10px 15px;
    color: #666;
}

.sidemenu dl dd.active a,
.sidemenu dl dd a:hover {
    color: #333;
    font-weight: bold;
}



.sidemenu ul li.active h5 {
    border-bottom: 1px dashed #C9C9C9;
}

.sidemenu ul li.active h5 a {
    color: #E77817;
}

.sidemenu ul li.active span {
    background: url("../images/i5-1.png") no-repeat;
}

.sidemenu ul li.active dl {}



.left-nav {
    margin: 0 0 15px;
}

.left-nav ul {}

.left-nav ul li {
    position: relative;
    line-height: 20px;
    border: 1px solid #e2e2e2;
    margin: 5px 0 0 0;
    padding: 10px 40px 10px 20px;
}

.left-nav ul li::after {
    display: none;
    font-family: "qico";
    content: "\e7eb";
    position: absolute;
    right: 10px;
    top: 0;
    font-size: 15px;
    font-weight: normal;
    line-height: 45px;
}

.left-nav ul li a {
    color: #555;
    font-size: 15px;
    display: block;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.left-nav ul li.active a {
    color: #E77817;
}

.left-nav ul li.active::after {
    display: block;
    color: #E77817;
}





/*---------news-----------*/

.newslist {}

.newslist ul li {
    margin: 0 0 20px;
    padding: 15px;
    transition: all 0.3s ease 0s;
    box-sizing: border-box;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.newslist ul li a.pic {
    float: left;
    width: 260px;
    display: block;
    overflow: hidden;
}

.newslist ul li a.pic img {
    width: 100%;
    transition: all 0.3s ease 0s;
}

.newslist ul li .t {
    margin: 0 0 0 280px;
    box-sizing: border-box;
}

.newslist ul li .t h5 {
    font-size: 18px;
}

.newslist ul li .t h5 a {
    color: #333;
}

.newslist ul li .t h5 a:hover {
    color: #E77817;
}

.newslist ul li .t span {
    background: url("../images/time.png") no-repeat left center;
    padding: 0 0 0 20px;
    display: block;
    font-size: 12px;
    color: #777;
    margin: 15px 0 0 0;
}

.newslist ul li .t hr {
    background: url("../images/ibg8.jpg") no-repeat;
    width: 15px;
    height: 6px;
    overflow: hidden;
    display: block;
    margin: 15px 0 0 0;
    border: none;
}

.newslist ul li .t p {
    color: #999;
    font-size: 14px;
    margin: 10px 0 0;
    line-height: 22px;
}



.newslist ul li:hover img {
    transform: scale(1.11);
    -webkit-transform: scale(1.11);
}





.newsnr {}

.newsnr h1 {
    font-size: 20px;
    line-height: 1;
    margin: 30px 0 0;
    color: #333;
    text-align: center;
}



.newsnr .artInfo {
    padding: 0 0 20px;
    border-bottom: 1px solid #D9D9D9;
    text-align: center;
    margin: 25px 0 0;
    position: relative;
}

.newsnr .artInfo::after {
    content: "";
    display: block;
    height: 3px;
    background: #E77817;
    width: 100px;
    position: absolute;
    bottom: -2px;
    left: 50%;
    margin: 0 0 0 -50px;
    z-index: 1;
}

.newsnr .artInfo span {
    margin: 0 10px;
    line-height: 20px;
    display: inline-block;
    font-size: 14px;
    color: #666;
}

.newsnr .artInfo span.time {
    background: url(../images/time.png) no-repeat left center;
    padding: 0 0 0 20px;
}

.newsnr .artInfo span.hit {
    background: url(../images/hit.png) no-repeat left center;
    padding: 0 0 0 23px;
}



.myart {
    margin: 10px 0;
    line-height: 25px;
    font-size: 15px;
}

.myart p {
    margin: 10px 0 0 0;
}



.pnbar {
    margin-top: 30px;
}

.pnbar p {
    max-width: 100%;
    margin: -1px 0 0 0;
    padding: 8px 14px;
    border: 1px solid #ddd;
    font-size: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.pnbar p a {
    color: #545454;
}

.pnbar p:hover a {
    color: #FD6602;
}



/*-----about------*/

.about {
    line-height: 25px;
    margin: 15px 0 0 0;
    font-size: 16px;
}

.about p {
    margin: 0 0 10px 0;
}



/*-----honor------*/

.honor {
    text-align: center;
}

.honor ul {
    margin: 0 0 0 -2%;
}

.honor ul li {
    float: left;
    width: 31.33333%;
    margin: 15px 0 0 2%;
    text-align: center;
}

.honor ul li a {
    display: block;
    width: 100%;
    overflow: hidden;
}

.honor ul li img {
    width: 100%;
    border: 3px solid #E0E0E0;
    box-sizing: border-box;
    display: block;
}

.honor ul li p {
    font-size: 15px;
    margin: 10px 0 0 0;
    color: #252525;
}



/*-----video------*/

.video ul {
    margin: 0 0 0 -25px;
}

.video ul li {
    background: #fff;
    float: left;
    width: 280px;
    overflow: hidden;
    margin: 10px 0 5px 25px;
}

.video ul li a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}

.video ul li a ins {
    background: url("../images/video-btn.png") no-repeat;
    height: 62px;
    width: 62px;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -31px 0 0 -31px;
}

.video ul li p {
    text-align: center;
    font-size: 14px;
    margin: 10px 0 0 0;
}

.video ul li img {
    width: 100%;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
}

.video ul li:hover img {
    transform: scale(1.11);
    -webkit-transform: scale(1.11);
}



/*-----products------*/



.productlist ul {
    margin: 0 -1%;
    display: flex;
    flex-wrap: wrap;
}

.productlist ul li {
    width: 31.333333%;
    float: left;
    text-align: center;
    background: #fff;
    border: 1px solid #C9C9C9;
    margin: 0 1% 20px 1%;
    cursor: pointer;
    box-sizing: border-box;
}

.productlist ul li .pic {
    display: block;
    width: 100%;
    overflow: hidden;
    padding: 10px;
    box-sizing: border-box;
}

.productlist ul li .pic img {
    width: 100%;
    display: block;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
}

.productlist ul li h6 {
    font-size: 14px;
    background: #F1F1F1;
    height: 80px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    text-align: center;
}

.productlist ul li h6 a {
    color: #3b3b3b;
}

.productlist ul li h6 a:hover {
    color: #E62129;
}



.productlist ul li:hover {
    border: 1px solid #E77817;
}

.productlist ul li:hover h6 {
    background: #E77817;
}

.productlist ul li:hover h6 a {
    color: #fff;
}

.productlist ul li:hover a.pic img {
    transform: scale(1.11);
    -webkit-transform: scale(1.11);
}



/*-----pro-view----*/



.pro_view_top {
    overflow: hidden;
}



.pro_img {
    float: left;
    width: 450px;
}

.pro_img .view {
    width: 100%;
    border: 1px solid #E5E8EA;
    position: relative;
}

.pro_img .view .swiper-container {
    width: 100%;
}

.pro_img .view .swiper-container img {
    width: 100%;
    display: block;
}

.pro_img .view .arrow-left,
.pro_img .view .arrow-right {
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 50%;
    margin-top: -25px;
    width: 28px;
    height: 50px;
    z-index: 10;
    text-align: center;
}

.pro_img .view .arrow-left {
    left: 0;
}

.pro_img .view .arrow-right {
    right: 0;
}

.pro_img .view .arrow-left i,
.pro_img .view .arrow-right i {
    color: #fff;
    font-size: 15px;
    line-height: 50px;
}



.pro_img .preview {
    width: 100%;
    position: relative;
    text-align: center;
    overflow: hidden;
    box-sizing: border-box;
}

.pro_img .preview .swiper-container {
    width: 100%;
    text-align: center;
}

.pro_img .preview .swiper-wrapper {
    justify-content: center;
}

.pro_img .preview .swiper-slide {
    cursor: pointer;
    width: 55px;
    padding: 10px 0;
    margin: 0 2px;
    display: inline-block;
    box-sizing: border-box;
    position: relative;
}

.pro_img .preview .swiper-slide::after {
    display: none;
    content: '';
    width: 0;
    height: 0;
    line-height: 0;
    border-width: 5px;
    border-style: dashed;
    border-bottom-style: dashed;
    border-color: transparent;
    border-bottom-color: transparent;
    vertical-align: middle;
    border-bottom-style: solid;
    border-bottom-color: #E77817;
    position: absolute;
    top: 0px;
    left: 50%;
    margin: 0 0 0 -5px;
}

.pro_img .preview .swiper-slide img {
    width: 100%;
    border: 1px solid #D9D9D9;
    padding: 2px;
    box-sizing: border-box;
}

.pro_img .preview .active-nav img {
    border: 1px solid #E77817;
}



.pro_img .preview .swiper-slide.active-nav::after {
    display: inline-block;
}



.pro_view_inner {
    margin-left: 480px;
}

.pro_view_inner h1 {
    color: #333;
    font-weight: bold;
    font-size: 20px;
    margin: 15px 0 20px 0;
}

.pro_view_inner .pro-para {
    color: #333;
    font-size: 14px;
    margin: 15px 0 0;
    line-height: 24px;
}

.pro_view_inner .pro-para h5 {
    font-size: 18px;
    margin: 0 0 10px;
}



.pro_view_inner a.book {
    width: 150px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 15px;
    color: #fff;
    display: inline-block;
    background: #E77817;
    margin: 20px 0 0 0;
}



.pro-share {
    margin: 20px 0 0;
}

.pro-share .addthis_inline_share_toolbox_ysau {
    clear: none !important;
}





.pro_text {
    margin: 30px 0 0 0;
    position: relative;
}

.pro_text .tit {
    line-height: 60px;
    box-sizing: border-box;
    border-bottom: 1px solid #D9D9D9;
}

.pro_text .tit h5 {
    color: #202020;
    font-size: 18px;
    position: relative;
    text-transform: uppercase;
}

.pro_text .tit h5::after {
    content: "";
    display: block;
    background: #3364BE;
    width: 32px;
    height: 4px;
    position: absolute;
    bottom: -2px;
    left: 0;
    z-index: 1;
}



.pro-scroll {
    margin: 30px 0 0 0;
}



.pro-content {
    font-size: 15px;
    line-height: 30px;
    margin: 20px 0 0;
    color: #333;
}

.pro-content p {
    margin: 5px 0 0 0;
}

.pro-content img {
    margin: 15px 0;
    display: block;
}

.pro-content .table-response {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
}

.pro-content table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    border: 1px solid #D9D9D9;
    color: #333;
}

.pro-content table tr>th {
    padding: 8px 8px;
    line-height: 1.42857143;
    vertical-align: middle;
    border: 1px solid #D9D9D9;
    font-weight: bold;
}

.pro-content table tr>td {
    padding: 8px 8px;
    line-height: 1.42857143;
    vertical-align: middle;
    border: 1px solid #D9D9D9;
}



.pro-inquiry {
    margin: 30px 0 0;
}

.pro-inquiry h5 {
    height: 46px;
    background: #3364BE;
    box-sizing: border-box;
    color: #fff;
    line-height: 45px;
    font-size: 20px;
    padding: 0 0 0 20px;
}

.pro-inquiry .inquirbox {
    padding: 20px 20px 10px;
    border: 1px solid #DADADA;
    border-top: none;
}

.pro-inquiry .inquirbox input[type="text"],
.pro-inquiry .inquirbox textarea {
    padding: 10px 10px;
    font-size: 14px;
    border: 1px solid #D2D2CF;
    width: 100%;
    line-height: 22px;
    text-align: left;
    color: #111;
    box-sizing: border-box;
}

.pro-inquiry .inquirbox input.submit {
    line-height: 40px;
    width: 140px;
    font-size: 16px;
    margin: 0 auto;
}





.rela-pro {
    margin-top: 20px
}

.rela-pro .tit {
    height: 37px;
    line-height: 36px;
    margin: 0 0 0 0;
    border-bottom: 2px solid #E0E0E0;
}

.rela-pro .tit h5 {
    font-size: 20px;
    color: #222;
}

.rela-pro ul {
    margin: 15px 0 0 -2%;
}

.rela-pro ul li {
    float: left;
    width: 23%;
    margin: 0 0 0 2%;
}

.rela-pro ul li img {
    display: block;
    width: 100%;
    border: 1px solid #DADADA;
}

.rela-pro ul li h6 {
    font-size: 14px;
    height: 80px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    text-align: center;
    line-height: 18px;
}

.rela-pro ul li h6 a {
    color: #3b3b3b;
}

.rela-pro ul li h6 a:hover {
    color: #E77817;
}





/*contact*/



.contact {
    margin: 20px 0 0 0;
}

.contact h3 {
    font-size: 32px;
    color: #333;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
}

.contact hr {
    width: 21px;
    height: 3px;
    background: #14171A;
    margin: 20px auto 0;
}

.contact h4 {
    font-size: 16px;
    color: #666;
    text-align: center;
    margin: 15px 0 0;
}



.contact ul {
    margin: 40px 0 0 0;
}

.contact ul li {
    float: left;
    width: 25%;
    padding: 20px 15px 0;
    box-sizing: border-box;
    height: 200px;
    text-align: center;
    border-right: 1px solid #EBEBEB;
}

.contact ul li:last-child {
    border-right: none;
}

.contact ul li em {
    background: #74B2DE;
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 30px;
    color: #fff;
    border-radius: 50%;
    display: inline-block;
}

.contact ul li em i {
    font-size: 28px;
    color: #fff;
}

.contact ul li h6 {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    margin: 15px 0 0 0;
}

.contact ul li p {
    color: #444;
    margin: 10px 0 0 0;
    font-size: 15px;
    line-height: 24px;
}

.contact ul li p a {
    color: #444;
}

.contact ul li p a:hover {
    color: #E77817;
}



.contact-inquiry {
    margin: 90px 0 0;
    text-align: center;
}

.contact-inquiry h3 {
    font-size: 22px;
    color: #333;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0 0 10px 0;
}

.contact-inquiry .inquirbox {
    margin: 40px 0 0;
}

.contact-inquiry .inquirbox .row {
    margin-bottom: 15px;
}

.contact-inquiry .inquirbox input.submit {
    line-height: 40px;
    width: 140px;
    font-size: 16px;
    margin: 0 auto;
}



.linetit {
    margin: 60px 0 0 0;
}

.linetit h4 {
    position: relative;
    text-align: center;
}

.linetit h4::before {
    content: "";
    display: block;
    border-top: 1px dashed #D1CFCF;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 50%;
    z-index: 1;
}

.linetit h4 span {
    background: #fff;
    text-transform: uppercase;
    font-size: 22px;
    color: #333;
    padding: 8px 15px;
    position: relative;
    display: inline-block;
    z-index: 1;
}



.map {
    margin: 20px 0 0 0;
}

.map img {
    width: 100%;
}



/*-----分页----*/

.digg {
    padding: 20px 10px 3px 0;
    margin: 30px 0 20px 0;
    clear: both;
    line-height: 28px;
    text-align: center;
    border-top: 1px solid #ADADAD;
}

.digg a,
.digg span {
    line-height: 16px;
    padding: 7px 12px;
    margin: 0 2px;
    display: inline-block;
    border: 1px solid #bebebe;
    background: #fff;
    font-size: 14px;
}

.digg a:active {
    border: #0A5A6A 1px solid;
    color: #f18101;
}

.digg span.disabled {
    color: #fff;
    border: 1px solid #F18101;
    background: #fff;
}

.digg span.disabled,
.digg a:hover {
    background: #DD3E00;
    border: 1px solid #DD3E00;
    box-shadow: 0 1px 0 0 #fff;
    color: #fff !important;
}