@charset "utf-8";
/* CSS Document */

/*css重置*/
*{ margin:0; padding:0;font-family:"Microsoft YaHei";}
a{ text-decoration:none;font-family:"Microsoft YaHei";}
li{ list-style:none;}
.clearfix{ clear:both;}
img{ border:0; display:block;}
p{font-family:"Microsoft YaHei";}





/*top*/
.top_box{ width:1233px; margin:0 auto; padding-top:22px; padding-bottom:22px;}
.top_box .logo{  float:left; width:180px; margin-top:5px;  }
.head_kuang{ float:left; margin-top:40px;}
.head_kuang .head_p1{ font-size:35px; color:#fff; font-weight:bold;}
.head_kuang .head_p1 span{ color:#a4f5ff;}
.head_kuang .head_p2{ font-size:16px; color:#fff; text-transform:uppercase;}


.top_right{ float:right; }
.top_p3{ float:right; margin-left:10px;}
.top_p3 a{ display:block; font-size:14px; width:28px; height:28px; color:#204fa1; text-align:center; line-height:28px; border:1px solid #204fa1; border-radius:30px;}
.top_p4{ float:right; margin-left:10px;}
.top_p4 a{ display:block; font-size:14px; width:28px; height:28px; color:#204fa1; text-align:center; line-height:28px; border:1px solid #d5e8f1; background-color:#d5e8f1; border-radius:30px;}


.ss1{ float:right; margin-top:3px;}
.ss1 .ss_title1{ width:200px; height:26px; border-radius:20px; float:left; border:0; background-color:#d5e8f1; font-size:13px; color:#5a5a5a; line-height:26px; padding-left:18px; position:relative;z-index:77;}
.ss1 .ss_pic2{ float:left; border:0; margin-left:-47px; margin-top:1px;position:relative; z-index:88;}

.top_right ul{ margin-top:12px;}
.top_right ul li{ float:left; font-size:17px; color:#000; margin-left:52px;}
.top_right ul li a{color:#000;}
.top_right ul li a:hover{ color:#004ca1;}



/*banner*/
.relative{position:relative;width:100%;}
#home_bannera{text-decoration:none;cursor:pointer;}
#home_banner{max-width:100%;margin:0 auto;}
.maxwidth{width:730px;margin:0 auto;}
#big_img{height:534px;background:no-repeat center;}
#small_img{height:114px;padding-top:13px;position:absolute;top:-127px;width:100%;background:url(../images/bnbg.png) no-repeat center 0;}
#small_pre,#small_next,#small_imgs{height:104px;line-height:104px;float:left;font-size:22px;}
#small_pre,#small_next{width:22px;display:block;}
#small_pre{margin-right:17px;}
#small_next{margin-left:17px;}
#small_pre:hover{background-position:-22px center;}
#small_next:hover{background-position:-66px center;}
#small_imgs{width:730px;overflow:hidden;}
#small_imgs .item{float:left;padding:0 16px;}
#small_imgs .item .img{cursor:pointer;width:144px;height:92px;padding:3px;padding-top:10px;background:url(../images/banner_bg.png) no-repeat center bottom;}
#small_imgs .item .img img{width:144px;height:90px;}
#small_imgs .item .active{background:url(../images/banner_bg_a.png) no-repeat center bottom;}


 
/*首页简介*/
.s_jj_box{ width:1233px; margin:0 auto; margin-top:85px;}
.s_jj_box .s_jj_p1{ font-family:Impact; font-size:50px; color:#434344; text-transform:uppercase; text-align:center;}
.s_jj_box .s_jj_p2{ font-size:16px; color:#636363; text-align:center; line-height:32px; margin-top:35px; margin-bottom:55px;}
.s_jj_tip{ width:308px; float:left;}
.s_jj_tip img{ margin:0 auto;transform-style: preserve-3d;transition: all 1s;}
.s_jj_tip .s_jj_p3{ font-size:48px; color:#004ca1; font-weight:bold; text-align:center; margin-top:12px; margin-bottom:12px;}
.s_jj_tip .s_jj_p4{ font-size:15px; color:#616161; line-height:20px; text-align:center;}


.s_jj_tip:hover img{
        transform: rotateY(360deg);
  -webkit-transform: rotateY(360deg);
  -moz-transform: rotateY(360deg);
  -o-transform: rotateY(360deg);
  -ms-transform: rotateY(360deg);
        }

.s_jj_more{ width:327px; margin:0 auto; margin-top:50px;transition:all 0.4s linear;}
.s_jj_more p a{ display:block; font-size:18px; color:#777777; line-height:44px; text-align:center; border:1px solid #b2b2b2;transition:all 0.4s linear;}
.s_jj_more:hover{ width:342px;}
.s_jj_more p a:hover{ background-color:#004ca1;border:1px solid #004ca1; color:#fff;}



/*首页产品*/
.s_pro_bg{ background:url(../images/img6.jpg) center no-repeat; width:100%; height:1074px; margin-top:97px;}
.s_pro_left{ width:50%; height:1074px; float:left;}
.s_pro_left .s_pro_p1{ font-size:24px; color:#fff; text-transform:uppercase; text-align:right; padding-top:222px; padding-right:77px;}
.s_pro_left .s_pro_p2{ font-family:Impact; font-size:60px; color:#fff; text-transform:uppercase; text-align:right; padding-right:233px;}

.s_pro_right{ width:50%; height:1074px; float:right;background-color:rgba(0,0,0,0.5);}
.s_pro_hezi{ width:73%; margin-left:78px; padding-top:170px;}

.s_pro_tip{border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding-bottom:17px; margin-top:22px;}
.s_pro_tip .s_pro_p3{ font-size:24px; color:#fff; font-weight:bold; float:left;}
.s_pro_tip .s_pro_p3 a{ color:#fff;}
.s_pro_tip .s_pro_p4{ font-size:14px; color:#fff; font-weight:bold; float:right; margin-top:8px; padding-right:10px;}
.s_pro_tip .s_pro_p4 a{ color:#fff;}

.s_pro_kuang1{ margin-top:4px;}
.s_pro_kuang1 p{ font-size:14px; color:#bebebe; line-height:24px;}

.s_pro_kuang2{ margin-top:14px; margin-bottom:37px;}
.s_pro_kuang2 p{ font-size:16px; color:#fffefe; line-height:30px;}
.s_pro_kuang2 p a{color:#fffefe;}


.s_pro_more{ width:215px; margin-top:77px;transition:all 0.4s linear;}
.s_pro_more p a{ display:block; font-size:18px; color:#fff; line-height:38px; font-weight:bold; text-align:center; border:2px solid #9ba09e;transition:all 0.4s linear;}
.s_pro_more:hover{ width:230px;}
.s_pro_more p a:hover{ background-color:#004ca1;border:2px solid #004ca1; color:#fff;}



/*首页发展*/
.s_fz_box{ width:1233px; margin:0 auto; margin-top:122px;}
.s_fz_box .s_fz_p1{ font-family:Impact; font-size:60px; color:#444; text-transform:uppercase; text-align:center; margin-bottom:40px;}

.s_fz_tip{ width:352px; float:left; margin-right:87px;}
.s_fz_kuang1{ width:352px; height:232px; overflow:hidden;}
.s_fz_kuang1 img{width:352px; height:232px;transform: scale(1);transition: all 1s ease-out; }
.s_fz_tip:hover .s_fz_kuang1 img{transform: scale(1.1);}
.s_fz_kuang2{ height:248px; background-color:#f5f5f5; padding-left:45px; padding-right:45px;}
.s_fz_kuang2 .s_fz_p2{ font-size:20px; color:#7f7f7f; text-transform:uppercase; padding-top:33px; margin-bottom:22px;}
.s_fz_kuang2 .s_fz_p3{ font-size:14px; color:#7f7f7f; line-height:28px;}


/*首页问题*/
.s_qa_box{ width:1233px; margin:0 auto; margin-top:122px;}
.s_qa_left{ width:528px; height:372px; overflow:hidden; float:left; position:relative;}
.s_qa_left .s_qa_pic{width:528px; height:372px; position:absolute; left:0; top:0;}
.s_qa_kuang{ width:290px; height:82px;background-image: linear-gradient(to right, rgba(255,0,0,0), rgba(0,0,0,0.5)); position:absolute; right:0; top:145px;}
.s_qa_kuang p{font-family:Impact; font-size:60px; color:#fff; text-transform:uppercase; line-height:82px;  text-align:right; padding-right:51px;}
.s_qa_p1{ font-size:18px; color:#fff; position:absolute; top:239px; right:54px;}
.s_qa_p1 a{ color:#fff;}

.s_qa_right{ width:640px; float:right;}
.s_qa_tip{ border-bottom:1px solid #eeeeee; padding-bottom:18px; margin-bottom:40px;}
.s_qa_tip .s_qa_p2{ font-size:20px; color:#000; margin-bottom:12px;}
.s_qa_tip .s_qa_p3{ font-size:14px; color:#7f7f7f; line-height:20px;}


/*首页广告*/
.s_gg_bg{ background:url(../images/img12.jpg) center no-repeat; width:100%; height:770px; margin-top:100px;background-attachment:fixed; background-size: cover;}
.s_gg_box{ width:1233px; height:770px; margin:0 auto; position:relative;}
.s_gg_box .s_gg_pic{ position:absolute; left:216px; top:209px;}
.s_gg_box .s_gg_p1{font-family:Impact; font-size:80px; color:#fff; text-transform:uppercase; position:absolute; left:293px; top:270px;}
.s_gg_box .s_gg_p2{font-family:Impact; font-size:64px; color:#fff; text-transform:uppercase; position:absolute; left:327px; top:361px;}
.s_gg_box .s_gg_p3{ font-size:14px; color:#fff; line-height:24px; position:absolute; left:328px; top:448px;}



/*页脚*/
.foot_bg{ background-color:#eeeef4; padding-top:95px; padding-bottom:90px;}
.foot_box{ width:1233px; margin:0 auto;}
.foot_box .foot_pic{ float:left; margin-top:8px;}
.foot_hezi1{ width:260px; float:right; margin-right:15px;}
.foot_p1{ font-size:20px; color:#004ca1; margin-bottom:15px;}
.foot_p2 p{ font-size:17px; color:#6b6b6e; line-height:36px;}
.foot_p2 p a{color:#6b6b6e;}
.foot_p2 p span{ color:#7690c0;}

.foot_hezi2{ width:383px; float:right;}

.foot_bg1{ background-color:#004ca1;}
.foot_bg1 p{ font-size:14px; color:#b8c4dc; text-align:center; line-height:52px;}
.foot_bg1 p a{color:#b8c4dc; }



/*about*/
.nytl_box{ width:100%;  flex-shrink: 0;}
.nytl_box img{width: 100%;
    height: 100%;
    object-fit: cover;}



.max_box{ width:1233px; margin:0 auto; padding-bottom:100px;margin-top:50px;}
.max_box .max_p1{ font-size:42px; color:#004ca1; font-weight:bold; text-transform:uppercase; text-align:center; }
.max_box .max_line{ width:39px; height:2px; background-color:#004ca1; margin:0 auto; margin-top:12px; margin-bottom:50px;}

.jj_nr h1{ font-size:20px; color:#000; font-weight:bold; text-transform:uppercase; margin-bottom:17px;}
.jj_nr p{ font-size:16px; color:#000; line-height:28px;}
.jj_nr img{ max-width:1233px!important; height:auto!important; margin:0 auto; margin-top:35px; margin-bottom:50px;}


.jj_hezi{ width:985px; height:321px; margin:0 auto; overflow:hidden;background-color:rgba(0,76,161,0.7); margin-top:107px; border-radius:20px;position:relative; z-index:2;}
.jj_hezi .jj_p1{ font-size:20px; color:#fff; font-weight:bold; text-transform:uppercase; text-align:center; padding-top:46px; margin-bottom:28px;}
.jj_kuang{ width:836px; margin:0 auto;}
.jj_kuang p{ font-size:16px; color:#fff; line-height:28px;}


.jj_p2{ font-size:14px; color:#000; line-height:28px; text-align:center; margin-top:35px;position:relative; z-index:2;}


.jj_pic2{ background:url(../images/img16.jpg) center no-repeat; width:100%; height:749px; margin-top:-297px; position:relative; z-index:1;}




/*news*/
.xw_tip{border-bottom: 1px dotted #ccc; padding-bottom:26px; margin-bottom:26px;}
.xw_tip .xw_time{ width:100px; height:83px; float:left;}
.xw_tip .xw_time .xw_p1{ font-size:36px; color:#666; text-align:center; padding-top:8px;}
.xw_tip .xw_time .xw_p2{ font-size:15px; color:#666; text-align:center;}
.xw_tip .xw_pic{ float:left;}
.xw_tip .xw_title_box{ float:right; width:1090px; }
.xw_tip .xw_title_box .xw_p3{ font-size:17px; color:#000; }
.xw_tip .xw_title_box .xw_p4{ font-size:13px; color:#b3b3b3; line-height:24px; text-align:justify; margin-top:14px;}
.xw_tip .xw_title_box:hover .xw_p3{color:#004ca1;}



.news_title{width:100%; font-size:16px; color:#004ca1; line-height:35px; padding-top:15px; padding-bottom:15px; background-color:#fbfbfb; text-align:center; border-bottom:1px solid #d6d6d6;border-top:1px solid #d6d6d6;}
.news_title2{ font-size:13px;color:#666; text-align:right; margin-top:10px; font-weight:bold;}
.new_nr_wenzi{ margin-top:16px;}
.new_nr_wenzi p{ font-size:15px; line-height:30px; color:#333;}
.new_nr_wenzi p a{color:#333;}
.new_nr_wenzi img{max-width:1195px!important; height:auto!important;; margin:0 auto; margin-bottom:5px; margin-top:5px;}
.new_nr_wenzi table{ width:100%;border:1px solid #ccc; border-bottom:0; border-left:0; }
.new_nr_wenzi table tr td{ padding:11px; font-size:14px; color:#333; line-height:26px;border:1px solid #ccc; border-top:0; border-right:0;}


.newspage1 { margin:0 auto; margin-top:40px;}
.newspage1 A { font-size:14px; color:#666; padding-left:15px; padding-right:15px; padding-top:9px; padding-bottom:9px; border:1px solid #999; margin-left:3px; margin-right:3px; border-radius:7px;}
.newspage1 A:hover {BACKGROUND: #004ca1;  COLOR: #FFFFFF; border:1px solid #004ca1;}
.newspage1 SPAN.current{ font-size:14px; BACKGROUND: #004ca1;COLOR: #FFFFFF;border:1px solid #004ca1; padding-left:15px; padding-right:15px;padding-top:9px;padding-bottom:9px;margin-left:3px; margin-right:3px;border-radius:7px;}


.back_bg{ background-color:#ebebeb; margin-top:20px;}
.back_bg p{ font-size:13px; color:#666; text-align:center; line-height:38px;} 
.back_bg p a{color:#666;}







/*FAQ*/
.qa_tip{ height:70px;  margin-bottom:12px;transition:all .3s linear; 
    -o-transition:all .3s linear; 
    -moz-transition:all .3s linear; 
    -webkit-transition:all .3s linear;}
.qa_kuang1{ width:183px; float:left; padding-top:29px;}
.qa_kuang1 .qa_p1{ font-size:38px; font-weight:bold; color:#000; text-align:center;}
.qa_kuang1 .qa_p2{ font-size:20px; color:#000; text-align:center; margin-top:5px;}

.qa_pic{ float:left; padding-left:30px; padding-top:32px;}
.qa_tip .qa_line{ width:1px; height:36px; background-color:#e5e5e5; float:left; margin-top:19px; margin-left:25px;}
.qa_tip .qa_p3{ font-size:16px; color:#333; float:left; line-height:70px; margin-left:45px;transition:all 0.3s linear;}
.qa_kuang2{ float:right; width:154px; border:1px solid #ccc; border-radius:37px; margin-right:46px; margin-top:46px;}
.qa_kuang2 p{ font-size:16px; line-height:53px; text-align:center; color:#333;}

.qa_p4{font-size:16px; color:#333; float:right; line-height:70px; margin-right:15px;}

.qa_tip:hover{}
.qa_tip:hover .qa_kuang1 .qa_p1{ color:#004ca1;}
.qa_tip:hover .qa_kuang1 .qa_p2{ color:#004ca1;}
.qa_tip:hover .qa_p3{ color:#004ca1; padding-left:10px;}
.qa_tip:hover .qa_kuang2{border:1px solid #004ca1;}
.qa_tip:hover .qa_kuang2 p{ color:#004ca1;}




/*联系我们*/
.con_box{ width:530px; float:left;}
.con_box h1{ font-size:22px; color:#004ca1; margin-bottom:22px;}
.con_box p{ font-size:17px; color:#333; line-height:48px;}
.con_box p a{color:#333;}
.con_box p span{ font-size:12px;}

.con_ditu{ float:right; width:700px; }
.con_ditu img{ width:100%;}



/*咨询*/
.cp_ord_tip{ width:600px; float:left; margin-bottom:21px;}
.cp_ord_tip p{ font-size:16px; color:#333; margin-bottom:15px;}
.cp_ord_tip .cp_ord_kuang1{ width:580px; height:45px; background-color:#f9f9f9; border:1px solid #cccccc; font-size:14px; color:#000; padding-left:10px; border-radius:9px;}
.cp_ord_tip2 p{font-size:16px; color:#333; margin-bottom:15px;}
.cp_ord_tip2 .cp_ord_kuang2{width:1215px; min-height:170px;background-color:#f9f9f9; border:1px solid #cccccc; font-size:14px; color:#000; padding-left:10px; padding-top:10px;border-radius:9px;}
.cp_ord_p1{font-size:14px; color:#333; margin-top:21px; margin-bottom:10px;}
.cp_ord_kuang3{ width:160px; height:40px;background-color:#f9f9f9; border:1px solid #cccccc; font-size:14px; color:#000; padding-left:10px; float:left;border-radius:9px;}
.cp_ord_kuang4{ width:128px; height:42px; float:left; margin-left:23px;border-radius:9px;}
.cp_ord_kuang5{ width:277px; height:42px; background-color:#007bbd; border:0; border-radius:6px; float:left; margin-left:23px; font-size:14px; line-height:42px; text-align:center; color:white; cursor:pointer;border-radius:9px;}

.ord_p1{font-size:16px; color:#333; margin-bottom:15px; margin-top:21px;}



.ord_kuang{ width:315px; margin-top:80px; background-color:#004ca1;}
.ord_kuang p{ font-size:16px; color:#fff; line-height:60px; padding-left:15px;}
.ord_line{ height:1px; background-color:#004ca1; margin-bottom:30px;}




/*产品*/
.pro_fl_box{box-shadow: 0px 6px 6px rgba(0,0,0,0.1);}
.pro_fl_box .pro_fl_hezi{ width:1233px; margin:0 auto;}
.pro_fl_box .pro_fl_tip{ width:408px; float:left; border-left:1px solid #d1d1d1; border-top:1px solid #d1d1d1;}
.pro_fl_box .pro_fl_tip a{ display:block; font-size:16px; color:#000; line-height:60px; text-align:center;}

.pro_fl_box .pro_fl_tip:nth-child(3n){border-right:1px solid #d1d1d1;}


.pro_fl_tip a:hover{background-color:#004ca1; color:#fff;}
.pro_fl_tip a.cur {background: #004ca1;}
.pro_fl_tip a.cur span {color: #fff;}





.pro_tip{ width:291px; height:460px; overflow:hidden; position:relative; float:left; border:1px solid #e1e1e1; margin-bottom:34px; margin-right:20px;transition:all 0.4s linear;}
.pro_tip .pro_pic{ width:271px; height:290px; overflow:hidden; padding-left:10px; padding-right:10px; padding-top:10px; display: table-cell;vertical-align: middle;}
.pro_tip .pro_pic img{ max-width:100%; max-height:100%; margin:0 auto;  }
.pro_tip .pro_p1{ font-size:15px; color:#333; line-height:21px; transition:all 0.4s linear; width:271px; margin:0 auto;margin-top:20px; height:63px; overflow:hidden;}
.pro_tip .pro_p1 a{ color:#333;}
.pro_tip .pro_p1 a:hover{ color:#004ca1;}
.pro_tip .pro_p2{ font-size:13px; color:#999; line-height:19px;width:271px; margin:0 auto; margin-top:12px;transition:all 0.4s linear; height:38px; overflow:hidden;}



.pro_more{ width:125px; margin:0 auto; margin-top:40px;}
.pro_more p a{ display:block; font-size:15px; color:#000; line-height:35px; text-align:center; border-radius:20px; border:1px solid #d8d8d8;transition:all 0.4s linear;}
.pro_tip:hover .pro_more p a{border:1px solid #004ca1; background-color:#004ca1; color:#fff;}

.pro_tip:hover .pro_p1{color:#1e8b3b;}
.pro_tip:hover .pro_p2 a{color:#1e8b3b;}

.pro_tip .pro_line{ width:0; height:5px; background-color:#004ca1; position:absolute; left:0; bottom:0;transition:all 0.5s linear;}
.pro_tip:hover .pro_line{ width:100%;}

.pro_tip:nth-child(4n+2){margin-right:0px;}


.pro_tip{
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
	
}
.pro_tip:hover {
	transform:translate(0,-10px);
	-webkit-transform:translate(0,-10px);
	-moz-transform:translate(0,-10px);
	-o-transform:translate(0,-10px);
	-ms-transform:translate(0,-10px);
	-webkit-box-shadow:0px 5px 15px #cccccc;
    -moz-box-shadow:0px 5px 15px #cccccc;
    box-shadow:0px 5px 15px #cccccc;
}







.pronr_p1{ font-size:17px; color:#333; line-height:28px; font-weight:bold;}
.pronr_line{ height:1px; background-color:#dedede; margin-top:10px; margin-bottom:20px;}


.pronr_left{ width:440px; height:440px; padding:10px; border:1px solid #dedede; float:left;}
.pronr_left img{width:440px; height:440px;}

.pronr_right{  width:727px; float:right; margin-top:40px;}
.pronr_right table tr td{ font-size:15px; color:#333; line-height:40px;}


.pronr_more{ width:125px; margin-top:30px; }
.pronr_more p a{ display:block; font-size:15px; color:#fff; text-align:center; line-height:40px;background-color:#004ca1;border-radius:5px;}



.pronr_kuang{ width:215px; margin-top:70px; background-color:#004ca1;}
.pronr_kuang p{ font-size:16px; color:#fff; line-height:50px; padding-left:15px;}
.pronr_line1{ height:1px; background-color:#dedede; margin-bottom:30px;}



.pro_nr_box table{ width:100%;border:1px solid #ccc; border-bottom:0; border-left:0;}
.pro_nr_box table tr td{ padding:11px; font-size:15px; color:#333; line-height:24px; padding-top:10px; padding-bottom:10px;   border:1px solid #ccc; border-top:0; border-right:0;}
.pro_nr_box table tr td a{color:#333;}
.pro_nr_box table img{ max-width:90%!important; height:auto!important;}
.pro_nr_box p{ font-size:15px; color:#333; line-height:24px;}




/*首页栏目*/


.divas-slider {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: auto;
	overflow: hidden; margin-top:113px;
}

.divas-slider-container {
	position: relative;
	margin: 0;
	padding: 0;
}

.divas-slider-container:after {
  content: "";
  display: table;
  clear: both;
}

.divas-slide {
	position: relative;
	margin: 0;
	padding: 0;
	float: left;
	overflow: hidden;
}

.divas-slide img {
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
	outline: 0 none;
	-webkit-backface-visibility: hidden;
  	-moz-backface-visibility: hidden;
 	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
}

/************************************************************************
 * 4. DEFAULT slider settings
 *************************************************************************/

/*
 * divas slide transitions
 */
.divas-slide-transition-left {    
	 -webkit-transition: left 1s cubic-bezier(0.23, 1, 0.32, 1) 0s;
	 -moz-transition: left 1s cubic-bezier(0.23, 1, 0.32, 1) 0s;
	 -o-transition: left 1s cubic-bezier(0.23, 1, 0.32, 1) 0s;
	 transition: left 1s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}

/*
 * divas navigation buttons
 */
.divas-navigation {
	clear: both;
	position: absolute;
	margin: 0px auto;
	height: 0;
	width: 100%;
	text-align: center;
	top: 47%;
	top: calc(50% - 33px);
}
.divas-has-bullets .divas-navigation {
    top: calc(50% - 61px);
}

.divas-navigation span {
	height: 66px;
	outline: 0 none; 
	position: absolute;
	width: 42px; 
	z-index: 9999;
	cursor: pointer;
	margin: 0;
	font-size: 23em;
	color: #fff;
}


.divas-navigation span:hover {
	color: #ffffff;
}

.divas-controls span.divas-start,
.divas-controls span.divas-stop {
	display: none;
}

.divas-navigation span.divas-prev {
	left: 13%;
	background: url("../images/prev.svg") no-repeat top center rgba(0, 0, 0, 0);
}

.divas-navigation span.divas-next {
	right: 13%;
	background: url("../images/next.svg") no-repeat top center rgba(0, 0, 0, 0);
}

@media screen and (max-width: 40em) {
	.divas-navigation span.divas-prev,
	.divas-navigation span.divas-next{
		background-position:center center;
		-webkit-background-size: 75% auto;
		-moz-background-size: 75% auto;
		-o-background-size: 75% auto;
		background-size: 75% auto;
	}
	.divas-navigation span.divas-prev {
		left: 0.5em;
	}
	.divas-navigation span.divas-next {
		right: 0.5em;
	}
}	

/*
 * divas caption styling
 */
.divas-caption {
	position: absolute;
	top: 50%;
	width: auto;
	background: rgba(0,0,0,0.7);
	color: #f7f7f7;
	border: none;
	padding: 1em 2em 1.6em;
	margin: 0 2em;
}


/*
 * divas caption transitions: left
 */
.divas-caption.divas-title-transition-left-start {
	left: -999px;
}

.divas-caption.divas-title-transition-left {
	-webkit-transition: left 1s cubic-bezier(0.23, 1, 0.32, 1) 0s;
	-moz-transition: left 1s cubic-bezier(0.23, 1, 0.32, 1) 0s;
	-o-transition: left 1s cubic-bezier(0.23, 1, 0.32, 1) 0s;
	transition: left 1s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}

.divas-caption.divas-title-transition-left-stop {
	left: 0px;
}

.divas-caption h1 {
	font-weight: 900;
	font-size: 40px;
	line-height: 1.1;
}

.divas-caption p {
	font-style: italic;
	font-size: 20px;
}

/*
 * divas navigation bullets
 */
.divas-bullets {
	clear: both;
	position: relative;
	margin: 0 auto;
	padding: 20px 0;
	text-align: center;
}

.divas-bullets ul {
	list-style: none;
}

.divas-bullet {
  	background-color: rgba(0, 0, 0, 0.1);
	border-radius: 1.5em;
    display: inline-block;
    height: 16px;
    margin: 0 0.3em;
    text-indent: -9999px;
    width: 16px;
}

.divas-bullet-current {
   	background-color: rgba(0, 0, 0, 0.25);
}


