﻿@charset "utf-8";
/* CSS Document */
body{margin:0; padding:0; font-family:"微软雅黑"; background:#fff url(../images/bg.png) repeat;}
*{margin:0; padding:0;}
ul,li,dl,dt,dd{list-style-type:none}
a{text-decoration:none !important;line-height:none !important}
.glyphicon{ top:0 !important;}
.no-padding {padding: 0 !important;}
.no-margin {margin: 0 !important;}
.no-background{ background:none !important;}
.no-border{ border:none !important;}
.overflow{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
a{ text-decoration:none !important; cursor:pointer !important;color:#999;}
a:focus{outline:none;}
ul{margin:0;}
li{list-style: none;}
.imgvertical{vertical-align:middle !important;}
.container-fluid{ max-width:1310px !important;}
.container{max-width:1000px !important;padding:0;}
.clearfix:before,.clearfix:after {display: table;content:'';}
.clearfix:after { clear: both; }
.clearfix { *zoom:1;}
h1,h2,h3,h4,h5,h6{margin:0 !important; padding:0 !important}
.tr{transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;-webkit-transition:all 0.5s}
.tr1{transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;-webkit-transition:all 0.3s}
.tr2{transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s}
.da{ 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)}
textarea:required,input:required{ -webkit-box-shadow:none; -moz-box-shadow:none; -ms-box-shadow:none; -o-box-shadow:none; box-shadow: none;}
body{overflow-x:hidden;}



/*全局样式*/
header{height: 140px;}
header .container-fluid{ max-width:1420px !important;}
.logo{line-height:140px;width: 31%}
.logo img{max-height: 130px;max-width: 100%}
header .right{width: 69%;padding-left:40px;}
header .top{text-align: right;}
header .phone{font-size: 12px;padding:12px 0;border-bottom: 1px solid #f0f0f0;display: inline-block;height: 55px;margin-bottom: 25px}
header .phone img{margin-right:8px}
header .phone b{font-size: 22px;font-family: "Arial"}


/*pc导航*/
.nav{}
.nav li{width:calc(100% / 8);float:left;font-size:15px; line-height:60px;text-align:center;position:relative;}
.nav li:before{content: "";position: absolute;left:0;top: 50%;width: 1px;height:16px;border-left: 1px dashed #bbb; margin-top: -8px}
.nav li:first-child:before{display: none}
.nav li a{display:block;color:#555;position: relative;z-index: 22;border-radius: 0 0 50% 50%}
.nav li.on a,.nav li:hover a{background: #00b1a1;color: #fff;}
/*导航二级下拉*/
.nav li .nav-zi{position:absolute; left:-20px; top:100%;width: calc(100% + 40px); z-index:9999999; display:none;padding-top: 5px}
.nav li .nav-zi li{ width:100%; font-size:14px;line-height:30px;border-bottom:1px dotted #ECECEC;background: #fff}
.nav li .nav-zi li a{display:block; padding:0 8px; color:#34b7f1;border-radius: 0;background: #fff}
.nav li .nav-zi li:hover a{color: #fbb03b;background: #fff}
.nav li .nav-zi li:before{display: none}


header .sjdnav{ display:none;width:150px;height:auto;position:absolute;right:0;top:100px;z-index:2000; }
header .sjdnav ul{ padding:0; margin:0;}
header .sjdnav li{width:100%;background:rgba(0,0,0,0.55);line-height:38px;text-align:center;font-size:15px;line-height:38px;font-weight:bold;margin-bottom:3px}
header .sjdnav li a{display:block;color:#fff;}
header .sjdnav li a:hover{ background:rgba(255,150,16,0.9);}
header .ydd_btn{width:40px;cursor:pointer;position:absolute;z-index:2000;top:40px;right:15px;}
header .ydd_btn span{ display:block; width:100%; height:4px; background:#00b1a1;}
header .ydd_btn span.span02{margin:4px 0;}
header .ydd_btn.click{ background:none;}
header .ydd_btn.click span{ background:#00b1a1;}
header .ydd_btn.click span.span01{transform:rotate(45deg);-ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); position:relative;top:8px;margin-top:0px;} 
header .ydd_btn.click span.span02{margin:4px 0;}
header .ydd_btn.click span.span03{transform:rotate(-45deg);-ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg);position:relative;top:-8px;margin-top:0px;}
header .ydd_btn.click span.span02{ width:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;}


/*banner轮播*/
.banner{position:relative;}
.banner a{ display: block; /*font-size: 0; text-align: center;*/}
.banner a img{ max-width: 100%;}
.banner .swiper-pagination{ position: absolute; left: 0; bottom:20px; z-index: 1; width: 100%; font-size: 0; text-align: center;}
.banner .swiper-pagination span{ margin: 0 5px; width:28px; height: 6px; background:#fff; opacity: 1;border-radius:0;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background: #00b1a1;}
.swiper-wrapper {height: auto !important;}
/*.banner img{width:100%;}*/


.banner_da a img{height: 520px}
.banner_xiao a img{width: 100%}
.banner .formbox{position: absolute;left:0;top: 0;width: 100%;height: 385px;}
.banner .formbox .hezi{position: relative;width: 100%;height: 385px}
.banner .formbox form{width: 340px;height: 100%;position: absolute;top:68px;right: 0;background: rgba(0,0,0,0.4);padding:40px 40px 0;color: #fff;z-index: 22}
.banner .formbox form select,.banner .formbox form input{width: 100%;height: 50px;background: #fff;color: #333;padding:0 20px;border:0;border-radius: 5px;margin-bottom: 10px}
.banner .formbox form button{width: 100%;height: 50px;background: #fe7e00;border:0;margin-top:10px;font-size: 18px;color: #fff;font-weight: bold;border-radius: 5px}


/*主体内容*/
.main1{padding-bottom:65px;}
.title{margin:60px 0 45px;text-align: center;text-transform: uppercase;}
.title h4{font-size:30px;color:#00b1a1;font-weight: bold;background: url(../images/title.png) no-repeat center center;margin-bottom: 5px !important}
.title .ying{font-size: 12px;font-family: "Arial";margin:8px 0 10px;}
.title .fang{width: 22px;height: 3px;background: #3b352f;margin:0 auto;}



.main11{background:url(../images/main11-bg.png) center center;background-size: cover;padding:50px 0;}
.main11 .row{margin:0 10px;}
.main11 .col-md-3{padding:0 10px;}
.main11 .imgbox{display: block;text-transform: uppercase;background: #fff;padding:20px 8px 20px 20px;margin-bottom: 20px;font-size: 12px}
.main11 .imgbox .tu{width: 56px;height: 48px;float: left;}
.main11 .imgbox .tu img{max-width: 100%;max-height: 100%}
.main11 .imgbox .text{width: calc(100% - 56px);float: left;padding:0 0 0 10px;}
.main11 .imgbox .text h4{font-size: 18px;color: #333;font-weight:bold;margin-bottom:6px !important}
.show .imgbox{display: block;background: #fff;border:1px solid #eee; box-shadow: 3px 5px 8px rgba(0,0,0,0.07);color: #333;margin-bottom: 30px;padding:10px 10px 0;}
.show .imgbox .tu{overflow: hidden;}
.show .imgbox .xia{padding:20px 10px;}
.show .imgbox .more{width: 34px;height: 34px;background: #d1d1d1; line-height: 36px;text-align: center;float: right;font-size: 22px;font-family: "宋体";margin-top: 10px;color: #fff}
.show .imgbox .text{width: calc(100% - 36px);float: left;padding-right:12px}
.show .imgbox .text .tou{font-size: 19px;font-weight: bold;}
.show .imgbox .text .zi{color: #666;font-size: 13px;position: relative;padding-left: 32px}
.show .imgbox .text .zi:before{content: "";position: absolute;left:0;top: 50%;width:20px;height: 2px;background: #1887e1;margin-top: -1px}



.main01{padding:80px 0;}
.main01 .imgbox{display: block;border:1px solid #eee;padding:5px;margin-bottom: 16px;color: #fff;text-transform: uppercase;font-size: 12px;box-shadow: 0 5px 7px rgba(0,0,0,0.07)}
.main01 .imgbox .hezi{padding:35px;background: #00b1a1;position:relative}
.main01 .imgbox .text{position: relative;z-index: 22}
.main01 .imgbox .biaoti{margin-bottom: 15px}
.main01 .imgbox .biaoti .tou{font-size: 22px;font-weight: bold;margin-bottom: 5px}
.main01 .imgbox .biaoti .xiao{font-family: "Arial"}
.main01 .imgbox .more{display: block;width: 65px;background: #fff;line-height: 25px;text-align: center;color: #333}
.main01 .tubiao{position: absolute;right: 0;bottom: 0;}
.main01 .tubiao img{max-width: 100%;max-height:100%}
.main01 .imgbox6 .picture,.main01 .imgbox1 .text{margin-bottom: 30px}
.main01 .imgbox2 .hezi{background: #fbb03b}
.main01 .imgbox3 .hezi{background: #37cdac}
.main01 .imgbox4 .hezi{background: #01a89e}
.main01 .imgbox5 .hezi{background: #a67c52}
.main01 .imgbox6 .hezi{background: #ee5906}




.navbox01{font-size:0; text-align:center; margin-bottom:30px}
.navbox01 .navli{display:inline-block; width:110px;line-height:44px;background: #fff; font-size:14px; color:#000; padding:0 5px; margin:0 5px 10px;border:1px solid #e7e7e7;box-shadow: 0 4px 7px rgba(0,0,0,0.05);cursor: pointer;}
.navbox01 .navli.active,.navbox01 .navli:hover{background:#00b1a1; color: #fff;box-shadow: 0 4px 7px rgba(24,135,225,0.26);border-color: #00b1a1}

.contbox1 .cont1,.contbox .cont{display: none}
.contbox1 .cont1.active,.contbox .cont.active{display: block;}


.jianjie{background:#f7f7f7;}
.jianjie .hezi{background: #fff;padding:40px;box-shadow: 0 0 15px rgba(0,0,0,0.1)}
.jianjie .left .imgbox{display: block;overflow: hidden;}
.jianjie .right{padding-top:35px;}
.jianjie .right h4{font-size: 20px;font-weight: bold;}
.jianjie .right .xian{width: 25px;height:2px;background: #0c77d9;margin:20px 0;}
.jianjie .right .text{line-height: 26px;height: 140px;overflow: hidden;margin-bottom: 25px}
.jianjie .right .more{display: block;width: 140px;background: #00b1a1; color: #fff;line-height: 48px; text-align: center;}


.formbox2{background: url(../images/form-bg.jpg) center center;background-size: cover;padding:50px 0;}
.formbox2 .biaoti{margin-bottom: 25px;text-align: center;font-size: 15px;color: #fff}
.formbox2 .biaoti .tou{font-size: 28px;font-weight: bold;margin-bottom: 6px}
.formbox2 .row{margin:0 -5px;}
.formbox2 .col-md-3{padding:0 5px;}
.formbox2 input{margin-bottom: 10px;width: 100%;height: 50px;background: #fff;padding:0 15px;border:0;}
.formbox2 button{width: 140px;height: 50px;background: #ff8809;color: #fff;border:0;font-weight: bold;font-size: 17px}



.tuandui .imgbox{display: block;border:1px solid #e8e8e8; box-shadow:0 7px 10px rgba(0,0,0,0.1);border-radius:110px;padding:25px 20px 30px;text-align: center;color: #333;margin-bottom: 20px}
.tuandui .imgbox .tu{border-radius: 50%;overflow: hidden; margin:0 auto 20px; width:100%;height:0;position: relative;padding-bottom: 100%; }
.tuandui .imgbox .tu .img{border-radius: 50%;position: relative;z-index: 2}
.tuandui .imgbox .tu  img{width:100%;height:100%; }
.tuandui .imgbox .biaoti .tou{font-size: 24px;font-weight: bold;margin-bottom: 8px }
.tuandui .imgbox .biaoti .xiao{display: inline-block;background: #00b1a1;color: #fff;line-height: 20px;font-size: 12px;border-radius: 25px;padding:0 15px;}
.tuandui .imgbox .text{line-height: 25px;height: 75px;overflow: hidden;margin:15px 0 18px}
.tuandui .imgbox .more{display: block;width: 90px;border:1px solid #d9d9d9; color: #333;line-height: 28px; text-align: center;font-size:12px;box-shadow: 2px 3px 5px rgba(0,0,0,0.08);border-radius: 25px;margin:0 auto;}
.tuandui .imgbox .more span{display: inline-block;width: 12px;height: 12px;background: #000;line-height: 12px;border-radius: 50%;font-size: 11px;font-family: "宋体";color: #fff;margin-left: 7px;transition: all 0.3s}




.case{background:#f7f7f7;}
.case .row{margin:0 -10px !important;}
.case .col-md-4{padding:0 10px !important;}
.case .imgbox{display: block;background: #fff;padding:10px 10px 0; text-align: center;color: #333;margin-bottom: 20px;box-shadow: 0 5px 7px rgba(0,0,0,0.15)}
.case .imgbox .tu{overflow: hidden;position: relative;}
.case .imgbox .tu:before{content: "";position: absolute;left:0;top: 0;width: 100%;height: 100%;background:rgba(0,0,0,0.65) url(../images/mask.png) no-repeat center center;z-index: 22;opacity: 0;transition: all 0.3s}
.case .imgbox .tou{font-size: 15px;color: #333;height: 50px;line-height: 50px;}
/*左右方向箭头*/
.swiper2,.swiper1{position:relative;}
.swiper2 .swiper-button,.swiper1 .swiper-button{width:50px !important;height:50px;top:48%;font-size: 25px;color: #fff;line-height: 50px;text-align: center;}

.swiper2 .swiper-button.swiper-button-prev,.swiper1 .swiper-button.swiper-button-prev{left: -85px;background-color:#00b1a1;background-image:none; cursor: pointer;}
.swiper2 .swiper-button.swiper-button-next,.swiper1 .swiper-button.swiper-button-next{right: -85px;background-color:#00b1a1;background-image:none;cursor: pointer;}
.swiper2 .swiper-button-next.swiper-button-disabled,.swiper2 .swiper-button-prev.swiper-button-disabled,.swiper1 .swiper-button-next.swiper-button-disabled,.swiper1 .swiper-button-prev.swiper-button-disabled {opacity:1;background: #151515}




.more01{display: block;background: #0c77d9;width: 164px; color: #fff;line-height: 52px;text-align: center;margin: 30px auto 0}
.more01:hover{color: #fff;background: #ff7800}




.xinwen .imgbox{display: block;color: #333;border:1px solid #e9e9e9;padding:20px;box-shadow: 3px 4px 8px rgba(0,0,0,0.08);margin-bottom: 30px;}
.xinwen .imgbox .tu{width: 245px;height: 207px;float: left;overflow: hidden;}
.xinwen .imgbox .tu .img{width: 100%;height: 100%}
.xinwen .imgbox .text{width: calc(100% - 245px);float: left;padding:15px 0 0 20px;}
.xinwen .imgbox .text h4{font-size: 17px;font-weight: bold;margin-bottom: 8px !important}
.xinwen .imgbox .text .time{font-size: 12px;color: #b1b1b1;}
.xinwen .imgbox .text .zi{line-height: 25px;height: 75px;overflow: hidden;margin:10px 0 15px;}
.xinwen .imgbox .text .more{display: block;width: 95px;line-height: 28px;text-align: center;border:1px solid #d9d9d9;border-radius: 25px;}



.lianxi{background: url(../images/lian-bg.jpg) repeat;}
.lianxi .left .text{line-height: 25px;height: 75px;overflow: hidden;}
.lianxi .left .zi{line-height: 25px;margin:20px 0;}
.lianxi .left .zi b{font-size: 16px}
.lianxi .left .more{display: block;width: 128px;background: #333;color: #fff;line-height: 40px;text-align: center;}
.lianxi .right form .row{margin:0 -5px !important;}
.lianxi .right form .col-md-12,.lianxi .right form .col-md-6{padding:0 5px !important;}
.lianxi .right form input{width: 100%;height: 40px;border:1px solid #aeaeae;padding:0 10px;margin-bottom: 10px;background: none}
.lianxi .right form textarea{width: 100%;height: 120px;border:1px solid #aeaeae;padding:8px 10px;line-height: 25px;margin-bottom: 10px;background: none;resize: none}
.lianxi .right form button{width: 100%;height: 40px;background: #1887e1;border:0;color: #fff;}



.contact{background:#1e1e1e; padding:50px 0; color:#9a9a9a;line-height: 24px}
.contact a{color:#9a9a9a;}
.contact a:hover{color:#fff; text-decoration:underline !important}
.contact .left{padding-top: 65px;padding-right: 30px}
.contact .left ul li{width:calc(100% / 4); float:left; padding:0 15px 0 0; }
.contact .left dl dt{font-size:18px; color:#fff; margin-bottom:25px;position:relative;}
.contact .left dl dt:before{content: "";position: absolute;left:0;bottom: -15px;width: 30px;height: 1px;background: #515151;}
.contact .left dl dt a{color: #fff}
.contact .left dl dd{font-size:13px; line-height:28px;}
.contact .middle{padding:0 30px;position: relative;}
.contact .middle:after,.contact .middle:before{content: "";position:absolute;top: 0;left:-20px;width: 1px;height: 100%;background: #484848;min-height:180px;}
.contact .middle:after{left:auto;right: -20px}
.contact .middle h4{font-size: 34px;font-weight: bold;font-family: "Impact";color: #fff}
.contact .middle .text{color: #fff;margin:15px 0;}
.contact .middle .text span{color: rgba(255,255,255,0.15);}
.contact .right{text-align: right;line-height: 21px;color: #fff}
.contact .right .sao{max-width: 168px;display: inline-block;text-align: left;margin-left: 10px}
.contact .right .sao img{max-width:100%;display: block;margin-bottom: 8px}



footer{background:#1887e1; padding:20px 0; font-size:14px;color:#fff;text-align: center;}
footer a{color:#fff; margin:0 10px}
footer a:hover{color:#fff; text-decoration:underline !important}





/*子页面*/
/*1、关于我们*/
.main{ padding:40px 0 50px;font-size:14px; line-height:28px;}

/*内页左侧导航主要样式*/
.neiye .menu{background:#00b1a1; padding:25px 10px; text-align:center;font-size:14px; color:#fff;text-transform:uppercase; position:relative;margin-bottom: 3px}
.neiye .menu b{font-size:18px;margin-right:10px}
.neiye .menu i{display:block; position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; cursor:pointer}
.neiye .menu span{position:absolute; right:30px; line-height:45px;}
.neiye .nav1{display:block;background: #e5e5e5; font-size:15px; color:#444; line-height:45px;text-align:left; padding:0 10px 0 90px; position:relative;margin-bottom: 2px}
.neiye .nav1:after{content: "";position: absolute;left:2px;top: 2px;width: calc(100% - 4px);height: calc(100% - 4px);border:1px solid #fff;}
.neiye .nav1:before{content:">"; position:absolute; left:45px; top:50%; width:16px; height:16px; background:#fff; border-radius:50%; text-align:center; line-height:18px; color:#333; font-family:"宋体"; margin-top:-8px; transition:all 0.3s}
.neiye ul a{display:block; font-size:14px; color:#333; line-height:42px; padding:0 10px 0 60px; border-bottom:1px solid #e5e5e5; position:relative}
.neiye ul a:before{content:"-"; position:absolute; left:35px; top:0; font-size:18px; color:#333;}
.neiye ul{display:none; padding:0 35px}
.neiye .ul1{display:block;}
.neiye .navbox{background:#fff;margin-bottom: 20px}

/*一级导航、二级导航默认选中状态*/
.neiye .nav1.active{background:#ff7800; color:#fff;}
.neiye ul a.active{color:#0c77d9;}
.neiye ul a.active:before{color:#0c77d9;content:"+"; font-size:14px;}

/*.neiye .menu1{margin-top:20px;}*/
.neiye .lian{background:#fff;font-size:14px;line-height:27px;}
.neiye .lian .hezi{border:1px solid #e5e5e5;}
.neiye .lian .text{padding:20px 8px 20px 20px;border-bottom: 1px solid #e5e5e5}
.neiye .lian .phone{background: url(../images/phone3.png) no-repeat left center;min-height: 33px;padding-left: 45px;}
.neiye .lian .phone h4{font-size: 24px;color: #ff7800;font-weight: bold;font-family: "Arial"}
.neiye .lian .zi b{font-size: 16px;line-height: 35px;color: #333}


.main .navbox01{margin-bottom:26px;}

.main .cont{margin-top:30px;}
.title-zi{font-size:14px; color:#333; padding-bottom:10px; border-bottom:1px solid #e1e1e1; margin:0 0 30px}
.title-zi .zuo{font-size: 18px;color: #000}
.title-zi .you span{color: #00b1a1}
.title-zi .you a{color:#333;}
.title-zi .you a:hover{color:#00b1a1;text-decoration: underline !important;}



.about{font-size:15px;line-height:28px; }
.about h4{font-size:21px;font-weight: bold; line-height:28px;margin-bottom: 10px !important}
.about img{max-width:100%; height:auto; display:block; margin:10px auto;}

.call-us{font-size:14px;line-height:28px; }
.call-us h4{font-size:16px; font-weight:bold;line-height:35px;}
.call-us img{max-width:100%; height:auto; display:block; border:1px solid #ccc; margin:10px auto}

.case-box,.show-box{background:none; padding:0;line-height: normal}
.case-box .row,.show-box .row{margin:0 -10px !important}
.case-box .col-xs-6,.show-box .col-xs-6{padding:0 10px !important}
.show-box .imgbox{margin:0 0 20px}


.news-box .imgbox{display:block; position:relative; padding-bottom:20px; border-bottom:1px solid #ccc; margin-bottom:20px}
.news-box .imgbox .tu{width:265px; height:175px; border:1px solid #ccc; position:absolute; overflow:hidden}
.news-box .imgbox .tu .img{width:100%; height:100%;}
.news-box .imgbox .text{margin-left:275px; height:175px;}
.news-box .imgbox .text h4{font-size:16px; color:#4b4a4a; line-height:30px; font-weight:bold}
.news-box .imgbox .text span{font-size:12px; color:#999; display:block; margin:-5px 0;}
.news-box .imgbox .text .zi{font-size:14px; color:#4f4f4f; line-height:25px; height:102px; overflow:hidden;}
.news-box .imgbox .text .more{ width:90px; height:28px; background:#999; font-size:13px; color:#fff; line-height:28px; text-align:center}


.news-main{font-size:14px; line-height:24px;}
.news-tou{width:80%; margin:0 auto;}
.news-main .news-tou h4{ font-size:18px; line-height:26px; text-align:center; border-bottom:1px dashed #666; padding-bottom:12px !important;}
.news-main .news-tou span{display:block; text-align:center; font-size:12px; color:#7f7f7f; margin:10px 0}
.news-main img{ max-width:100%; height:auto; margin:20px auto;}


.liuyan{ width:65%; margin:0 auto;}
.liuyan .form-group{margin-bottom:5px;}
.liuyan label{ padding-top:0 !important; text-align:left !important;height:34px; line-height:34px; font-weight:normal;}
.liuyan input{background:#fff; border:1px dashed #0c77d9; height:37px;border-radius:0}
.liuyan textarea{background:#fff; border:1px dashed #0c77d9; height:107px;border-radius:0}
.liuyan button{width:100%; height:37px; color:#fff; background:#0c77d9; border:none; border-radius:0; margin-top:5px}


.show-main h4{font-size:18px; text-align:center; line-height:35px; margin-bottom:10px !important}
.show-main img{max-width:100%; height:auto; display:block; margin:10px auto 20px;}


.main .xinwen .imgbox{line-height: 20px}
.main .show .imgbox .mask h4{font-size: 20px}

.fuwu-main h4{font-size:18px; text-align:center; line-height:35px; margin-bottom:10px !important}
.fuwu-main img{max-width:100%; height:auto; display:block; margin:10px auto 20px;}
.fuwu-main .toubu{text-align: center;margin-bottom: 30px}
.fuwu-main .toubu .zi1{font-size: 24px;font-weight: bold;padding-bottom: 15px;border-bottom: 1px solid #eae7e6;line-height: 35px}
.fuwu-main .toubu .zi2{font-size: 0}
.fuwu-main .toubu .zi2 span{display: inline-block;padding:10px 20px;border:1px solid #eae7e6;border-top: 0;font-size: 14px}
.fuwu-main .toubu .zi2 span b{font-weight: normal;color: #888}



.rongyu .row{margin:0 -10px !important;}
.rongyu .col-md-4{padding:0 10px !important;}
.rongyu .imgbox{display: block;text-align: center;color: #333;margin-bottom:10px;}
.rongyu .imgbox .tu{overflow: hidden;border:1px solid #e8e8e8;padding:10px;box-shadow: 0 5px 7px rgba(0,0,0,0.15)}
.rongyu .imgbox .imgbg{overflow: hidden;}
.rongyu .imgbox .tou{font-size: 16px;color: #333;height: 50px;line-height: 50px;}


.video .imgbox{display: block;text-align: center;line-height: 40px;color: #333}
.video .imgbox .tu{position: relative;}
.video .imgbox .tu:before{content: "";position: absolute;top: 0;left:0; width: 100%;height: 100%;background:rgba(0,0,0,0.75);z-index: 20;transition: all 0.3s}
.video .imgbox .tu:after{content: "";position: absolute;top: 50%;left:50%;width: 46px;height: 46px;background:url(../images/play.png) no-repeat center center;background-size: contain;z-index: 22;margin:-23px 0 0 -23px;}

.video-main h4{font-size: 18px;text-align: center;line-height: 35px;margin-bottom: 10px !important}
.video-main .shipin{max-width: 650px;margin:0 auto;}


.hezuo .row{margin:0;}
.hezuo .col-md-3{padding:0;}
.hezuo .imgbox{display: block;text-align: center;line-height: 40px;color: #333;border:1px solid #eeeded; overflow: hidden;transition: all 0.3s}


.link01 ul{margin:0 -10px;}
.link01 ul li{width: 25%;float: left;padding:0 10px; font-size: 15px; line-height: 40px}
.link01 ul li a{color: #333}

.link02 .imgbox{padding-bottom: 10px;margin-bottom: 20px;border-bottom: 1px solid #ddd}
.link02 .imgbox .dian{display: inline-block;border:1px solid #ccc;padding:0 15px;line-height: 40px;margin-bottom: 10px}
.link02 .imgbox ul li{display: inline-block;padding:5px 15px 0;line-height: 30px}
.link02 .imgbox a{color: #333}


.zixun .hezi{padding-bottom:20px;border-bottom: 1px dashed #d9d9d9;margin-bottom:20px;}
.zixun .imgbox{display: block;color: #333;font-size: 15px}
.zixun .imgbox .tu{width: 210px;height:130px;float: left;overflow: hidden;}
.zixun .imgbox .tu .img{width: 100%;height: 100%}
.zixun .imgbox .text{width: calc(100% - 210px);float: left;padding:0 0 0 20px;height: 130px;display:flex;justify-content:center;align-items:center;}
.zixun .imgbox .text .tou{font-size: 16px;font-weight: bold;float: left;width:calc(100% - 200px);background: url(../images/star.png) no-repeat left center;padding-left: 30px;}
.zixun .imgbox .text .time,.zixun .imgbox .text .num{width: 110px;float: left;text-align:right;}


.ceping .biaoti{font-size: 22px;color: #00b1a1;font-weight: bold;text-align: center;margin-bottom: 30px}
.ceping .tou{font-size: 19px;font-weight: bold;margin-bottom: 20px}
.ceping .hezi{border:1px solid #eee;box-shadow: 0 5px 7px rgba(0,0,0,0.07);padding:35px 60px 60px;}
.ceping .part2{padding:40px 0;margin:40px 0;border-top:1px solid #eee;border-bottom:1px solid #eee;}
.ceping .part2 ul li{border-bottom: 1px dashed #e3e3e3;line-height: 30px;padding:10px 0;}
.ceping .part2 ul li .you input{margin-right: 5px}
.ceping .part2 ul li .you span{margin-right: 8px}
/*.ceping .part2 ul li .you span{padding:0 10px;margin-right:5px;cursor: pointer;}
.ceping .part2 ul li .you span input{display: inline-block;border:1px solid #e3e3e3;border-radius: 25px;line-height: 23px;transition: all 0.3s}
.ceping .part2 ul li .you span.active input,.ceping .part2 ul li .you span:hover input{background: #ff8809;border-color: #ff8809;color: #fff}*/

.ceping .part3 .tou{color: #00b1a1}
.ceping .part3 .hang{position:relative;padding-left: 150px;margin-bottom: 15px}
.ceping .part3 .hang .zuo{position: absolute;left:0;top: 0;width: 140px;line-height: 40px; text-align: right;}
.ceping .part3 .hang .zuo span{color: #999}
.ceping .part3 input{width: 100%;height: 40px;border:none;border-bottom: 1px solid #d9d9d9;}
.ceping .part3 .xiao{font-size: 12px;color: #df0000;margin-top: 10px;position: relative;left:-120px;width: calc(100% + 120px)}
.ceping .part3 .button{text-align: center;}
.ceping .part3 button{width: 230px;height: 60px;background: #00b1a1;color: #fff;border:0;font-size: 20px;font-weight: bold;margin-top: 20px}




@media (max-width:1150px){
}



@media (min-width:992px){
.main01 .imgbox:hover{box-shadow: 0 5px 10px rgba(0,0,0,0.4)}
.main01 .imgbox .more:hover{text-decoration: underline !important;}
.jianjie .hezi{position: relative;}
.jianjie .hezi:before{content: "";position: absolute;left: 50%;top: 0;width: 1px;height: 100%;background: #ededed;}
.jianjie .left{padding-right: 15px}
.jianjie .left .tu{height: 350px;}
.jianjie .left .imgbox:hover .tu{transform: scale(1.1,1.1)}
.jianjie .right{padding-left: 15px}
.jianjie .right .more:hover{background: #0c77d9;border-color: #0c77d9;color: #fff}
.formbox2 .left{width: calc(100% - 140px);float: left;padding-right: 10px}
.formbox2 .right{width: 140px;float: right;}
.tuandui .imgbox:hover .img{transform: scale(1.1,1.1);}
.tuandui .imgbox:hover .more{background: #ff8809;border-color: #ff8809;color: #fff}
.tuandui .imgbox:hover .more span{background: #fff;color: #000}
.case .imgbox:hover .img{transform: scale(1.1,1.1)}
.case .imgbox:hover .tu:before{opacity: 1}
.case .imgbox:hover .tou{color: #00b1a1;font-weight: bold}
.show .imgbox:hover .img{transform: scale(1.1,1.1)}
.show .imgbox:hover .more{background: #0c77d9;border-color: #0c77d9; color:#fff}
.xinwen .imgbox:hover .img{transform: scale(1.1,1.1)}
.xinwen .imgbox:hover .more{background: #00b1a1;border-color: #00b1a1;color: #fff}
.lianxi .left .more:hover{background: #00b1a1;color: #fff}
.rongyu .imgbox:hover .img{transform:scale(1.1,1.1);}
.video .imgbox:hover .tu:before{background:rgba(0,0,0,0.6)}
.hezuo .imgbox:hover{border-color: #00b1a1}
.hezuo .imgbox:hover .tu{transform:scale(1.1,1.1);}
.link02 a:hover,.link01 ul li a:hover{color: #00b1a1;text-decoration: underline !important;}
.zixun .imgbox:hover .img{transform:scale(1.1,1.1);}
.zixun .imgbox:hover .tou{color: #fe7e00}
.ceping .part2 ul li .zuo{width: calc(100% - 400px);float: left}
.ceping .part2 ul li .you{width: 400px;float: right;text-align: right;}
.ceping .part2 ul li .you span{margin-left: 5px}


/*一级导航、二级导航hover事件*/
.neiye .nav1:hover{background:#ff7800; color:#fff;}
.neiye ul a:hover{color:#0c77d9;}
.neiye ul a:hover:before{color:#0c77d9 !important; content:"+"; font-size:14px}

.news-box .imgbox:hover .tu .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)}
.news-box .imgbox:hover .text .more{background:#0c77d9;border-color: #0c77d9;color: #fff}
}



@media (max-width:991px){
header{height:90px;}
.logo{line-height:90px; width:100%;}
header .ydd_btn{top:30px}

header .sjdnav{ top:90px}
header .ydd_btn span.span02{margin:6px 0;}
.banner .swiper-button{display: none}
.banner .swiper-pagination{bottom: 10px}
.main11{background: #1887e1;padding:50px 0 30px;}
.main11 .imgbox{margin-bottom: 20px}
.swiper2 .swiper-button,.swiper1 .swiper-button{display: none}
.show .row{margin:0 -10px !important;}
.show .col-md-4{padding:0 10px !important;}
.show .imgbox{margin-bottom: 20px}
.main01{padding:60px 0;}
.formbox2 button{margin:0 auto;display: block;}
.jianjie .right .text{height: auto;max-height: 140px}
.contact .right{text-align: center;}
.contact .right .sao{text-align: center;margin:0 8px;}
.contact{text-align: center;}
.contact .left{margin-bottom: 20px;padding: 0}
.contact .left dl dt{margin:10px 0;}
.contact .left dl dt::before{display: none}
.contact .left ul li{padding:0 5px;}
.ceping .part2 ul li .zuo{margin-bottom: 6px}

.lianxi .left{margin-bottom: 30px;}
.show-box .row{margin:0 -10px !important}
.show-box .col-xs-6{padding:0 10px !important}
.show-box .imgbox{margin:0 0 24px}


/*手机侧导航 下拉 开始*/
.neiye{text-align:center;}
.neiye .menu{background: #0c77d9;color: #fff;margin-bottom: 2px;padding:0;}
.neiye .menu .xiao{display: none}
.neiye .menu span,.neiye .menu{line-height:52px;}
.neiye ul a.active,.neiye ul a:hover,.neiye ul a,.neiye .nav1.active,.neiye .nav1:hover,.neiye .nav1{background-image:none; padding:0;text-align:center}
.neiye ul a:before,.neiye .nav1:before{display:none;}
.neiye .nav1{padding:0 10px;}
.neiye .nav1 span{display: none}
/*手机侧导航 下拉 结束*/
.main3{padding-top:30px;}


.fuwu-main .toubu .zi1{font-size: 20px;line-height: 32px;}
}

@media (max-width:767px){
header{height:70px;}
.logo{line-height:70px;}
.logo img{height:55px;}
header .lianjie{margin:20px 60px 0 0;}
header .ydd_btn{top:23px;width:32px;}
header .sjdnav{ top:70px}
.main11 .imgbox{padding:20px 8px;}
.main11 .imgbox .text .xian,.main11 .imgbox .text .zi{display: none}
.main11 .imgbox .tu{float: none;margin:0 auto 10px;text-align: center;}
.main11 .imgbox .text{width: 100%;float: none;padding:0;text-align: center;}
.main01{padding:40px 0;}
.main01 .imgbox .hezi{padding:25px;}
.main01 .imgbox .biaoti .tou{font-size:20px;}
.formbox2 .biaoti .tou{font-size: 23px}
.contact .left ul li{width: 50%}
.zixun .imgbox .text .time, .zixun .imgbox .text .num{display: none}
.zixun .imgbox .text .tou{width: 100%}

.liuyan{width:100%;}
.link01 ul li{width: 50%;}
.ceping .hezi{padding:30px 35px 50px;}
}

@media (max-width:600px){
.main1{padding-bottom:40px;}
.title{margin:50px 0 35px;}
.title h4{font-size: 25px;}
.main11{padding:30px 0 20px;}
.main11 .row{margin:0 -5px !important;}
.main11 .col-md-3{padding:0 5px !important;}
.main11 .imgbox{margin-bottom: 10px;padding:12px 8px;}
.main11 .imgbox .tu{height: 40px}
.main11 .imgbox .text h4{font-size: 16px;}
.case .row{margin:0 -6px !important;}
.case .col-xs-6{padding:0 6px !important;}
.case .imgbox{margin:0 0 12px;padding:5px 5px 0}
.case .imgbox .tou{height: 40px;line-height: 40px;font-size: 14px}
.more01{width: 150px;line-height: 45px;margin: 25px auto 0}
.jianjie .hezi{padding:20px 20px 30px;}
.jianjie .right{padding-top: 25px}
.jianjie .right .more{width: 120px;line-height: 40px}
.show .row{margin:0 -6px !important;}
.show .col-md-4{padding:0 6px !important;}
.show .imgbox{margin-bottom: 12px;padding:5px 5px 0;}
.show .imgbox .xia{padding:12px 5px;}
.show .imgbox .text{width: 100%;float: none;padding:0;}
.show .imgbox .text .tou{font-size: 16px;margin-bottom: 3px}
.show .imgbox .more{display: none}
.main01 .imgbox{margin-bottom: 10px}
.main01 .imgbox .hezi{padding:15px;}
.main01 .imgbox .biaoti .tou{font-size:18px;}
.formbox2{padding:40px 0;}
.formbox2 .biaoti .tou{font-size: 20px}
.formbox2 input{height: 40px;padding:0 10px;}
.formbox2 button{height: 40px;font-size: 16px;}
.tuandui .imgbox{padding:15px 15px 25px;}
.tuandui .imgbox .tu{margin:0 auto 12px;}
.tuandui .imgbox .biaoti .tou{font-size: 20px;margin-bottom:5px }
.tuandui .imgbox .text{margin:10px 0 12px;}
.contact .right .sao{max-width: 140px;font-size: 12px}
.zixun .imgbox .tu{width: 140px;height:90px;}
.zixun .imgbox .text{width: calc(100% - 140px);padding:0 0 0 12px;height: 90px;}
.zixun .imgbox .text .tou{font-size: 14px;padding-left: 25px}
.ceping .part2{padding:30px 0;margin:30px 0;}
.ceping form .hang{padding-left:0;margin-bottom: 15px}
.ceping form .hang .zuo{position:static;width:100%;line-height:20px; text-align: left;}
.ceping form input{height: 30px}
.ceping form .xiao{margin-top: 10px;left:0;width:100%}
.ceping form button{width: 180px;height: 50px;font-size: 18px;margin-top: 20px}

.xinwen .imgbox{padding:10px;margin-bottom: 20px;}
.xinwen .imgbox .tu{width: 130px;height: 110px;}
.xinwen .imgbox .text{width: calc(100% - 130px);padding:8px 0 0 15px;}
.xinwen .imgbox .text h4{font-size: 15px;margin-bottom: 6px !important}
.xinwen .imgbox .text .zi{height: 50px;margin:8px 0 0;}
.xinwen .imgbox .text .more{display: none;}
.contact .title h4{font-size: 28px}


.case-box .row,.show-box .row{margin:0 -5px !important}
.case-box .col-xs-6,.show-box .col-xs-6{padding:0 5px !important}
.show-box .imgbox{margin:0 0 10px}
.case-box .right .imgbox{margin:0 0 10px}

.news-box .imgbox .tu{width:180px; height:130px;}
.news-box .imgbox .text{margin-left:190px; height:130px;}
.news-box .imgbox .text h4{font-size:15px;line-height:24px;}
.news-box .imgbox .text .zi{font-size:13px;line-height:20px; height:62px;}
.news-box .imgbox .text .more{ width:70px; height:25px; line-height:25px}

.fuwu-main .toubu .zi1{font-size: 18px;line-height:30px;padding-bottom: 10px;}
.fuwu-main .toubu .zi2 span{padding:6px 10px;}
}


@media (max-width:479px){
/*header{height:55px;}
.logo{line-height:55px;}
.logo img{height:40px;}
header .lianjie{margin:12px 42px 0 0;}
header .lianjie a{margin:0 3px;}
header .ydd_btn{top:18px; width:30px;}
header .sjdnav{ top:55px}
header .ydd_btn span.span02{margin:4px 0;}*/
.logo img{height:50px;margin-left: -8px}

.news-box .imgbox{padding-bottom:15px; margin-bottom:15px}
.news-box .imgbox .tu{width:140px; height:95px;}
.news-box .imgbox .text{margin-left:150px; height:95px;}
.news-box .imgbox .text h4{font-size:14px;line-height:24px;}
.news-box .imgbox .text span{display: none}
.news-box .imgbox .text .zi{font-size:12px; height:60px;}
.news-box .imgbox .text .more{ display:none}
.news-main .news-tou h4{font-size:16px;}

}

@media (max-width:400px){
header .ydd_btn{width:26px;}
}


@media (max-width:380px){

}

@media (max-width:350px){
header .lianjie{margin-right:35px;}

}

input, select, textarea {
	font-family: 微软雅黑, "Open Sans", sans-serif;
	font-size: 1em;
	;
}
.wrap {
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
	position: relative;
}
img, a {
	border: 0;
}
ul, li {
	list-style: none;
}
*, *:after, *:before {
	margin: 0;
	padding: 0;
	transition: all .5s;
}
.flt {
	float: left;
}
.frt {
	float: right;
}
.clear {
	clear: both;
}
.clear:after, .clear:before {
	content: '';
	clear: both;
	display: table;
}
img {
	max-width: 100%;
}
/*----------mainer----------*/
.mainer {
	padding-bottom: 70px;
	padding-top: 1px;
	margin-top: 18px;
}
.main_index {
	padding: 0;
}
.banner {
	position: relative;
}
.cur {
	height: 0;
	position: absolute;
	top: 50%;
	margin-top: -30px;
	left: 5%;
	right: 5%;
	z-index: 210;
}
.cur span {
	display: block;
	cursor: pointer;
	background: url(/images/cur1.png) no-repeat center center;
	width: 60px;
	height: 60px;
	opacity: .5;
}
.cur span.prev {
	float: left;
}
.cur span.next {
	float: right;
	background: url(/images/cur2.png) no-repeat center center;
}
.cur span:hover {
	opacity: 1;
}
.banner .item {
	position: relative;
}
.banner .item .text {
	position: absolute;
	top: 50%;
	margin-top: -75px;
	text-align: center;
	font-size: 30px;
	color: #666;
	left: 0;
	width: 100%;
}
.banner .item .text h2 {
	font-size: 2.7em;
	line-height: 80px;
	font-weight: normal;
	margin-bottom: .5em;
	color: #333;
}
.owl.owl-theme .owl-dots .owl-dot span {
	width: 40px;
	height: 5px;
	border-radius: 0;
	margin: 0 20px;
	position: relative;
	background: #000;
	opacity: .4;
}
.banner .owl-dots {
	counter-reset: nav;
}
/*.banner .owl-dots .owl-dot span:before { text-align: center; position: absolute; bottom: 10px; display: block; counter-increment: nav; content: "0" counter(nav); width: 50px; left: 50%; margin-left: -25px; text-align: center; color: #000; opacity: 0; }*/
.owl.owl-theme .owl-dots .owl-dot.active span, .owl.owl-theme .owl-dots .owl-dot:hover span {
	background: #00b0a0;
	opacity: 1;
}
.owl.owl-theme .owl-dots .owl-dot.active span:before, .owl.owl-theme .owl-dots .owl-dot:hover span:before {
	opacity: 1;
}
.banner .owl-theme .owl-controls {
	bottom: 5%;
}
.page_num {
	background: url(/5234wcom/images/bg1.jpg) no-repeat center center;
	background-size: cover;
	padding: 20px 0;
}
.page_num ul li {
	border-left: 1px solid rgba(255,255,255,.3);
	margin-left: -1px;
	width: 25%;
	float: left;
	padding: 25px 0;
	text-align: center;
	color: #fff;
	font-size: 16px;
}
.page_num ul li:first-child {
	border-left: 0;
}
.page_num ul li h2 {
	font-size: 40px;
}
.page_num ul li label {
	display: block;
	width: 30px;
	height: 3px;
	background: #fcc442;
	margin: 20px auto;
}
.div_tag {
	margin-top: -50px;
	text-align: center;
}
.div_tag ul {
	white-space: nowrap;
	overflow: hidden;
	overflow-x: auto;
}
.div_tag ul li {
	display: inline-block;
	padding: 0 20px;
	border-left: 1px solid #ddd;
	font-size: 16px;
}
.div_tag ul li:first-child {
	border-left: 0;
}
.div_tag ul li a {
	color: #333;
}
.div_tag ul li a:hover, .div_tag ul li.on a {
	color: #00b0a0;
}
.div_work {
	background: url(/images/work.jpg) no-repeat center center;
	background-size: cover;
	padding-top: 1px;
}
.course_owl {
	padding-bottom: 60px;
	width: 95%;
	margin: 0 auto;
	margin-top: 50px;
	position: relative;
}
.course_owl .text {
	padding: 15px;
	background: #fff;
}
.course_owl .text h3 {
	font-size: 18px;
	padding-left: 15px;
	border-left: 5px solid #00b0a0;
	font-weight: normal;
	margin-bottom: 20px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.course_owl .text p {
	padding-right: 50px;
	background: url(/images/icon8.png) no-repeat right center;
	margin-bottom: 15px;
	color: #666;
}
.course_owl a:hover .text {
	background: #00b0a0;
}
.course_owl a:hover .text h3 {
	color: #fff;
	border-color: #fcc442;
}
.course_owl a:hover .text p {
	color: #fff;
	background: url(/images/icon8-1.png) no-repeat right center;
}
.course_owl .cur {
	top: 32%;
}
.hot_list ul {
	overflow: hidden;
	padding-right: 35%;
	position: relative;
	margin: 20px -10px;
}
.hot_list ul li {
	width: 33.33%;
	float: left;
}
.hot_list ul li a {
	display: block;
	margin: 10px;
	position: relative;
}
.hot_list ul li a:hover img {
	transform: scale(1.1);
}
.hot_list ul li .img {
	overflow: hidden;
}
.hot_list ul li a:hover .text {
	height: 100%;
	background: rgba(0,176,160,.7);
}
.hot_list ul li a:hover .text p {
	transform: translateY(150%);
	text-align: center;
}
.hot_list ul li a:hover .text span {
	display: block;
	margin: 0 auto;
	float: none;
	height: 20px;
}
.hot_list ul li .text {
	position: absolute;
	height: 40px;
	bottom: 0;
	right: 0;
	left: 0;
}
.hot_list ul li .text span {
	display: inline-block;
	width: 31px;
	height: 14px;
	background: url(/images/icon5.png) no-repeat center center;
	float: right;
	height: 40px;
}
.hot_list ul li img {
	width: 100%;
	display: block;
}
.hot_list ul li .text {
	line-height: 40px;
	padding: 0 5px;
	font-size: 10px;
	color: #fff;
	background: rgba(0,0,0,.4);
}
.hot_list ul .li_more a {
	position: static;
}
.hot_list ul .li_more {
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	width: 34.5%;
}
.hot_list ul .li_more .text {
	height: auto;
	display: block;
	padding-right: 0;
	left: 10px;
	right: 10px;
	bottom: 10px;
	top: 100%;
	background: #00b0a0;
}
.hot_list ul .li_more .text .cell {
	position: relative;
	height: 100%;
	vertical-align: middle;
}
.hot_list ul .li_more .text .cell p {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -20px;
}
.hot_list ul .li_more .text span {
	height: 100%;
	width: 88px;
	background: url(/images/icon6.png) no-repeat center center #fcc442;
}
.hot_list ul li.li_more a:hover .text {
	height: auto;
	background: #00b0a0;
}
.hot_list ul li.li_more a:hover .text p {
	transform: translateY(0%);
	text-align: left;
}
.hot_list ul li.li_more a:hover .text span {
	display: block;
	margin-right: 0;
	width: 100px;
	float: none;
	height: 100%;
}
.div_about .img {
	position: absolute;
	top: 0;
	left: 46%;
	width: 35%;
	bottom: 0;
}
.div_about .img img {
	opacity: 0;
}
.div_about .about {
	position: relative;
	padding: 3px 0;
	margin-top: -30px;
	background: #f3f3f3;
}
.div_about .tit {
	width: 40%;
	margin-left: 50px;
	padding: 20px;
	position: relative;
	z-index: 1;
	padding-bottom: 0;
}
.div_about .tit h3 {
	font-size: 24px;
	line-height: 40px;
	background: #f3f3f3;
	font-weight: normal;
	color: #222;
}
.div_about .tit:after {
	content: '';
	display: block;
	width: 78px;
	height: 78px;
	border: 3px solid #febb43;
	top: 0px;
	left: 0;
	position: absolute;
	z-index: -1;
}
.div_about .text {
	max-width: 100%;
	width: 650px;
	box-sizing: border-box;
	padding: 40px 50px;
	color: #fff;
	background: #00b0a0;
	line-height: 32px;
	padding-bottom: 50px;
}
.div_about .text p {
	text-align: justify;
	text-indent: 2em;
}
.div_about .btn a {
	float: right;
	margin-top: 20px;
}
.btn a {
	display: inline-block;
	width: 209px;
	line-height: 50px;
	background: #fcc442;
	text-align: center;
}
.btn a:hover {
	background: #ffb200;
}
.btn a:hover span {
	padding-right: 62px;
}
.btn a span {
	display: inline-block;
	padding-right: 52px;
	background: url(../images/icon7.png) no-repeat right center;
	font-size: 16px;
	text-transform: uppercase;
	text-align: center;
}.title {
	position: relative;
	text-align: center;
	margin: 80px 0;
}
.title h3 {
	font-size: 32px;
	font-weight: normal;
	color: #222;
	position: relative;
	z-index: 9;
}
.title.on span {
	color: #e0e0e0;
}
.title label {
	display: block;
	margin: 0 auto 0;
	height: 3px;
	width: 60px;
	background: #00b0a0;
	margin-top: 15px;
}
.title span {
	display: block;
	font-size: 20px;
	color: #00b0a0;
	text-transform: uppercase;
	position: absolute;
	bottom:-30px;
	left: 0;
	width: 100%;
}

 


@media only screen and (max-width:480px){ 
	
	.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 49%;
    height: 100%;
    position: relative;
    float: left;
    /*! margin: 0 0.5%; */
}
.main01 {
    padding-top:0
}	
	
.case .imgbox {
    margin: 0 0 12px;
    padding-bottom: 10px!important
}
	.kxkcpz li{ float: left; width: 47%;margin: 1.1%;}
}

 



@media only screen and  (min-width: 481px) and (max-width: 768px){ 
		.swiper-slide { width: 49%;}
 
}
}
@media only screen and (min-width: 769px) and (max-width: 1200px){
		.swiper-slide { width: 24%;}
}

@media only screen and (min-width: 1201px) and (max-width: 1440px){  
	.swiper-slide { width: 24%;}	
}
@media only screen and  (min-width: 1201px) { 
	.swiper-slide { width: 24%;}
	
}
