#main {}

.n-tytitle { margin-top: 60px; text-align: center;}
.n-tytitle h2 { font-size: 28px; font-weight: bold;}
.n-tytitle h3 { margin: 20px auto; font-size: 16px; color: #005abc;}

.tabs { font-size: 0;}
.tabs a { display: inline-block; width: 138px; height: 38px; line-height: 38px; font-size: 18px; text-align: center; border:  solid 1px #dedede;background-color: #fff;} 
.tabs a:hover ,.tabs a.on,
.tabs2 a:hover,.tabs2 a.on,
.pages a:hover,.pages a.on { background-color: #005abc; color: #fff;} 
.tabs2 { margin: 60px auto; font-size: 0;}
.tabs2 a { position: relative; display: inline-block; margin: 10px 10px; width: 120px; height: 34px; line-height: 34px; font-size: 16px; text-align: center; background-color: #f2f2f2; border-radius: 20px;;}
.tabs2 a::after { position: absolute; top: 10%; right: -10px; content: ''; display: block; width: 0; height: 80%; border-left: solid 1px #ccc;}
.tabs2 a:nth-of-type(9)::after,.tabs2 a:nth-of-type(11)::after { display: none;}

.pages { margin: 40px auto 20px; text-align: center;}
.pages a { display: inline-block; padding: 6px 10px;}

.notice-title { height: 70px; line-height: 70px; border-bottom: solid 1px #dedede;}
.notice-title h2 {float: left; margin-top: -3px; font-size: 30px;  font-weight: normal; border-bottom: solid 2px #005bac;}
.notice-title form { float: right;}
.notice-title form .search { padding: 0 10px; width: 160px; height: 32px; line-height: 32px; border: solid 1px #dedede;outline: none; vertical-align: middle;}
.notice-title form .submit {width: 30px; height: 32px; background: url('../images/search.png') center center no-repeat #005bac; border: 0;vertical-align: middle; }
.notice-list { display: table; width: 100%; height: 120px; border-bottom: solid 1px #dedede;}
.notice-list .Info,.notice-list .Arrow { text-align: left; display: table-cell;vertical-align: middle;}
.notice-list .Info h2 {  margin-bottom: 10px; font-size: 18px; font-weight: normal; color: #333;}
.notice-list .Arrow {width: 50px; text-align: center;}
.notice-list .Arrow span { font-size: 32px;}
.notice-list .Info p,.notice-list .Arrow span { color: #666;}
.notice-list:hover .Info h2,.notice-list:hover .Info p,.notice-list:hover .Arrow span { color: rgb(52, 136, 245);}

.notice-title .tel { float: left; margin-left: 20px; font-size: 16px;}
.notice-title .tel a {color: #005abc;}

.input-box {margin: 20px auto; height: 50px;}
.input-box input,textarea,.form  input[type="submit"] { line-height: 50px; font-size: 16px; color: #999; border-radius: 8px; border: 0; background-color: #eee; outline: none;}
.input-box input { float: left;padding: 0 20px; width: 48%; height: 50px;}
.input-box input[type="email"] { float: right;}
textarea {padding: 0 20px; width: 100%;}
.form  input[type="submit"] {margin: 20px auto; width: 100%;text-align: center; color: #fff;; background-color: #005abc;}

.detailTitle {margin-top: 40px; font-size: 30px;}
.detailInfo { justify-content: space-between; align-items: center;margin: 30px auto; height: 68px; line-height: 68px;vertical-align: middle; border-top: solid 1px #dedede;border-bottom: solid 1px #dedede;}
.detailInfo p { color: #999;vertical-align: middle;}
.detailInfo p span { padding: 0 10px;}
.detailText {margin-bottom: 30px; font-size: 16px; line-height: 30px;}

#prevNext {margin: 20px auto 40px; line-height: 36px; font-size: 16px; border-top: solid 1px #dedede;}
#prevNext a { display: block;}
#prevNext .goBackList {margin: 20px 0; width: 200px; border: solid 1px #dedede; text-align: center;}
#prevNext .goBackList:hover {background-color: #005bac; color: #fff;}

.content {margin: 30px auto; padding: 30px 50px; width: 100%; border: solid 1px #dedede; background-color: #fff;}
.content-title {}
.content-title h2 { font-size: 30px; font-weight: bold;}
.content-title .line { margin-top: 16px; width: 30px; height: 0; border: solid 2px #005abc;}

#certify{position:relative;width:1200px;margin:60px auto;}
#certify .swiper-container{padding-bottom:100px}
#certify .swiper-slide{width:520px;height:398px;background:#fff;box-shadow:0 8px 30px #ddd}
#certify .swiper-slide img{display:block;}
#certify .swiper-slide p{line-height:98px;padding-top:0;text-align:center;color:#636363;font-size:16px;margin:0}
#certify .swiper-pagination{width:100%;bottom:20px}
#certify .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px;border:3px solid #fff;background-color:#d5d5d5;width:10px;height:10px;opacity:1;border-radius: 50%;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active{border:3px solid #00aadc;background-color:#fff}
#certify .swiper-button-prev{left:-30px;width:45px;height:45px;background:url(../images/wm_button_icon.png) no-repeat;background-position:0 0;background-size:100%}
#certify .swiper-button-prev:hover{background-position:0 -46px;background-size:100%}
#certify .swiper-button-next{right:-30px;width:45px;height:45px;background:url(../images/wm_button_icon.png) no-repeat;background-position:0 -93px;background-size:100%}
#certify .swiper-button-next:hover{background-position:0 -139px;background-size:100%}

.contact { margin-top: 30px;}
.contact h3 { margin-top: 60px; margin-bottom: 20px; font-size: 18px;font-weight: bold; }
.contact p,.about p { line-height: 30px; font-size: 16px;}
.about img { display:  block; margin: 20px auto;}
.about p { margin-bottom: 0px;}

.scheme-title { margin-bottom: 20px; font-size: 20px}

.details,.selectBox { width: 1200px;}
.detailsInfo {}
.detailsInfo .Img { float: left; width: 600px;}
.detailsInfo .Info {float: right; width: 550px;}
.detailsInfo .Info h1 { font-weight: bold;}
.detailsInfo .Info p {margin: 20px auto; line-height: 30px; font-size: 16px;}

.detailsTitle,.detailsTitle2 { margin: 34px auto 20px; width: 100%; height: 50px; line-height: 50px; background-color: #f2f2f2;}
.detailsTitle span,.detailsTitle2 span { display: inline-block; width: 120px; text-align: center; color: #fff; font-size: 18px; background-color: #005abc;}
.detailsTitle2 span { background-color: #f2f2f2; color: #333; cursor: pointer;}
.detailsTitle2 span.on { background-color: #005abc; color: #fff; }
.product-details { display: none;}
.product-content{width:98%; margin:0 auto; line-height:28px}
.Introduction img{ display: block; margin: 0 auto;}

#selectBox { height: 58px; border-bottom: solid 1px #dedede;}
.selectBox span {  float: left; width: 34px; height: 34px; vertical-align: middle; background: url('../images/jt.png') center center no-repeat;;}
select { float: left; padding: 0 10px; width: 218px; height: 34px; line-height: 34px; font-size: 16px; border: solid 1px #dedede; background-color: #f2f2f2;}

.product { margin-top: 30px;}
.product-box { position: relative; margin-right: 40px; width:490px; }
.gallery-top .swiper-slide { height: 480px; border: solid 5px #e3e8eb; cursor: pointer;}
.gallery-top .enlarge { position: absolute; right: 5px; bottom: 5px;}
.gallery-top .enlarge span { font-size: 34px;}
.gallery-top:hover .enlarge span { color: #005bac;}
.gallery-thumbs { margin: 20px auto; width: 427px;}
.gallery-thumbs .swiper-slide {  height: 96px; border: solid 2px #e3e8eb;position:relative; }
.gallery-thumbs .swiper-slide img,.gallery-top .swiper-slide img { max-width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.gallery-thumbs .swiper-slide.swiper-slide-thumb-active { border: solid 2px #005bac; }
.gallery-thumbs-next i,.gallery-thumbs-prev i { font-size: 24px;}
.gallery-thumbs-next,.gallery-thumbs-prev {position: absolute; left: 0; bottom: 50px; color: #005bac;}
.gallery-thumbs-next {left: auto; right: 0;}

.product-info { width: 660px;}
.product-info h1 { margin-bottom: 20px; font-size: 30px; font-weight: normal;}
.product-info p{ line-height: 42px; font-size: 16px; color: #666; }
.product-info p span { color: #333;}
.product-jj { margin-top: 30px; padding:20px 30px; background-color: #eee;}
.product-jj h2 { color: #005bac;}
.product-jj div { margin-top: 20px; line-height: 30px; font-size: 16px;}

#shade { z-index: 12; display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5);}
#playBox { position: absolute;top: 0; right: 0;bottom: 0; left: 0; margin: auto; padding:20px 40px;max-width: 860px; max-height: 700px; background-color: #fff;}
.playBox { width: 100%; height: 100%; position: relative;;}
.playBox img { max-width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.closePlay {position: absolute; right: 0; top: -4px; font-size: 42px; color: #999; cursor: pointer;}

.pages{width:100%; margin:0 auto; text-align:center;margin-top:0px; margin-bottom:30px; margin-top:15px}
/*ÌÔ±¦·ç¸ñ*/
.paginator { font: 12px "΢ÈíÑźÚ"; margin:0 auto; }
.paginator a {border:solid 1px #E3E3E3;color:#000;cursor:pointer;text-decoration:none; background-color:#FCFCFC;}
.paginator a:visited {/*padding: 1px 6px;*/ border: solid 1px #ddd; background: #fff; text-decoration: none;}
.paginator .cpb {border:1px solid #005abc;color:#FFF;background-color:#005abc; font-family:"΢ÈíÑźÚ"}
.paginator a:hover {border:solid 1px #005abc;color:#fff;text-decoration:none; background:#005abc; display:block}
.paginator a,.paginator a:visited,.paginator .cpb,.paginator a:hover  
{/*height:20px;line-height:20px;min-width:20px;_width:10px;*/margin-right:5px;text-align:center;
 white-space:nowrap;font-size:12px;font-family:΢ÈíÑźÚ;padding:5px 10px; display:inline-block;}