@import url(animate.min.css);
@import url(mmenu.css);
@charset "utf-8";
/*选中背景色*/
::selection {background:#00b3eb;color:white;}
::-moz-selection {background:#00b3eb;color:white;}
/*全局控制*/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
div,dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
h1,h2,h3,h4,h5,h6,
pre, code,/* text formatting elements 文本格式元素 */
form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */
p,blockquote,th, td /* table elements 表格元素 */ {margin: 0;padding: 0;}
/** 设置默认字体 **/
body,
button, input, select, textarea /* for ie */ {font: 14px/1.5 tahoma, arial, \5b8b\4f53, sans-serif;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;font-size:14px;}
address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* 统一等宽字体 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化
*/
table,td,tr,th{font-size:12px;}
caption,th {text-align:left;}
/** 重置列表元素 **/
ul, ol, li { list-style: none; }
li{list-style-type:none;}
q:before,q:after {content:'';}
abbr,acronym {border:0;font-variant:normal;}
address,caption,cite,code,dfn,em,th,var,optgroup {font-weight:normal; font-style:normal;}
del,ins{text-decoration:none;}
/** 重置文本格式元素 **/
a {color:#333;text-decoration:none;outline:none;}
a:visited {color:#333;text-decoration:none;}
a:hover {color:#00b3eb;text-decoration:none;}
a:active {color:#00b3eb;}
/** 重置表单元素 **/
legend { color: #666; } /* for ie6 */
fieldset, img { border: 0; } /* img 搭车：让链接里的 img 无边框 */
button, input, select, textarea { font-size: 100%; } /* 使得表单元素在 ie 下能继承字体大小 */
sup { vertical-align: text-top; } /* 重置，减少对行高的影响 */
sub { vertical-align: text-bottom; }
/* 注：optgroup 无法扶正 */
/** 重置表格元素 **/
table {border-collapse:collapse;border-spacing:0;}
/** 清除浮动 **/
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;outline:none;}
body{background:#fff;font:14px/20px microsift yahei,Tahoma,Arial,Helvetica,sans-serif; color:#333;}
input[type="text"],textarea{-webkit-appearance:none;}
input{_background:#fff;}
textarea{background:#fff;}
select{*background:#fff;}
.clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}
.clear{clear:both;overflow:hidden;display:block;background:#fff;}
.fl{float:left;}
.fr{float:right;}
.bl1 {clear:both; height:1px; overflow:hidden; display:block; background:#fff;}
.lines {clear:both; height:1px; overflow:hidden; display:block; background:#f1f1f0;}
.bl5 {clear:both; height:5px; overflow:hidden; display:block;}
.bl10 {clear:both; height:10px; overflow:hidden; display:block;}
.bl15 {clear:both; height:15px; overflow:hidden; display:block;}
.bl20 {clear:both; height:20px; overflow:hidden; display:block;}
.bl30 {clear:both; height:30px; overflow:hidden; display:block;}
.bl40 {clear:both; height:40px; overflow:hidden; display:block;}
.bl50 {clear:both; height:50px; overflow:hidden; display:block;}
.bl60 {clear:both; height:60px; overflow:hidden; display:block;}
.bl80 {clear:both; height:80px; overflow:hidden; display:block;}
.bl100 {clear:both; height:100px; overflow:hidden; display:block;}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.dis{display:block;}
.undis{display:none;}
.fl{float:left;}.fr{float:right;}.cl{clear:both;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:none;}
.pzr{ position: relative;}
.wrap{width:1400px;margin:0 auto;min-width:1400px;}
/* Slider */
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0;}
.slick-list:focus{outline:none;}
.slick-list.dragging{cursor:pointer;cursor:hand;}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto;}
.slick-track:before,.slick-track:after{display:table;content:'';}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display:none;float:left;height:100%;min-height:1px;}
[dir='rtl'] .slick-slide{float:right;}
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events:none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;}
.slick-arrow.slick-hidden{display:none;}
/*头部区域*/
.head{width:96%;min-width:1200px;max-width:1400px;height:85px;position:fixed;top:15px;left:0px;right:0px;margin:0 auto;z-index:999;background-color:#fff;border-radius:42px;transition:all 0.5s;display: block;-moz-box-shadow:0px 0px 15px #f3f3f3; -webkit-box-shadow:0px 0px 15px #f3f3f3; box-shadow:0px 0px 15px #f3f3f3;}

.hnavbg{border-bottom:1px solid #E0E0E0;}
.head .logo{width:274px;height:70px;float:left;margin:12px 0 0 40px;}
.head .logo h1{float:left;width:274px;height:70px;}
.head .logo h1 a{background:url(../images/logo.png) no-repeat;width:274px;height:70px;display:inline-block;text-indent:-99999px; background-size:auto 63px;}

.head .tel{float:right;height:85px;width:220px;background:#eba01e;border-bottom-right-radius:42px;border-top-right-radius:42px;padding:0 20px;}
.head .tel a{display:block;color:#fff;height:85px;background:url(../images/tel.png) no-repeat 0 center;padding:0 0 0 60px;background-size:auto 50px;}
.head .tel span{font-size:15px;padding:20px 0 5px;display: inline-block;}
.head .tel h6{font-size:26px;font-family: "Bahnschrift"}


.navbg{float:left;height:85px;width:800px;}

.tnav{ width:100%; height:auto;}
.nav_b{ width:auto; height:85px; margin:0 auto; display:inline-block; position:relative;}
.nav_b .nav_li{ width:auto; height:85px; overflow:hidden; padding:0 18px; line-height:85px; font-family:"OPPOSans"; color:#0f0f0f; font-size:16px; text-align:center; transition:all 0.4s;}
.nav_b .nav_li:hover,.nav_b .nav_li.ncur{font-weight:bold;}
.nav_b .nav_s{ width:100%; height:15px; overflow:hidden; position:absolute; bottom:-15px; left:0; z-index:10; background:url(../img/t37.png) no-repeat center top; background-size:100% 0; transition:all 0.7s;opacity:0}
.nav_b:hover .nav_s,.nav_b .nav_s.cur{background:url(../images/t37.png) no-repeat center top; background-size:100% 15px;opacity:1}
.nav_b .nav_c{ width:max-content; height:55px; padding:0 50px; position:absolute; bottom:-55px; left:-100px; z-index:9; background-color:#2dc1f3; border-radius:0; opacity:1; transition:all 0.3s;visibility: hidden;}
.nav_b:hover .nav_c{border-radius:0 0 55px 55px; opacity:1; visibility:visible; }
.nav_b .nav_c a .small{ width:auto; height:45px; overflow:hidden; margin:5px 20px 0 20px; float:left; line-height:45px; font-family:"OPPOSans"; color:#fff; font-size:16px; text-align:center;}
.nav_b .nav_c a .small:hover{color:#fcc24e;}


.navs{height:85px;margin:0 auto;line-height:85px;}
.navs li{float:left;margin:0;}
.navs li a{font-size:18px;color:#333;}
.navs li a:hover,.navs li.on a{background:#19c1f8;color:#fff;}
.navs li:hover.on,.navs li:hover a{color:#19c1f8;}
.navs li ul{display:none;position:absolute;z-index:9999;}
.navs li ul li{float:none;display:block;width:100px;position:relative;height:40px;_display:inline;}
.navs li ul li .s{position:absolute;top:0;left:100px;border-left:1px solid transparent;}
.navs li ul li .s li{float:none;}
.navs li ul li a{display:block;width:100px;height:40px;line-height:40px;padding:0;background:#00b3eb;text-align:center;font-weight:normal;font-size:16px;color:#fff;}
.navs li ul li a:hover{color:#fff; background:#EA3843;}
.navs .t,.navs .t:hover{background:url(../images/nav_ico.gif) no-repeat 120px center #333;}

.sbanner{width:100%;clear:both; display:block;overflow:hidden;height:784px;}
.sbanner .sbannertxt{display:none;width:100%;padding:40px 0 20px 90px;margin:100px 0 0 40px;float:left;background:url(../images/cx.png) no-repeat left top;}
.sbanner .sbannertxt h5{color:#000;font-size:22px;font-weight:bold;}
.sbanner .sbannertxt p{color:#000;font-size:14px;padding:0 0 0 20px;}

/*首页*/
/* banner */
.banners {width:100%;margin:0 auto;clear:both;background:#fff;position:relative;max-width:100%; z-index:0;}
.banner li {width:100%;height:100%;}
.banner img{display:block;display:block;width:100%;height:auto;}
.banner .slick-dots button{display:none !important;background:none;position:absolute;text-indent:-9999px;}
.banner .slick-arrow{position: absolute;border:none;top:40%; cursor:pointer;height:50px;width:50px;z-index:100;text-indent:-9999px;background:url(../images/pcontrol.png) 0px 0px no-repeat;border-radius:50%;cursor:pointer; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}
.banner .slick-prev{left:5%;}
.banner .slick-next{right:5%;background-position:-50px 0px;}
.banner .slick-arrow:hover{background-color:#333;}
.banner .slick-dots{ position: absolute;left: 50%;bottom:30px;transform: translateX(-50%); z-index: 1000;}
.banner .slick-dots li{width:10px;height:10px;background:#ccc;float:left;margin:0 3px;border-radius:50%;}
.banner .slick-dots li.slick-active{background:#00b3eb;}


.ititle{text-align:center;width:100%;color:#333;margin:10px 0;clear:both;}
.ititle span{width:160px;height:150px;display:inline-block;}
.ititle .txt{width:200px;height:150px;display:inline-block;}
.ititle h3{font-size:42px;height:60px;line-height:60px;padding:20px 0;color:#000;font-weight:bold;width:200px;text-align:center;display:inline-block;float:left;}
.ititle p{font-size:14px;color:#666;width:200px;display:inline-block;float:left;text-align:center;}
.ititle span.icona{background:url(../images/icon-a.png) no-repeat center center;background-size:auto 130px;}
.ititle span.iconb{background:url(../images/icon-b.png) no-repeat center center;background-size:auto 118px;}
.ititle span.iconc{background:url(../images/icon-c.png) no-repeat center center;background-size:auto 128px;}
.ititle span.icond{background:url(../images/icon-d.png) no-repeat center center;background-size:auto 118px;}
.ititle span.icone{background:url(../images/icon-e.png) no-repeat center center;background-size:auto 130px;}
.ititle span.iconf{background:url(../images/icon-f.png) no-repeat center center;background-size:auto 122px;}


.iabout{background:#fff;margin-top:-50px;padding:50px;height:400px;border-radius:50px;position:relative;width:1400px;}
.iabout .iaboutl{float:left;width:700px}
.iabout .iaboutl .iaboutit{background:url(../images/icon-a.png) no-repeat center left;background-size:auto 126px;height:126px;padding:0 0 0 150px;}
.iabout .iaboutl .iaboutit h3{font-size:48px;height:60px;line-height:60px;color:#000;font-weight:bold;}
.iabout .iaboutl .iaboutit p{font-size:24px;color:#01b4ed;font-weight:bold;padding:20px 0 0;}
.iabout .iaboutl .iaboutxt{font-size:18px;padding:30px 0 0;line-height:30px;}
.iabout .iaboutl .iaboubr{padding:50px 0 0;width:100%;}
.iabout .iaboutl .iaboubr li{width:33.3333%;float:left;}
.iabout .iaboutl .iaboubr li h4{font-size:48px;color:#00ccff;font-weight:bold;height:50px;line-height:50px;position: relative}
.iabout .iaboutl .iaboubr li p{color:#3c3c3c;font-size:20px;}                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     .iabout .iaboutl .iaboubr li h4 span{font-size:18px;display:inline-block;height:20px;line-height:20px;position: absolute}
.iabout .ivideo{float:right;width:630px;position: relative;}
.iabout .ivideo span{position: absolute;width:100%;height:100%;display: block;background:url(../images/play.png) no-repeat center center;left:0;right:0;z-index:1;cursor:pointer;background-size:80px auto;}
.iabout .ivideo img{position: relative;width:100%;height:auto;}
/* 首页产品 */
.iproductbg{width:100%;display:block;position:relative;z-index:1;background:url(../images/jiantoubg.png) no-repeat center center #2dc1f4;float:left;background-size:auto 60%;}
.iproductbgb{width:100%;display:block;position:relative;z-index:1;float:left;}

.iproductbgs{width:100%;display:block;position:relative;overflow:hidden;z-index:1;background:#fff;float:left;margin:30px 0 0;}
.iproductbg .ititle{margin-top:-140px;}
.iproductbg .ititle p{text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px  1px 0 #fff, 1px  1px 0 #fff;}

#certify {position:relative;width:1400px;margin:50px auto;height:600px;}
#certify .swiper-container{padding-bottom: 60px;}
#certify  .swiper-slide{width: 962px;height: 550px;}
#certify  .swiper-slide img{display:block;width:100%;height:auto;}
#certify  .swiper-slide p {line-height:98px;padding-top:0;text-align:center;color:#636363;font-size:1.1em;margin:0;}
#certify .swiper-pagination {width: 100%;bottom: 0px;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px;border: 3px solid #fff;background-color: #d5d5d5;width: 10px;height: 10px;opacity: 1;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {border: 3px solid #00aadc;background-color: #fff;}
#certify .swiper-button-prev {left: -50px;width: 45px;height: 45px;background: url(../images/wm_button_icon.png) no-repeat;background-position: 0 0;background-size: 100%;}
#certify .swiper-button-prev:hover {background-position: 0 -46px;background-size: 100%}
#certify .swiper-button-next {right: -50px;width: 45px;height: 45px;background: url(../images/wm_button_icon.png) no-repeat;background-position: 0 -93px;background-size: 100%;}
#certify .swiper-button-next:hover {background-position: 0 -139px;background-size: 100%}

/* 首页店铺 */
.istore{width:100%;display:block;position:relative;z-index:1;background:#00ccff;float:left;border-radius:10px;}
.istore .pic{float:left;width:70%;}
.istore .pic img{width:100%;height:auto;}
.istore .txt{float:left;width:20%;padding:10% 5%;color:#fff;}
.istore .txt h3{font-weight:bold;font-size:36px;text-align:center;}
.istore .txt p{padding:50px 0;line-height:30px;}
.istore .txt a{float:right;background:url(../images/jiantou.png) no-repeat center center;width:52px;height:14px;display: inline-block;text-indent:-9999px;}
.istoreli{width:100%;display:block;position:relative;z-index:1;float:left;padding:30px 0 0;}
.istoreli li{width:23.5%;float:left;margin:0 2% 0 0;}
.istoreli li:nth-child(4n){margin-right:0;}
.istoreli li p{text-align:center;color:#01b4ed;font-size:18px;padding:10px 0;}
.istoreli li .pic img{width:100%;height:auto;}
/* 首页新闻 */
.inewsbg{width:100%;display:block;position:relative;z-index:1;background:#f5f5f5;float:left;padding:0 0 40px;}
.inewsbgs{width:100%;display:block;position:relative;overflow:hidden;z-index:1;background:#fff;float:left;margin:80px 0 0;}

.inewsbg .ititle{margin-top:-140px;}

.waves {
    position: relative;
    width: 100%;
    height: 15vh;
    margin-bottom: -7px; /*Fix for safari gap*/
    min-height: 100px;
    max-height: 150px;
}

/* Animation */
.parallax > use {
    animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
}
.parallax > use:nth-child(1) {
    animation-delay: -2s;
    animation-duration: 7s;
}
.parallax > use:nth-child(2) {
    animation-delay: -3s;
    animation-duration: 10s;
}
.parallax > use:nth-child(3) {
    animation-delay: -4s;
    animation-duration: 13s;
}
.parallax > use:nth-child(4) {
    animation-delay: -5s;
    animation-duration: 20s;
}
@keyframes move-forever {
    0% {
        transform: translate3d(-90px, 0, 0);
    }
    100% {
        transform: translate3d(85px, 0, 0);
    }
}



.swiper {width: 100%;height: 100%;overflow: hidden;}

.news-list{width:100%;padding:0 0 40px;}
.news-list .swiper-slide{height:auto;position: relative;border-radius: 10px;}
.news-list .swiper-slide .pic{width:100%;height:240px;overflow: hidden;position: relative;border-top-right-radius:10px;border-top-left-radius:10px; }
.news-list .swiper-slide .pic img{width:100%;height:240px;object-fit: cover;transform: scale(1);-webkit-transform: scale(1);transition: all .8s;-webkit-transition: all .8s}
.news-list .swiper-slide .txt{width:90%;padding:5%;background:#fff;border-bottom-right-radius:10px;border-bottom-left-radius:10px;}
.news-list .swiper-slide .txt h4{color:#000;font-size:18px;}
.news-list .swiper-slide .txt p{color:#999;font-size:14px;padding:10px 0;}
.news-list .swiper-slide .txt span{color:#00ccff;padding:0 0 0 22px;background:url(../images/time.png) no-repeat center left;background-size:18px auto;}
.news-list .swiper-slide a:hover .txt h4{color:#01b4ed}
.news-list .swiper-slide .pic img{transition:all 0.8s; -webkit-transition:all 0.8s;  -moz-transition:all 0.8s; transform:scale(1,1); -webkit-transform:scale(1,1); display:block; }
.news-list .swiper-slide a:hover .pic img{transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05); -moz-transform:scale(1.05,1.05);  }

.news-list .swiper-pagination{width:100%;bottom:0px;}
.news-list .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px;border:3px solid #fff;background-color: #d5d5d5;width: 10px;height: 10px;opacity: 1;}
.news-list .swiper-pagination-bullets .swiper-pagination-bullet-active{border:3px solid #00aadc;background-color: #fff;}

/* 首页加盟优势 */
.ijoinbg{width:100%;display:block;position:relative;overflow:hidden;z-index:1;}
.ijoin-brand{font-size:120px;color:rgba(232,232,232,.5);font-weight:bold;position:absolute;top:220px;left:0;width:100%;text-align:center;text-transform:uppercase;}


.inner{
    width: 100%;
    height: 0;
    position: relative;
    overflow: hidden;
    padding-top: 100%;
}

.inner img{
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    transition: all 1s;
    display:block;max-width:100%;
}
.img img{display:block;max-width:100%;object-fit:cover;}
.wheel-slider {
	position: relative;
	margin-top: 3vw;
}

.wheel-slider .swiper-container {
	z-index: 2;
	width: 100%;
	height: auto;
	display: flex;
	position: relative;
	transform: perspective(1200px);
    padding:0 0 100px;
}

.wheel-slider .swiper-wrapper {
	width: 100%;
	height: 100%;
	justify-content: flex-start;
	display: flex;
	position: relative;
}

.wheel-slider .swiper-slide {
	width: 20vw;
	height: auto;
	text-align: center;
	flex: none;
	transition: all .3s;
	position: relative;
	overflow: hidden;
}




/* Fade text down if slide is not active */
#wheel-slider .swiper-slide .slide-heading,
#wheel-slider .swiper-slide .slide-category {

	-webkit-transform: translateY(140%);

	opacity: 0;
}

/* Fade category text up and down with a delay */
#wheel-slider .swiper-slide .slide-category {
	transition-delay: 0.4s;
}

/* Fade heading text up and down with a delay */
#wheel-slider .swiper-slide .slide-heading {
	transition-delay: 0.3s;
}

/* Transform the active slide */
#wheel-slider .swiper-slide.swiper-slide-active {

	-webkit-transform: rotate(0deg) translateY(0em) !important;

}

/* Fade text up if slide is active */
#wheel-slider .swiper-slide.swiper-slide-active .slide-heading,
#wheel-slider .swiper-slide.swiper-slide-active .slide-category {
	transform: translateY(0%);
	-webkit-transform: translateY(0%);

	opacity: 1.0;
}

/* Transform the first slides before */
#wheel-slider .swiper-slide.swiper-slide-prev {
	transform: rotate(-10deg) translateY(2em) !important;
	-webkit-transform: rotate(-10deg) translateY(2em) !important;

}

#wheel-slider .swiper-slide.swiper-slide-next {
	transform: rotate(10deg) translateY(2em) !important;
	-webkit-transform: rotate(10deg) translateY(2em) !important;

}

#wheel-slider .swiper-slide.swiper-slide-next+.swiper-slide {
	transform: rotate(20deg) translateY(8.5em) !important;
	-webkit-transform: rotate(20deg) translateY(8.5em) !important;

}

/* Transform all slides before */
#wheel-slider .swiper-slide {
	transform: rotate(-20deg) translateY(8.5em) !important;
	-webkit-transform: rotate(-20deg) translateY(8.5em) !important;

}



#wheel-slider .swiper-navigation {
	flex-direction: row;
	justify-content: center;
	align-items: center;
	display: flex;
	z-index: 100;
	position: relative;
	display: none;
}


#wheel-slider .swiper-slide .inner,.yx_list .inner{
	width: 96%;
	height: 94%;
	position: absolute;
	left: 2%;
	top: 4%;
	padding-top: 0%;
}

#wheel-slider .swiper-slide .img,.yx_list .img{
	position: relative;
}






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

	.wheel-slider .swiper-slide{
		width: 45%;
	}
	#wheel-slider .swiper-slide .slide-heading,
	#wheel-slider .swiper-slide .slide-category {
		-webkit-transform: translateY(0%);
		opacity: 0;
	}
	#wheel-slider .swiper-slide.swiper-slide-prev {
		-webkit-transform: rotate(0deg) translateY(0em) !important;
	}
	
	#wheel-slider .swiper-slide.swiper-slide-next {
		-webkit-transform: rotate(0deg) translateY(0em) !important;
	}
	
	#wheel-slider .swiper-slide.swiper-slide-next+.swiper-slide {
		-webkit-transform: rotate(0deg) translateY(0em) !important;
	}

	#wheel-slider .swiper-slide {
		-webkit-transform: rotate(0deg) translateY(0em) !important;
	
	}

}


/*加盟*/
.join-title{display:block;width:100%;margin:20px 0;float:left;text-align:center;}
.join-title h3{font-size: 44px;color: #00ccff;line-height: 1.5;text-transform: capitalize;font-weight: bold;}
.join-title p{color:#333; font-size:32px;}
.join-list{display:block;width:100%;margin:50px 0;float:left;}
.join-list dl{width:15%;height:170px;text-align:center;margin:0 2% 0 0;float:left;transition:all 1s;-moz-transition:all 1s; /* Firefox 4 */-webkit-transition:all 1s; /* Safari and Chrome */-o-transition:all 1s; /* Opera */visibility:visible;animation: slideInUp ease-out .6s forwards;-webkit-animation: slideInUp ease-out .6s forwards}
.join-list dl:last-child{margin:0;}
.join-list dl dt{height:120px;width:120px;margin:0 auto;border:2px solid #00ccff;border-radius:50%;transition:all 1s;-moz-transition:all 1s; /* Firefox 4 */-webkit-transition:all 1s; /* Safari and Chrome */-o-transition:all 1s; /* Opera */}
.join-list dl dd{font-size:22px;font-weight:bold;height:50px;line-height:50px;}
.join-list dl dt.icona{ background:url(../images/j-icon-a.png) no-repeat top center;}
.join-list dl dt.iconb{ background:url(../images/j-icon-b.png) no-repeat top center;}
.join-list dl dt.iconc{ background:url(../images/j-icon-c.png) no-repeat top center;}
.join-list dl dt.icond{ background:url(../images/j-icon-d.png) no-repeat top center;}
.join-list dl dt.icone{ background:url(../images/j-icon-e.png) no-repeat top center;}
.join-list dl dt.iconf{ background:url(../images/j-icon-f.png) no-repeat top center;}
.join-list dl a:hover dt{ background-position:bottom center;transition:all 1s;-moz-transition:all 1s; /* Firefox 4 */-webkit-transition:all 1s; /* Safari and Chrome */-o-transition:all 1s; /* Opera */}
.join-tel{width:100%;min-width:1400px;margin:0px auto;background:#00ccff;float:left;overflow:hidden;text-align:center;color:#fff;font-size:30px;font-weight:bold;padding:60px 0;}
.join-tel .telphone{display: inline-block;background: url(../images/t46.png) no-repeat left center;height:55px;line-height:55px;padding-left:66px;padding-right:72px;}
.lclist{width: 100%;height: auto;overflow: hidden;margin: 0px auto;max-width: 1500px;min-width: 1200px;}
.lclist ul li{width: 18%;float: left;margin: 0px 1% 60px;background-color: #f3f3f3;padding: 28px 20px;box-sizing: border-box;border-radius:0px 20px 0px 20px;color: #333;font-family:"OPPOSans";position: relative;}
.lclist ul li p.p1{font-size: 22px;margin-bottom: 12px;line-height:30px;font-weight: bold;font-family:"OPPOSans";}
.lclist ul li p.p2{font-size: 16px;line-height: 23px;height: 70px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;font-family:"OPPOSans";}
.lclist ul li .s1{width:15px;height: 11px;position: absolute;top: 45%; right: -25px;background: url(../images/s1.png) no-repeat center;}
.lclist ul li .s2{width:11px;height: 15px;position: absolute;top: -25px; right:0px;background: url(../images/s2.png) no-repeat center;left: 0px;margin: 0px auto;}
.lclist ul li .s3{width:15px;height: 11px;position: absolute;top: 45%; left:-25px;background: url(../images/s3.png) no-repeat center;}


/*内页*/
.col{width:260px;float:left;position:relative;}
.cor{float:right;width:890px;}
.leftmenu{width:100%;background:#fff;clear:both;margin:0 auto;position:fixed;left:0;z-index:10;top:0;}
.newsl{width:750px;float:left;}
.newsr{float:right;width:370px;}
.cname{color:#fff;width:220px;height:54px;line-height:54px;padding:0 0 0 40px;background:url(../images/wlogo.png) no-repeat 12px center #00b3eb;}
.cname h4{font-size:18px;}
.pnavtit{ display:none;}

.local{border-bottom:2px solid #ddd;height:52px;line-height:52px; text-align: right;}
.local h5{float:left;color:#2dc1f3;font-size:22px; position: relative;}
.local h5:after{content:""; position: absolute;bottom:-2px;left:0;border-bottom:2px solid #2dc1f3;width:90px;}
.cor .dname{font-size:24px;padding:0;text-align:center;width:100%;}
.pnav{float:left;width:260px;border-bottom:none;}
.pnav ul li{float:left;width:100%; background:#fff;animation: slideInLeft ease-out 0s forwards;-webkit-animation: slideInLeft ease-out 0s forwards}
.pnav ul li.on a{background:url(../images/righta.png) no-repeat 230px center #FF656E; z-index:1;color:#fff;}
.pnav a{padding:10px 15px;position:relative;display: block;overflow: hidden;font-size:15px;color:#333;position:relative;display:block;margin:0;border-bottom:1px solid #E9E9E9;background:url(../images/righta.png) no-repeat 230px center;}
.pnav a:hover,.pnav a.act{color:#fff;}
.pnav a.act{background:#333;}
.pnav a, .pnav a:before, .pnav a:after,.pnav ul li.on a{box-sizing: border-box;-webkit-transition: 0.5s;transition: 0.5s;}
.pnav a:before {content: '';position: absolute;top: 0;left: 0;width: 0;height:60px;background: #FF656E;z-index: -1;}
.pnav a:hover:before {width: 100%;}
.pnav a:active {background: #333;}
.pnav a.current{background: #79D66F;color:#fff;}



.anav{text-align:center;height:58px;line-height:58px;width:100%;position: relative;}
.anav:after{content:""; position: absolute;bottom:0px;left:0;width:100%;border-bottom:2px solid #ddd; z-index:0;}
.anav a{font-size:15px;margin:0 18px;padding:18px 10px;position: relative;z-index: 1;color:#333;}
.anav a:hover,.anav a.act{border-bottom:2px solid #00b3eb;color:#666;}
.about{width:100%;padding:5% 0;}
.aboutcon{float:left;width:100%;line-height:24px;padding:0 0 50px}
.aboutcon img{max-width:890px;width:100%;height:auto;position:relative;left:50%;margin-left:-445px;display:block;}

.aboutacon{float:left;width:100%;line-height:24px;padding:0 0 50px}

.aboutpic{width:100%;overflow:hidden;margin:0 0 20px 0;}
.aboutpic ul{width:102%;float:left;}
.aboutpic ul li{width:31.33333%;float:left;text-align:center;margin:0 2% 0 0;}
.aboutpic ul li img{width:99%;height:auto;border:1px solid #E9E9E9;}
.aboutpic ul li:last-child{margin:0;}
.aboutpic ul li p{padding:10px 0;}
.aboutpicb ul li{width:48%;}
.aboutpicc ul li{width:23%;}
/*发展历程*/
.aboutgl{padding:0;width:300px;margin:0 auto;line-height:30px;}
.aboutfzt{font-size:24px;color:#E80200;text-align: center;padding:20px 0 25px;}
.aboutfz{width:100%; position: relative;float:left;}
.aboutfz:after{content:''; position:absolute; top:0px;left:50%; width:0px; height:100%; margin-left:-1px; border-left:3px solid #EBEDF4;}
.aboutfz ul li{float:left;width:51%;margin:20px 0 30px;text-align: right; position:relative}
.aboutfz ul li.two{float:right;text-align:left;}
.aboutfz ul li .timea{float:right;width:110px;margin:0 1% 0 0; position: absolute; z-index:1;right:0;top:50%;transform:translateY(-50%);}
.aboutfz ul li .timeb{float:left;width:110px;margin:0 0 0 1%; position: absolute; z-index:1;left:0;top:50%;transform:translateY(-50%);}
.aboutfz ul li .times{float:right;background: #00b3eb;color:#fff;border-radius:30px;padding:5px;width:100px;text-align: right;height:18px;line-height:18px;margin-right:-10px;}
.aboutfz ul li .times span{float:right;width:10px;border:4px solid #fff;border-radius:50%;height:10px;margin:0 0 0 5px;}
.aboutfz ul li .timebs{float:left;background: #00b3eb;color:#fff;border-radius:30px;padding:5px;width:100px;text-align: left;height:18px;line-height:18px;margin-left:-10px;}
.aboutfz ul li .timebs span{float:left;width:10px;border:4px solid #fff;border-radius:50%;height:10px;margin:0 5px 0 0;}
.aboutfz ul li .txt{padding:0 115px 0 0;color:#000;font-size:14px;}
.aboutfz ul li .txtb{padding:0 0 0 115px ;color:#000;font-size:14px;text-align:left}
.aboutfztxt{padding:10px 10%;float:left;width:80%;}
.aboutfztxt p{ text-indent:2em;padding:10px 0;color:#755837;font-size:16px;}

.contact{width:100%;float:left;padding:20px 0;margin:50px 0;}
.contact ul li{width:25%;float:left;text-align:center;border-right:1px solid #f1f1f1;}
.contact ul li:last-child{width:48%;border:none;}
.contact span{width:60px;height:60px;display:inline-block;border-radius:50px;border:1px solid #ccc;}
.contact span.icon-a{background:url(../images/c-icon-a.png) no-repeat center center;background-size:30px auto;}
.contact span.icon-b{background:url(../images/c-icon-b.png) no-repeat center center;background-size:30px auto;}
.contact span.icon-c{background:url(../images/c-icon-c.png) no-repeat center center;background-size:30px auto;}
.contact h5{width:100%;font-size:24px;color:#666;padding:20px 0;}
.contact h6{font-size:36px;color:#00b3eb;font-weight:bold;padding:30px 0;}
.contact p{font-size:24px;padding:30px 0;}
.maps{width:99.5%;height:450px;float:left;border:1px solid #ccc;border-radius:20px;margin:0 0 50px;}
.maptxta{width:200px;height:120px;font-size:12px;}
.maptxta .company,.maptxtb .company{font-size:14px;color:#00b3eb;padding:0 0 0 5px;}
.maptxtb{width:300px;height:110px;font-size:12px;}


/* 形象墙轮播 */
.pc-banner {width: 100%;float: left;}
.pc-banner .swiper-container {width: 100%;margin-bottom:25px !important;}
.pc-banner .swiper-slide {-webkit-transition: transform 1.0s;-moz-transition: transform 1.0s;-ms-transition: transform 1.0s;-o-transition: transform 1.0s;-webkit-transform: scale(0.7);transform: scale(0.7);}
.pc-banner .swiper-slide-active,.swiper-slide-duplicate-active {-webkit-transform: scale(1);transform: scale(1);}
.pc-banner .none-effect {-webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none;}
.pc-banner .swiper-slide a {background: #fff;display: block;border-radius: 14px;}
.pc-banner .swiper-slide-active a:after {background: none;}
.pc-banner .swiper-slide img {width: 100%;border-radius: 14px;display: block;}
.pc-banner .swiper-pagination {position: relative !important; margin-bottom: 30px;}
.pc-banner .swiper-pagination-bullet {background: #00a0e9;margin-left: 4px;margin-right: 4px;width: 17px;height: 17px;opacity: 1;margin-bottom: 4px;}
.pc-banner .swiper-pagination-bullet-active {width: 13px;height: 13px;background: #FFF;border: 6px solid #00a0e9;margin-bottom: 0;}

/* 品牌 */
.brand{ height:auto; overflow:hidden; margin:90px auto 0 auto;max-width: 1500px;min-width: 1200px}
.brand .top{ width:96%; height:auto;overflow: hidden; margin:0 auto; position:relative;}
.brand .top .en{ width:100%; height:auto; overflow:hidden; margin:0; line-height:1; font-family:"Basically"; color:#00ccff; font-size:44px; text-align:left; font-weight:bold;}
.brand .top .cn{ width:100%; height:auto; overflow:hidden; margin:10px 0; line-height:1; font-family:"OPPOSans"; color:#333; font-size:32px; text-align:left; }
.brand .top .con{ width:60%; height:auto; overflow:hidden; margin:25px auto 0 0; line-height:2; font-family:"OPPOSans"; color:#333; font-size:16px; text-align:left;}
.brand .top .con p{font-family:"OPPOSans";}
.brand .top .yuan{ width:40%; height:100%; overflow:hidden; position:absolute; top:0; right:0;}
.brand .top .yuan .bubble{position: absolute;border-radius: 50%;animation:yuanz 8s infinite linear;transform-origin: 50% 20%;}
.brand .top .yuan .bubblea{position: absolute;border-radius: 50%; animation:yuanz2 6s infinite linear; transform-origin: 55% 30%;}
@keyframes yuanz{
    0%{transform: rotate(0deg);}
    25%{transform: rotate(10deg);}
    50%{transform: rotate(0deg);}
    75%{transform: rotate(-10deg);}
    100%{transform: rotate(0deg);}
}
@keyframes yuanz2{
    to{transform: rotate(1turn);}
}
.brand .top .yuan .bubble1{left: 35%;bottom: 2%;width: 35%;padding-top: 35%;background: #ebf2f8 url(../images/brand.png) no-repeat center 30%;background-size:80px auto;opacity: 1;filter: alpha(opacity=100);}
.brand .top .yuan .bubble1 .title{ width:100%; height:auto; overflow:hidden; position:absolute; left:0; top:60%; line-height:1; font-family:"OPPOSans"; color:#333; font-size:18px; text-align:center;}
.brand .top .yuan .bubble2{right: 10%;bottom:7%;width: 20%;padding-top: 20%;background-color: #fee7ba;}
.brand .top .yuan .bubble2 .title{ width:100%; height:auto; overflow:hidden; position:absolute; left:0; top:45%; line-height:1; font-family:"OPPOSans"; color:#333; font-size:18px; text-align:center;}
.brand .top .yuan .bubble3{right: 22%;top: 0%;border: 1px solid #dedede;width: 25%;padding-top: 25%;}
.brand .top .yuan .bubble3 .title{ width:100%; height:auto; overflow:hidden; position:absolute; left:0; top:45%; line-height:1; font-family:"OPPOSans"; color:#333; font-size:18px; text-align:center;}
.brand .top .yuan .bubble4{right: 5%;top: 22%;background-color: #f3f3f3;opacity: 1;width: 17%;padding-top: 17%;}
.brand .top .yuan .bubble4 .title{ width:100%; height:auto; overflow:hidden; position:absolute; left:0; top:45%; line-height:1; font-family:"OPPOSans"; color:#333; font-size:16px; text-align:center;}
.brand .top .yuan .bubble5{width: 5%;padding-top: 5%;left: 25%;top: 40%;background-color:#f0f5fa;}
.brand .top .yuan .bubble6{width: 3%;padding-top: 3%;right: 2%;top: 55%;background-color: #fcc24e;}

/*产品栏目*/
.piclists{width:100%;clear:both;margin:10px auto 20px;float:left;}
.piclists ul li{float:left;height:auto;width:48%;margin:0 4% 2% 0;visibility: visible;animation: slideInUp ease-out .6s forwards;-webkit-animation: slideInUp ease-out .6s forwards}
.piclists ul li:nth-child(2n){margin-right:0;}
.piclists ul li a{}
.piclists ul li a .pic{width:100%;overflow:hidden;border-radius:10px;background: #fff url(data:image/gif;base64,R0lGODlhEgASAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDMDFGMDBBNEVEMzUxMUU4QTY0RUU2ODg1MjRFRjdDMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDMDFGMDBBNUVEMzUxMUU4QTY0RUU2ODg1MjRFRjdDMSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkMwMUYwMEEyRUQzNTExRThBNjRFRTY4ODUyNEVGN0MxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkMwMUYwMEEzRUQzNTExRThBNjRFRTY4ODUyNEVGN0MxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkECQgAAQAsAAAAABIAEgAAAiuMj6nLnQADBE7GWTE+2+jIgd4lWlRIdSbynaO7qjIJz2lpr06blT1cCToKACH5BAkJAAEALAAAAAASABIAAAItjI95wOrGwHMRVdpWhu1yqUleMFblRnboKa5uC36WGqe1+c6wzrPPOJEFh8MCACH5BAkJAAEALAAAAAASABIAAAIthIOpa7CvWjxQJvtw0NNdikjaeJBeWIKbKrKuY3brOcvxB79Qje93ptr1hIsCACH5BAkIAAEALAAAAAASABIAAAIvjB+gyK3QzEMzVrlsxvDMm2whBJaL2XEjJX7tS8JsnK7eKd/0zKORrfo5RMJgowAAIfkECQkAAQAsAAAAABIAEgAAAi6Mj6nLC48eYDLCerCpOnQOZeF2jZ4JTqJKTh9asqecWnRs5+8t5ysF6zWGREMBACH5BAUIAAEALAAAAAASABIAAAIsjI8Im63s3AJxPiqhsRlvxn1eYIWkdlLmCqKs6sbw+KbX3eFNHe1oLwImLAUAOw==) no-repeat center;height:400px;}
.piclists ul li a .pic img{width:100%;height:100%;object-fit: cover;	transform: scale(1);-webkit-transform: scale(1);transition: all .8s;-webkit-transition: all .8s}
.piclists ul li a h4{padding:15px 0;font-size:24px;text-align: center;}
.piclists ul li a p{padding:5px 0 15px;height:20px; overflow:hidden;}
.piclists ul li a span{text-align:center; position:relative;background:#fff;border:1px solid #ddd;padding:5px 50px;margin:0 0 15px;color:#4C4747;}
.piclists ul li a:hover{-webkit-box-shadow:0 0 7px 1px rgba(0,0,0,.1);box-shadow:0 0 7px 1px rgba(0,0,0,.1);-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}
.piclists ul li a:hover span{border:1px solid #DC0C0C;color:#fff;}
.piclists ul li a:hover img{transform: scale(1.1);-webkit-transform: scale(1.1)}
.piclists ul li a span, .piclists ul li a span:before, .piclists ul li a span:after {box-sizing: border-box;-webkit-transition: 0.5s;transition: 0.5s;}
.piclists ul li a span:before {content: '';position: absolute;width:0;top:0px;left: 0;height:27px;background: #DC0C0C;z-index:0;}
.piclists ul li a:hover span:before {width: 100%;}
.piclists ul li a span i{ position: relative; z-index: 1; font-style: normal}

.newslist{width:1000px;overflow:hidden;margin:40px auto 20px;}
.newslist ul li{width:100%;float:left;padding:2% 0;border-bottom:1px solid #ccc;visibility: visible;animation: slideInUp ease-out .6s forwards;-webkit-animation: slideInUp ease-out .6s forwards}
.newslist ul li a{ background:#fff;display:block;width:100%;height:240px;}
.newslist ul li .pic{width:35%;height:240px;float:right;overflow: hidden;position: relative;}
.newslist ul li .pic img{width:100%;height:240px;object-fit: cover;transform: scale(1);-webkit-transform: scale(1);transition: all .8s;-webkit-transition: all .8s}
.newslist ul li .txt{width:60%;float:left;padding:0;}
.newslist ul li .txt span{color:#00ccff;padding:0 0 0 22px;font-size:18px;background:url(../images/time.png) no-repeat center left;background-size:18px auto;}
.newslist ul li .txt h4{color:#000;font-size:24px;padding:10px 0 0;}
.newslist ul li .txt p{color:#999;font-size:20px;padding:40px 0;line-height:40px;}

.newslist ul li a:hover .img img{transform: scale(1.1);-webkit-transform: scale(1.1)}
.newslist ul li a:hover     .txt h4{color:#01b4ed}
.toplist{border-top:2px solid #ddd;margin:97px 0 0;}
.toplist ul li{border-bottom:1px solid #ddd;height:42px;line-height:42px;}
.toplist ul li span{color:#73AC53;font-size:12px;padding:0 5px 0 0}
.toplist ul li a{display:block;-webkit-transition:padding-left .8s;-moz-transition: padding-left .8s;-o-transition: padding-left .8s;}
.toplist ul li a:hover{background:#D2E9C5;color:#73AC53;padding-left:10px;}

/*图片列表*/
.piclist{width:100%;clear:both;margin:60px auto 20px;float:left;}
.piclist ul{width:102%;float:left;}
.piclist ul li{float:left;height:auto;width:31.33333%;margin:0 2% 20px 0;visibility: visible;opacity: 0;animation: slideInUp ease-out .6s forwards;-webkit-animation: slideInUp ease-out .6s forwards}
.piclist ul li a{background:#fff;display:block;float:left;overflow:hidden;position: relative; text-align:center;padding:0;-webkit-transition: all .2s linear;transition: all .2s linear;}
.piclist ul li a .pic{overflow: hidden;background: #fff;border:1px solid #ccc;}
.piclist ul li a .pic img{width: 100%;height: 100%;object-fit: cover;	transform: scale(1);-webkit-transform: scale(1);transition: all .8s;-webkit-transition: all .8s}
.piclist ul li a h3{padding:15px 0 10px;font-size:15px;}
.piclist ul li a:hover{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}
.piclist ul li a:hover img{transform: scale(1.1);-webkit-transform: scale(1.1)}

/*列表内容页*/
.listConts{line-height:26px;color:#666;width:100%;padding:20px 0;}
.listConts .title{font-size:26px;color:#333;}
.listConts .info{width:100%;font-size:12px;padding:10px 0 15px;color:#999;border-bottom:2px solid #ddd;}
.listConts .info span{color:#999;}
.listConts .desc{margin:20px 0 15px;padding:5px 10px;line-height:20px;border:1px solid #EAEAEA;background:#f9f9f9;}
.listConts .showimg{margin:20px 0;text-align:center;}
.listConts .showimg a img{border:1px solid #ccc;padding:1px;}
.listConts .showimg a:hover img{border:1px solid #F90;padding:1px;}
.listConts .conttitle{font-weight:bold;padding-bottom:7px;margin-bottom:7px;color:#2f2f2f;line-height:24px;border-bottom:1px solid #ddd;font-size:14px;}
.listConts .author{text-align:right;color:#999;}
.listConts .newscon{padding:30px 0 40px;}
.listConts .newscon img{max-width:750px;}

.preNext{position:relative;border-top:1px solid #ccc;padding:20px 0 0 0;margin:30px 0 0 0;color:#666;}
.preNext a{color:#666;}
.preNext a:hover{color:#00b3eb}

/*新闻详情*/
.detail{width:100%;padding:20px 0;margin:0 auto;}
.detail .dconn{padding:0;position:relative;width:100%;float:left;}
.detail .dconn p{padding:5px 0;}
.detail .dconn img{max-width:800px;width:100%;height:auto;position:relative;left:50%;margin-left:-400px;display:block;}
.detail .dconn #dreamplayera img{max-width: none;width:auto;left:0;margin:0;}


.pages{width:100%;padding:20px 0;float:left;}
.pages ul li{padding:5px 0;}.pages ul li a{color:#666;}.pages ul li a:hover{color:#999;}
/*产品详情*/
.prodetail{ position:relative;padding:30px 0;width:100%;}
.dtitle{width:100%;padding:20px 0;float:left;text-align:center;position:relative;}
.dtitle h2{font-size:24px;color:#333;padding:0 0 20px 0;line-height:36px;}
.detaill{width:602px;margin:0 auto;}
.detailpic{margin:0 auto;height:600px;width:600px;overflow:hidden;border:1px solid #EAEAEA;text-align:center;}
.detailpic ul{height:600px;width:600px;overflow:hidden;}
.detailpic a{width:600px;height:600px;display:table-cell;background:#fff;vertical-align:middle;text-align:center;*display:block;*font-size:125px;*font-family:Arial;overflow:hidden;padding:0px;}
.detailpic img{vertical-align: middle;max-width:600px;max-height:600px;}

.detaill .detailtxt{padding:30px 0 0;width:100%;margin:0 auto;clear:both;}
.detaill .detailtxt ul li{width:100%;float:left;border-bottom:1px dotted #ccc;font-size:18px;padding:10px 0;}


/*图片小图预览列表*/
.spec-preview{width:602px;height:500px;border:1px solid #DFDFDF;}
.spec-scroll{clear:both;margin:5px 0 0 0;width:602px;}
.spec-scroll .prev{float:left;margin-right:6px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev{display:block; background:url(../images/lefta.png) no-repeat center center;width:11px;height:86px; cursor:pointer;}
.spec-scroll .next{display:block; background:url(../images/rightb.png) no-repeat center center;width:11px;height:86px; cursor:pointer;}
.spec-scroll .items{float:left;position:relative;width:372px;height:88px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:88px;}
.spec-scroll .items ul li{float:left;width:93px;text-align:center;}
.spec-scroll .items ul li a.img{width:86px;height:86px;display:table-cell;background:#fff;vertical-align:middle;text-align:center;*display:block;*font-size:125px;*font-family:Arial;overflow:hidden;border:1px solid #EAEAEA;padding:0px;}
.spec-scroll .items ul li a.img img{vertical-align:middle;max-height:86px;max-width:86px;}
.spec-scroll .items ul li.tb-selected .img{border:1px solid #00b3eb;}



.pcon{width:100%;}



/*地图效果*/
.map{position:relative;width:856px;margin:0 auto;}
.map a{ color:#5b5a5a; font-size:14px; text-decoration:none;}
.map a:hover{ color:#fff;}
.citybg{ position:absolute; display:none; z-index:3; }
.city a.active .citybg{ display:block; z-index:3;}

.hunan{ background:url(../images/map-hunan.png) no-repeat;height:400px;width:313px;display:block;position:relative;margin:0 auto;}
.hunan a{display:block;position:absolute;width:10px;height:10px;text-indent:-9999px;background:#f00;border-radius:50%;}
.changsha,.zhangjiajie{ display: block;}
.changsha a{ left:250px;top:130px;}
.zhangjiajie a{left:100px;top:50px;}

.shandong{ background:url(../images/map-shandong.png) no-repeat;height:400px;width:600px;display:block;position:relative;margin:0 auto;}
.shandong a{display:block;position:absolute;width:10px;height:10px;text-indent:-9999px;background:#f00;border-radius:50%;}
.jinan,.jining{ display: block;}
.jinan a{ left:195px;top:163px;}
.jining a{left:165px;top:285px;}

.guangdong{ background:url(../images/map-guangdong.png) no-repeat;height:400px;width:500px;display:block;position:relative;margin:0 auto;}
.beijing{ background:url(../images/map-beijing.png) no-repeat;height:400px;width:400px;display:block;position:relative;margin:0 auto;}
.tianjin{ background:url(../images/map-tianjin.png) no-repeat;height:400px;width:250px;display:block;position:relative;margin:0 auto;}



.storelist{width:100%;margin:10px 0 0;}
.storelist ul{padding:0 5%;}
.storelist ul li{width:100%;float:left;padding:2px 0}
.storelist ul li.title{background:#00b3eb;color:#fff;}
.storelist ul li span{padding:0 0 0 1%;}
.storelist ul li span.linea{width:28%;float:left;}
.storelist ul li span.lineb{width:46%;float:left;}
.storelist ul li span.linec{width:16%;float:left;}
.storelist ul li span.lined{width:6%;float:left;}

/*店铺列表*/
.storelista{width:100%;float:left;}
.storelista li{width:100%;float:left;overflow: hidden;margin:0 0 .36rem 0;}
.storelista li .img{float:left;width:100%;}
.storelista li .img img{width:100%;height:auto;float:left;}
.storelista li .txt{ background:#fff;height:80px;float:left;width:100%;text-align:center;padding:2% 0;position:relative; display:inline-block;border-top:1px solid #eee;border-bottom:1px solid #eee;}
.storelista li .txt:before{content:'';position:absolute; top:0px; left:0; width:0; height:100%;border-right:1px solid #eee;}
.storelista li .txt:after{content:'';position:absolute; top:0px; right:0; width:0; height:100%;border-right:1px solid #eee;}
.storelista li .txt h2{font-size:18px;color:#333;padding:2% 0 0 0;}
.storelista li .txt h2 b{color:#f6ac19;}
.storelista li .txt h2 i{color:#999; font-style: normal;}

.storelista li p{padding:10px 0 0 0;color:#999;overflow:hidden;}
.storelista li p .tel{background:url(../images/telc.png) no-repeat 10px center;padding:10px 10px 10px 30px;margin:0 10px 0 0;}
.storelista li p .address{background:url(../images/addressb.png) no-repeat 10px center;padding:10px 10px 10px 30px;margin:0 10px 0 0;}



/*分页样式*/
.page_info{text-align:center;margin-top:10px;color:#333;}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{height:24px;line-height:24px;text-align:center;letter-spacing:0;font-size:12px;margin:20px 0 0;}
.page_list li{display:inline-block;}
.page_list a{display:inline-block;color:#333;border:1px solid #e8e8e8;background:#f8f8f8;text-align:center;padding:0 8px;margin:0 3px;}
.page_list a:hover{color:#fff;border:1px solid #898989;background:#898989;}
.page_list .active span{color:#333;border:1px solid #ccc;background:#ccc;text-align:center;padding:0 8px;margin:0 1px;display: inline-block;}




#menua,.tmaps{display:none;}
/*页脚区域*/
.footer{width:100%;color:#fff;float:left;clear:both;margin:0;padding:30px 0;background:url(../images/footerbg.png) #00ccff;}
.footer .ititle h3{color:#fff;}
.footer .ititle p{color:#fff;}

/*留言栏目*/
.feedbackbg{width:100%;color:#fff;float:left;clear:both;margin:0;padding:30px 0;background:url(../images/footerbg.png) #00ccff;}
.feedback{width:96%;float:left;padding:2%;background:#fff;border-radius:20px;}
.feedback ul li{float:left;margin:0 2% 20px 0;width:49%;}
.feedback ul li:nth-child(2n){margin-right:0;}
.feedback ul li input{border:1px solid #ccc;background:transparent;color:#666;height:48px;line-height:48px;width:94.5%;padding:0 0 0 5%;}
.feedback ul li.tijiao{float:right;width:660px;}
.feedback ul li.tijiao .btn{width:660px;height:50px;font-size:16px;cursor: pointer;text-align:center;border:none;background:#D80C18;color:#fff}
.feedback ul li.tijiao .btn:hover{background:#FF3945}

.footer .fcontact{float:left;width:100%;margin:10px 0 0;}
.footer .fcontact ul li:last-child{width:60%;}

.footer .footerleft{float:left;width:400px;}
.footer .flogo{width:327px;height:80px;float:left;}
.footer .flogo h5{float:left;width:327px;height:80px;}
.footer .flogo h5 a{background:url(../images/flogo.png) no-repeat;width:327px;height:80px;display:inline-block;text-indent:-99999px; background-size:auto 80px;}
.footer .ftel{float:left;height:77px;margin:15px 0 0;}
.footer .ftel a{display:block;height:77px;background:url(../images/tel-f.png) no-repeat 0 center;padding:0 0 0 80px;background-size:auto 77px;}
.footer .ftel span{font-size:18px;padding:10px 0 0;display: inline-block;}
.footer .ftel h6{font-size:40px;line-height:40px;font-family: "Bahnschrift"}

.footer .line{clear:both;height:2px;overflow:hidden;display:block;background:rgba(255,255,255,.5);margin:60px 0;}
.footer .fnav{float:left;width:800px;margin:20px 0 0}
.footer .fnav dl{float:left;width:16.6666%;}
.footer .fnav dl dt{font-size:18px;margin:0 0 15px;}
.footer .fnav dl dd{line-height:24px;}

.footer .weixin{float:right;width:150px;text-align:center;}
.footer .weixin img{padding:6%;background:#fff;border-radius:10px;width:88%;}
.footer .copy{width:100%;float:left;text-align:center;line-height:30px;}
.footer a{color:#fff;}
.footnav{display:none;}
/*Top按钮*/
*html{background-image:url(about:blank);background-attachment:fixed;}/*解决IE6下滚动抖动的问题*/
.tbox{width:50px;float:right;position:fixed;right:10px;z-index:10;bottom:15px;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));_margin-bottom:15px;display:none;}/*解决IE6下不兼容 position:fixed 的问题*/
.tbox #gotop{width:50px;height:50px;background:url(../images/icon.png) no-repeat 0 0;display:block;}

.rnav{width:60px;float:right;height:auto;position:fixed;display:none;right:5px;top:30%;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));_margin-bottom:15px;z-index:10;}/*解决IE6下不兼容 position:fixed 的问题*/
.rnav ul li{position:relative;cursor:pointer;width:60px;height:60px;margin:0 0 2px 0;}
.rnav ul li a{width:60px;height:25px;padding:35px 0 0 0;background:#f8f7f5;}
.rnav .lweixin{background:url(../images/rweixin.png) no-repeat center 10px #f8f7f5;}
.rnav .lweixina{background:url(../images/rweixina.png) no-repeat center 10px #f8f7f5;}
.rnav .ltel{background:url(../images/rtel.png) no-repeat center 10px #f8f7f5;}
.rnav .lqq{background:url(../images/rqq.png) no-repeat center 10px #f8f7f5;}
.rnav .ldaohan{background:url(../images/rdaohan.png) no-repeat center 10px #f8f7f5;}
.rnav .lcode{background:url(../images/rcode.png) no-repeat center 10px #f8f7f5;}
.rnav #gotop{background:url(../images/rtop.png) no-repeat center center #ccc;}
.rnav #gotop:hover{ text-decoration:none;background-color:#f5d089;}
.rnav .show{position:absolute;left:-156px;top:0px;width:150px;height:60px;background:#00b3eb;display:none;line-height:60px;padding:0; text-align:center;font-size:18px;color:#fff;}
.rnav .show:after{content:''; position:absolute; top:26px; right:-6px; width:0; height:0; margin-left:-6px; border:6px solid transparent; border-right:0; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;border-left-color:#00b3eb;}
.rnav .shows{position:absolute;left:-156px;top:-38px;width:150px;height:160px;background:#00b3eb;display:none;line-height:24px;padding:0; text-align:center;font-size:18px;}
.rnav .shows:after{content:''; position:absolute; top:68px; right:-6px; width:0; height:0; margin-left:-6px; border:6px solid transparent; border-right:0; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;border-left-color:#00b3eb;}
.rnav .shows i{display:block;width:125px;height:125px;margin:auto;margin-top:8px;}
.rnav .shows p{color:#fff;margin-top:5px;font-size:12px;;}
.rnav .shows .q1{font-size:12px;line-height:16px;}
.rnav .shows .q2{font-size:14px;line-height:22px;}
.rnav a{ text-align:center;display:block;color:#333;font-size:12px;}
.rnav a:hover{ text-decoration:none;background-color:#e8e8e8;}
.rnav ul li:hover .shows,.rnav ul li:hover .show,.rnav ul li:hover .showsb{display:block;}

@media (max-width:768px) {
    .bl20 {height:0px;}
    .bl40 {height:0px;}
    .bl50 {height:10px;}
    .bl60 {height:0px;}
    .bl80 {height:20px;}
    .footm{opacity:1;-webkit-transform: translateY(0px) translateX(0);
        -moz-transform: translateY(0px) translateX(0);
        transform: translateY(0px) translateX(0);}
    .wrap{width:100%;min-width:100%;}
    .iwrap{width:100%;min-width:100%;}
    .col{width:100%;}
    .cor{width:100%;float:left;}

    .newsl{width:96%;padding:2%;}
    .newsr{float:left;width:96%;padding:2%;}
    /*头部区域*/
    .head{width:100%;min-width:100%;max-width:100%;height:60px;top:0px;border-radius:0px;}
    .hnavbg{border-bottom:none;}

    .head .logo{width:157px;height:40px;margin:10px 0 0 10px;}
    .head .logo h1{width:157px;height:40px;}
    .head .logo h1 a{width:157px;height:40px;background-size:auto 40px;}



    .head .tel{right:40px;top:15px;width:20px;height:20px;background:none;padding:0;}
    .head .tel a{background: url(../images/telm.png) no-repeat; background-size:auto 20px;padding:0; text-indent:-9999px;display: block;width:20px;height:20px;}
    .head .tmaps{position: absolute;right:70px;top:15px;width:20px;height:20px;}
    .head .tmaps a{background: url(../images/daohan.png) no-repeat; background-size:auto 20px;padding:0; text-indent:-9999px;display: block;width:20px;height:20px;}

    .head .menu{background: url(../images/menus.png) no-repeat; text-indent:-9999px;display: block;width: 40px;height:40px; position: absolute; top:5px; right:0px;}
    #menua,.tmaps{ display:block;}
    .head .navbg{display:none;}
    .sbanner{height:150px;background-size:auto 150px;margin-top:50px;}
    .sbanner .sbannertxt{width:100%;padding:18px 0 20px 60px;margin:25px 0 0 10px;background-size:auto 50px;display:none;}
    .sbanner .sbannertxt h5{font-size:14px;text-shadow:0 1px 1px rgba(255, 255, 255, 0.8);}
    .sbanner .sbannertxt p{font-size:10px;padding:0 0 0 10px;line-height:14px;text-shadow:0 1px 1px rgba(255, 255, 255, 0.8);}

    /*首页*/
    /* banner */
    .banners {height:220px;position:relative;margin-top:60px;}
    .banner a{height:220px; background-size:auto 220px;}
    .banner .slick-arrow{top:35%; cursor:pointer;height:50px;width:50px;z-index:100;text-indent:-9999px;background:url(../images/pcontrol.png) 0px 0px no-repeat;border-radius:50%;cursor:pointer; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}
    .banner .slick-prev{left:2%;}
    .banner .slick-next{right:2%;background-position:-50px 0px;}
    .banner .slick-dots{bottom:20px;}
    .banner .slick-dots li{width:6px;height:6px;}

    .ititle{margin:10px 0;}
    .ititle span{width:120px;height:120px;}
    .ititle .txt{width:200px;height:120px;}
    .ititle h3{font-size:24px;height:40px;line-height:40px;padding:25px 0 0;text-align:left;}

    .ititle span.icona{background-size:auto 80px;}
    .ititle span.iconb{background-size:auto 80px;}
    .ititle span.iconc{background-size:auto 80px;}
    .ititle span.icond{background-size:auto 80px;}
    .ititle span.icone{background-size:auto 80px;}
    .ititle span.iconf{background-size:auto 80px;}



    .iabout{width:100%;height:auto;border-radius:0px;float:left;margin:0;padding:2% 0;}
    .iabout .iaboutl{width:94%;padding:3%;}
    .iabout .iaboutl .iaboutit{background-size:auto 75px;height:75px;padding:0 0 0 90px;}
    .iabout .iaboutl .iaboutit h3{font-size:24px;height:40px;line-height:40px;}
    .iabout .iaboutl .iaboutit p{font-size:18px;font-weight:100;padding:5px 0 0;}
    .iabout .iaboutl .iaboutxt{font-size:14px;padding:20px 0 0;line-height:24px;}
    .iabout .iaboutl .iaboubr{width:100%;padding:10px 0 0;}
    .iabout .iaboutl .iaboubr li h4{font-size:30px;}
    .iabout .iaboutl .iaboubr li p{font-size:16px;}
    .iabout .iaboutl .iaboubr li h4 span{font-size:14px;}
    .iabout .ivideo{width:100%;padding:5% 0;}

    /* 首页产品 */
    .iproductbg{}
    #certify{width:100%;margin:20px auto;height:200px;overflow:hidden;}
    #certify .swiper-slide{width:300px;height:172px;}
    .inewsbg{width:94%;padding:0 3% 20px;}

    /* 首页店铺 */
    .istore{width:94%;border-radius:10px;padding:3%;}
    .istore .pic{width:100%;}
    .istore .txt{width:90%;padding:5%;}

    .istoreli{width:94%;padding:3%;}
    .istoreli li{width:48%;float:left;margin:0 4% 0 0;}
    .istoreli li:nth-child(2n){margin-right:0;}
    .istoreli li p{font-size:12px;}
    .istore .txt h3{font-size:16px;}
    .istore .txt p{padding:10px 0;line-height:20px;}


    .ithree{margin:10px 0 0;width:100%;}
    .ithree dl{width:100%;float:left;height:500px;position: relative;}
    .ithree dl dt{height:250px;width:100%;}
    .ithree dl dt img{height:250px;}
    .ithree dl dd{height:250px; background:#fff;width:100%;}
    .ithree dl dd a{display: block;height:200px;width:90%;text-align:center;padding:5%;}
    .ithree dl.two{ position: relative;}
    .ithree dl.two dt{ position:absolute;top:0;}
    .ithree dl.two dd{ position:absolute;bottom:0;}




    .indexpro{width:100%;margin:0 auto;height:auto;position:relative;overflow: hidden;}
    .indexpro .slick-slide{padding:10px;}
    .indexpro .slick-arrow{width:20px;height:35px; border:none; z-index: 1;top:40%; background:#000; position: absolute; text-indent:-9999px; cursor: pointer;}
    .indexpro .slick-prev{left:-20px; background:url(../images/left.png) no-repeat center center;}
    .indexpro .slick-next{right:-20px; background:url(../images/right.png) no-repeat center center;}
    .indexpro .slick-dots{position: absolute;left: 50%;bottom:0px;transform: translateX(-50%); z-index: 1000;}
    .indexpro .slick-dots li{width:8px;height:8px;background:#ccc;float:left;margin:0 2px;border-radius:50%;cursor: pointer}
    .indexpro .slick-dots li.slick-active{background:#00b3eb;}
    .indexpro .slick-dots button{display:none !important;background:none;position:absolute;text-indent:-9999px; }

    .ilistpic{ background: #ddd;width:100%;height:100%;position: relative;overflow: hidden}
    .ilistpic .pic img{width:100%;height:auto;float:left;}
    .ilistpic .txt{width:80%;color:#fff;position:absolute;z-index:1;padding:0 10%;left:0px;right:0;bottom:0px;height:0;background:rgba(0,0,0,0.4);transition:all 0.5s;-moz-transition:all 0.5s; /* Firefox 4 */-webkit-transition:all 0.5s; /* Safari and Chrome */-o-transition:all 0.5s; /* Opera */}
    .ilistpic a:hover .txt{height:100%;bottom:0px;transition:all 0.5s;-moz-transition:all 0.5s; /* Firefox 4 */-webkit-transition:all 0.5s; /* Safari and Chrome */-o-transition:all 0.5s; /* Opera */}
    .ilistpic .txt h3{font-size:16px;padding:70px 0 10px;text-align: center}

    .inewsli{width:96%;padding:2%;background:none;height:420px;}
    .inewsli ul li{width:100%;background:none;height:auto;margin:10px 0 0;}
    .inewsli ul li:hover{background:none;}
    .inewsli ul li a{width:95.5%;padding:2%;}
    .inewsli ul li a:before{right:51px;}
    .inewsli ul li a:after{right:51px;}
    .inewsli ul li a span{display:none;}
    .inewsli ul li.two a:before{left:-50px;}
    .inewsli ul li.two a:after{left:-50px;}



    /*内页*/
    .cname{color:#fff;width:96%;height:34px;line-height:34px;padding:0 2%;background:#00b3eb;}
    .cname h4{font-size:14px;}


    .piclists{width:100%;clear:both;overflow:hidden;margin:20px auto 10px;float:left;}
    .piclists ul{width:102%;float:left;}
    .piclists ul li{width:47.5%;padding:0 1%;margin:0 0 10px 0;}
    .piclists ul li a .pic{height:150px;}
    .piclists ul li a span{padding:5px 20px;}





    /*加盟*/
    .join-title{margin:10px 0;}
    .join-title h3{font-size:24px;}
    .join-title p{font-size:18px;}

    .newslist{width:94%;margin:10px auto;padding:3%;}
    .newslist ul li{}
    .newslist ul li .pic{width:100%;height:auto;float:left;}
    .newslist ul li .txt{width:100%;}
    .newslist ul li .txt h4{font-size:16px;padding:10px 0 0;}
    .newslist ul li .txt p{font-size:12px;padding:10px 0;line-height:18px;}

    .contact{width:94%;padding:3%;margin:10px 0;}
    .contact ul li{width:49%;float:left;text-align:center;border-right:1px solid #f1f1f1;}
    .contact ul li:last-child{width:100%;border:none;}
    .contact ul li:nth-child(2){border:none;}
    .contact h5{font-size:14px;padding:10px 0;}
    .contact h6{font-size:14px;padding:10px 0;}
    .contact p{font-size:12px;padding:10px 0;}
    .maps{width:93.5%;height:350px;border-radius:5px;margin:0 3% 20px;}

    /* 品牌 */
    .brand{margin:20px auto 0 auto;max-width:100%;min-width:100%;}
    .brand .top{}
    .brand .top .con{ width:100%;margin:15px auto 0 0;line-height:1.5;font-size:14px;}
    .brand .top .yuan{width:100%;position: relative;height:200px;}
    .brand .top .en{font-size:24px;}
    .brand .top .cn{font-size:24px;}
    /*图片列表*/
    .piclist{margin:10px auto 20px;}
    .piclist ul li{margin:0 2% 10px 0;}
    .piclist ul li a h3{padding:5px 0 ;font-size:12px;}

    /*列表内容页*/
    .listConts{padding:10px 0;}
    .listConts .title{font-size:18px;line-height:30px;}

    .local{border-bottom:1px solid #E9E9E9;height:auto;line-height:18px;font-size:11px;color:#666;padding:5px 2%;text-align:left;}
    .local h5{display:none;}
    .local h6{float:none;font-size:18px;position:relative;height:30px;bottom:-5px;}
    .local h6:after{content:""; position: absolute;bottom:-1px;left:0;border-bottom:1px solid #DA0E0D;width:72px;}

    .pnavtit{ position:absolute;right:10px;top:5px;width:50px;height:20px; cursor:pointer;color:#fff;background:url(../images/downs.png) no-repeat center right;background-size:15px auto;display: block;}
    .current{background:url(../images/ups.png) no-repeat center right;background-size:15px auto;}


    .pnav{width:100%;background:#fff;border:none;display:none;}
    .pnav ul li{float:left;border-bottom:1px solid #E9E9E9;}
    .pnav ul li a{border:none;background:none;}
    .pnav a{padding:10px;font-size:12px;}
    .pnav ul li.on a{background:#FF656E; z-index:1}

    .anav{text-align:center;height:38px;line-height:38px;width:100%;position:relative;}
    .anav a{font-size:12px;margin:0 4px;padding:8px 5px;position: relative;z-index: 1;color:#333;}
    .anav a:hover,.anav a.on{border-bottom:2px solid #2582C5;color:#333;}


    .listConts .newscon{padding:10px 0;}
    .listConts .newscon img{max-width:none;width:100%;height:auto;}
    .toplist{margin:10px 0 0;}
    .preNext{margin:10px 0 0 0;}

    /*新闻详情*/
    .detail{width:96%;padding:10px 2%;}
    .detail .dconn{padding:20px 0;position:relative;width:100%;float:left;border-bottom:1px solid #eee;}
    .detail .dconn p{padding:5px 0;}

    .detail .dconn img{max-width:320px;margin-left:-160px;}
    /*产品详情*/
    .prodetail{ position:relative;padding:10px 0;width:100%;}
    .detaill{width:100%;margin:0 auto;}

    .detailpic{margin:0 auto;height:320px;width:320px;overflow:hidden;border:none}
    .detailpic ul{height:320px;width:320px;overflow:hidden;}
    .detailpic a{width:320px;height:320px;display:table-cell;background:#fff;vertical-align:middle;text-align:center;*display:block;*font-size:125px;*font-family:Arial;overflow:hidden;padding:0px;}
    .detailpic img{vertical-align: middle;max-width:320px;max-height:320px;}

    .cor .dname{font-size:18px;padding:10px 0 0;}
    /*图片小图预览列表*/

    .spec-scroll{width:320px;height:70px;margin:0 auto;}
    .spec-scroll .prev{float:left;margin-right:6px;}
    .spec-scroll .next{float:right;}
    .spec-scroll .prev{display:block; background:url(../images/lefta.png) no-repeat center center;width:11px;height:70px; cursor:pointer;}
    .spec-scroll .next{display:block; background:url(../images/rightb.png) no-repeat center center;width:11px;height:70px; cursor:pointer;}
    .spec-scroll .items{float:left;position:relative;width:288px;height:70px;overflow:hidden;}
    .spec-scroll .items ul{position:absolute;width:999999px;height:70px;}
    .spec-scroll .items ul li{float:left;width:73px;text-align:center;}
    .spec-scroll .items ul li a.img{width:65px;height:65px;display:table-cell;background:#fff;vertical-align:middle;text-align:center;*display:block;*font-size:125px;*font-family:Arial;overflow:hidden;border:1px solid #EAEAEA;padding:0px;}
    .spec-scroll .items ul li a.img img{vertical-align:middle;max-height:65px;max-width:65px;}
    .spec-scroll .items ul li.tb-selected .img{border:1px solid #004187;}
    .pcon{width:96%;padding:2%;}
    .pcon img{width:50%;}

    /*留言栏目*/


    /*页脚区域*/
    .footer{padding:20px 0 50px;}
    .footer .footerleft{width:100%;}
    .footer .flogo{width:300px;height:73px;float:none;margin:0 auto;}
    .footer .flogo h5{float:left;width:300px;height:73px;}
    .footer .flogo h5 a{width:300px;height:73px;background-size:auto 73px;}
    .footer .ftel{float:none;margin:15px auto;width:300px;}
    .footer .ftel span{font-size:16px;}
    .footer .ftel h6{font-size:36px;}

    .footer .fnav{width:90%;margin:10px 5%}
    .footer .fnav dl{width:33.333333%;height:150px;}
    .footer .weixin{width:50%;padding:0 25%;}
    .footer .copy{width:90%;text-align:left;line-height:30px;padding:0 5%;}

    .footnav{position:fixed;bottom:0;left:0;width:100%;height:45px;background:#00b3eb;z-index:1000;display: block;}
    .footnav a{width:25%;line-height:15px;display: block; text-align: center;float:left;padding:5px 0 0 0;}
    .footnav a img{height:20px;width:auto;}
    .footnav a p{color:#fff;padding:0px;font-size:12px;}
    .tbox{width:35px;bottom:55px;}
    .tbox #gotop{width:35px;height:35px;background-size:35px auto;}
    .rnav{display:none;}
}

@keyframes slideInLeft {
    from {
        transform:translate3d(-50%, 0, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}
@-webkit-keyframes slideInLeft {
    from {
        -webkit-transform:translate3d(-50%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none
    }
}
@keyframes slideInUp {
    from {
        transform:translate3d(0, 50%, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}
@-webkit-keyframes fadeInUp {
    from {
        -webkit-transform:translate3d(0, 50%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none
    }
}