﻿@charset "utf-8";

/* CSS Document */

@font-face{
            font-family: 'BEBAS';
            src : url('/BEBAS.TTF');
        }



body {font:14px "Roboto"; color:#333; margin:0; padding:0; }

ul, li, img, p, h1, h2, h3, h4, h5, h6, input {margin:0px;padding:0px;}

img, input {border:none;}

img{max-width: 100%;}

ul, li {list-style-type:none;}

a {color:#000000;text-decoration:none;}

a:hover {color:#0081f4;text-decoration:none;}

li {list-style:none;}

.clear {clear:both;}



.zt{ width:1200px; margin:0 auto;}

.zta{width: 1300px;margin:0 auto;}


.fl{float:left;}

.fr{float:right;}

.ov{ overflow:hidden;}

/*头部*/

.topp{ line-height:50px; background:#222222; overflow:hidden}

.shequ a{ background:#7a7a7a; border-radius:4px; padding:5px;}

.shequ a:hover{ background:#fff;}

.dianhua{ color:#fff;}

.dianhua a{ color:#fff;}

.sous2{ width:223px; height:23px; padding-left:15px; border:1px solid #d7d7d7; border-radius:40px; margin-top:13px; margin-left:15px;}

.ttex{ height:21px; width:177px; background:none;outline:none;line-height:21px;color:#fff;}

.sss{ display:none; border-radius:4px; padding:5px; margin-top:12px; margin-left:10px; margin-right:5px; background:#7a7a7a}

.icon-search:before{ color:#d7d7d7;}

.soubut{ width:27px; height:23px; font-size:14px; background:none; margin-top:3px;}



.daohang{/* padding-top:20px; */z-index: 9999;}

.logo{/* margin-bottom:20px; */padding-left: 90px;}

.caidan{ display:none;}

.navv{padding-right: -60px;}

.navv ul li{float:left;margin:10px 20px 0 20px;position:relative;/* border-top:2px solid #fff; */padding-top:15px;color: #fff;}

.navv ul li a{/* text-transform:uppercase; */font-size:20px;/* font-family: "Roboto"; */color: #ccc;}

.navv ul li a:hover {  color:#26b7bc; border:none}

.why{font-family:'Roboto'; font-size:1.8rem}

.gudingpdf{ position: fixed; z-index: 9999; top: 40%; right: 10px; width: 150px; height: 150px;}

@media (max-width: 720px) {

	.gudingpdf{width: 60px;}
	
	.pages-title h1{font-family:'Roboto'!important;font-weight: 800;}
	
	.pages-title h1{font-family:'Roboto'!important;font-weight: 800;}
	
	.left_title2 h2{font-family:'Roboto'!important;font-weight: 800;}
	
	.left_title2 h2{font-family:'Roboto'!important;font-weight: 800;}
	
	.section-titlea .title{font-family:'Roboto'!important;font-weight: 800;}
	
	.hottit{font-family:'Roboto'!important;font-weight: 800;}
	
	.advantage_head p{font-family:'Roboto'!important;font-weight: 800; font-size:30px!important}
	
	.why{font-family:'Roboto'!important;font-weight: 800;}
	
	.about-info-layer h2{font-family:'Roboto'!important;font-weight: 800;}
	.left-title h2{font-family:'Roboto'!important;font-weight: 800;}
	.mayabi-single-slider h1{font-family:'Roboto'!important;font-weight: 800;}


}

.gudingpdf img{ width: 100%;}



.xialala{ width:1000px; background:#fff; position:absolute; display:none; z-index:9999; left:-400px; padding-bottom:30px; border-bottom:4px solid #0a7bdf}

#xiabj{ background:url(../images/xiabj.jpg) no-repeat; height:40px; line-height:40px; width:262px; padding-left:20px;transition:all .9s; -moz-transition:all .9s; -ms-transition:all .9s; -o-transition:all .9s; -webkit-transition:all .9s;}

#xiabj a{ display:block; color:#fff; font-size:16px; text-transform:none}

#xia1{ margin-left:38px; margin-top:30px;}

#xia1 ul { margin-top:15px;}

#xia1 ul li{ float:none; background:url(../images/dot.jpg) 0px 50% no-repeat; padding-left:10px; line-height:18px;transition:all .9s; -moz-transition:all .9s; -ms-transition:all .9s; -o-transition:all .9s; -webkit-transition:all .9s; padding-top:0; margin-left:10px; }

#xia1 ul li a{ font-size:14px; text-transform:none}

#xia1 ul li:hover a{ border-top:0;}

#xia1 ul li:hover{ padding-left:18px;}

.navv ul li:hover .xialala{ display:block;}



/*热销*/

.hott{ margin-top:25px;}

.hottit{margin-top: 30px;font-family:"Roboto";font-size: 36px;color: #000;text-align:center;margin-bottom: 60px;}

.hott ul li{float:left;width: 350px;height: 500px;margin: 0 25px 20px 25px;position:relative;overflow:hidden;background-color: #efefef;}

.tran img{transition:all .9s; -moz-transition:all .9s; -ms-transition:all .9s; -o-transition:all .9s; -webkit-transition:all .9s;}

.hotnei{

position:absolute;

left:0;

right:0;

background:url(../images/nbj.png) repeat;

opacity: 0.9;

text-align:center;

padding-top: 70px;

-webkit-transition: all 0.5s;

-moz-transition: all 0.5s;

-o-transition: all 0.5s;

transition: all 0.5s;

}

.hotnei h2{ padding:0 30px;}

.hotnei h2 a{ font-size:16px; color:#fff;}

.hott ul li:hover .hotnei{ display:block; height:100%; top:0;}

.hott ul li:hover .tran img{transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}



/*关于我们*/

.aboutbj{ background:url(../images/abbj.jpg) 50% 0 no-repeat; background-size:cover; padding-top:80px; overflow:hidden; margin-top:20px;}

.shipin{ width:452px; margin-left:50px;}

.shipin iframe{ width: 100%; height: 310px;}

.shipin video{ width:452px; }

.shipin embed{ width:452px; height:314px;}

.jieshao{ width:570PX; margin-left:30px; color:#fff;}

.hottit2{ font-family:"Roboto"; font-size:34px; color:#fff; margin-top:70px;  margin-bottom:20px;}

.abmore a{ display:block; width:40px; height:40px; background:#003f9d; color:#fff; text-align:center; font-size:30px; float:right; margin:40px 5px 5px 0;}

.abnei{ line-height:24px;}



/*产品*/

.prod{ margin-top:40px;}

.hottit3{ font-family:"Roboto"; font-size:34px; color:#26b7bc; text-align:center; margin-bottom:10px;}

.cpder{ text-align:center; color:#bababa;}

.prod ul{ margin-top:20px;}

.prod ul li{float:left;width: 265px;overflow:hidden;margin:5px;}

.prod ul li span{display:block;line-height:40px;overflow: hidden;white-space: nowrap;font-size:16px;text-overflow: ellipsis;text-align: center;background-color:#f5f5f5;width: 95%;margin: 0 auto;margin-top: 20px;}

.prod ul li span a{ color:#000;transition:all .9s;  -o-transition:all .9s; -moz-transition:all .9s; -webkit-transition:all .9s; -ms-transition:all .9s; }

.cpimg{width: 265px;height: 280px;overflow:hidden;margin-top: 60px;}

.cpimg img{transition:all .9s;-moz-transition:all .9s;-ms-transition:all .9s;-o-transition:all .9s;/* -webkit-transition:all .9s; */}



.prod ul li:hover span a{ color:#0081f4;}

.cpmore{ text-align:center; margin:30px 0;}



/*首页新闻*/

.xinwen{ margin-top:50px; overflow:hidden;    margin-bottom: 50px;}

.xinzuo{ width:530px; padding-left:50px; padding-right: 50px;}

.newname span{ display:block; font-size:30px; margin-bottom:15px;}

.newname span:nth-child(1){ font-family:"Roboto"; font-size:34px; color:#26b7bc; padding-left:30px;}

.newname span:nth-child(3){ padding-left:50px; font-size:24px; color:#b9b9b9}

.imgyou{ margin-bottom:15px;}

.xinyou{ width:560px;}

.xinyou ul li{ border-bottom:1px solid #e5e5e5; padding-bottom:30px; margin-bottom:20px; margin-top:10px;}

.xinyou ul li:last-child{ border-bottom:0;}

.xinyou ul li h2{ font-size:16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin: 10px 0; font-weight: normal; }

.xinyou ul li div,.riqi{ color:#aaaaaa;}

.riqi>span{ font-size:26px; color:#186cde;}



/*底部*/

.corp{ padding:15px 0; background:#26b7bc; color:#fff; text-align:center;}

.dibu{ background:url(../images/dbj.jpg) 50% 0 no-repeat; background-size:cover; overflow:hidden; padding-bottom:30px;}

.lxizuo{ color:#fff; padding-left:30px;/*padding-left:80px; width:60%;*/}

.lxizuo ul li{ line-height:30px;}

.lxizuo ul li span{ margin-right:7px; font-size:16px;}

.lxizuo a{ color:#fff;}

.diqu{ margin-top:20px;}

.diqu a{ float:left; color:#fff; width:32px; height:32px; border-radius:4px; background:#3b579d; line-height:32px; text-align:center; margin-right:10px;}

.diqu a:nth-child(2){background:#c94638; }

.diqu a:nth-child(3){background:#00aced; }

.diqu a:nth-child(4){background:#28c630; }

.diqu a:nth-child(5){background:#f4b53a; padding:5px; }



.wenb{ width:280px; height:32px; background:#fff; border-radius:5px; line-height:32px; margin-bottom:10px; padding-left:5px;}

.wenb span{ font-size:20px; color:#f57f10; margin-top:5px; float:left;}

.tee{ width:240px;height: 31px;outline:none;}

.tees{ outline:none;}

.wenbaa{ width:420px; height:80px;border-radius:5px;background:#fff; }

.wenbaa textarea{ border:0;width:410px; height:76px; margin-left:5px; }

.abb{ color:#FFF; background:#26b7bc; border-radius:5px; padding:6PX 20px; margin-top:20px;}



/*产品列表*/

.mbx{ text-align:right;  padding: 30px 0 ;  font-size: 16px; display:block;}

.cpfenzuo{width:22%;/* background:#222; */margin-bottom:20px;}

.chanpinl{ width:75%;}

.chanpinl ul li{ float:left; width:31%; margin:0 10px 20px 10px;}


.chanpinl ul li span{display:block;line-height:50px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-align: center;background-color: #f5f5f5;font-size: 16px;}

.fenye{ text-align:center; margin:50px 0;}

.fenye span{ margin-bottom:10px; display:inline-block; }

.fenye_a{padding:5px 10px; color:#898989; border:1px solid #c9caca; margin:0 3px;}

.fenye a{ padding:5px 10px; color:#898989; border:1px solid #c9caca; margin:0 3px;}

.fenye a.active,.fenye a:hover{color:#fff; background:#017ae6; border:0;border:1px solid #017ae6; }

.ny_zbbt{background-color: #26b7bc;line-height:60px;overflow:hidden;border-top: 2px solid ##26b7bc;font-weight:bold;font-size:20px;padding-left:15px;color:#fff;}

.menu_list{ background:#98d382;}

.menu_head{display:block; padding:15px 10px 15px 20px;text-decoration:none;color:#fff;background:url(../images/04.gif) no-repeat 96% center; border-bottom:1px solid #fff;/* cursor:pointer;*/ }

.menu_head:hover{ background:#26b7bc url(../images/04.gif) no-repeat 96% center;}

.menu_head a{ color:#fff; font-size:16px;}

.menu_head:hover a{ font-weight:bold;}

.menu_list .menu_body{display:none;color:#666; background:#f5f5f5;}

.menu_body li{border-bottom:1px solid #fff; padding:5px 0px 5px 30px; background:url(../images/dot.jpg) 20px 50% no-repeat; }

.menu_body li a{ color:#484a55;}

.menu_body li:hover{background:#fff}

.menu_body li:hover a{ color:#fff}



/*产品详情*/

.sxy{ margin:30px 0;}

.sxya{ color:#666; font-size:14px; line-height:24px;}

.sxya a{color:#666; padding:0 6px;}

.sxya a:hover{ color:#0072f3;}

.cpxin h1{ font-size:24px; padding-bottom:15px; border-bottom:1px solid #afafaf}

.cpru{ width:40%;}

.miaoshu{ width:55%;/* margin-top:20px;*/}

.jianj{  margin-bottom:30px; overflow:hidden;}

.miaoshu h1{ font-size:26px; color:#444; margin-bottom:25px;}

.miaoshu .miaoj{ color:#888; line-height:26px;}

.liuyan{ display:block; width:155PX; padding:8px 20px; background:#26b7bc; margin-right:20px; border-radius:5px; color:#fff; text-align:center; font-size:16px; margin-top:40px;}

.liuyan a{ color:#fff; padding-left:10px; padding-right:10px;}

.liuyan2{ display:block; width:155PX; padding:8px 20px; background:#c94638; margin-right:20px; border-radius:5px; color:#fff; text-align:center; font-size:16px; margin-top:40px;}

.liuyan2 a{ color:#fff; padding-left:10px; padding-right:10px;}



.liuyan:hover{ color:#fff;}

.cpfen2{ overflow:hidden; /*margin-top:40px;*/ border-bottom:1px solid #afafaf; margin-bottom:20px; }

.cpfen2 li{ float:left; line-height:30px; padding:0 20px; /*    border: 1px solid #afafaf; */  border-bottom: 0;   border-left: 0; border-radius:4px 4px 0 0;}

.cpfen2 li:first-child{ /*border-left: 1px solid #afafaf; margin-left:15px;*/}

.cpfen2 li:hover,.cpfen2 li.current{ background:#26b7bc; cursor:pointer; color:#fff; /* border: 1px solid #0064d4;*/}

.chanpin{ overflow:hidden}

.cpxin{ width:100%; overflow:hidden;}

.layout{ padding-left:15px;}

.neir{ overflow: auto; overflow-y: hidden; line-height:28px;}



/*新闻列表*/

.newslist ul li{ border:1px solid #333; padding:2px; overflow:hidden; margin-bottom:25px; transition:all .9s; -moz-transition:all .9s; -ms-transition:all .9s; -o-transition:all .9s; -webkit-transition:all .9s;}

.riqi2{ width:7%;color:#fff; text-align:center; background:#333; padding:20px 0;transition:all .9s; -moz-transition:all .9s; -ms-transition:all .9s; -o-transition:all .9s; -webkit-transition:all .9s;}

.newsll{ width:90%; }

.riqi2 span{ display:block; font-size:36px; }

.newsll h2{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.newsll h2 a{ font-size:18px;transition:all .9s; -moz-transition:all .9s; -ms-transition:all .9s; -o-transition:all .9s; -webkit-transition:all .9s;}

.newsll span a{ display:block; color:#888;transition:all .9s; -moz-transition:all .9s; -ms-transition:all .9s; -o-transition:all .9s; -webkit-transition:all .9s;}

.newm{ text-align:center;}

.newm a{ display:block; width:30px; height:30px; font-size:20px; background:#333; color:#fff;transition:all .9s; -moz-transition:all .9s; -ms-transition:all .9s; -o-transition:all .9s; -webkit-transition:all .9s;}

.newslist ul li:hover{ border:1px solid #0081f4; }

.newslist ul li:hover .riqi2{ background:#0081f4;}

.newslist ul li:hover .newsll h2 a,.newslist ul li:hover .newsll h2,.newslist ul li:hover .newsll span a{ color:#0081f4;}

.newslist ul li:hover .newm a{ background:#0081f4;}

/*新闻详情*/

.newstext h1{ font-size:36px; text-align:center; padding-bottom:15px; border-bottom:1px dotted #c8c8c8; margin-bottom:30px;font-family: "Roboto";
	color: #26b7bc;}

.neirong{ overflow:auto; overflow-y:hidden; line-height:28px; padding:0 15px; margin-bottom:20px;}

.neirong p a{color: #005fb4;}



.lianxi{ padding-left:50px; width:50%;}

.ditu{ padding-right:50px;}

.table{ width:840px; margin:0 auto; overflow-y:hidden;}

.table table{ width:100%;}

.table table td{ padding:0 5px; line-height:26px;}

.owl-theme .owl-controls .owl-buttons div{width:30px;height:30px;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;font-size:0}

.pro_list .owl-theme .owl-controls{margin:0}

.owl-theme .owl-controls .owl-prev{position:absolute;left:6px;background:url(../images/prev.jpg) no-repeat !important;top:30%;text-indent:-9999px}

.owl-theme .owl-controls .owl-next{position:absolute;right:0px;background:url(../images/next.jpg) no-repeat !important;top:30%;text-indent:-9999px}



#owl-demo2 .owl-controls .owl-prev,#owl-demo2 .owl-controls .owl-next{top:45%}

#owl-demo1 .owl-controls .owl-prev,#owl-demo1 .owl-controls .owl-next{position:relative}

#owl-demo1 .owl-controls .owl-prev{margin-right:10px}

#owl-demo1 .owl-controls .owl-next{margin-left:10px}

#owl1{margin-top:1em}

#owl1 .item{background:#fff;overflow:hidden;padding:0 10px}

#owl1 .item img{display:block;border:1px solid #fff;width:100%;}

#owl1 .item .title{padding:1em 0 1em 10px;overflow:hidden;line-height:1.2em; text-align: center;}

#owl1 .item .title a{font-size:12px;color:#000;font-weight:bold}

#owl1 .item .social ul{display:inline-block;padding-left:10px}

#owl1 .item .social ul li{display:inline-block;background:#a3cf5c;margin-right:10px;width:30px;height:30px;line-height:30px;text-align:center}

#owl1 .item .social ul li i{color:#fff}

.neir H2{ font-size:18PX; margin-top:40PX; border-bottom:1PX solid #EBEBEB; padding-bottom:10px}



@media screen and (max-width:768px){

.zt{ width:100%;}

.sss,.caidan{ display:block;}

.sous2 { display:none; position:absolute; top:30px; right:5px; background:#222;}

.navv ul{ display:none;}

.caidan{ font-size:30px; text-align:right;margin-top:15px;}

.navv ul{ position:absolute; z-index:9999; top:110px; right:5px; background:#333; padding-bottom:15px;}

.navv ul li{float:none;margin-top:10px;border-top: 0;}

.navv ul li a{ color:#fff;}

.navv ul li:hover a{ border-top:0px;}

/*热销*/

.hott{ margin-top:5px;}

.hottit{ font-size:24px; margin-bottom:20px;}

.hott ul li{ float:left; width:46%; height:100%; margin:0 10px 20px 10px; overflow:hidden;}

.hotnei{ padding-top:30px;}

/*关于我们*/

.shipin,.jieshao{ float:none; width:98%; margin:0 auto}

.shipin{ text-align:center}

.jieshao{ margin-left:5px;}

.hottit2{ margin-top:30px;}

.hottit3{ font-size:24px;}

/*产品*/

.prod ul li{ float:left; width:48%;  }

.cpimg{ width:100%; height:auto;}

/*新闻*/

.xinzuo{ float:none; width:100%;}

.xinyou{ float:none; width:96%; margin:0 auto}

.xinzuo{ overflow:hidden; padding-left:0;}

.xinzuo img{ display:none;}

.newname{text-align:center;width:100%;}

.newname span:nth-child(1){  padding-left:0px; }

.newname span:nth-child(3),.newname span:nth-child(2){ display:none; }

/*底部*/

.lxizuo{ float:none; padding-left:0; width:90%; margin:0 auto; overflow:hidden;word-wrap: break-word;}

.lxiyou{ float:none; width:90%;margin:0 auto; margin-top:20px;}

.wenbaa{ width:100%;}

.wenbaa textarea{ width:98%;}

/*产品列表*/

.cpfenzuo,.chanpinl{ float:none; width:98%; margin:0 auto; }

.chanpinl ul li{ margin:0 5px;}



.cpxin{ width:98%; margin:0 auto; float:none; }

.cpru,.miaoshu{ float:none; width:98%; margin:0 auto}

.cpru{ text-align:center; overflow:hidden; margin-bottom:20px;}

.cpfen2 li{ width:30%; padding:0 0px; text-align:center; }



/*新闻列表*/

.riqi2{ width:20%; padding:48px 0;}


.riqi2 span{ font-size:50px;}

.newsll{ width:77%; }

.layout{ padding-left:5px;}

.table{ width:98%;}

}

@media screen and (max-width:480px){

.logo{ width:50%;}

.hott ul li{float:none;width: 90%;height:100%;margin:5px auto;overflow:hidden;}

.hotnei{ padding-top:70px;}

.caidan{margin-top:0px;}

.navv ul{position:absolute;z-index:9999;top: 63px;right:5px;background: #26b7bc;padding-bottom:15px;}

/*关于我们*/

.shipin,.jieshao{ float:none; width:98%; margin:0 auto}

.shipin {margin-left:0;}

.shipin .video{width: 100%;}

.shipin embed { width: 100%; height: 250px;}

/*产品*/

.prod ul li{float:none;width: 90%;overflow:hidden;margin:0 auto;}

.cpimg{ width:100%; height:auto;}



.chanpinl ul li{ float:left; width:44%; margin:0 10px 20px 10px;}

.chanpinl ul li:last-child{ display:none;}

.newm{ display:none;}



	}

@media screen and (min-width:769px) and (max-width:1024px){

.zt{ width:100%;}

.hott ul li{ float:left; width:31%; height:100%}

.shipin,.jieshao{ width:45%;}

.prod ul li{ float:left; width:24%; overflow:hidden;  }

.cpimg{ width:100%; height:auto;}

.xinzuo{ width:50%; padding-left:10px;}

.xinzuo img:first-child{ width:72%;}

.xinzuo img{ width:48%;}

.newname{ margin-left:50px;}

.imgyou{ margin-bottom:15px;}

.xinyou{ width:45%;}

.xinyou ul li{ padding-bottom:10px; margin-bottom:10px; margin-top:0px;}

.chanpinl ul li{width:30%;}

}

.gbooknewstext{ width:74%;margin-bottom:50px; }

.gbooknewstext h1{ font-size:24px; text-align:center; padding-bottom:15px; border-bottom:1px dotted #c8c8c8; margin-bottom:30px;}

.gbookwenb{ width:90%; height:32px; border-radius:5px; line-height:32px; margin-bottom:15px; padding-left:5px;}

.gbookwenb_spana{ width:200px;padding-right:15px;font-size:20px; float:left;line-height:32px;display:block; }

.gbooktee{ width:65%;outline:none;border:1px solid #ccc;float:left; }

.gbooktees{ outline:none; }

.gbookwenbaa{ width:90%; height:150px;border-radius:5px; padding-left:5px;margin-bottom:15px; }

.gbookwenbaa textarea{ border:1px solid #ccc;width:65%; height:150px;float:left; }

.gbookabb{ color:#FFF; background:#ff9027; border-radius:5px; padding:6px 30px; margin-top:20px;}

.gbookbutton{ text-align:center; }

.gbookwenb_spanb{ width:50px;float:left;line-height:32px;display:block;padding-left:5px;color:red;font-size:20px; }


.navbar {
	margin: 0px;
	
	border: none;
}


.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-item img {
    display: block;
    width: 100%; }
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel .owl-nav button.owl-prev,
  .owl-carousel .owl-nav button.owl-next,
  .owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {
  /* border:1px solid #ddd; */
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
			This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
			calculation of the height of the owl-item that breaks page layouts
		 */ }
  .owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease; }
  .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
    max-height: 0; }
  .owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
      transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }



.single-slide-item {
	background-size: cover;
	background-position: center;
	background-color: #ddd;
	color: #fff;
	width: 100%;
	height: 800px;
	display: table;
	position: relative;
	z-index: 1;
}

.single-slide-item h1 {
	color: #fff;
	font-size: 80px;
	font-weight: 600;
	line-height: 95px;
	letter-spacing: 1px;
	margin: 30px 0;
}

.homepage-slides .section-title h6 {
	color: #fff;
}

#home-2 .single-slide-item h6 {
	color: #fff;
	font-size: 16px;
	letter-spacing: 1px;
	position: relative;
	padding-left: 60px;
}

#home-2 .single-slide-item h6:before {
	position: absolute;
	content: "";
	width: 40px;
	height: 2px;
	left: 0;
	top: 50%;
	background: #70C150;
	margin-top: -1px;

}

#home-2 .single-slide-item {
	height: 700px;
}

#home-3 .single-slide-item {
	height: 900px;
}

#home-3 .section-title {
	margin-top: 100px;
}

.single-slide-item p {
	color: #ccc7c7;
	font-size: 18px;
	line-height: 30px;
}

.homepage-slides .owl-nav button.owl-prev,
.homepage-slides .owl-nav button.owl-next {
	width: 45px;
	height: 45px;
	border: 2px solid;
	border-radius: 50%;
	font-size: 20px;
	font-weight: 100;
	line-height: 16px;
	position: absolute;
	left: 15px;
	top: 50%;
	margin-top: -25px;
	color: #70C1508c;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
}

.homepage-slides .owl-nav button.owl-next {
	left: auto;
	right: 15px;
}


.homepage-slides:hover .owl-nav button.owl-prev,
.homepage-slides:hover .owl-nav button.owl-next {
	visibility: visible;
	opacity: .5;
}

.homepage-slides .owl-nav button.owl-prev:hover,
.homepage-slides .owl-nav button.owl-next:hover {
	background: #70C150;
	color: #fff;
	border-color: #70C150;
	opacity: 1;
}

.hero-area-content {
	display: table-cell;
	vertical-align: middle;
}

.hero-area-content .main-btn {
	margin: 25px 0;
}

.cont_list ul li {
	width: 33.333%;
	float: left;
	text-align: center;
}
.cont_list ul li .text {
	margin-top: 20px;
	color: #434343
}
.cont_list ul li .text h3 {
	font-size: 16px;
	font-weight: normal;
	color: #000;
	margin-bottom: 10px;
}

.page.on {
	background: #f9f9f9;
}
.page_tit {
	margin-bottom: 40px;
	text-align: center;
}
.page_tit h3 {
	font-size: 36px;
	margin-bottom: 20px;
	font-weight: normal;
	font-family: "Roboto";
	color: #26b7bc;
}
.page_tit h2 {
	font-size: 28px;
}
.page_tit p {
	color: #999;
}


 @media only screen and (max-width: 750px) {
.banner .text h2 {
	font-size: 20px;
}
.banner .text p {
	margin: 1em;
}
.banner_cur {
	display: none;
}
.banner_search .btn {
	width: 100px;
}
.banner_search .box {
	padding-right: 100px;
}
.banner_search .span_tit {
	width: 50px;
}
.banner_search .div_input {
	padding-left: 10px;
}
.banner img {
	width: 150%;
	margin-left: -25%;
	max-width: initial;
}
.banner .img1 {
	overflow: hidden;
}
.page1_text .img1 {
	float: none;
	width: 100%;
}
.pro_list li:nth-child(3n+1) {
	clear: none;
}
.pro_list li {
	width: 50%;
}
.pro_list li:nth-child(2n+1) {
	clear: both;
}
.pro_list li a {
	padding: 15px;
	margin: 5px;
}
.footer .ewm {
	float: none;
	text-align: center;
	margin-bottom: 20px;
	display: none;
}
.footer .list ul li {
	margin: 5px 0;
}
.footer .ewm img {
	margin: 0 auto;
	margin-bottom: 10px;
}
.footer {
	text-align: center;
}
.page {
	padding: 20px 0;
}
.about_list ul li {
	margin: 20px 0;
}
.page_tit2 h3 {
	font-size: 25px;
	line-height: 20px;
}
.page_tit2 h2 {
	font-size: 30px;
}

.his_list ul {
	padding-left: 50px;
}
.his_list ul li i {
	left: -40px
}
.his_list ul li {
	padding: 0 !important;
	width: 100%;
	text-align: left;
}
.his_list ul li .text {
	padding: 0 !important
}
.his_list .line {
	left: 10px;
	right: auto;
}
.his_list ul li i:after {
	margin-left: 10px !important;
	width: 20px !important;
}
.zp_p_list .title span {
	min-width: 47%;
	width: auto;
}
.zp_p_list .title {
	line-height: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.page_news .list .img {
	width: 150px;
	float: left;
	margin: 0 auto;
	margin-right: 10px;
}
.page_news p {
	height: auto;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.page_news .list .text {
	padding-top: 10px;
}
.page_news .list .time {
	display: none;
	;
}
.page_news .list .text {
	border-top: 0
}
.page_news .btn a {
	border: 0;
	line-height: 20px;
	text-align: left;
}
.page_news .time {
	margin-bottom: 10px;
}
.page_news p {
	margin-bottom: 5px
}
.news_details .tit h2 {
	font-size: 26px;
	margin-bottom: 15px;

}
.news_details .tit {
	padding: 30px 0;
}
.pro_list2 ul li {
	width: 50%;
}
.page_news h3 {
	margin-bottom: 5px;
}
.pro_list2 .img {
	margin-bottom: 10px
}
.text_cur span {
	max-width: 100%;
	float: none;
}
.text_cur {
	line-height: 35px;
	padding: 10px 0;
}
.cont_list ul li {
	float: none;
	width: 100%;
	text-align: left;
	clear: both;
	margin-bottom: 10px;
}
.cont_list ul li:after {
	content: '';
	display: block;
	clear: both;
}
.cont_list ul li .img1 {
	float: left;
	width: 60px;
	margin-right: 20px;
}
.cont_list ul li .text {
	margin-top: 0;
	padding-top: 10px;
	overflow: hidden;
}
.map {
	overflow: hidden;
}
.map img {
	width: 200%;
	margin-left: -50%;
	max-width: initial;
}
.full {
	display: none;
}
.page_tag a {
	padding: 0 15px;
}
.news_tag {
	padding: 20px 0;
}
.page_tit h3 {
	font-size: 24px;
	margin-bottom: 10px;
}
.page_tit {
	margin-bottom: 20px;
}


}


 .about-num {
    margin-top: 10px;
    padding-top: 15px;
    padding-bottom: 120px;
    background: #f5f5f500;
    width: 1400px;
    margin: 0 auto;
}

 .about-num li {
    float: left;
    width: calc((100% - 0%)/6);
    text-align: center;
}


 .about-num li h2 {
  
    font-size: 46px;
    color: #26b7bc;
    line-height: 72px;
    display: inline-block;
}

 .about-num .count-unit {
    font-size: 30px;
    color: #26b7bc;
    text-align: right;
    display: inline-block;
    font-style: normal;
    font-family: 'Roboto', sans-serif;
}

 .about-num li p {
    color: #000;
    font-size: 16px;
    line-height: 36px;
}

.tran{background-color:#efefef;height: 330px;}


@media only screen and (max-width: 768px){

.ca-right-side .btn-default {

float:left!important;
margin-top:30px!important; 

background-color: #FFF;

border: 1px solid #FFF;

color: var(--primary-color);

font-weight:bold;

color:#26b7bc;
}
.section-titlea{ margin-left:0px!important;}
.ztb{ width:95%!important; margin:0 auto;}
.left_title2 p{ padding-left:0px!important;}
.containera{ width:100%!important;
padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;}
	
	
	.counter-wrapper {

background-image: url("../images/counter-bg.jpg");

padding: 30px 0px;

background-position: center;

background-repeat: no-repeat;

background-size: cover;

position: relative;

height: 100px!important;
}


.section-title {

text-align: center;

margin: auto auto 0px auto!important;
}
	
	.zhong{ border-width: 0px 0px 0px 0px!important;
    border-color: #e2e2e2;
    border-style: solid; }
	
	.call-action-wrapper {
    background-color: #26b7bc;
    padding: 20px 20px!important;
}
	.slider-caption p{ width:80%!important;}
.about-num {
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
	width:100%;
	}
	
	.left_title2 p{ width:100%!important}
	 .about-num li {
    width: 50%;
    border-bottom: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
}

 .about-num li h2 {
    line-height: 24px !important;
    margin-top: 10px;
    font-size: 24px;
}

.about-num .count-unit {
    font-size: 14px;s
}

 .about-num li p {
    font-size: 12px;
    line-height: 1.2 !important;
    margin-bottom: 10px;
    height: 12px;
}
}


.boxa{
    padding: 30px 0px 80px 0px;
    text-align: center;}
	
	.pd-bottom-90 {
  padding-bottom: 90px;
}
.pd-top-90 {
  padding-top: 90px;
}
@media (min-width: 1200px)
.container {
    max-width: 1140px;
}

@media (min-width: 992px)
.container {
    max-width: 960px;
}
@media (min-width: 768px)
.container {
    max-width: 720px;
}
@media (min-width: 576px)
.container {
    max-width: 540px;
}

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
@media (min-width: 992px)
.col-lg-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

@media (min-width: 576px)
.col-sm-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
	
	
}
.about-thumb {
    margin-bottom: 10px;
    overflow: hidden;
    margin-left: -20px;
}
.about-thumb img {
    width: 100%;
   
}

@media (min-width: 992px)
.mt-lg-0, .my-lg-0 {
    margin-top: 0!important;
}

.mt-4, .my-4 {
    margin-top: 1.5rem!important;
}
.align-self-center {
    -ms-flex-item-align: center!important;
    align-self: center!important;
}
@media (min-width: 992px)
.col-lg-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.mb-0, .my-0 {
    margin-bottom: 0!important;
}

.section-titlea {
    margin-bottom: 48px;
    position: relative;
    margin-left: 30px;
    width: 100%;
}
.section-titlea .title {
    margin-bottom: 0;
    margin-top: 3px;
	    font-family: "Roboto";
		font-size:36px
}
.section-titlea .content {
    margin-top:50px;
    margin-bottom: 0;
	line-height:35px;
}


.papri-footer-area {
    background: #031008;
}

/* footer wedget all  */
.footer-single-wedget h3 {
    font-weight: 500;
    color: #fff;
    margin-bottom: 40px;
    text-transform: capitalize;
    font-size: 18px;
}

.footer-single-wedget {
    margin-bottom: 30px;
}

/* footer wedget custom html 1  */
.custom-html-widget .footer-logo {
    /* margin: 20px 0 0; */
}

.custom-html-widget p {
    font-size: 13px;
    color: #fff;
    line-height: 30px;
}

.custom-html-widget .footer-social {
    padding: 0 0 0 0;
    margin: 25px 0 0 0;
   
    list-style: none;
}

.custom-html-widget .footer-social li {
    display: inline-block;
    margin: 0 10px 0 0;
	width:30px;
}

.custom-html-widget .footer-social li a {
    color: #fff;
    font-size: 16px;
}

.custom-html-widget .footer-social li a:hover {
    color: #ff5959;
}

/* footer wedget quick link  */
.footer-single-wedget .widget_nav_menu {
}

.footer-single-wedget .widget_nav_menu .menu {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-single-wedget .widget_nav_menu .menu li {
    margin-bottom: 25px;
}

.footer-single-wedget .widget_nav_menu .menu li a {
    font-family: 'Poppins', sans-serif;
    color: #fff;
    text-transform: capitalize;
    font-size: 14px;
}

.footer-single-wedget .widget_nav_menu .menu li a:hover {
    color: #ccc!important;
  
    font-family: 'Poppins', sans-serif;
}


/* footer wedget recent post  */

.footer-single-wedget .widget_recent_entries ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-single-wedget .widget_recent_entries ul li {
    margin-bottom: 25px;
}

.footer-single-wedget .widget_recent_entries ul li:last-child {
    padding: 0;
    margin: 0;
}

.footer-single-wedget .widget_recent_entries ul li a {
   font-family: 'Poppins', sans-serif;
   color: #fff;
   text-transform: capitalize;
   font-size: 13px;
}

.footer-single-wedget .widget_recent_entries ul li a:hover {
    color: #ccc!important;
}

.footer-single-wedget .widget_recent_entries ul li span {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    display: block;
}

/* footer wedget contact info */

.footer-single-wedget .custom-html-widget .contact-details {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-single-wedget .custom-html-widget .contact-details li {
    color: #fff;
    font-weight: 500;
    text-transform: capitalize;
    margin-bottom: 30px;
    vertical-align: middle;
    cursor: pointer;
}

.footer-single-wedget .custom-html-widget .contact-details li:hover i {
    background: #79b91c;
    color: #fff;
}

.footer-single-wedget .custom-html-widget .contact-details li i {
    width: 30px;
    height: 30px;
    font-size: 14px;
    background: #fff;
    text-align: center;
    color: #79b91c;
    line-height: 30px;
    border-radius: 50%;
    float: left;
    margin: 7px 12px 7px 0;
    transition: all .3s;
}

.footer-single-wedget .custom-html-widget .contact-details li:last-child {
    margin-bottom: 0;
}

/* footer copyright css */
.papri-footer-area2 {
    background-color: #4e3ae5;
}


.ztb{ width:1100px; margin:0 auto;}

.footer-copyright p {
    color: #090909;
    font-size: 16px;
    margin-bottom: 0;
}
.footer-copyright-area {
    background: #fff;
}
.footer-copyright {}

.footer-copyright p a {
    color: #090909;
    font-weight: 700;
}

.register-area .countdown p{ font-size:18px; line-height:40px;}

.register-area{position:relative; background-color:#f5f5f5}.register-area .fixed-bg{position:absolute;left:0;top:0;height:100%;width:50%;background-size:cover;background-position:center;z-index:-1}.register-area .form-box{padding:50px;box-shadow:0 0 10px #ccc;position:relative;z-index:1;border-radius:10px}}.register-area .countdown-inner{padding:50px;position:relative;z-index:1}.register-area .countdown-inner::after{position:absolute;left:0;bottom:-24px;content:"";height:100%;width:104%;background-repeat:no-repeat;background-position:bottom center;background-size:contain;z-index:-1;opacity:.3}.register-area .form-box .heading{border-bottom:1px solid #e7e7e7;margin-bottom:29px;padding-bottom:20px}.register-area .form-box .heading h4{display:block;color:#232323;text-transform:uppercase;font-weight:700;margin:0}.register-area .form-box .heading h5{text-transform:capitalize;font-weight:700;color:#ff1949}.register-area .countdown h2{font-weight:700;margin-bottom:20px}.register-area .item-list{margin-top:-35px}.register-area .countdown{padding-left: 60px;}.register-area .countdown .counter-item{display:inline-block;text-align:center;margin-top:40px;margin-right:30px}.register-area .countdown .counter-item:last-child{padding:0}.register-area .countdown .counter-item:last-child{border:none}.register-area .countdown .counter-item span{display:block;font-size:36px;font-weight:700;line-height:1;margin-bottom:5px;color:#232323}.register-area .countdown .counter-item .item{text-transform:uppercase;font-weight:700;color:#232323;font-size:14px}.register-area .form-box form .nice-select,.register-area .form-box form input{background:0 0;background: #fff;/* border-radius:5px; *//* border:1px solid rgba(255,255,255,.5); */padding:0 25px;color: #ddd;}.register-area .form-box button{padding: 12px 10px;background:#009196;transition:all .35s ease-in-out;/* box-shadow:0 0 10px rgba(255,136,0,.5),inset 0 0 1px 1px #ff1949; */color:#fff;text-transform:capitalize;font-weight:600;width: 50%;border:none;/* border-radius:5px; */float: left;}.register-area .form-box form input::-webkit-input-placeholder{color:#858585}.register-area .form-box form input::-moz-placeholder{color:#858585}.register-area .form-box form input:-ms-input-placeholder{color:#858585}.register-area .form-box form input:-moz-placeholder{color:#858585}.courses-area .courses-items .single-item{margin-bottom:30px}.courses-area .courses-items .item{box-shadow:1px 4px 20px -2px rgba(0,0,0,.1);background:#fff}.courses-area .courses-items .top-info{display:flex;align-items:center;justify-content:space-between;padding:10px 30px;border-bottom:1px solid #e7e7e7}.courses-area.trend-layout .courses-items .top-info{padding:0;margin-bottom:15px;border:none}


/* 分页样式 */
.pagination-nav { margin-top: 32px; font-size: 14px;  }
.pagination-nav > span { margin: auto 16px; color:#26b7bc}
.pagination-nav > span a{ margin: auto 16px; }
.pagination-nav .page-numbar { margin: auto 0; }
.pagination-nav .page-numbar .page-num,
.pagination-nav .page-index,
.pagination-nav .page-pre,
.pagination-nav .page-next,
.pagination-nav .page-last { display: inline-block; margin: auto 4px; padding: 2px 12px; border: 1px solid #EEE; border-radius: 2px; color:#26b7bc  }
.pagination-nav .page-numbar .page-num-current,
.pagination-nav .page-numbar .page-num:hover { border-color: #009196; color: #009196; }


