@charset "utf-8";
@import url("styles.css");
/*
   * wx/qq.465320335 *
   * http://e.xoabc.com/ *
   * Released on: 2020,06,28 *
*/  

/* head */
.header {
   width: 100%;
   border-top: 1px solid #0795e9;
}
.header .top {
   width: 100%;
   border-bottom: 1px solid #ccc;
}
.header .tel {
   background: url(/images/tel.jpg) left top no-repeat;
   padding: 0 0 0 78px;
   color: #333;
   line-height: 68px;
   font-family: impact;
   margin-top: 19px;
}
.header .naver {
   width: 100%;
   background-color: #333;
}
.header .naver ul {
   padding-left: 1px;
}
.header .naver li {
   float: left;
   border-right: 1px solid #fff;
   position: relative;
}
.header .naver li:last-of-type {
   border: none;
}
.header .naver li a {
   display: block;
   color: #fff;
   padding: 15px 45px;
}
.header .naver li a:hover,
.header .naver li a.on {
   background-color: #d96f2c;
}
.header .naver li .subnav {
   display: none;
   position: absolute;
   top: 49px;
   width: 100%;
   background-color: #000;
   z-index: 99999;
}
.header .naver li .subnav a {
   padding: 11px 0;
   border-top: 1px solid #fff;
}
.header .naver li:hover .subnav {
   display: block;
}
.slide {
   padding: 20px 0;
}

/* main */
.main {
   width: 1250px;
   margin: 0 auto;
}

/* wrapper */
.wrapper {
   width: 100%;
}
.wrapper .abouts {
   padding: 27px 30px;
   height: 179px;
   background: url(/images/ab.png) center no-repeat;
}
.wrapper .a_box {
   width: 73%;
}
.wrapper .a_title {
   border-bottom: 1px dashed #888;
   color: #00f;
   padding-bottom: 9px;
}
.wrapper .a_title a,
.wrapper .p_title a {
   color: #00f;
}
.wrapper .a_title a:hover,
.wrapper .p_title a:hover {
   color: #d96f2c;
}
.wrapper .a_title span,
.wrapper .p_title span {
   display: block;
   text-transform: uppercase;
}
.wrapper .a_info {
   padding-top: 8px;
}

.wrapper .a_pic {
   width: 25%;
   height: 185px;
   overflow: hidden;
   background-color: blue;
   margin-top: -2px;
}
.wrapper .a_pic img {
   max-width: 100%;
}
.wrapper .products {
   padding: 0 32px;
   background: url(/images/bb.jpg) center top no-repeat;
   margin-top: 5px;
   min-height: 665px;
}
.wrapper .p_title {
   padding: 32px 0 0;
}
.wrapper .p_title span {
   color: #00f;
}
.wrapper .p_box {
   padding: 20px 0;
}
.wrapper .p_left {
   width: 270px;
}
.wrapper .p_right {
   width: 890px;
}
.wrapper .p_right li {
   float: left;
   width: 31.33333%;
   margin: 0 2% 1.5% 0;
}
.wrapper .p_right li div {
   height: 220px;
   border: 1px solid #ccc;
   overflow: hidden;
   background-color: #fff;
}
.wrapper .p_right li div img {
   max-width: 100%;
   max-height: 100%;
}
.wrapper .p_right li a span {
   display: block;
   color: #000;
   padding: 11px 0 2px;
}
.wrapper .p_right li:hover span,
.wrapper .n_bt span a:hover {
   color: #F63;
}
.wrapper .news {
   padding: 35px 5px;
   margin-right: -3.33333%;
}
.wrapper .n_box {
   width: 30%;
   margin-right: 3.33333%;
}
.wrapper .n_bt {
   border-bottom: 1px solid #0795E9;
   padding: 0 0 9px 8px;
}
.wrapper .n_bt span {
   display: block;
   text-transform: uppercase;
}
.wrapper .n_bt span a {
   display: inline-block;
   color: #000;
   padding-top: 2px;
}
.wrapper .n_list {
   padding-top: 3px;
}
.wrapper .n_list li {
   border-bottom: 1px dotted #ccc;
   text-indent: 9px;
}
.wrapper .n_list li a {
   color: #000;
   display: block;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
}
.wrapper .n_list li a:hover {
   color:#D96F2C;
   font-weight: bold;
}

/* cols */
.cols {
   width: 100%;
   padding-bottom: 30px;
}
.cols_left {
   width: 270px;
}
.cols_right {
   width: 938px;
   min-height: 600px;
   border: 1px solid #999;
   border-top: 6px solid #0066a8;
   padding: 15px 20px 20px;
}
.cols_right h1 {
   text-align: center;
   padding: 25px 0 5px;
}
.cols_bt {
   border-bottom: 1px solid #bfbfbf;
   text-align: right;
   color: #777;
   padding-bottom: 12px;
}
.cols_bt a {
   color: #777;
}
.cols_bt a:hover,
.cols_info a:hover {
   color: #F63;
}
.cols_info {
   padding: 20px 0;
   color: #333;
}
.cols_info a {
   color: #333;
}
.cols_info img {
   max-width: 100%;
}
.cols_info table {
   border-collapse:collapse;  
   border-spacing:0px; 
   width: 100% !important;
   text-align: center;
   font-size: 14px;
   line-height: 35px;
   background: none;
}
.cols_info table,
.cols_info tr,
.cols_info td {
   border: 1px solid #ccc;
}
.cols_info td p {
   word-break:break-all;
}
.cols_pic {
   padding: 25px 0;
}
.cols_pic img {
   max-width: 100%;
}



/* news */
.newslist {
   padding: 0 0 15px;
}
.newslist li {
   padding: 12px 12px 13px;
   border-bottom: 1px solid #f1f1f1;
   overflow: hidden;
}
.newslist li .npic {
   width: 23%;
   overflow: hidden;
}
.newslist li .npic img {
   width: 100%;
}
.newslist li .ndesc {
   width: 100%;
   padding-top: 10px;
}
.newslist li .ndesc span {
   display: block;
}
.newslist li .ndesc span.bt a {
   color: #333;
}
.newslist li .ndesc span.bt a:hover {
   color: #0f81ca;
}
.newslist li .ndesc span.bt i {
   display: inline-block;
   font-size: 13px;
   padding-left: 15px;
   color: #666;
}
.newslist li .ndesc span.time {
   color: #aaa;
   padding: 15px 0;
}
.newslist li .ndesc span.info {
   color: #999;
   padding-top: 8px;
}

/* photo */
.photos {
   padding: 20px 0 25px;
}
.photos ul {
   margin-right: -2%;
}
.photos li {
   float: left;
   width: 31.33333%;
   margin: 0 2% 1.5% 0;
}
.photos li div {
   height: 250px;
   line-height: 248px;
   border: 1px solid #ccc;
   overflow: hidden;
   background-color: #fff;
}
.photos li div img {
   max-width: 100%;
   max-height: 100%;
}
.photos li a span {
   display: block;
   color: #000;
   padding: 11px 0 2px;
}
.photos li:hover span {
   color: #F63;
}

/* info */
.p_info {
   padding: 25px 0;
}
.p_info_bt {
   border-bottom: 1px solid #ccc;
   padding-bottom: 15px;
}
.p_info_pic {
   width: 66%;
   margin: 0 auto;
   padding: 25px 0 30px;
   position: relative;
   overflow: hidden;
}
.p_info_pic .bigImg {
   height: 450px;
   margin-bottom: 10px;
   position: relative;
   overflow: hidden;
   border: 1px solid #ccc;
}
.p_info_pic .bigImg li.p_pics {
   width: 100%;
   height: 450px;
   line-height: 448px;
   text-align: center;
   overflow: hidden;
   background-color: #fff;
}
.p_info_pic .bigImg li img {
   max-width: 100%;
   max-height: 100%;
   vertical-align: middle;
}
.p_info_pic .smallScroll {
   width: 100%;
   height: 76px;
   position: relative;
} 
.p_info_pic .smallImg {
   float: left;
   width: 100%;
   overflow: hidden;
   margin-left: 20px;
}
.p_info_pic .smallImg ul {
   width: 9999px;
   height: 80px;
   overflow: hidden;
}
.p_info_pic .smallImg li {
   float: left;
   margin: 0 3px;
   width: 108px;
   height: 78px;
   line-height: 76px;
   cursor: pointer;
   border: 1px solid #ccc;
}
.p_info_pic .smallImg li img {
   max-width: 108px;
   max-height: 78px;
}
.p_info_pic .smallImg li.on img {
   opacity: 0.8;
}
.p_info_pic .smallImg li.on {
   border: 1px solid #3385b9;
}
.p_info_pic .sPrev,
.p_info_pic .sNext {
   position: absolute;
   top: 0;
   height: 80px;
   line-height: 80px;
   width: 18px;
   background: #3385b9;
   color: #fff;
   overflow: hidden;
   z-index: 999;
   text-align: center;
}
.p_info_pic .sPrev {
   left: 0;
}
.p_info_pic .sNext {
   right: 0;
}
.p_info_tab {
   padding: 0;
}
.p_info_tab .hd {
   background-color: #f6f6f6;
   border-bottom: 2px solid #3385b9;
}
.p_info_tab li {
   float: left;
   padding: 11px 25px 10px;
   cursor: pointer;
}
.p_info_tab li.on {
   background-color: #3385b9;
   color: #fff;
}


/* pages */
.n_pages {
   padding: 10px 0 30px;
}
.n_pages a {
   display: inline-block;
   background-color: #eee;
   color: #666;
   padding: 5px 8px;
   margin: 0 2px;
}
.n_pages a:hover,
.n_pages a.page-num-current {
   background-color: #0f81ca;
   color: #fff;
}
.n_pages span.page-status {
   background-color: #eee;
   color: #666;
   padding: 4px 8px;
   margin-right: 2px;
}

.n_next {
   border-top: 1px solid #ccc;
   padding: 15px;
   color: #555;
}
.n_next a {
   color: #555;
}
.n_next a:hover {
   color: #0f81ca;
}

/* left */
.left {
   background-color: #fff;
   border: 1px solid #999;
   border-right: 0;
   border-top: 0;
}
.left_bt {
   text-transform: uppercase;
   padding: 18px 0 16px 25px;
   border-bottom: 1px dashed #999;
   border-top: 6px solid #0066a8;
}
.left_bt span {
   display: block;
}
.left_list {
   background-color: #3385b9;
}
.left_list h3 {
   font-weight: normal;
   font-size: 14px;
   border-bottom: 1px dashed #999;
   padding: 13px 15px 13px 25px;
   cursor: pointer;
}
.left_list ul {
   display: none;
}
.left_list li a {
   color: #000;
   display: block;
   background-color: #ccc;
   padding-left: 40px;
   border-bottom: 1px dashed #999;
}
.left_list li a:hover,
.left_list li a.on {
   background-color: #ddd;
   color: #007ece;
}
.left_lx {
   padding: 16px 25px;
}


/* message */
.message {
   padding: 0 0 30px
}
.message .msg {
   padding: 15px 16% 0;
   margin: 0 auto;
}
.message .msg li {
   position: relative;
   margin: 12px 0
}
.message .msg li input,.msg li textarea {
	border-radius: 2px;
	border: 1px #ccc solid;
	padding: 10px;
	font-size: 13px;
   width: 95.8%;
   color: #666;
}
.message .msg li textarea {
	height: 80px
}
.message .msg li img {
	display: block;
	position: absolute;
	right: 10px;
	z-index: 999;
   bottom: 3px;
   cursor: pointer;
}
.message .msg li button {
	width: 100%;
	border: 0 none;
	background: #3385b9;
	color: #fff;
	padding: 10px 0;
	font-size: 16px;
	border-radius: 2px;
	cursor: pointer;
	margin-top: 20px;
	font-weight: bold
}
.message .msg li:hover button {
	background: #0066a8
}

/* footer */
.footer {
   width: 100%;
}
.footer .copy {
   background-color: #333;
   padding: 16px 0;
}
.footer .foot {
   color: #222;
   padding: 8px 0 5px;
}
.footer .foot a {
   color: #222;
}
.footer .foot a:hover {
   color: #d96f2c;
}
.footer .link {
   height: 30px;
   overflow: hidden;
}
.footer .link a {
   padding: 0 10px 0 5px;
   color: #333;
   display: block;
}
.footer .link span {
   display: block;
}
.footer .link_list {
   width: 93%;
   position: relative;
   overflow: hidden;
   height: 18px;
   line-height: 16px;
}
.footer .link_list li {
   display: inline-block;
   padding: 0 8px 0 0;
}


input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
   color: #aaa;
   font-size: 14px;
}
p#back-to-top{
   position: fixed;
   display: none;
   bottom: 30px;
   right: 30px;
}
p#back-to-top a {
   text-align: center;
   display: block;
   height: 30px;
   width: 30px;
   line-height: 38px;
   border: 1px #0867a4 solid;
   color: #0867a4;
   overflow: hidden;
}
p#back-to-top a:hover {
   color: #fff;
   border-color: #0867a4;
   background-color: #0867a4;
}