body {font-size: 12px;line-height: 20px;text-align: left;color: #333;font-family: "microsoft yahei";background-color: #FAFAFA;}
body,div,ul,ol,li,dl,dt,dd,span,p,h1,h2,h3,h4,h5,h6,img,form,table,tr,td,th,label,input {margin: 0;padding: 0;}
img {border: 0 none;}
ol,ul {list-style: none;}
a {text-decoration: none;color: #000;}
a:hover {color: #f00;}
ul,ol,li {list-style-type: none;}
h1,h2,h3,h4,h5,h6 {font-weight: normal;font-size: 100%;}
.font14 {font-size: 14px;line-height: 26px;color: #000000;text-decoration: none;}
.inp1 {height: 120px;width: 480px;border: 1px solid #999999;}
.inp2 {height: 28px;width: 50px;border: 1px solid #999999;}
.btn {border: 1px solid #cccccc;background-color: #ccc;CURSOR: hand;height: 28px;width: 100px;}
.space {width: 100%;height: 5px;}
.w1200 {width: 1200px;margin: 0px auto;min-height: 30px;}
.main_clear {clear: both;height: 0px;overflow: hidden;zoom: 1;}
.z1,.z2 {position: absolute;width: 100%;min-width: 1200px;}
.z1 {z-index: 11;min-width: 1200px;}
.z2 {z-index: 2;top: 160px;min-width: 1200px;}
#gopage {width: 30px;}
.page {text-indent: 10px;line-height: 40px;height: 40px;float: left;}
.page_main{text-indent: 20px;line-height: 50px;height: 50px;float: left;}
.main_left {float: left;width: 250px;border: 1px solid #FFF;background-color: #FFF;}
.left_mune_dh {font-weight: 600;width: 200px;height: 60px;line-height: 60px;font-size: 24px;color: #333;padding-left: 50px;background-color: #FFF;}
.left_mune_dhs {width: 200px;height: 30px;line-height: 30px;font-size: 14px;color: #a40137;padding-left: 50px;background-color: #FFF;border-bottom: 1px solid #EEE;}
.left_mune ul li {float: left;width: 250px;height: 50px;line-height: 50px;font-size: 14px;background-color: #FFF;border-bottom: #FAFAFA 1px solid;text-align: left;text-indent: 90px;text-decoration: none;color: #333;background-image: url(/images/titleimg.gif);background-repeat: no-repeat;background-position: 65px 14px;}
.left_mune ul li:hover {background-image: url(/images/titleimg_hover.gif);background-repeat: no-repeat;background-position: 50px 16px;}
#hot {background-color: #a40137;font-weight: 600;color: #FFF;background-image: url(/images/titleimg_hover.gif);background-repeat: no-repeat;background-position: 50px 16px;}
.left_box {width: 250px;background-color: #FFF;padding-top: 23px;}
.main_right {float: left;width: 930px;min-height: 600px;background-color: #FFF;font-size: 14px;line-height: 31px;margin-left: 10px;border: 1px solid #FFF;}
.main_right_title {padding: 20px 30px;background-color: #FFF;border-bottom: 1px solid #eee;font-size: 18px;line-height: 25px;font-weight: bold;color: #2d2d2d;}
.main_right_content {padding: 20px 20px;}
.content_box {width: 880px;margin: 0 auto; font-size: 15px; line-height: 38px;}
.content_box img {max-width: 880px;}
.photo_content_box {width: 880px;margin: 0 auto;text-align: center;}
.newslist {width: 98%;margin: 0 auto;}
.newslist ul li {line-height: 50px;height: 50px;border-bottom: solid 1px #EEE;text-indent: 10px;}
.newslist ul li a {margin-left: 20px;}
.view_title {font-weight: bold;font-size: 20px;margin: 10px 0px;text-align: center;min-height: 80px;line-height: 80px;}

.products_pic_box {border: 1px solid #FAFAFA;width: 270px;height: 260px;float: left;margin: 10px 10px;text-align: center;background: #FEFEFE;}
.products_pic_box_img_height {width: 270px;height: 220px;line-height: 220px;}
.products_pic_box img {max-width: 270px;max-height: 220px;border: 0px;text-align: center;display: inline-block;vertical-align: middle;}

.photo_pic_box {border: 1px solid #FAFAFA;width: 270px;height: 260px;float: left;margin: 10px 10px;text-align: center;background: #FEFEFE;}
.photo_pic_box_img_height {width: 270px;height: 220px;line-height: 220px;}
.photo_pic_box img {max-width: 270px;max-height: 220px;border: 0px;text-align: center;display: inline-block;vertical-align: middle;}


.business_pic_box {border: 0px solid #fbb3e1;width: 400px;height: 350px;float: left;margin: 20px 20px;text-align: center;background: #F1F1F1;}
.business_pic_box_img_height {width: 400px;height: 300px;line-height: 300px;}
.business_pic_box img {max-width: 390px;max-height: 300px;border: 0px;text-align: center;display: inline-block;vertical-align: middle;}


/* 顶部导航 */
.top_mini {width: 100%;min-width: 1200px;height: 30px;background-color: #F2F2F2;}
.top_mini_left {float: left;line-height: 28px;width: 400px;}
.top_mini_right {float: right;width: 210px;}
.top_mini_right ul li {float: left;}
.top_mini_right ul li a {float: left;width: 70px;height: 28px;line-height: 28px;text-decoration: none;color: #000;font-size: 12px;}
.topimages {width: 100%;background-color: #FFF;height: 110px;}

.logo {width: 480px;height: 110px;float: left;background-image: url(/images/logo.png);background-position: center;background-repeat: no-repeat;}
.banner {height: 100px;width: 720px;float: left;}
.banner p {font-size: 30px;color: #333;margin-top: 30px;margin-left: 480px;line-height: 40px;}
.banner u {text-decoration: none;font-size: 18px;color: #333;margin-left: 480px;}
.navbox {width: 100%;min-width: 1200px;height: 50px;background-color: #0d0146;}
.nav ul {list-style: none;}
.nav li {float: left;width: 148px;height: 50px;text-align: center;color: #eee;line-height: 50px;color: white;font-size: 16px;font-weight: bolder;}
.nav li a {color: #FFF;}
.nav ul li a {display: block;text-decoration: none;width: 148px;height: 50px;text-align: center;color: #eee;line-height: 50px;color: white;background-color: #333;}

.drop-down {position: relative;}
.drop-down:hover {position: relative;background-color: #a40137;}
.drop-down-content {padding: 0;display: none;position: absolute;filter: alpha(Opacity=80);-moz-opacity: 0.8;opacity: 0.8;}
.drop-down-content li:hover a {background-color: #000;}
.nav .drop-down:hover .drop-down-content {display: block;}

/* 首页内容 */
/* 底部 */

#footer {width: 100%;min-width: 1200px;height: 200px;padding-top: 10px;clear: both;background-color: #00253a;}
#footer_line {width: 100%;height: 5px;margin: 0 auto;background-color: #a40137;}
#footer_box {width: 1200px;margin: 0 auto;margin-top: 20px;}
#footer span {width: 1200px;height: 25px;display: block;text-align: center;color: #fff;line-height: 25px;font-size: 12px;}
#fonter_black {width: 100%;height: 30px; min-width: 1200px; background-color: #a40137;text-align: center;line-height: 30px;color: #FFF;}
#fonter_black a{color: #FFFFFF;}
/* 底部 */





/*相册切换*/

#owl-demo {
position: relative;
border: 1px solid #FAFAFA;
background: #FEFEFE;
width: 840px;
height: 640px;
margin: 20px auto 0 auto;
text-align: center;
}

#owl-demo .item {
position: relative;
display: block;
}

#owl-demo img {
display: inline-block;
max-width: 800px;
max-height: 600px;
text-align: center;
vertical-align: middle;
padding: 20px;
}

#owl-demo b {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 78px;
background-color: #000;
opacity: .5;
filter: alpha(opacity=50);
}

#owl-demo span {
position: absolute;
left: 0;
bottom: 37px;
width: 100%;
font: 18px/32px "microsoft yahei", "SimHei";
color: #fff;
text-align: center;
}

.owl-pagination {
position: absolute;
left: 0;
bottom: 10px;
width: 100%;
height: 22px;
text-align: center;
}

.owl-page {
display: inline-block;
width: 10px;
height: 10px;
margin: 0 5px;
background-image: url(/images/bg15.png);
*display: inline;
*zoom: 1;
}

.owl-pagination .active {
width: 25px;
background-image: url(/images/bg16.png);
}

.owl-buttons {
display: none;
}

.owl-buttons div {
position: absolute;
top: 50%;
width: 40px;
height: 80px;
margin-top: -40px;
text-indent: -9999px;
}

.owl-prev {
left: 0;
background-image: url(/images/bg17.png);
}

.owl-next {
right: 0;
background-image: url(/images/bg18.png);
}

.owl-prev:hover {
background-image: url(/images/bg19.png);
}

.owl-next:hover {
background-image: url(/images/bg20.png);
}
/* flash切换 */

.carousel {
position: relative
}

.carousel-inner {
position: relative;
width: 100%;
overflow: hidden
}

.carousel-item {
position: relative;
display: none;
-ms-flex-align: center;
align-items: center;
width: 100%;
transition: -webkit-transform .6s ease;
transition: transform .6s ease;
transition: transform .6s ease, -webkit-transform .6s ease;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000px;
perspective: 1000px
}

@media screen and (prefers-reduced-motion:reduce) {
.carousel-item {
transition: none
}
}

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
display: block
}

.carousel-item-next,
.carousel-item-prev {
position: absolute;
top: 0
}

.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
-webkit-transform: translateX(0);
transform: translateX(0)
}

@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {
.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}

.active.carousel-item-right,
.carousel-item-next {
-webkit-transform: translateX(100%);
transform: translateX(100%)
}

@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {
.active.carousel-item-right,
.carousel-item-next {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
}

.active.carousel-item-left,
.carousel-item-prev {
-webkit-transform: translateX(-100%);
transform: translateX(-100%)
}

@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {
.active.carousel-item-left,
.carousel-item-prev {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
}

.carousel-fade .carousel-item {
opacity: 0;
transition-duration: .6s;
transition-property: opacity;
}

.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right,
.carousel-fade .carousel-item.active {
opacity: 1
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
opacity: 0
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev,
.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active {
-webkit-transform: translateX(0);
transform: translateX(0)
}

@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev,
.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.carousel-control-next,
.carousel-control-prev {
position: absolute;
top: 0;
bottom: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
width: 15%;
color: #fff;
text-align: center;
opacity: .5
}
.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
color: #fff;
text-decoration: none;
outline: 0;
opacity: .9
}
.carousel-control-prev {
left: 0
}
.carousel-control-next {
right: 0
}
.carousel-control-next-icon,
.carousel-control-prev-icon {
display: inline-block;
width: 20px;
height: 20px;
background: transparent no-repeat center center;
background-size: 100% 100%
}
.carousel-control-prev-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")
}
.carousel-control-next-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")
}
.carousel-indicators {
position: absolute;
right: 0;
bottom: 10px;
left: 0;
z-index: 15;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
padding-left: 0;
margin-right: 15%;
margin-left: 15%;
list-style: none
}
.carousel-indicators li {
position: relative;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
width: 30px;
height: 3px;
margin-right: 3px;
margin-left: 3px;
text-indent: -999px;
background-color: rgba(255, 255, 255, .5)
}
.carousel-indicators li::before {
position: absolute;
top: -10px;
left: 0;
display: inline-block;
width: 100%;
height: 10px;
content: ""
}
.carousel-indicators li::after {
position: absolute;
bottom: -10px;
left: 0;
display: inline-block;
width: 100%;
height: 10px;
content: ""
}
.carousel-indicators .active {
background-color: #fff
}
.carousel-caption {
position: absolute;
right: 15%;
bottom: 20px;
left: 15%;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
text-align: center
}