html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {display: block;}
ol, ul, li, dl, dt, dd {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
table {border-collapse:collapse; border-spacing:0;}
html * {-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
*, *:after, *:before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html, body {height: 100%;}
body {font-size:100%; font-family:"微软雅黑", sans-serif; line-height:1;}
a {color:#444; text-decoration: none;}

.top {line-height: 2.2em; font-size: small; box-shadow: 0 0 3px #2E8B57; background: #F0FFF0; color: #2E8B57;}
.top p {width: 1200px; margin: auto;}
.top p span {float: right;}
.logo {width: 1200px; height: 120px; margin: auto; display: flex; justify-content: space-between; align-items: center;}
.logo a b {display: block; font-size: 32px; text-shadow: 2px 2px 1px rgba(0,0,0,.2); color: #005FB3; font-weight: bold; margin-bottom: 10px;}
.logo span b {font-size: 24px; color: #CC0000;}


nav {box-shadow: 0 0 1px #005FB3; padding: 10px 0; background: linear-gradient(#F0F8FF,#E1FFFF); }
nav ul {width: 1200px; margin: auto; border-left: 1px solid #AFEEEE; display: flex;}
nav ul li {border-right: 1px solid #AFEEEE; flex: auto; height: 26px;}
nav ul li a {text-align: center; display: block; padding: 15px 0; color: #005FB3; margin-top: -10px;}
nav ul li:hover a {background: #005FB3; color: #F0F8FF; font-weight: bold;}

.owl-carousel {position:relative; z-index:1;}
.owl-stage-outer {overflow:hidden;}
.owl-stage {-ms-touch-action:pan-Y;}
.owl-stage:after {content:""; display:block; clear:both; line-height:0; height:0;}
.owl-item {float:left;}
.owl-item img {display:block; width:100%; -webkit-transform-style:preserve-3d;}
.owl-next,.owl-prev {position:absolute; top:50%; right: 0%; overflow: hidden; height: 90px; width: 60px; margin-top: -45px; background:url("../img/next.png") no-repeat; cursor:pointer; opacity:.1;}
.owl-carousel:hover .owl-next,.owl-carousel:hover .owl-prev {opacity: 1;}
.owl-prev {left: auto; left: 0%; background:url("../img/prev.png") no-repeat;}
.owl-dots {z-index:999; position:absolute; bottom:10px; width:100%; text-align: center;}
.owl-dot {display:inline-block; zoom:1; *display:inline; cursor:pointer;}
.owl-dot span {width:10px; height:10px; margin:5px; border: 1px solid #FFFFFF; display:block; border-radius:50%;}
.owl-dot.active span,.owl-dot:hover span {background:#FFFFFF;}


.index_about {width: 1200px; margin: 30px auto; overflow: hidden;}
.index_about .left {width: 462px; float: left;}
.index_about .right {width: 691px; float: right; background: url(../img/index_about_title.png) center top no-repeat; padding: 7px 5px 0 5px;}
.index_about .right h1 {line-height: 35px; margin-bottom: 30px; padding-left: 58px; font-weight: bold; color: #FFFFFF;}
.index_about .right h1 a {float: right; margin-right: 20px; font-weight: normal; color: #666666;}
.index_about .right .content {line-height: 1.5em; color: #555555;}
.index_about .right ul {display: flex; margin-top: 10px;}
.index_about .right ul li {flex: auto; text-align: center; padding: 10px 20px;}
.index_about .right ul li a {padding: 15px; display: block; background: #005FB3; color: #FFFFFF;}


.index_product {padding: 30px 0; position: relative;}
.index_product h1 {width: 1208px; height: 73px; margin: auto; background: url(../img/index_pro_title.png) center top no-repeat; padding-top: 7px; line-height: 35px; padding-left: 58px; font-weight: bold; color: #FFFFFF;}
.index_product h1 a {float: right; margin-right: 20px; font-weight: normal; color: #666666;}

.index_product ul {margin: auto;}
.index_product ul li {float:left; width:220px; margin:15px 12px; padding: 4px; background: #FFFFFF; text-align: center; line-height: 2em; box-shadow: 0 0 1px rgba(55,0,0,.7);}
.index_product ul li:hover {box-shadow: 0 0 2px rgba(0,0,55,1);}
.index_product ul li img {width: 212px; height: 159px; display:block;}
#Left_ding,#Right_ding {width:52px; height:81px; position:absolute; left:50%; top:170px; margin-left:-672px; background:url(../img/prev.png); cursor:pointer; opacity: 1;}
#Right_ding {margin-left:620px; background:url(../img/next.png);}

.index_news {width: 1200px; margin: 40px auto; overflow: hidden;}
.index_news ul {float: left; width: 590px; border: 1px solid #e5e5e5; background: #f9f9f9; padding: 15px;}
.index_news ul:last-of-type {float: right;}
.index_news ul h1 {height: 73px; background:url(../img/index_news_title_bg.png); padding: 7px 20px 0 59px; line-height: 35px; font-weight: bold; color: #FFFFFF;}
.index_news ul h1 a {float: right; font-weight: normal; color: #666666;}
.index_news ul li {padding: 8px;}
.index_news ul li a:hover {color: #005FB3;}
.index_news ul li a span {float: right;}

.main {width: 1200px; margin:50px auto 0; overflow: hidden;}
.main .left {width: 300px; float: left;}
.main .left h1 {line-height: 40px; background: #005FB3; color: #FFFFFF; font-weight: bold; padding-left: 30px; position: relative;}
.main .left h1:after {display: block; border: 10px solid rgba(0,0,0,0); border-top: 10px solid #005FB3; position: absolute; z-index: 99; content: "";}
.main .left h1:last-of-type {margin-top: 50px;}
.main .left ul {border: 1px solid #E5E5E5; border-top: 0; padding: 30px 20px 20px;}
.main .left ul img {display: block; margin:0 auto 10px; width: 100%;}
.main .left ul p {line-height: 2em; color: #555555;}
.main .left ul li {margin-bottom: 5px; box-shadow: 0 0 2px #CCCCCC;}
.main .left ul li a {display: block; padding: 10px;}
.main .left ul li a:hover {color: #005FB3;}
.main .left ul li a span {float: right; font-family: "宋体"; font-weight: bold;}
.main .right {width: 840px; float: right;}
.main .right h1 {line-height: 40px; background: #005FB3; color: #FFFFFF; font-weight: bold; padding-left: 30px;}
.main .right h1:after {display: block; border: 10px solid rgba(0,0,0,0); border-top: 10px solid #005FB3; position: absolute; z-index: 99; content: "";}
.main .right h1 span {font-weight: normal; float: right; margin-right: 20px;}
.main .right h1 span a {color: #FFFFFF;}
.main .right .info {border: 1px solid #E5E5E5; border-top: 0; padding: 30px; min-height: 560px; overflow: hidden;}
.main .right .info p {line-height: 2em; color: #555555;}
.main .right .info li {padding: 10px; margin: 5px; border-bottom: 1px dashed #DDDDDD;}
.main .right .info li a span {float: right;}
.main .right .info h2 {text-align: center;  line-height: 50px; font-weight: bold;}
.main .right .info h3 {text-align: center; line-height: 30px;}
.main .right .info img.pic {display: block; margin: auto; max-width: 100%;}
.main .right .info dl {float: left; width: 250px; margin-right: 14px; margin-bottom: 14px;}
.main .right .info dl:nth-of-type(3),.main .right .info dl:nth-of-type(6),.main .right .info dl:nth-of-type(9),.main .right .info dl:nth-of-type(12) {margin-right: 0;}
.main .right .info dl dt img {width: 100%; display: block; border: 1px solid #DDDDDD;}
.main .right .info dl dd {text-align: center; line-height: 30px;}
.main .right .info input {display: block; width: 50%; padding: 5px; margin: 10px 0; font-size: large;}
.main .right .info input:first-of-type {width: 100%;}
.main .right .info textarea {display: block; width: 100%; padding: 5px; margin: 10px 0; font-family: "微软雅黑"; line-height: 1.5em; font-size: large;}

.info table {font-size: small; width: 100%;}
.info td {border: 1px solid #DDDDDD; padding: 5px; text-align: center;}
.main .right .info table td p {line-height: 1;}
.main .right .info p strong {font-weight: bold; color: #333333;}



.hiSlider {overflow:hidden; width:100%;}
.hiSlider li {float:left;}
.hiSlider li img {display:block; width:100%;}
.hiSlider-pages {position: absolute;z-index: 3;}
.hiSlider-btn-prev,.hiSlider-btn-next {display:none;}
.hiSlider-pages{bottom:0;right:0;text-align:right;}
.hiSlider-pages a{height:20px;width:20px;margin:0 1px;display:inline-block;overflow:hidden;font-size:12px;background:#eee; text-align:center; line-height:20px; color:#999;}
.hiSlider-pages a.active{background:#c00; color:#fff;}





.page {text-align:center; clear:both; padding:30px 0 20px;}
.page span {padding:3px 7px; margin:0 2px; border:1px solid #f60; background:#f60;}
.page span font {color:#fff;}
.page span.nolink {background:none; color:#ccc; border:1px solid #ccc;}
.page a {padding:3px 7px; margin:0 2px; border:1px solid #333;}
.page a:hover {background:#333; color:#fff;}

.footer {background:#005FB3; text-align:center; padding:25px 0; color:#FFFFFF; margin-top:50px; font-size: small;}
.footer a {color:#FFFFFF;}
.footer .dh {width:1200px; border-bottom:1px solid #FFFFFF; margin:auto; padding-bottom:15px; margin-bottom:15px;}
.footer .dh a {color:#FFFFFF; margin:0 20px;}
@media (max-width:767px) {
    .index_product h1,.index_about,.index_news,.index_about .right,.index_news ul,.footer .dh,.hiSlider li,.left,.index_about .left,.index_product ul li img,#ISL_Cont,.logo,nav ul,.main .right,.main {
        width: 100%;
    }
    .index_product {
        overflow: hidden;
    }
    .index_news ul {
        padding: 15px 0;
    }
    .banner1a  img{width: 100%;}
    .main .right .info {
        padding: 30px 0px ;
    }
    .index_product ul li {
        width: 180px;
    }
    nav ul li a {
        font-size: 12px;
    }
    .logo a b {
        padding-left: 10px;
        font-size: 28px;
    }
    .logo span,.index_news ul li a span,.main .left,.main .right .info li a span     {
        display: none;
    }
    .footer .dh a {
        margin: 0 3px;
    }
    .main .right .info dl {
        width: 48%;
        margin: 1%;
    }
    
}