@charset "utf-8";
html, body, div, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, object, code, legend, button, input, textarea, label, th, td, a, img {
	margin:0;
	padding:0;
	border:0;
	outline:0
}
body {
	font:14px 'Helvetica Neue', 'Helvetica', 'Arial', '\5FAE\8F6F\96C5\9ED1', 'Microsoft YaHei', 'Tahoma', 'Hiragino sans gb', 'SimSun', 'Sans-serif';
	color:#333;
	background-color:#f3f3f3
}
ul,li{ list-style: none; padding: 0; margin: 0 }
a {
	color:#333;
	text-decoration:none;
-webkit-transition:color .2s ease-in-out;
-moz-transition:color .2s ease-in-out;
transition:color .2s ease-in-out;
-webkit-transition:background-color .2s ease-in-out;
-moz-transition:background-color .2s ease-in-out;
transition:background-color .2s ease-in-out
}
a:hover {
	text-decoration:none
}

.fl{ float: left }
.fr{ float: right;}
.clearfix {
    zoom:1
}
.clearfix:after {
    content:".";
    width:0;
    height:0;
    visibility:hidden;
    display:block;
    clear:both
}
.pad100{ padding: 100px 0; }

/*改变浏览器滚动条*/
::-webkit-scrollbar {width: 8px;height: 6px;}
div::-webkit-scrollbar {width: 6px;height: 6px;}
::-webkit-scrollbar-track {background: #f1f1f1;}
::-webkit-scrollbar-thumb {border-radius: 10px;background: #bcbcbc;/*rgba(0,0,0,0.2)*/;}
::-webkit-scrollbar-thumb:window-inactive {background: #a8a8a8;/*rgba(0,0,0,0.1)*/;}
::-webkit-scrollbar-thumb:vertical:hover{background-color: #a8a8a8;/*rgba(0,0,0,0.3)*/;}
::-webkit-scrollbar-thumb:vertical:active{background-color: #a8a8a8;/*rgba(0,0,0,0.7)*/;}
::-webkit-input-placeholder{font-family:"Microsoft YaHei";/*color:rgba(255,255,255,.8);*/}
::selection{background: #00aeef; /*color: #fff;*/}  
::-moz-selection{background: #00aeef;/* color: #fff;*/}
:focus{outline:0}


.imghove img{transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;}
.imghove:hover img{transform:scale(1.1,1.1);}

/*内容*/
.w{ width: 1200px; margin: 0 auto; }
/* @media (min-width:1170px){
	.container-fluid{ width: 1200px; margin: 0 auto; padding: 0; } 
	.navbar-default {background-color: #fff; border:0; border-color: #fff;}
	.navbar { min-height: 90px; margin-bottom: 0px; border: 0px solid transparent;}
	.navbar-default .navbar-nav{ margin-top: 20px; font-size: 16px; font-weight: bolder; float: right; padding: 0; margin-right: 0 }
	.navbar-default .navbar-nav>li>a:hover{ border-bottom: 3px solid #62c1b4; color: #62c1b4; }
	.navbar-default .navbar-nav>li.active a{ background: #fff; border-bottom: 3px solid #62c1b4; color: #62c1b4}
	.navbar-default .navbar-nav>li>a { margin-left: 30px; border-bottom: 3px solid #ffffff; line-height: 25px; padding: 10px; }
	.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { color: #62c1b4; background-color: #fff;}
    .nav .open>a, .nav .open>a:focus, .nav .open>a:hover { background-color: #fff; border-bottom: 3px solid #62c1b4;}
	.navbar-default .navbar-nav>li.active .dropdown-menu a{ background: #fff; border-bottom:0; color: #333}
	.navbar-default .navbar-nav>li.active .dropdown-menu a:hover{ background: #62c1b4; border-bottom:0; color: #fff}

    .dropdown-menu {position: absolute; top: 100%; left: 30px; border: 0px; border-radius: 0px;}
	.dropdown-menu>li>a {padding: 10px 20px;}
	.dropdown-menu>li>a:hover { background-color: #62c1b4; color: #fff}

} */
.header{ background-color: white; padding-bottom: 20px; position: fixed; height: 93px; top:0; left: 0; z-index: 100; width: 100%;}
.h100{ height: 93px;}
.header .w{ display: flex; justify-content: space-between; align-items: center;}
h4, h5, h6 {
    letter-spacing: 1px;
}
h1 {
    font-size: 28px;
}

.main .dev-output pre {
    overflow: auto;
    max-height: 500px;
    padding: 0 1em 1em;
}

.brand p {
    margin: 0;
}

.logo {
    font-size: 1.4em;
    line-height: 40px;
    margin: 20px 0 0;
    text-align: center;
    font-weight: bold;
    letter-spacing: 2px;
    display: block;
    float: left;
    text-decoration: none;
    color: #fff;
    padding: 0;
}

.a_txt{display:none}
.moblie_head{ display: none;}


.nav{ height: 35px; font-size: 16px; font-weight: bold;}
.nav .nav_list{ height:35px;  margin: 0 50px; z-index:9999; display: flex; justify-content: space-between;}
.nav li{ height:35px; position:relative; text-align: center; padding: 0 30px;}
.nav li.last{background:none;}
.nav li a{ color: #737373; line-height: 35px; box-sizing: border-box;  display:block; text-align: center; }
.nav li a:hover{  color: #62c1b4; border-bottom: 4px solid #62c1b4;}
.nav li a.selected{  color: #62c1b4; border-bottom: 4px solid #62c1b4;}
.nav li a.cur{ color: #62c1b4; border-bottom: 4px solid #62c1b4;}
.nav li.selected .submenu{display:block;}
.nav li .submenu{display:none;position:absolute;top:35px;left:0; }
.nav li .submenu{width:208px; background:#62c1b4;}
.nav li .submenu{ z-index:9999;}
.nav li .submenu li{float:left; margin: 0;  padding: 0px; background:none; height:45px; line-height:45px; }
.nav li .submenu li a{float:none; font-size: 14px; padding:0;text-align:left; padding: 0 20px; box-sizing: border-box;  border-top: 1px solid #fff; font-weight: normal; height:45px;line-height:45px; color:white; width: 208px;}
.nav li .submenu li a:hover{border-bottom: 0;  background-color: #75d7ca;  box-sizing: border-box; color:#fff; text-decoration:none;}



.main {
    background-image: url("../images/cloud.jpg");
    background-position: center top;
    background-repeat: repeat-x;
    min-height: 100%;
    padding-top: 1px;
}
.tagline {
    width: 360px;
    font-size: 1.75em;
    font-weight: bold;
    letter-spacing: 2px;
    line-height: 1.2;
    text-align: center;
    margin: 275px auto;
    color: #1A88D3;
}
.tagline strong {
    font-size: 1.3em;
}
.dev-output {
    background-color: #e1eaf3; /* fall-back */
    background-color: rgba(255,255,255,.85);
    color: #000;
    padding: 2em;
    margin-bottom: 2em;
}


header{ line-height: 55px; border-bottom: 1px solid #dedede; overflow: hidden; background-color: #fff }
header .w{display: flex; flex-direction: row-reverse}
header .w div{  }
header .tel{  color: #737373 }
header .tel a{color: #737373}
header .tel span{ margin-right: 20px; }
header .hcontact a{ display: block; background-color: #62c1b4; line-height: 55px; width: 140px; text-align: center; font-weight: bolder; color: #fff;  }


 .swiper-pagination-bullet { width: 10px; height: 10px; background: white;  opacity: 1;border-radius: 50%;}
 .swiper-pagination-bullet-active{ background-color:#83d2be;}
 .swiper-button-next{right: 5%; width: 90px; height: 90px; background: url(../images/right.png) no-repeat; background-size:100%; }
 .swiper-button-prev{left: 5%; width: 90px; height: 90px; background: url(../images/left.png) no-repeat;  background-size:100%; }
 .swiper-button-next:after, .swiper-button-prev:after { display: none;}

.box1{ margin-top: 30px; overflow: hidden; background-color: #f3f3f3;}
.box1 h2{ display: block; font-size: 40px; text-transform: uppercase; color: #62c1b4; text-align: center; font-weight: bolder; line-height: 140px; }
.box1 dl{ overflow: hidden; margin-bottom: 30PX; background-color: #fff; }
.box1 dl dt{ width: 40%; float: left; }
.box1 dl dt a{ display: block; position: relative;}
.box1 dl dt a img{ width: 100%;}
.box1 dl dt a .pcon{ position: absolute; top:50px; left: 30px;}
.box1 dl dt a h3{font-weight: bold; display: block; line-height: 200%;  font-size: 35px; text-transform: uppercase; color: #fff; }
.box1 dl dt a span{ color: #fff; font-size: 14px; background: url(../images/icon1.png) 50px center no-repeat; width: 100px; display: block; line-height: 27px;}
.box1 dl dd{}
.box1 ul{ overflow: hidden; margin-bottom: 20px; }
.box1 ul li{ width:50%; box-sizing: border-box; float: left;  margin-left: -1px; }
.box1 ul li a{ display: block; padding: 15px; }
.box1 ul li a img{ width: 100%; height: 195px; }
.box1 ul li a span{ display: block; font-size: 14px; color: #505050; text-align: center; font-weight: bolder; margin-top: 10px; }

.more{ text-align: center; margin: 3rem auto; }
.more a{ width: 25rem; line-height: 5rem; color: #62c1b4; text-align: center; background-color: #fff; display: inline-block; font-weight: bolder; }
.more a:hover{ color: #fff; background-color: #62c1b4;   }

.more1{ text-align: center; margin: 30px 0; }
.more1 a{ width: 300px; line-height: 66px; color: #62c1b4; text-align: center; background-color: #f3f3f3; display: inline-block; font-weight: bolder;}
.more1 a:hover{ color: #fff; background-color: #62c1b4;   }

.box2{ background:#fff url(../images/cbg.jpg) center top no-repeat; padding-top: 100px; padding-bottom: 100px; }
.box2 h3{ width: 230px; height: 230px;  border-radius: 50%; background-color: #62c1b4; font-size: 40px; color: #fff; font-weight: bolder; line-height: 50px; margin: 50px auto 0 auto; box-sizing: border-box; padding-top: 70px; text-align: center; text-transform:uppercase; }
.box2 span{ width: 2px; height: 160px; margin: 0 auto; display: block; background-color: #62c1b4;  }
.box2_con{ width: 750px; margin: 20px auto; font-size: 15px; color:#848484; line-height: 25px; }

.box3{ background:#f3f3f3; padding-top: 100px; padding-bottom: 50px; }
.box3 h3{ font-size: 40px; text-align: center; color: #000000; text-align: center; text-transform: uppercase; font-weight: bolder; }
.box3 h3 span{ color: #62c1b4 }

#owl-demo { width: 95%; margin: 50px auto 0 auto }
#owl-demo .item{ display: block; box-sizing: border-box; position: relative; border: 1px solid #fff}
#owl-demo .item img{ width: 100% }
#owl-demo .item .itemcon{ display: none; position: absolute; bottom:0px; left: 0%; width: 100%; color: #fff; background-color: rgba(0,0,0,.25); height: 80px; line-height: 80px; box-sizing: border-box; }
#owl-demo .item:hover .itemcon{ display: block; }
#owl-demo .item .itemcon h2{ line-height: 80px; padding-left: 30px; font-size: 18px; color: #fff; float: left; font-weight: bolder; }
#owl-demo .item .itemcon span{ float: right; margin-right: 30px; }
#owl-demo .owl-buttons{ position: relative; height: 36px; }
#owl-demo .owl-buttons div{ width: 22px; height: 36px;}
#owl-demo .owl-buttons .owl-prev{ position: absolute; left: -30px; top:-260px; background: url(../images/left.png) center center no-repeat;}
#owl-demo .owl-buttons .owl-next{ position: absolute; right: -30px; top:-260px;  background: url(../images/right.png) center center no-repeat;}

#owl-demo .owl-pagination { display: none; width: 100%; height: 22px; text-align: center; margin-top: 10px;}
#owl-demo .owl-page { display: inline-block; width: 40px; height: 3px; margin: 0 3px;  background-color: #d0d0d0;  *display: inline; *zoom: 1;}
#owl-demo .owl-pagination .active {background-color:#198b9a }

.contact{padding-top:80px; padding-bottom: 100px; background-color: #fff; }
.contact ul li{ padding: 0 50px; box-sizing: border-box;}
.contact ul{ display: flex; justify-content: space-between;}
.contact ul li:nth-child(1){ width: 30%;}
.contact ul li:nth-child(2){width: 45%; border-left: 1px solid #ddd; border-right: 1px solid #ddd; }
.contact ul li:nth-child(3){width: 30%; }
.contact ul li h3{ font-size: 24px; color: #848484; font-weight: bold;}
.pnav{ margin-top: 20px;}
.pnav a{color: #848484; line-height: 30px; display: block;}
.pnav a b{ color: #62c1b4;}
.contact .wx{ margin-top: 20px; display: flex; justify-content: space-between;}
.contact .wx a{ display: block;}
.fcontact dl{ display: flex; margin-top: 20px; line-height: 200%;}
.fcontact dl dt{color: #62c1b4; width: 80px;}
.gbook{ background-color: #62c1b4; padding: 30px; }
.gbook h3{ font-size: 40px; color: #fff; text-transform: uppercase; width: 580px; margin: 0 auto; font-weight: bolder; background: url(../images/icon5.png) center bottom no-repeat; padding-bottom: 40px; }

.footer{ line-height: 70px; background-color: #4b4e4e; color: #fff; overflow: hidden; text-align: center; }
.footer a{ color: #62c1b4 }

.bg1{ background-color: #fff }
.bg2{ background-color: #fafafa }

.aboutinfo{ overflow: hidden; padding: 100px 0; }
.aboutinfo .aboutvideo{ width:700px; float:left; margin:0 20px 20px 0; display:inline}
.aboutinfo .fl{ width: 47%; overflow: hidden; }
.aboutinfo .fr{ width: 47%; overflow: hidden; }
.aboutinfo h3{ font-size: 35px; display: block; font-weight: bolder; }
.aboutinfo span{ display: block; width: 50px; height: 2px; background-color: #000; margin-bottom: 30px; }
.aboutinfo p{ color: #615f5f; font-size: 16px; line-height: 23px; margin-top: 15px;}

.info{ overflow: hidden; padding: 100px 0; }

.info .fl{ width: 47%; overflow: hidden; }
.info .fr{ width: 47%; overflow: hidden; }
.info h3{ font-size: 35px; display: block; line-height: 1.5; font-weight: bolder; }
.info p{ color: #615f5f; font-size: 16px; line-height: 23px; margin-top: 15px;}

.banner{  overflow: hidden; }
.banner .w{ position: relative; height: 300px;}
.banner h3{ font-size: 40px; color: #ffffff; text-transform: uppercase; font-weight: bolder; position: absolute; left: 0; top: 70px; }
.banner span{ position: absolute; right: 0; bottom: 30px; display: block; color: #fff }
.banner span a{ color: #fff }

.con{ background-color: #fff; overflow: hidden; }
.contit{font-size: 40px; color: #6c6c6c; text-transform: uppercase; font-weight: bolder; text-align: center; margin: 100px 0 50px 0; }
.snav{ overflow: hidden; border-top: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; padding: 20px 0; }
.snav .fl{ width:800px;}
.snav .fl a{ display: inline-block; margin-right: 5px; line-height: 56px; margin-bottom:5px; background-color: #e9e9e9; font-weight: bolder; padding: 0 20px; }
.snav .fl a:hover,.snav .fl a.on{ background-color: #62c1b4; color: #fff; }

.prolist{ overflow: hidden; margin: 0 -20px }
.prolist li{ width: 33.333333%; padding: 20px; box-sizing: border-box; float: left;  }
.prolist li:hover{background-color: #62c1b4; }
.prolist li:hover h3{color: #fff; }

.prolist li h3{ display: block; color: #000; text-align: center; line-height: 27px; font-size: 16px; font-weight: bolder; line-height: 30px; }
.prolist li img{ width: 100% }
.prolist li span a{ display: block; text-align: center; color: #737373; font-size: 14px; }

.search{ width: 375px; margin-right: 10px; height: 60px;  background:#fff; box-shadow:0 0 5px 1px rgba(0,0,0,.2);-o-box-shadow:0 0 5px 1px rgba(0,0,0,.2);-ms-box-shadow:0 0 5px 1px rgba(0,0,0,.2);-moz-box-shadow:0 0 5px 1px rgba(0,0,0,.2);-webkit-box-shadow:0 0 5px 1px rgba(0,0,0,.2) }
.search .inp_text{ width: 325px; color: #999; line-height: 60px; float: left; height: 60px; padding-left: 20px; font-size: 16px; }
.search .inp_button{ background:url(../images/search.png) center center no-repeat; width: 50px; height: 60px; }

.prolocal{ background: #62c1b4; overflow: hidden; }
.prolocal h3{ float: left; line-height: 100px; display: block; font-size: 24px; color: #fff; font-weight: bolder; }
.prolocal span{ float: right; line-height: 100px; display: block; font-size: 14px; color: #fff;  }
.prolocal a{ color: #fff }

.pro { height: 100%; margin: 0px auto; width: 1200px; }
.pro .fl{position: relative; height: 100%; width: 50%}
.pro .fr{ width: 45%; }
.prodesc h1{ font-size: 36px; color: #615f5f; color: #615f5f;  }
.prodesccon{ margin-top: 30px; font-size: 24px; }
.prodesccon1{ border-left: 3px solid #62c1b4; background-color: #F6F6F6; padding: 50px 30px; margin-top: 50px; }
.prodesccon1 ul{ margin-top: 10px; }
.prodesccon1 ul li{ line-height: 23px; list-style:disc ; margin-left: 40px;}

.proother{ background-color: #fafafa; padding:100px 0;  }
.proother .fl{ width: 45%; border: 1px solid #f4f4f4; background-color: #fff }
.proother .fr{ width: 45%; border: 1px solid #f4f4f4; background-color: #fff }

.proother .tit{ background-color: #f4f4f4 }
.proother h3{ display: inline-block; background-color: #fff; line-height: 50px; text-align: center; border-top:3px solid #62c1b4;  padding: 0 40px; }

.proother{ overflow: hidden; }
.proothercon{}
.proothercon ul{ margin-top: 10px; }
.proothercon ul li{ line-height: 23px; list-style:disc ; margin-left: 40px;}

.proothercon { padding: 20px; }
.proothercon table{width:100%; border-collapse:collapse;}
.proothercon table td{border-bottom:1px solid #ebeaea; line-height: 40px; font-size: 16px;}

.aboutus{ margin-top: 30px; line-height: 27px; font-size: 16px; border-bottom: 1px solid #d2d2d2; padding-bottom: 30px;  color: #615f5f; }
.picshow { width: 100%;}
.picshow .item{ display: block; position: relative;}
.picshow .item img{ width: 100% }

.picshow .owl-buttons{ display: none; }

.picshow .owl-pagination { position: absolute; bottom: 10px; width: 100%; height: 15px; text-align: center; z-index: 100}
.picshow .owl-page { display: inline-block; width: 12px; height: 12px; margin: 0 3px; border-radius: 50%; background-color: #d0d0d0;  *display: inline; *zoom: 1;}
.picshow .owl-pagination .active {background-color:#62c1b4 }

.con2{ width: 96%; margin: 0 auto; padding: 80px 0; color: #615f5f;}
.con2 h2{ font-size: 3.5rem; line-height: 45px;  display: block; text-align: center; margin: 20px; font-weight: bolder; }
.con2 h3{ font-size: 2rem; line-height: 30px; color: #615f5f; display: block; text-align: center; margin: 20px; }
.con2_con{ margin: 50px auto; font-size: 2.2rem; line-height:4rem; text-align: center;}

.plist{ overflow: hidden; }
.plist li{ width: 20%; float: left; box-sizing: border-box; padding: 10px; }
.plist li img{ width: 100% }
.plist li span{ display: block; text-align: center; font-weight: bolder; margin-top: 4rem }

.con3{padding: 80px 0; text-align: center;  color: #615f5f;}
.con3 h4{font-size: 3.5rem; line-height: 45px;  display: block; text-align: center; margin: 20px; font-weight: bolder;}
.wz3{ padding-top: 20px; font-size: 14px; line-height: 1.5 }
.p30{ padding: 30px; }

.p1{width: 1100px; margin: 20px auto}
.p2{width: 680px; margin: 20px auto}

.proother1{ padding: 100px 0; background-color: #fff }
.proother1 h2{font-size: 3.5rem; line-height: 45px;  color: #615f5f; display: block; text-align: center; margin: 20px; font-weight: bolder;}
.proother1 ul{ width: 1200px; margin: 50px auto 0 auto; overflow: hidden; }
.proother1 ul li{ width: 25%; box-sizing: border-box; padding: 20px; float: left; }
.proother1 ul li img{ width: 100% }
.proother1 ul li p{ text-align: center; padding: 10px 0; }
.proother1 ul li p img{ width: auto; }
.proother1 ul li h3{ font-size: 1.5rem; text-align: center; display: block; font-weight: bolder; margin: 10px 0; height: 30px; }
.proother1 ul li h4{ font-size: 1.6rem; text-align: center; display: block; color: #666; line-height: 1.2; height: 100px;}
.proother1 ul li a{ display: block; width: 100%; height: 38px; line-height: 38px; color: #fff; border: 2px solid #62c1b4; background-color: #62c1b4; text-align: center; font-size: 2rem; margin: 10px auto }
.proother1 ul li a:hover{ background-color: #fff; color: #333; border: 2px solid #000 }

.proother3{ padding: 100px 0; background-color: #fff }
.proother3 h2{font-size: 3.5rem; line-height: 45px;  color: #615f5f; display: block; text-align: center; margin: 20px; font-weight: bolder;}
.menu_list{margin:0 auto;}
.menu_head{
	height: 47px;
	line-height: 47px;
	padding-left: 38px;
	font-size: 16px;
	color: #525252;
	cursor: pointer;
	border-bottom: 1px solid #e1e1e1;
	border-top: 1px solid #F1F1F1;
	position: relative;
	margin: 0px;
	font-weight: bold;
	background: url(../images/pro_left.png) center left no-repeat;
}
.menu_list .current{background: url(../images/pro_down.png) center left no-repeat;}
.menu_body{ font-size: 14px; color: #999; padding: 30px 0;}
.menu_body ul li{ margin-left: 10px; background: url(../images/arrow.jpg) left center no-repeat;  display: block; line-height: 25px; padding-left: 20px; }

.proother4{ padding: 100px 0; background-color: #fafafa; line-height: 30px; }

.contactinfo .conw{ width: 640px; margin: 0 auto; padding: 50px 0; color: #615f5f;}
.contactinfo .c_con1{ font-size: 35px; line-height: 1.4;  font-weight: bolder; }
.contactinfo .c_con2{ margin: 20px 0; font-size: 15px; line-height: 1.5; text-align: center; }
.contactinfo .c_con3{ font-size: 20px; line-height: 1.5; text-align: center; }

.congbook{ border-top: 2px solid #000; padding-top: 50px; overflow: hidden; padding-bottom: 50px; }
.congbook .fl{ width: 50%; }
.congbook .fl h3{ font-size: 18px; line-height: 27px; color: #62c1b4; display: block; text-align: center; }
.congbook .fl p{ margin: 20px 0; font-size: 18px; line-height: 30px; color: #999; text-align: center; }
.congbook .fr{ background-color: #fff; width: 50% }

.fgbook{ width: 800px; margin: 50px auto; }
.fgbook td{ color: #fff; padding: 5px; }
.fgbook td .input1{ line-height: 35px; border: 1px solid #fff; width: 600px; background-color: #62c1b4 }
.fgbook td .input2{ line-height: 35px; border: 1px solid #fff; width: 600px; height: 120px; background-color: #62c1b4 }

.pwx{ margin-top: 20px;}
.pwx a{ margin-right: 20px;}

@media (max-width:768px){
.w{ width: 100%; overflow: hidden; }
header{ line-height: 18px;}
header .tel{ padding-left: 10px; display: none; }
.navbar { margin-bottom: 0 }
.navbar-brand {
    float: left;
    height: 50px;
    padding: 5px 15px;
}	
.navbar-brand img{ height: 40px; }

.box1 h2{ font-size: 30px;  line-height: 40px; margin-bottom: 20px; }
.box1 dl dt{ width: 100%; float: none; position: relative; }
.box1 ul li{ height: 100%;}
.box1 ul li a img{ height: auto;}
.box2_con{ width: 100%; margin: 0px auto; padding: 0 10px; }
#owl-demo .owl-buttons{ display: none; }
.aboutinfo .aboutvideo{ width:100%; float:none; margin:0 0 20px 0 ; display:block}

.contact ul{flex-wrap: wrap;}
.contact ul li{ width: 100%; border: 0;  float: none; height: 100%; padding: 0px;}
.contact ul li:nth-child(1){ width: 100%;}
.contact ul li:nth-child(2){width: 100%; border-left: 0px solid #ddd; border-right: 0px solid #ddd;  border-top: 1px solid #ddd;  border-bottom: 1px solid #ddd; }
.contact ul li:nth-child(3){width: 100%; }

.gbook h3{ font-size: 24px; width: 100%;  background: url(../images/icon5.png) center bottom no-repeat; padding-bottom: 30px; }
.footer{ padding: 0 10px; }
.footer .w{ display: flex; }


.banner h3{ font-size: 30px;  position:static; display: block; text-align: center; margin-top: 30% }
.banner span{ position:static; display: block; width: 100%; color: #fff;  text-align: center; }
.contit{font-size:30px; margin: 50px 0 50px 0; }
.snav .fl{ float: none; padding: 0 10px;}
.snav .fr{float: none; padding: 10px;}
.snav .fl a{ margin-right: 5px; line-height: 36px; padding: 10px; margin-bottom: 5px; }
.search{ width: 100%; margin: 0 auto; }
.search .inp_text{ width: 80%; }
.search .inp_button{ width: 20% }
.proothercon { padding: 10px; }
.prolist{ margin: 0 }
.prolist li{ width: 50%; padding: 10px; }
.prolocal{ padding-left: 10px; }
.prolocal h3{ float: none; line-height: 30px;  }
.prolocal span{ float: none; line-height: 30px;  }

.pro {width: 100%; padding: 0 10px; }
.pro .fl{ width: 100%; float: none;}
.pro .fr{ width: 100%; float: none;}
.pad100{ padding: 10px 0; }


.proother{ padding:10px;  }
.proother .fl{ width: 100%; float: none; margin-bottom: 10px;  }
.proother .fr{ width: 100%; float: none; }

.proother1{ padding: 30px 0;}
.proother1 ul{ width: 100%;}
.proother1 ul li{ width: 50%;  padding: 10px;}
.proother1 ul li img{ width: 100% }

.provideo{ display: none; }

.proother3{ padding: 50px 0; }
.proother3 h2{font-size: 2.5rem; }

.menu_list{margin:0 10px;}
.menu_head{
	height: 100%;
	line-height: 27px;
	background: url(../images/pro_left.png) 5px left no-repeat;
}
.menu_list .current{background: url(../images/pro_down.png) 5px left no-repeat;}
.menu_body{ padding: 20px 0;}

.proother4{ padding: 50px 0;}

.aboutus{ padding: 0 10px 30px 10px;}
.contact{padding-top:40px; padding-bottom: 30px; }

.info{ padding: 10px; }
.info .fl{ width: 100%; float: none; }
.info .fl img{ width: 100% }
.info .fr{ width: 100%; float: none; }
.info .fr img{ width: 100% }
.info h3{ font-size: 24px; }

.img100 img{ width: 100% }
.plist li{ width: 50%; }

.con3{padding: 20px 0;}
.con3 h4{font-size: 2.5rem; line-height: 35px; }

.con2 h2{ font-size: 2.5rem; line-height: 35px; }

.p1{width: 100%; margin: 20px auto}
.p2{width: 100%; margin: 20px auto}

.contactinfo{ padding: 0 10px; }
.contactinfo .conw{ width: 100%;}
.contactinfo .c_con1{ font-size: 25px; text-align: center; }

.congbook .fl{ width: 100%; float: none; }
.congbook .fr{ width: 100%; float: none; }

.aboutinfo{  padding: 10px; }
.aboutinfo .fl{ width: 100%; float: none; }
.aboutinfo .fr{ width: 100%; float: none; }
.aboutinfo h3{ font-size: 25px; margin-top: 10px; }
.aboutinfo img{ width:100%}
.fgbook{ width: 100%; margin: 50px auto; }
.fgbook td .input1{ width: 200px; }
.fgbook td .input2{ width: 200px; }

.snav .fl{ width:100%;}

}

@media screen and (max-width: 768px) and (min-width: 0px){
	.h100{ height: 0;}
	.w{ width: 90%;}
	.header{ display: none;}
	.moblie_head{ display: block; height:44px;background:#fff;position:fixed;top:0px;left:0px;width:100%;z-index:9999;border-bottom:1px solid #ddd}
	.moblie_head .w{ display: flex; height:44px; justify-content: space-between; align-items: center;}
	.moblie_head .lf{padding-top:0px; }
	.moblie_head .lf img{height:24px}
	.moblie_head .rg{ padding-top:4px; }
	.moblie_head .rg a img{height:16px;vertical-align:top}
	.a_txt{display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
	.a_txt .div1{position:absolute;width:100%;height:100%;background:#62c1b4;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
	.a_txt .div2{position:absolute;width:20%;left:0px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
	.a_txt .div3{position:absolute;width:80%;right:0px;top:0px;background:@color;height:100%;z-index:100;right:-80%}
	.a_txt .div3 ul{padding-left:5%;padding-right:5%}
	.a_txt .div3 ul li{border-bottom:1px solid #fff}
	.a_txt .div3 ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
	.a_txt .div3 ul li .a_js2{background:url(../images/plus.png) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
	.a_txt .div3 ul li .a_js2_on{background:url(../images/reduce.jpg) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
	.a_txt .div3 ul li .a_txt2{display:none}
	.a_txt .div3 ul li .a_txt2 a{height:40px;line-height:40px;font-size:14px}
	.contact .w li{ padding: 20px 0;}
}