@font-face {
font-family: opensans;
src: url('../fonts/opensans.ttf')
}
@font-face {
font-family: Montserrat-Bold;
src: url('../fonts/Montserrat-Bold_0.ttf')
}

[class^="bi-"]::before,
[class*=" bi-"]::before {
  vertical-align:middle;
}

body{ font-family:"opensans", Arial, Helvetica, sans-serif; font-size:14px;}
.xcontainer img{ max-width:100%;}
a{ color:#333;}
a:hover{ color:#ffcb01; text-decoration:none;}
h1,h2,h3,h4,h5,h6{ font-family: Montserrat-Bold;}
.top{ background:#1e1d24; color:#fff; font-size:13px;padding:5px 0;}
.social-list{ font-size:16px;}
.social-list a{ color:#fff; margin:0 5px;}
.site-header{ background:#fff; box-shadow:0 3px 2px rgba(0,0,0,0.1);}

.navbar-nav{ text-transform:uppercase; font-size:15px; font-weight:bold;}

.main_menu {padding:0; margin:0; width:auto; display:inline-block; float:right; }
.main_menu li{ list-style:none; padding:0; margin:0;}

.main_menu > li{ float:left; font-size:14px;}
.main_menu > li > a{ display:block;float:left; text-transform:uppercase; font-weight:bold; padding-left:1.5rem;padding-right:1.5rem;}
/*.main_menu li span{ display:block; width:2px; height:38px; float:left;}*/
.main_menu > li > a:hover{ text-decoration:none; }
.main_menu > li.active > a,.main_menu > li > a.now{ }
.main_menu > li:first-child a{ margin-left:-1px;}
.main_menu > li > .nav-sub{ position:absolute; left:0; top:56px; min-width:100%; background:#fff; margin:0; padding:10px 0; border-top:50px solid transparent; display:none;}
.main_menu li > ul > li{ margin-left:25px; height:auto; float:none; width:100%; display:block;}
.main_menu li > ul > li a{ padding:0; line-height:22px; float:none;}
/*.main_menu > li:hover > .nav-sub{ display:block; box-shadow:0 8px 6px -3px #666;}
.main_menu > li > .nav-sub .pageMenu{ text-align:center; border-right:1px solid #ddd;}
.main_menu > li > .nav-sub .pageMenu ul{ display:inline-block; text-align:left;}
.main_menu > li > .nav-sub .pageMenu a{ display:block; margin: 10px 0;}
.main_menu > li > .nav-sub .pagemPic{ text-align:center; margin-bottom:15px;}*/

.navbar-toggle {
    display: none;
	color:#fff;
	font-weight:bold;
	position:absolute;
	top:10px;
	right:10px;
	font-size:28px;
	background-color:transparent;
	border:0;
	color: #333;  
} 


.searchtop{ cursor:pointer;}
.search-send{ padding:20px 0;  background-color:#f2f2f2; display:none; position:relative; top:100%;}
.search-send.on{ display:block;}
.search-send .close{ position:absolute; top:25px; right:2%; cursor:pointer; }
.search-send .close .fa{font-size:30px;}
.search-send .close:hover{ color:#ffcb01}

.home-top { color:#fff; position:fixed; top:10px; left:0; width:100%; z-index:8;}
.home-top a{ color:#fff;}
.home-top a:hover{ color:#ffcb01;}
.home-top .dropdown-menu a{ color:#333}

.home-top.fixed-top{ background:rgba(28,28,28,0.85); z-index:999;top:0;}

.home-fix{ display:none;}

#index-slide,.carousel-item{ 
position: relative;
width: 100%;
 background:#f0f0f0;
}
@media (min-width: 1200px) {
  #index-slide,#index-slide .carousel-item{ 
height: calc(100vh);
overflow: hidden;
}
}
.carousel-caption {
	top:50%;
	bottom:auto;
    left: 20%;
	max-width:600px;	
	transform:translate(0,-50%);
    z-index: 10;
	height:auto;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}
.carousel-caption h2{ font-size:2.8rem; text-transform:capitalize; font-weight:bold; text-shadow:1px 1px 5px 10px rgba(0,0,0,0.8)}

.about-index { background:#262626 url(../images/aboutbgimg.jpg) no-repeat center 0; color:#fff;}
.about-index .mask{ background:rgba(0,0,0,0.2)}
.about-index .abouttxt { font-size:16px; line-height:1.8;}
.home-block-feature{ text-align:center;}
.home-block-feature .col-12{ border:1px solid #999;}
.fitem{ position:relative; padding:3rem 0; padding-left:80px; display:inline-block; margin:0 auto; text-align:left;}
.fitem img{ position:absolute; top:50%; left:0; transform:translateY(-50%) ; border:1px solid #fff; border-radius:50%;  filter: grayscale(100%) brightness(300%);}
.fitem span{ display:inline-block;}
.fitem h4{ font-size:36px;font-family:"Montserrat-Bold";}
.fitem span.subject{ font-size:16px;display:block; }

.btn-border-white{ color: #fff; border:2px solid #fff; background-color:transparent; padding:0.8rem 1.8rem;}
.btn-border-white:hover{ background-color:#ffcb01; border-color:#ffcb01; color:#fff;}

.btn-border-yellow{ color: #eda41a; border:2px solid #eda41a; background-color:transparent; padding:0.8rem 1.8rem;}
.btn-border-yellow:hover{ background-color:#eda41a; border-color:#eda41a; color:#fff;}

.order-form p{ }
.order-form .borderBox{position:relative; border-bottom:1px solid #555; padding-bottom:10px; line-height:2}
.order-form .borderBox label{ position:absolute; top:0; left:0; font-weight:bold;}
.order-form .form-borderBT{ border:0; width:100%;}
.order-form .form-borderBT:hover,.order-form .form-borderBT:focus{ border:0;}
.order-form .borderBox#btn-subject{ padding-left:80px;}
.order-form .borderBox#btn-email{ padding-left:100px;}
.order-form .borderBox#btn-company{ padding-left:120px;}
.order-form .borderBox#btn-name{ padding-left:100px;}
.order-form .borderBox#btn-tel{ padding-left:50px;}
.order-form .borderBox#btn-fax{ padding-left:50px;}
.order-form .borderBox#btn-content{ padding-left:90px;}

.left-line-ma{ position:relative; padding-left:5%; line-height:1 !important; margin-bottom:6%}
.left-line-ma:before{ content:""; position:absolute; top:0; left:0; width:2px; height:100%; background:#eda41a;}

.home-news{ background:url(../images/shouye_bg11.jpg) no-repeat right top;}

    .articleItem{  position:relative;  margin:30px auto 20px;border:1px solid #eee;  background:#f3f1f1; }
    .articleItem .pic{ position:relative; padding-top:calc(352/411 * 100%); overflow:hidden;background:#eee;}
    .articleItem .pic img{ position:absolute; top:0; left:0;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
    .articleItem .pic:hover img{ transform:scale(1.1,1.1); opacity:0.8}
    .articleItem .content{ padding:10px 0;color:#555; margin:0 15px; font-size:16px;}
    .articleItem .content h4{ font-size:24px; line-height:1.5 }
	
    .articleItem .meta{margin:0 15px; padding-top:10px; color:#888; font-size:14px;}
    .articleItem .meta .date{ display:inline-block; margin-right:20px;}
    .articleItem:hover{ box-shadow:3px 3px 7px #ccc;}
	
.comm-tit{ font-size:36px; text-align:center;}
.footer{ background:#1c1c1c; color:#fff; line-height:2}
.footer h5{ font-size:16px; font-weight:normal; margin-bottom:16px;}
.footer .text-muted{ font-size:14px; margin-right:20px; display:inline-block; min-width:110px;}
.form-control-bt{ min-width:200px; width:100%; background:none; border:0; border-bottom:1px solid #898989 ; margin-bottom:15px; color:#888888;font-size:14px; }
.submit-bottom{ color:#898989; background:none; border:1px solid #898989; padding:5px 12px; margin-top:12px;}
.submit-bottom:hover{ color:#fff; background:#eda41a; border:1px solid #eda41a;}

.fshare a{ font-size:12px; color:#6c757d; margin:0 5px; display:inline-block; width:30px; height:30px; line-height:26px; text-align:center; border:1px solid #45494f; border-radius:50%}
.fshare a:hover{ background-color:#eda41a;border:1px solid #eda41a; color:#fff;}
.fshare a i:before{ vertical-align:middle;}

.case{ }
.cat-search{ background:#2f2f2f; color:#fff;}
.height40input{ line-height:40px; background:#fff; border:0; min-width:300px; height:40px; padding:0 5px; font-size:14px; color:#666; max-width:calc(100% - 50px)}
.search-ico{ height:40px; line-height:40px; background:#fff; border:0;color:#666; margin-left:-5px; padding:0 10px; }

.fold_wrap{width:100%;height:700px;margin:0 auto 0 auto;overflow:hidden; padding:0;}
.fold_wrap li{float:left;width:20%;height:700px;position:relative;overflow:hidden;cursor:pointer; list-style:none; margin:0; padding:0;}
.fold_wrap li .mask_b{position:absolute;overflow:hidden;width:100%;height:100%;right:0px;top:0px; text-align:right;background:rgba(0,0,0,.5);_background:#B2B2B2;}
.fold_wrap li.active .mask_b{background:none;}
.fold_wrap li .mask_b h4{color:#fff;width:100%;margin:0 auto;display:block; font-size:24px; line-height:26px;position:relative; font-weight:normal; text-align:center;}
.fold_wrap li.big{width:875px;}
.i_how_n1{ top:15%;}
.pic_auto{width:100%;height:100%;}

#case02{ display:none;}

.partner-full{ background:#1f242c url(../images/shouye_03.png); border-bottom:4px solid #ffcb01}
.parnter-item{ text-align:center; padding:5em 0;}
.parnter-item:hover{ background:#eda41a;}


.page-banner{ height:350px; background-position:center center; background-repeat:no-repeat; background-size:cover; position:relative; color:#fff;}
.page-banner .mask{ position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.6); z-index:1;}
.page-banner .container{ position:relative; z-index:2; text-align:center; height:calc(100%)}
.page-banner h2{ font-size:36px; font-family:"Montserrat-Bold"; text-transform:capitalize; position:absolute; top:50%; left:0; transform:translate(0,-50%); }
.page-banner .location{  color:#fff; position:absolute; bottom:10%; right:2px;}
.page-banner .location a,.page-banner .location span{ color:#fff; margin:0 8px;}
.page-banner .location a:hover{color:#eda41a;}

.home-power .row .col-6{ background:rgba(0,0,0,0.1)}
.home-power .row .col-6:nth-child(2){background:rgba(0,0,0,0.14)}
.home-power .row .col-6:nth-child(3){background:rgba(0,0,0,0.18)}
.home-power .row .col-6:nth-child(4){background:rgba(0,0,0,0.22)}
.home-power .poweritem{ padding:4rem 0 3rem 4rem; }
.home-power .poweritem .bi{ width: 1em; height: 1em; font-size:3em; margin-bottom:0.5em;}
.home-power .poweritem h4{font-family:"Montserrat-Bold"; font-size:18px; position:relative; color:#222; padding-bottom:1.5rem;}
.home-power .poweritem h4:after{ content:""; position:absolute; left:0; bottom:0; border-bottom:1px solid #999; width:150px;}
.home-power .poweritem:hover{ color:#eda41a}

.about-page{ background:url(../images/aboutpageimg.jpg) no-repeat right center;}
.line18{ line-height:1.8}

.titleYellowLineBt{ font-size:48px; padding-bottom:20px; position:relative;}
.titleYellowLineBt:after{ content:""; position:absolute; bottom:0; left:0; width:60px; height:4px; background-color:#eda41a}
	
	.sidebar{ max-width:255px;}
.sideMenu{ background:#f7f7f7; border:1px solid #e0e0e0; list-style:none; font-size:14px; padding:0; margin:0}
.sideMenu li{ margin:0;border-bottom:1px solid #e0e0e0; position:relative;}
.sideMenu li a{ display:block; padding:8px 15px 8px 25px; }
.sideMenu li a:hover{ background:#fff; }
.sideMenu li:before{ content:""; position:absolute; top:50%; left:0; width:3px; height:15px; margin-top:-7px; background:#f18001;}

.menuOne h2 a.btn{ font-size:14px; font-weight:bold; background:#f7f7f7 url(../images/xiaosanjiao.png) no-repeat 13px -19px; padding-left:25px;}
.menuOne h2 a.btn.collapsed{ background-position:13px 13px}
.menuOne h2 a.btn i:before{ vertical-align:middle}
.menuOne h2 a.btn:hover{ color:#f18001;}
.sideMenu2{ background:#fff; list-style:none; font-size:14px; padding:0; margin:0}
.sideMenu2 li{ margin:0;border-top:1px solid #e0e0e0; position:relative;}
.sideMenu2 li a{ display:block; padding:8px 15px 8px 20px; }
.sideMenu2 li a:hover{ background:#fff; }
.sideMenu2 li:before{ content:""; position:absolute; top:50%; right:0; width:3px; height:15px; margin-top:-7px; background:#f18001;}


.side-contact{ border:1px solid #e0e0e0;}
.side-contact h5{ padding:8px 20px; border-bottom:1px solid #e0e0e0; font-size:16px;}
.side-contact .con-rows{ margin:10px 20px; position:relative; font-size:14px; padding-left:18px;}
.side-contact .con-rows i{ position:absolute; top:-3px; left:0;}
.side-contact .con-rows h6{ font-size:15px; margin-bottom:0; margin-top:0;}
.side-contact .con-rows p{ color:#888;}

.text-header{ text-align:center; font-size:30px; margin-bottom:1.25rem;}

.dhead p{ font-size:18px; padding-left:12px; border-left:2px solid #ffcb01; color:#ffcb01; line-height:1; margin-bottom:20px;}

.page-contact-info{ color:#666; font-size:16px;}
.page-contact-info li{ position:relative; padding-left:30px; min-height:30px; line-height:1.8; margin:5px 0 20px;}
.page-contact-info li i{ position:absolute; top:0; left:0; display:inline-block; color:#ffcb01; }

.post-head h1{ font-size:30px;font-family:"Montserrat-Bold";}
.post-meta{ text-align:center; margin:30px auto; color:#616161;}
.post-meta span{ margin:0 15px;}
.post-meta .bi{  color:#eda41a; margin-right:7px;}
.postbody{ margin-bottom:40px; font-size:16px; line-height:1.8; color:#555;}
.postbody p{ margin-bottom:20px;}

.postFooter{ border-bottom:1px solid #ccc;}
.postShare{ font-size:21px;}
.postShare a{ margin:0 10px;}

.yellowLineCenter{ margin:0 auto; width:60px; height:5px; background:#eda41a}
.yellowLine{ width:60px; height:5px; background:#ffaa30}

.doublebg{ background:#ffaa30; position:relative;}
.doublebg:after{ content:""; position:absolute; right:0; top:0; width:50%; bottom:0; background:#757575; z-index:1;}
.doublebg .container{ background:#757575;}
.doublebg .container .proDesTit{ background:#ffaa30; display:inline-block; margin-bottom:0; color:#fff; padding:2.2% 10%; font-size:28px;}

.page-link {
    color: #333;
}
.page-link:hover {
  color: #f18001;
}
.page-item.active .page-link {
    background-color: #f18001;
    border-color: #f18001;
}
.down-it{ background:#f2f2f2; border-top:5px solid #f18001}
.down-it h3{ font-size:14px; position:relative; padding:12px 10px ; border-bottom:1px solid #ccc;}
.down-it h3 i{ position:absolute; right:9px; top:8px; color:#bbb;}
.down-it p{ padding:10px 10px 1.5rem; font-size:14px;vertical-align:text-top}
.down-it p a{color: #f18001;}
.down-it p a:hover{ text-decoration:underline; }

.proItem { border:1px solid #ddd; padding-bottom:20px; margin-bottom:35px;}
.proItem h3{ font-size:20px; text-align:center; border-bottom:1px solid #ddd; padding:20px 20px;}
.proItem .pic{ text-align:center; padding:20px 10px; height:250px; width:100%;}
.proItem .pic a{ width:100%;}
.proItem .des{ color:#616161; font-size:14px; line-height:1.5; padding:10px 20px;}
.proItem .des p{ margin-bottom:10px;}
.proItem .link{padding:0 20px 20px 20px;}
.proItem .link a{ display:inline-block; border:1px solid #ddd; padding:5px 20px; border-radius:15px;}
.proItem .link a:hover{ background:#eda41a; color:#fff;border:1px solid #eda41a;}

/* faq */
.panel.panel-faq { box-shadow:none;}
.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
    border-top: 0 solid #ccc;	
}
.panel-faq .panel-heading {
    padding: 10px 0 10px 30px;
	position:relative;	
	margin-top:10px;
	border-bottom:1px solid #ccc;
}
.panel.panel-faq i.bi{ vertical-align:text-top;}
.panel-faq .panel-heading .panel-title{font-size:16px;}
.panel-faq .panel-heading i.yell{ position:absolute; top:5px; left:0;  color:#f18001; font-size:20px; }
.panel-faq .panel-body{ padding:0 0 0; position:relative; font-size:14px;}
.panel-faq .panel-body table td{ background:#f2f2f2; padding-top:5px; padding-bottom:5px; padding-left:30px; border-top:2px solid #fff;}

.news-col{}

.pro-info{ box-shadow:0 5px 5px #ddd; font-size:16px; line-height:1.8;}

.picFocus *{
	-webkit-transition:none;
-moz-transition: none;
-o-transition: none;
transition: none;
}
.picFocus{ position: relative; overflow: hidden; padding: 0 8px 8px 0; max-width:520px;}
.picFocus .bigImg{position: relative; padding:0; margin:0; margin-bottom: 15px; }
.picFocus .bigImg li{position: relative; list-style:none;}
.picFocus .bigImg li img{ vertical-align:middle; max-width:100%; height:auto; margin: 0 auto; padding: 0; display:block;}
.picFocus .smallScroll{ height: 95px; margin-bottom: 6px; position:relative;}
.picFocus .sPrev,.picFocus .sNext{ position:absolute; top:0; left:0; display: block; width: 24px; line-height:90px; font-size:30px; color:#888;}
.picFocus .sPrev{margin-right: 5px;}
.picFocus .sNext{ left:auto; right:0;}
.picFocus .sPrev:hover,.picFocus .sNext:hover{ color:#eda41a;}
.picFocus .smallImg{  margin: 0 auto; display:block; overflow: hidden; width:calc(100% - 70px);}
.picFocus .smallImg ul{ width: 9999px; overflow: hidden;  padding:0; margin:0;}
.picFocus .smallImg ul *{-moz-box-sizing: content-box; -webkit-box-sizing: content-box; -o-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box;}
.picFocus .smallImg li{ float: left; cursor:pointer;  display: inline; list-style:none;}
.picFocus .smallImg img{ border: 1px solid #ddd; width:110px; margin: 0; padding: 0; margin: 10px 10px 10px 10px;}
.picFocus .smallImg .on img{ border-color: #eda41a; }


.btn-warning {
  color: #fff;
  background-color: #ffcb01 !important;
  border-color: #ffcb01 !important;
}

.btn-warning:hover {
  color: #fff;
  background-color: #f18001 !important;
  border-color: #f18001 !important;
}

.btn-warning:focus, .btn-warning.focus {
  color: #fff;
  background-color: #d74d28;
  border-color: #d74d28;
  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}

.cat-menu a{ display:inline-block; padding:1.5% 3%; border:1px solid #eda41a; margin:3% 1%; border-radius:35px; font-weight:bold; font-size:20px;}
.cat-menu a:hover{ background:#eda41a; color:#fff;}

.font16{ font-size:16px;}

.nav-tabs-line{ font-size:18px;}
.nav-tabs-line li{ padding:0 1rem;}
.nav-tabs-line a.active, .nav-tabs-line .nav-item.show a{
    color: #495057;
	border-bottom:3px solid #d74d28;	
}
.nav-tabs-line a{
    display: block;
    padding: 0.5rem 0;
}


/*
.nav-tabs-ico{ text-align:right; border-bottom:0;}
.nav-tabs-ico li a{ margin:0 10px; padding:10px 0;}
.nav-tabs-ico li span{ display:none; font-size:16px; font-weight:bold; padding-left:5px;}
.nav-tabs-ico li a img{ opacity:0.5;}
.nav-tabs-ico li a.active{ background:#eee; border-radius:20px; padding:10px 20px;}
.nav-tabs-ico li a.active img{ opacity:1}
.nav-tabs-ico li a.active span{ display:inline-block;}*/

#product-ico{ padding-top:80px; margin-top:50px;}
#product-ico .carousel-indicators{ bottom:auto; top:0; left:auto; right:0; margin-right:0;}
#product-ico .carousel-indicators li{ background:#f4f4f4; text-indent:0; width:auto; height:auto; padding:5px 20px; vertical-align:middle; line-height:1; border-radius:25px;}
#product-ico .carousel-indicators li span{ display:none; font-size:16px; font-weight:bold; padding-left:5px;  vertical-align:middle;}
#product-ico .carousel-indicators li img{ vertical-align:middle;}
#product-ico .carousel-indicators li.active{ background:#eee;}
#product-ico .carousel-indicators li.active span{ display:inline-block;}
#product-ico .carousel-item {
    background: #fff;
	text-align:center;
}

@media screen and (max-width: 1024px){
	#case01{ display:none;}
	#case02{ display: block;}
	.fold_wrap{ height:auto;}
	.fold_wrap li{ width:50%; height:auto;}
	.navbar-nav{ display:flex;flex-direction: column;}
	}
@media screen and (max-width: 640px){
	.fold_wrap li{ width:100%; border-bottom:1px solid #777;}
	/*.fold_wrap li .mask_b{background: rgba(0,0,0,.1);}*/
	
	}
	
	@media screen and (max-width: 768px){
	.carousel-indicators {
    margin-right: 0;
    margin-left: 0;
		}
		
	.navbar-toggle {
    display: block;
	}
	
	.main_menu{  float:none; width:100%}
	
	.main_menu > li > a{  padding-left:0;padding-right:0;}
	}
@media screen and (min-width: 769px){
.navbar-main {
    display:inline-block !important;
}
}

.swiper-cer {
	width: 90%;
	margin:0px 5%;
  	z-index:10;
	margin-top:5%;
}
@media screen and (max-width: 668px) {

	.swiper-cer {
		width:90%;
		margin: 20px 5%;
	}

}



.swiper-cer .roll-img {
	-webkit-transition: transform 1.0s;
	-moz-transition: transform 1.0s;
	-ms-transition: transform 1.0s;
	-o-transition: transform 1.0s;
	-webkit-transform: scale(0.7);
	transform: scale(0.7);
	margin:25px auto 35px auto;
}



@media screen and (max-width: 668px) {


	.swiper-cer .roll-img {
		-webkit-transform: scale(0.97);
		transform: scale(0.97);
	}



}



.swiper-cer .swiper-slide-active,.swiper-cer .swiper-slide-duplicate-active {
	-webkit-transform: scale(1);
	transform: scale(1);
	text-align: center;
	box-shadow: 3px 9px 30px rgba(0,0,0,0.2);
}



@media screen and (max-width: 668px) {

	.swiper-cer .swiper-slide-active,.swiper-cer .swiper-slide-duplicate-active {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

}
@media screen and (min-width: 668px) {



	.swiper-cer .roll-img a:after {

		position: absolute;
		top: 0;
		left: 0;
		display: block;		
		content: "";
		width: 100%;
		height: 100%;

	}



}



.swiper-cer .swiper-slide-active a:after {

	background: none;

}



.swiper-cer .swiper-slide img {

	width: 80%;
  	margin:0px 10%;
	display: inline-block;
}



@media screen and (max-width: 668px) {


	.swiper-cer .roll-img img {
		border-radius: 7px;
	}

}



.swiper-cer .swiper-pagination {

	position: relative;
	margin-bottom: 30px;
}



.swiper-cer .swiper-pagination-bullet {

	background: #00a0e9;
	margin-left: 4px;
	margin-right: 4px;
	width: 17px;
	height: 17px;
	opacity: 1;
	margin-bottom: 4px;

}



.swiper-cer .swiper-pagination-bullet-active {
	width: 13px;
	height: 13px;
	background: #eda41a;
	border: 6px solid #00a0e9;
	margin-bottom: 0;
}



@media screen and (max-width: 668px) {



	.swiper-cer .swiper-pagination {
		position: relative;
		margin-bottom: 20px;
	}



	.swiper-cer .swiper-pagination-bullet {
		background: #00a0e9;
		margin-left: 2px;
		margin-right: 2px;
		width: 8px;
		height: 8px;
		margin-bottom: 2px;
	}



	.swiper-cer .swiper-pagination-bullet-active {
		width: 6px;
		height: 6px;
		background: #eda41a;
		border: 3px solid #00a0e9;
		margin-bottom: 0;

	}


}

.button {
	width: 100%;
	height:100%;
	margin: 0 auto;
	top:0px;
	position: absolute;
	z-index: 5;
}

@media screen and (max-width: 668px) {
	.button {
		width: 100%;
		bottom: 22px;
	}

}



.swiper-button-prev,.swiper-button-next{
	font-size:30px;
	color:#666;
	line-height: 60px;
	position: absolute;
	top:40%;
	margin-top:-30px;
	font-family: serif;
}

.swiper-button-prev {
	left:0px;
}

.swiper-button-next {
	right:0px;
}

@media screen and (max-width: 668px) {

	.button div {
		width: 28px;
		height: 28px;
	}

}
.swiper-cer .swiper-slide p{
	text-align: center;
	margin-top:20px;
	font-size:22px;

}