* { margin:0; padding: 0; box-sizing: border-box; }
html,body { font-size: 16px; line-height: 22px; max-width: 100%; overflow-x: hidden; }
img { vertical-align: middle; border: none; }
input,button,textarea { outline: none; border: 1px solid #ccc; }
a { text-decoration: none; color:#000; }
a,span,strong,i,b { display: inline-block; }
ol,ul,li { list-style: none; }
dt h2 { font-size: 24px; }
.fr { float: right; }
.fl { float: left; }
.clear:after { content: ' '; display: block; height:0; visibility: hidden; clear: both; }
.top-title { text-align: center; font-size: 1.5em; border-bottom: 1px solid #fff; margin-bottom: 70px; position: relative; }
.top-title p { font: 35px/40px '微软雅黑'; font-weight: 600; position: relative; }
.top-title strong { color: #ff0000; }
.top-title span { height: 5px; background: #f00; width: 10%; position: absolute; left: 45%; bottom: -3px; }
.m-top-tit { display: none; }
#divMessageBox { display: none; }

.welcome { background: #fc1f1b; }
.welcome .container { margin: 0 auto; font-size: 0.8em; line-height: 2em; }
nav { background: url(../img/nav-bg.png) no-repeat 0 0/100% 100%; width: 100%; height: 68px; z-index: 9999; }
nav .tel { padding-left: 40px; background: url(../img/tel-bg.png) no-repeat 0 14px/35px 35px; }
nav .tel p { margin: 10px 0 0; font-size: 14px; }
nav .tel p:nth-of-type(2) { margin: 0; font-size: 20px; font-weight: 600; }
.navbar { border-bottom: 2px solid #fc1f1b; margin-bottom: 0; }
.navbar-brand {
	height: 65px;
    overflow: hidden;
    padding: 0; 
 }
.navbar-brand img { height: 100%; }
.nav a { font-size: 18px; }
.nav .active a { background: none !important;border-bottom:2px solid #f00; }
.nav>li:hover>a { border-bottom:2px solid #f00; }
.nav>li { position: relative; }
.nav ol { width: 0; position: absolute; top: 37px; padding-top: 25px; text-align: center; overflow: hidden; }
.nav ol p { margin-top: -27px;  }
.nav ol p a { color: #f05; line-height: inherit; font-size: 14px; font-style: italic; }
.nav ol li { background: #F00; }
.nav ol span { position: absolute; left: 42%; top: 8px; width: 0; height: 0; border: 10px solid transparent; border-bottom-color: #f00; }
.nav ol a { color: #fff; line-height: 1.9em; font-size: 16px; }
.nav ol a:hover { border: none; }
.nav ol li.layer3.subclass { display: none; }
.subnav ol { display: none; }
.subnav ol:nth-of-type(1) { display: block; }
.subnav ol


#myCarousel img { width: 100%; }


.search { padding: 15px; background: #dfdede; }
.search p { margin-bottom: 0; }
.search p strong { font-size: 1.2em; }
.search p a:after { content: ","; }
.search form { float: right; }
.search .btn-info { background-color: #ff0000; border-color: #000; }
.search .form-control:focus { box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 0, 0, .6); }

.search span input { width: 50px; background: url(../img/search.png) no-repeat 0 3px/100% 80%; }

.four { padding: 80px 0; background: url(../img/four-bg.jpg) no-repeat 0 0/100% 100%; color: #fff; }
.four .row>div { padding: 0 10px; margin-top: 10px; overflow: hidden; } 
.four .row>div>div { position: relative; opacity: 0; }
.four .row>div:nth-of-type(1)>div { left: -150%; top: 50%; }
.four .row>div:nth-of-type(2)>div { left: 0; top: -150%; }
.four .row>div:nth-of-type(3)>div { left: 0; top: 150%; }
.four .row>div:nth-of-type(4)>div { left: 150%; top: 50%; }
.four .content { padding: 170px 0 5px; margin: 0 8%; text-align: center; }
.four .content p { line-height: 1.5em; padding: 0 28px; height: 70px; }
.four .content p:nth-of-type(1) { padding: 0; text-align: center; }
.four .content p strong { font-size: 2.2em; line-height: 2em; }
.bg-1 { background: url(../img/four-1.jpg) no-repeat 0 0/100% 100%; }
.bg-2 { background: url(../img/four-2.png) no-repeat 0 0/100% 100%; }
.bg-3 { background: url(../img/four-3.png) no-repeat 0 0/100% 100%; }
.bg-4 { background: url(../img/four-4.png) no-repeat 0 0/100% 100%; }
.bg-1:hover { background: url(../img/four-1-hover.png) no-repeat 0 0/100% 100%; color: red !important; }
.bg-2:hover { background: url(../img/four-2-hover.jpg) no-repeat 0 0/100% 100%; color: red !important; }
.bg-3:hover { background: url(../img/four-3-hover.jpg) no-repeat 0 0/100% 100%; color: red !important; }
.bg-4:hover { background: url(../img/four-4-hover.jpg) no-repeat 0 0/100% 100%; color: red !important; }


.product { padding: 30px 0; background: url(../img/pro-bg.png) no-repeat 0 0/100% 100%; }
.product ul { padding-left: 0; }
.product ul a { display: block; }
.product a:hover { text-decoration: none; }
.product .pro-nav a { background: #fd1814; color: #fff; line-height: 40px; width: 90%; height: 42px;position: absolute; left: 5%; top: 0; }
.product li { text-align: center; margin: 15px 0; }
.product .pro-nav .active a{ background: #d8d2d2; color:#fd1814 ; }
.product .pro-nav a:hover { background: #d8d2d2; color:#fd1814 ; font-size: 20px; }
.product .pro-nav { text-align: center; }
.product .pro-nav li { display: inline-block; float: none; height: 42px; }
.product .pro-list { display: none; }
/*.product .pro-list:nth-of-type(1) { display: block; }*/
.product .pro-list li a { border: 1px solid #ddd; color: black; background: none; padding: 10px 0;  }
.product .pro-list li>a { padding: 0; }
.product .pro-list li:hover a { color: #fff; background: #f00; font-size: 18px; }
.product .img { width: 100%; padding: 0; border-bottom: none !important; overflow: hidden;}
.product ul img { width: 100%; position: relative; left: 0; top: 0; transition: all .3s}
.product ul img:hover{
	transform: scale(1.1);
}
.more { text-align: center; }
.more .btn-default { background: none; color: #f00; border:1px solid #000; }
.more .btn-default:hover { background: #ccc; color: #f00; border-color: #ccc; }

.ad img { width: 100%; height: auto;}

.about { background: url(../img/about-bg.jpg) no-repeat 0 0/100% 100%; padding: 30px 0 70px; }
.about .top-title { border-bottom-color: transparent ; }
.about .top-title span { width: 20%; left: 40%; bottom: 50px; }

.about .text>p { text-indent: 2em; padding: 0 10px; color: #000; max-height: 17em; font-size: 12px; overflow: hidden; }
.about .row>div:nth-of-type(1) img{
	height: 470px;
}
.zhengshu a { height: 100%; }
.lunbo { padding: 20px 50px; height: 260px; border: 2px solid #999; position: relative; background: url(../img/lunbo-bg.jpg) no-repeat 0 0/100% 100%; }
.lunbo div { overflow: hidden; height: 100%; border:1px solid #ccc; border-width:0 1px ; position: relative; }
.lunbo div,.lunbo ul,.lunbo li,.lunbo img { height: 100%; }
.lunbo ul { padding: 0; position: absolute; left: 0; top: 0; width: 100%; }
@media(min-width:768px){
	.lunbo li { float: left; width: 33.333%; padding: 0 15px; width: 180px; }
}
@media(max-width:768px){
	.lunbo li { float: left; width: 33.333%; padding: 0 15px; width:140px}
}


.lunbo li img { width: 100%; }
.lunbo span { position: absolute; top: calc(50% - 25px); right: 0px; width: 50px; height: 50px; transition: 0.3s;
font-size: 40px; line-height: 50px; cursor: pointer; text-align: center;border: 2px solid rgba(0,0,0,0); color: rgba(0,0,0,0.5); }
.lunbo span:hover { border: 2px solid rgba(0,0,0,0.2); border-radius: 50%; color: rgba(0,0,0,0.8); }
.lunbo span.left { left: 0px; }
.about .more { margin-top: 70px; }

.case { padding: 80px 0; }
.case .top-title { margin-bottom: 40px; border-color: #ccc; position: relative; top: 0; }
.case .row { perspective:800px; }
.case .row>div { padding:20px 5px; transition: 0.5s; transform-style: preserve-3d; transform:translateZ(-4000px); opacity: 0; }
.case .row>div:nth-of-type(2) { transition: 0.8s; }
.case .row>div:nth-of-type(3) { transition: 1.1s; }
.case .row>div:nth-of-type(4) { transition: 1.4s; }
.case .row>div:nth-of-type(5) { transition: 1.1s; }
.case .row>div:nth-of-type(6) { transition: 0.8s; }
/*.case .row:hover>div { transform: translateZ(0); opacity: 1; }*/
.case .row .content { text-align: center; margin: 7px; border: 1px solid #ccc; border: 1px solid #ccc; /*position: relative; width: 0; height: 0; left: 50%; top: 50%;*/ }
.case .row .content:hover { display: block; background: #f00; color: #FFF; border: 8px solid #f00; margin: 0; }
.case .row .content:hover a { color: #fff; } 
.case .row .content a { width: 100%; }
.case .row .content a:nth-of-type(3) { display: none; }
.case .row div img { width: 100%;}
.case .row .content h3 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.video { background: url(../img/vider-bg.png) no-repeat 0 0/100% 100%; padding: 30px 0; }
.video .top-title strong,.video .more a { color: #fff; }
.video .more { margin-top: 40px; }
.video .lunbo { background: none; border: none; }
.video .lunbo>div { background: #eee; }
.video .lunbo li { padding: 10px 5px; width: 25%; }
.video .lunbo li>a { height: 80%; }
.video .lunbo img { height: 100%; }
.video .lunbo h3 { height: 20%; margin: 0; }
.video .lunbo h3 a {width: 100%; height: 100%; padding-top: 10px; margin: 0; text-align: center; font-size: 18px; line-height: 30px; overflow: hidden; }
.video .lunbo li:hover h3 a { background: #222; color: #fff; font-size: 18px; text-decoration: none; }
.video .lunbo span { color: rgba(255,255,255,.8); font-weight: 900; border-color:rgba(255,255,255,0) ; }
.video .lunbo span:hover { border-color: rgba(255,255,255,0.8);color: rgba(255,255,255,1) }

.news { background: url(../img/news-bg.png) no-repeat 0 0/100% 100%; padding: 40px 0; text-align: center; }
.news .top-title { text-align: left; border-bottom-color: transparent; margin-bottom: 25px; }
.news .top-title span { left: 0; }
.news .row>div {  padding: 0 5px; }
.news .row>div>div { background-color: #ecebeb; background-repeat: no-repeat; background-size:90% 140px; background-position: center 5px; padding:160px 0px 10px; }
.news .row .tit { text-align: center; font-size: 22px; display: inline-block; margin-bottom: 10px; padding:50px 0; }
.news .row .tit { display: none; }
.news .row .tit a{ font-size: 35px; line-height: 45px; font-weight: 600; color: #f00; border-bottom: 2px solid #f00; transform-origin: center; transform: rotate(-20deg); }
.news .row li { position: relative; height: 40px; padding-left: 30px; padding-right: 5px; text-align: left; background: url(../img/jiantou.png) no-repeat 8px 11px/15px 15px; line-height: 40px; border-bottom: 1px dashed #ccc; }
.news .list-1 li:hover,.news .list-1 li:hover a { color: #fff; }
.news .list-1 .list-box { position: absolute; width: 100%; height: 40px;left: 0; top: 0; padding-left: 30px; padding-right: 5px; }
.news .list-1 .list-box:hover { height: 50px; line-height: 50px; top: -5px; background: #f00; box-shadow: 2px 3px 3px #333; }
.news .list-1 .list-box:hover font { color: #fff !important;  }
.news .list-1 .list-box:hover a { font-size: 1.2em; }
.news .row li a { width: 74%; height: 40px; white-space:nowrap; overflow: hidden; text-overflow: ellipsis;}
.news .row .list-box>font { float: right; font-size: 12px; width: 25%; text-align: right; }
.news .more { padding-top: 25px; }
.news .more .btn { padding-top: 4px; }
.news .cjwt li { height: 65px; overflow: hidden; line-height: 20px; padding-top: 10px; margin-bottom: 23px; border: 1px solid #ccc; }
.news .cjwt li:nth-last-of-type(1) { margin-bottom: 0; }
.news .cjwt li>a:hover,.news .cjwt li p:hover { color: #f00 ; }
.news .cjwt li>a { height: auto; }
.news .cjwt li p { font-size: 13px; line-height: 26px; text-align: left; }
.news .cjwt li b { font-size: 16px; }
.news .cjwt li>font { font-size: 12px; float: right; }

.news .gsxw>div { background-image: url(../img/news1-bg.jpg); }
.news .xyzx>div { background-image: url(../img/news2-bg.jpg); }
.news .cjwt>div { background-image: url(../img/news3-bg.jpg); }

/*.footer-nav { background: #f00; color: #fff; padding-top: 10px; }
.footer-nav .container { padding: 0 35px; }
.footer-nav P { margin: 0 1.5%; border-top: 1px solid #fff; padding: 3px 0;}
.news ul,.footer-nav ul { padding: 0; }
.footer-nav li { float: left; margin: 0 1.5%; }
.footer-nav li a { color: #fff; }*/

.footer { padding: 30px 0; background: url(../img/footer-bg.png) no-repeat 0 0/100% 100%; color: #fff; }
.footer .top { color: #f00; text-align: center; font-size: 18px; }
.footer .row div { margin: 25px 0; }
.footer .row div div { margin: 50px 0 0; }
.footer .row div div.link { margin-top: 25px; }
.footer .text { padding-top: 15px; padding-left: 65px; }
.footer .text p { margin-bottom: 7px; }
.footer .text p a { color: #fff; }
.footer h1 { margin: 0; }
.footer .footer-logo { width: 100%; }
.footer .link p { padding-top: 50px; }
.footer .link a { color: #fff; font-size: 12px; }
.footer .erweima { width: 100%; }
.footer .message { padding: 0; }
.footer .message h4 { text-align: center; font-size: 20px; margin: 5px 0 5px; color: #19e2e8; }
.footer .message p { margin: 0; color: #19f6fd; margin: 10px 0; font-family: '宋体'; }
.footer .message p span { float: left; width: 25%; line-height: 30px; }
.footer .message input,.footer .message textarea {width:75%; float: left; color: #333; font-size: 14px; height: 30px; padding-left: 5px; }
.footer .message textarea { height: 90px; }
.message input:focus,.message textarea:focus { border:1px solid rgba(0, 0, 255, 0.72); }
.footer .message .submit { margin: 15px auto 0; width: 30%; color: #004dd4; font-size: 16px; display: block; float: none; padding: 0; }




/*内页*/

.ileft { margin-top: 20px; }
.ileft .iclass-t h3,.box1-t h3 { margin: 0 !important; text-align: center; color: #fff; padding: 15px; font-size: 28px; }
.ileft ul { background: #e6e4e4; }
.ileft li { position: relative; overflow: hidden; }
.ileft li a { padding: 5% 20%; color: #000; font-size: 14px; border:3px solid transparent; border-top: none; 
border-bottom: 1px solid #959494; margin: 1px 0; width: 100%; text-align: center; }
.ileft li a:nth-of-type(1) { padding: 5% 10%; font-size: 18px; color: #0000ff; }
.ileft li a:hover { border-left-color:#f00; border-right-color:#f00; }
.ileft li span { width: 30px; height: 40px; position: absolute; top: 0; right: 0px; background: url(../img/btn.png) no-repeat 0 0/100% 100%; transition: 0.4s; transform-origin: center center; transform: rotate(0deg); text-align: center; }
.ileft .subclass a { padding: 5px 25px; font-size: 14px; }
.iclass-t { 
	background: #f00;
    color: #fff;
    box-shadow: 4px 4px 0px #940503;
    margin-bottom: 10px;
	}

.iright { padding: 15px 0; }
.box2-about { padding: 15px 5px; margin-bottom: 5px; border: 1px solid #ccc; background: #fcfcfc; border-radius: 5px; }
.box2-about h2,.box2-about p { float: left; max-height: 4.6em; }
.box2-about h2 { width: 20%; margin: 0; margin-top: -0.7em; overflow: hidden; }
.box2-about h2 img { width: 100%; }
.box2-about p { font-size: 12px; line-height: 1.6em; max-width: 75%; overflow: hidden; margin: 0; }
.box2-about p strong { font-size: 13px; font-weight: 600; }
/*.box2-about p>a { display: none; }
.box2-about p * { font-size: 12px !important; }*/
.iright .box2-t { text-align: right; padding-left: 20px; }
.iright .box2-t >span { display: block; padding: 5px; }
.iright .box2-t span,.iright .box2-t a { font-size: 14px; }
.iright .box2-t h3{ font-size: 26px; color: #fff; text-align: left; padding: 0 15px; height: 58px; line-height: 58px; margin: 0; background: #f00 url(../img/box2-t-bg.png) no-repeat -20px 0/190px 100% ; border-radius: 5px ; }
.iright .box2-t h3 span { float: right; line-height: 22px; color: #fff; padding-top: 6px; font-size: 18px; }
.iright .pro-item { padding: 15px 7px; }
.pro-item h3,.pro-item h4 { margin: 0 !important; border: 1px solid #ddd;}
.iright .pro-item:hover h3 a { background: #f00; color: #fff; }
.iright .pro-item h4 { border-bottom: none; width: 100%; height: 147px;}
.iright .pro-item h3 a { color: inherit; font-size: 16px; max-height: 15px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; 
display: block; box-sizing: content-box; text-align: center; padding: 7px 0; }
.iright .pro-item img { width: 100%;}
.box1-t { margin: 10px; text-align: right; }
.box1bg { background: url(../img/box1bg.jpg) no-repeat 0 0/100% 100%; padding: 10px 5px 5px 10px; }
.box1-t span { float: right; margin-top: 10px; font-size: 14px; }
.box1-t h3 { padding: 0; color: #000; }
.icontact p {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 7px;
    margin: 0;
}
.icontact p span { font-size: 14px; }

.box2-c { padding: 15px 30px; line-height: 30px;    padding-right: 10px; }
.box2-c img { float: left; }
.box2-c>p>a { display: block; }
.box2-c>p>span { display: inline; } 
.box2-c>p>img { width: 100% !important; height: auto !important; }

#MyContent { width: 90%; margin: 0 auto; }
#MyContent img { width: 100%; height: auto; border:1px solid #ccc; }
#MyContent embed { width: 100%; }
.artlist>dl { border-bottom: 2px dashed #ccc; }
.artlist h2>a { max-width: 79%; }
.artlist h2>font { float: right; font-size: 14px; width: 20%; text-align: right; }
.artlist h2>font:before { content:'【' ; }
.artlist h2>font:after { content:'】' ; }

.hot { text-align: center; margin: 30px 0 15px; border: 1px solid #ccc; padding: 5px; }
.hot p { border-radius: 35px; padding: 40px; background: url(../img/hot-bg.png) no-repeat 0 0/100% 100%; border: 3px solid #f00; }
.hot-box .move div { border: 1px solid #ccc; margin: 15px 0 0; }
.hot h3 { margin-top: 0; }
.hot img { width: 100%; height: auto; }
.hot-box { overflow: hidden; position: relative; }
.hot-box .move { position: absolute; top: 0; left: 0; }

.bot-news { padding: 0 5%; }
.bot-news p a { margin-right: 15px; }
.bot-news ul { border-top: 1px solid #000; padding: 2% 0; display: none; }
.bot-news ul:nth-of-type(1) { display: block; }
.bot-news li { width: 46%; background: #eee; padding: 0 1%; text-align: right; float: left; line-height: 2em; border-bottom: 1px solid #ccc; margin: 5px 2%; }
.bot-news li:nth-of-type(4n+2) { background: rgb(41, 162, 210); }
.bot-news li:nth-of-type(4n+1) { background: rgb(41, 162, 210); }

.bot-news li:hover,.bot-news li:hover a { color: #f00; }
.bot-news li:nth-of-type(4n+1):hover,
.bot-news li:nth-of-type(4n+1):hover a, 
.bot-news li:nth-of-type(4n+2):hover,
.bot-news li:nth-of-type(4n+2):hover a{ color:#fff ; }
.bot-news li a { height: 30px; font-size: 14px; width:75%; text-align: left; color: inherit; overflow: hidden; float: left; }
.bot-news li>font { width: 20%; font-size: 12px; display: inline-block; float: right; }
/*内页 end*/



.subnav { display: none; }
.side-box {
    position: fixed;
    right: 0;
    top: 30%;
    z-index: 9999;
}

.side-box li {
	width: 70px;
	height: 70px;
	margin-bottom: 2px;
	cursor: pointer;
	position: relative;
	
}
.side-box li>p{ 
	background-color: red;
	background-image: url(../img/message.png);
	background-repeat: no-repeat;
	background-size: 60% 60%;
	background-position: center 5px; 
}
.side-box li:nth-of-type(1)>p { background-image: url(../img/logo-left.png);
    background-size: 95% auto;
    background-position: 4px 14px;}
.side-box li:nth-of-type(2)>p { background-image: url(../img/message.png); }
.side-box li:nth-of-type(3)>p { background-image: url(../img/qq.png); }
.side-box li:nth-of-type(4)>p { background-image: url(../img/weixin.png); }
.side-box li:nth-of-type(5)>p { background-image: url(../img/tel.png); }
.side-box li:nth-of-type(6)>p { background-image: url(../img/toTop.png); }

.side-box li>div {
	float: right;
	margin-right: 70px;
	overflow: hidden;
	background: #CCFFFF;
	margin-top: 0;
}
.side-box li.s-liuyan>div {
	position: fixed;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	display: none;
	margin:0 !important;
	font-size: 1.2em;
	color: #333;
	background: rgba(0,0,0,.7);
	cursor: default;
	z-index:9999999;
}
.side-box li.s-liuyan>div div {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -350px;
	margin-top: -225px;
	width: 700px;
	height: 450px;
	padding: 50px 100px;
	background: #eee url(../img/message-bg.png) no-repeat 0px -10px/100% 100%;
}


.side-box li.s-liuyan div p {
	margin: 0 0 10px;
	font-family:"微软雅黑";
}
.message h4 {
	font-weight: 900;
        margin:20px 0 25px;
	text-align: center;
	font-size:30px;
}
.side-box li.s-liuyan div.message div>p {
	margin-bottom:15px;
	font-size: 12px;
	color: #f76767;
        line-height:18px;
}
#KS_fb_mobile::-webkit-outer-spin-button,  
#KS_fb_mobile::-webkit-inner-spin-button {  
    -webkit-appearance: none;  
}

.side-box li.s-liuyan input {
	height: 1.5em;
	width: 300px;
	padding:2px 5px;
}
.side-box li.s-liuyan textarea {
	width: 300px;
	height: 100px;
	padding:2px 5px;
}
.side-box li.s-liuyan .submit {
	display: block;
	width: auto;
	padding: 5px 15px;
	margin: 10px auto 0;
}
.side-box li.s-liuyan .last-p *{
	float: left;
}
.side-box li.s-liuyan b {
	width: 20px;
	height: 20px;
	position: absolute;
	right: 2px;
	top: 2px;
	background: url(../img/off.png) no-repeat 0 0/100% 100%;
	cursor: pointer;
}
.side-box li.s-QQ>div {
	width: 0;
	height: 0;
}
.side-box li.s-QQ a {
	padding-left: 23px;
	background: url(../img/qq2.png) no-repeat 0 0/20px 20px;
	margin: 5px 5px 0;
}
.side-box li.s-QQ a:nth-last-of-type(1){
	margin-bottom: 5px;
}
.side-box li.s-weixin>div {
	width: 0;
	height: 0;
	margin-right: 0;
	position: absolute;
	right: 70px;
	top: 0;
}
.side-box li.s-dianhua>div {
	width: 0;
	height: 70px;
}
.side-box li.s-dianhua span {
	padding: 12px 5px 0;
}
.side-box li.s-dianhua>div text {
	font-size: 1.2em;
}
.side-box li>div {
	
}

.side-box li img {
	width: 95%;
	height: 95%;
	margin: 2.5%;
	background: #444;
}

.side-box li>p {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	padding-top: 48px;
	text-align: center;
	color: #fff;
	margin:0 0 0;
}
.side-box li>p strong {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 70px;
	transition: .4s;
	padding-top: 47px;
	color: #d81e06;
	text-align: center;
	font-weight: 100;
	background-color: #CCFFFF;
	background-image: url(../img/message1.png);
	background-repeat: no-repeat;
	background-size: 60% 60%;
	background-position: center 5px; 
}
.side-box li:nth-of-type(1) strong{
background-image: url(../img/logo-left.png);
    background-size: 95% auto;
    background-position: 4px 14px;
 }
.side-box li:nth-of-type(2) strong{ background-image: url(../img/message1.png); }
.side-box li:nth-of-type(3) strong{ background-image: url(../img/qq3.png); }
.side-box li:nth-of-type(4) strong{ background-image: url(../img/weixin1.png); }
.side-box li:nth-of-type(5) strong{ background-image: url(../img/tel1.png); }
.side-box li:nth-of-type(6) strong{ background-image: url(../img/toTop1.png); }
.side-box li.s-toTop>p {
	font-size: 16px;
}
.side-box li:hover>p strong {
	top: 0 !important;
}


#divStayTopLeft {
	display: none !important;
}
.pswp {
	z-index: 999999999 !important;
}
.liuyan2 {
	position: relative;
}
.liuyan2 img {
	width: 100%;
	height: 260px;
}
.ly-box {
	position: absolute;
	left: 50%;
	top: 10px;
	color: #fff;
	margin-left: -240px;
}
.ly-box >p {
	font-size: 40px;
	line-height: 55px;
	font-weight: 600;
	margin-top: 25px;
}
.liuyan2 b { display: block; text-indent: 5em; }
.liuyan2 form {
	display: inline-block;
	font-size: 24px;
	margin-left: 20px;
}

.liuyan2 form span{
	margin: 10px 0;
	font-size: 18px;
}
.liuyan2 form span:nth-last-of-type(1) {

	text-align: center;
}
.liuyan2 form p {
	display:none;
	font-size: 28px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 15px;
}
.liuyan2 input {
	height: 2em;
	color: #000;
}
.liuyan2 input[type=submit] {
	padding: 5px 15px;
	color: #f00;
	border: 1px solid #f00;
	background: #eee;
	font-size: 18px;
	border-radius: 10px;	
	transition: .4s;
	height: auto;
}
.liuyan2 input[type=submit]:hover {
	background: #f00;
	color: #fff;
	border-color: #333;
}


/*-----------------------------------------*/



@media only screen and (max-width: 992px) {
	 nav { height: 120px; }
	.nav > li > a { padding: 5px 6px; }
	.nav ol,.navbar-header .navbar-brand text { display: none !important; }
	.video .lunbo li { width: 33.3333%; }
	.video .lunbo h3 a {  }
	.lunbo { background: none; border: none; }
	.lunbo div { border: none; }
}

@media only screen and (min-width:992px ) and (max-width:1200px) {
	nav { height: 120px; }
	.nav { position: relative; left: -100px; }
	.navbar-header .navbar-brand text { display: none !important; }
}
@media only screen and (min-width: 1200px) {
	.welcome p { padding-left: 140px; }
	.navbar-header {
		position: relative;
		width: 120px;
		height: 60px;
		margin-top: -1px;
	}
	.navbar-header .navbar-brand { position: absolute; width: 150px; height: 126px; background: url(../img/logo-bg.jpg) no-repeat 0 0/100% 100%; margin-top: -25px; margin-left: -30px !important; text-align: center; font-size: 16px; }
	.navbar-header .navbar-brand:hover { background: #linear-gradient(to right bottom, #f00, #ffc107); }
	.navbar-header .navbar-brand img { height: 77px; margin-top: 11px; margin-left: -1px; }
	.navbar-header .navbar-brand text { display: inline-block; margin-top: -5px; color: #000; font-family: '微软雅黑'; }
	.navbar-header .navbar-brand span { font-weight: 900; font-size: 18px; }
	.nav { margin-left: 2%; }
}
@media only screen and (max-width:768px ) {
	nav { height: 65px; }
	#navbar-collapse { position: absolute; z-index: 999; width: 100%; background: url(../img/nav-bg.png) no-repeat 0 0/100% 100%; }
	.nav { width: 40%; float: right; text-align: center; margin-top: 5px; }
	.navbar-default .navbar-nav > li > a { 
		display: inline-block;
	    border: 1px solid #ccc;
	    background: #fff !important;
	    margin: 2px 0;
	    border-radius: 4px;
	    width: 80%; 
	}
	nav .tel {float: left;}
	.video .lunbo li { width: 50%; }
}

@media (min-width: 768px){
	.navbar-nav>li>a {
	    padding-bottom: 18px;
	}

} 




@media only screen and (max-width: 530px ) {
	#bdshare,.side-box { display: none !important; }
	
	.welcome .container { line-height: 1.5em; }
	.four { background: url(../img/m-four-bg.jpg) no-repeat 0 0/100% 100%; }
	.four .row>div,.four .content p { padding: 0; font-size: 0.8em; }
	.four .content p:nth-of-type(2) { padding: 0 7px; }
	.four .content { padding: 110px 0 15px; }
	.product { background: url(../img/m-pro-bg.jpg) no-repeat 0 0/100% 100%; }
	.product li { padding: 0 5px; margin: 5px 0; }
	.product .pro-nav li { margin: 5px 0; }
	.product .pro-list li p a { padding: 3px 0; }
	.lunbo li { width: 50%; }
	
	.video .lunbo li { width: 100%; }
	.search { padding: 15px 0; }
	.search p { line-height: 20px; font-size: 14px; }
	.about { background: url(../img/m-about-bg.jpg) no-repeat 0 0/100% 100%; }
	.about .article-content { padding-right:0 ; }
	.about .top-title { margin-bottom: 15px; }
	.about .more { margin-top:15px ; }
	.about .lunbo { margin-top: 5px; border: none; }
	.top-title p { font-size: 28px; }
	.case .content h3 { margin: 10px 0 5px; font-size: 18px; }
	.case .content p { margin:0; }
	.news .row>div { margin-top: 15px; }
	.news .more { padding-top: 0; }
	.footer-nav .container { padding: 0 5px; }
	.footer { background: url(../img/m-footer-bg.jpg) no-repeat 0 0/100% 100%; }
	.footer .text { padding-left: 20px; }
	.footer h1 { width: 80%; margin: 0 auto; }
	.footer .message { padding:0 20px; }
	
	.hot-box .move { position: static; }
	.box2-t,.box2-c,.bot-news { padding: 15px 5px !important; }
	.bot-news li a { width: 100%; }
	.bot-news li>font { width: auto; }
	.iright .box2-t span, .iright .box2-t a { font-size: 12px; }
	.nav ol { visibility: hidden; }
	
	.m-top-tit { display: inline-block !important; font: 24px "楷体"; position: absolute !important; top:20px !important; left: 37% !important; width: 50% !important; font-weight: 900; }
	.artlist h2>a { width: 100%; font-size: 20px; }
	.artlist h2>font { width: auto; }
	dd { clear: both; font-size: 14px; }
	.box2-about h2 { margin-top: 0; }
	.box2-about p { line-height: 1.2em; }
	
	.hot { display:none; }
	.box2-t >span { display:none !important; }
	.iright .box2-t h3 { display:block; padding: 0 5px; }
	.box2-t h3 span { font-size: 16px !important; }
	.liuyan2 form {
		margin-left: 0;
		text-align: center;
	}
	.liuyan2{
		height: 200px;
		overflow: hidden;
	}
	.liuyan2 img {
		position: absolute;
		height: auto;
		width: auto;
		top: 0%;
		left: 0%;
	}
	.ly-box {
		left: 0;
		margin-left: 3px;
	}
	.ly-box >p {
		font-size: 18px;
		line-height: 26px;
		margin-top: 13px;
	}
	.liuyan2 b {
		display: inline;
	}
	.liuyan2 form span {
		margin: 3px 0;
	}
	.liuyan2 form p {
		font-size: 22px;
		margin-bottom: 0;
		margin-left: 0;
		text-align: center;
	}
	.four .content p {
		height: 45px;
	}
	.about .row>div:nth-of-type(1) img {
		height: auto;
	}
	.about .text { margin: 30px 0 0; }
	.about .text>p {
		max-height: 18.5em;
	}
	.about .text>p>a { 
		text-indent: 0;
		display: block;
		text-align: center;
		margin: 10px 0;
	}
	.about .text>p>span {
		text-align: justify;
	}
	.about .lunbo {
		height: 190px;
	}
}