﻿@charset "utf-8";
/* 简单流媒体
   注意: 流媒体要求您删除 HTML 中媒体的高度和宽度属性
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 不支持最大宽度，因此默认为 100% 宽度 */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver 流体网格属性
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	灵感来自于 Ethan Marcotte 的“具有响应的 Web 设计” 
	http://www.alistapart.com/articles/responsive-web-design
	
	和 Joni Korpi 的“黄金网格系统”
	http://goldengridsystem.com/
*/


/* 平板电脑布局: 481px 至 768px。样式继承自: 移动设备布局。 */

body{ margin:0; padding:0; font: normal 14px/2.2em Microsoft YaHei; color:#333; font-weight:500;}
a,input,textarea,button{ text-decoration: none; transition:all 0.2s;}
a:link    {color: #333; }
a:visited {color: #333;}
a:hover   {color:#e1251b;}
a:active  {color: #e1251b;}
div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,img,form ,input,textarea{ margin:0; padding:0; border:none;}
.clear{ height:0; font-size:0; line-height:0; clear:both;}
ul, li { margin:0; padding:0;}
em,i{ font-style:normal;}
img,a{ transition:all 0.3s;}

.clearfix:after {clear: both;content: ".";display: block;font-size: 0;height: 0;line-height: 0;visibility: hidden;}
input, textarea {
outline: none;
outline-style: none;
outline-width: initial;
outline-color: initial;
}
:focus { outline:0;}
ul{list-style-type: none}

/*移动端*/
@media only screen and (max-width: 767px) {
input,textarea{ border:1px solid #eee; padding: 14px; border-radius:5px;}
button{ padding:15px; border:0; border-radius:5px; background-color:#1f6eb1; color:#fff;}
button:hover{ background-color:#e1251b;}

/*公用*/
.kdbox{ padding: 0 5px;}
.kdbox .new-img{text-align: center;}
.kdbox .new-img img{max-width:100%;}
.p20{ padding-left: 20px; padding-right: 20px;}
.m20{ margin-left: 20px; margin-right: 20px;}

/*header*/
header{ padding-top: 10px;}
.header{ padding-bottom: 20px;}
.qinfeng{ float:left;}
.qinfeng a{ width: 60px; float:left;}
.qinfeng dl{ padding-left: 20px; padding-top: 10px; float: left;}
.qinfeng dl dt,.qinfeng dl dt h1{font-size: 1.2em;font-weight:bold; color:#1f6eb1;}
.qinfeng dl dd{ color:#777;}
.qinfeng dl dd strong{ display: none;font-weight:normal;}
.tel{ display: none;}
/*导航*/
.nav{ line-height:50px; z-index:98; background-color:#1f6eb1;}
.nav ul.ul{ border-left: 1px solid #fff; }
.nav ul li{ display: none;}
.nav ul li.m{ width:25%; display: block; text-align:center; float:left;}
.nav ul li a{ display:block; color:#fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff;}
.nav ul li a:hover{ background: #e1251b;}
/*banner*/
.flexslider { width:100%; height:170px; background:#fff; position:relative; z-index:1; overflow:hidden;}
.flexslider .slides {position:relative; z-index:1;}
.flexslider .slides li {height:170px; background-size:150% 100%; background-position:center center; background-repeat:no-repeat;}
.flexslider .slides li a{display:block;line-height:100%;width:100%;height:100%;}

.flex-control-nav {width:100%; position:absolute; bottom:10px; left:0; text-align:center;z-index:10;}
.flex-control-nav li {display:inline-block; width:30px; height:5px; margin:0px 5px; *display:inline; zoom:1;}
.flex-control-nav li a {display:inline-block; width:30px; height:5px; line-height:400px; overflow:hidden; background:#fff; cursor:pointer; border-radius:5px;}
.flex-control-nav .flex-active {background:#b00;}
.flexslider ul.flex-direction-nav { display:none;}
.flexslider .flex-direction-nav li a {
	display: block;
	width: 60px;
	height: 60px;
	position: absolute;
	top: 42%;
	z-index: 9999;
	overflow: hidden;
	cursor: pointer;
	-ms-transition: left 400ms, right 400ms;
	transition: left 400ms, right 400ms;
	-webkit-transition: left 400ms, right 400ms;
	-moz-transition: left 400ms, right 400ms;
	-o-transition: left 400ms, right 400ms;
}
.flexslider .flex-direction-nav li a.flex-prev {
	left: 50px;
	background: url(../images/ban-left.png) no-repeat center center;
	display: none;
}
.flexslider .flex-direction-nav li a.flex-next {
	right: 50px;
	background: url(../images/ban-right.png) no-repeat center center;
	display: none;
}
.flexslider .flex-direction-nav li.on a.flex-prev {
	left: 50px;
	background: url(../images/ban-left.png) no-repeat center center;
}
.flexslider .flex-direction-nav li.on a.flex-next {
	right: 50px;
	background: url(../images/ban-right.png) no-repeat center center;
}
.flexslider:hover .flex-direction-nav li a.flex-next {
	display: block;
}
.flexslider:hover .flex-direction-nav li a.flex-prev {
	display: block;
}

.banner,.mcyw{ display:none;}

.sub{ padding: 30px 0; margin: 0 5px; line-height: 40px; text-align: center;}
.sub a{ display: inline-block; background: #1f6eb1; padding: 0 10px; border-radius: 5px; margin: 0 5px; color: #fff;}
.sub a:hover,.sub a.hover{ background: #e1251b;}
.prosub{ padding: 30px 0 15px; margin: 0 5px; line-height: 40px; text-align: center;}
.prosub a{ text-decoration: none;}
.prosub dl{ padding-bottom: 15px; display: inline-block;}
.prosub dl dt{}
.prosub dl dt a{ display: inline-block; background: #1f6eb1; padding: 0 10px; border-radius: 5px; margin: 0 5px; color: #fff;}
.prosub dl dt a:hover,.prosub dl dt a.hover{ background: #e1251b;}
.prosub dl dd{ display: none;}
.bgf3{ background: #f3f3f3;}
.bgff{ background: #fff;}
.wbox{ overflow:hidden;}
.ckbox{ padding: 0 10%;}

/*首页*/

/*搜索*/
.search{ border-bottom: 1px solid #eee;}
.search .hot{ line-height: 50px; color: #999; margin: 0 5px; float: left;}
.search .hot a{ margin:0 5px;}
.search .hot span{ margin:0 10px;}
.search form{ display: none;}

/*首页*/
.tim{ text-align: center;}
.tim dl{}
.tim dl dt{ font-size: 22px;}
.tim dl dd{ color: #999;}
.tim p{padding: 0;height:46px;margin: 1em; overflow: hidden;}
.tim p a{ padding: 4px 10px; margin: 5px; display:inline-block; background-color:#1f6eb1; border-radius:7px; color: #fff;}
.tim p a:hover,.tim p a.hover{ background-color:#e1251b;}
/*产品*/
.pro{ padding-top: 30px; padding-bottom: 20px; border-bottom: 1px solid #eee;}
.pro ul{}
.pro ul li{ width: 50%; float: left;}
.pro ul li a{ display: block; margin: 5px; padding-bottom: 10px; background: #fff; border-radius: 5px; overflow: hidden; position: relative;}
.pro ul li a span{ display: block; margin-bottom: 10px; overflow: hidden;}
.pro ul li a span .tedian-list{display: none;}
.pro ul li a:hover span img{transform: scale(1.1);}
.pro ul li a strong{ display: block; line-height: 22px;}
.pro ul li a p{ display: none;}
.pro ul li a em{ display: none;}
/*优势*/
.yous{ margin-top: 20px; padding-bottom: 20px; overflow: hidden;}
.yous img{ border-radius: 5px;}
.yous1l{}
.yous1l dl{}
.yous1l dl dt{ font-size: 22px; line-height: 40px;}
.yous1l dl dt em{ width: 40px; text-align: center; background: #e1251b; color: #fff; display: inline-block; border-radius: 7px; margin-right: 10px;}
.yous1l dl dt span{ color: #e1251b;}
.yous1l dl dd{}
.yous1r{}
.yous2l{}
.yous2l dl{}
.yous2l dl dt{ font-size: 22px; line-height: 40px;}
.yous2l dl dt em{ width: 40px; text-align: center; background: #e1251b; color: #fff; display: inline-block; border-radius: 7px; margin-right: 10px;}
.yous2l dl dt span{ color: #e1251b;}
.yous2l dl dd{}
.yous2r{}
/*案例*/
.anli{ padding-top: 30px; padding-bottom: 20px; overflow: hidden;}
.anlilist{ overflow: hidden;}
.anlilistl{ margin: 5px;}
.anlilistl a{ display: block; text-align: center; position: relative; border-radius: 5px; overflow: hidden;}
.anlilistl a span{ display: block; overflow: hidden;}
.anlilistl a:hover span img{ transform: scale(1.1);}
.anlilistl a strong{ width: 100%; display: block; position: absolute; bottom: 0; line-height: 40px; color: #fff; background: rgba(0,0,0,0.6);}
.anlilistl a em{ display: block; background: #e1251b; padding: 0 10px; border-radius: 5px; color: #fff; position: absolute; top: 5px; left: 5px;}
.anlilistr{}
.anlilistr ul{ overflow: hidden;}
.anlilistr ul li{ width: 50%; float: left;}
.anlilistr ul li a{ display: block; text-align: center; background: #fff; position: relative; margin:5px; border-radius: 5px; overflow: hidden;}
.anlilistr ul li a:hover{ box-shadow: 0 3px 5px #ddd;}
.anlilistr ul li a span{ display: block; overflow: hidden;}
.anlilistr ul li a:hover span img{ transform: scale(1.1);}
.anlilistr ul li a strong{ width: 100%; display: block; position: absolute; bottom: 0; line-height: 40px;white-space: nowrap;text-overflow: ellipsis; color: #fff; background: rgba(0,0,0,0.6); overflow: hidden;}
.anlilistr ul li a em{ display: none;}
/*简介*/
.iabout{ background:url(../images/iabtbg1.jpg) center center no-repeat; background-attachment:fixed; padding-top: 5px; overflow: hidden;}
.iaboutl{ padding: 5px;}
.iaboutr{ color: #fff; text-align: center; overflow: hidden;}
.iaboutr h1{ color: #e1251b; margin-right: 20px;}
.iaboutr p{}
.iaboutr a{ line-height: 40px; padding: 0 10px; display: inline-block; color: #fff; background: #e1251b; border-radius: 7px;}
.iaboutf{ background: rgba(255,255,255,0.5); margin:50px 5px 0; padding-top: 10px;}
.iaboutf ul{ margin:0 10px; padding: 10px; background: rgba(255,255,255,1); display: block;}
.iaboutf ul li{ width: 20%; text-align: center; float: left;}
.iaboutf ul li strong{ display: block; font-size: 18px; color: #e1251b; margin-bottom: 0px;}
.honor{ padding: 0 5px; margin-bottom: 20px;}
.honor ul{ margin: 15px 10px 0; overflow: hidden;}
.honor ul li{ width: 50%; text-align: center; float: left;}
.honor ul li a{ display: block; margin:5px; padding-bottom: 10px; background: #efefef; border-radius: 5px; overflow: hidden;}
.honor ul li a:hover{ box-shadow: 0 3px 5px #ddd;}
.honor ul li a span{ display: block; margin-bottom: 10px; overflow: hidden;}
.honor ul li a:hover span img{transform: scale(1.1);}
/*新闻*/
.news{ padding-top: 30px; padding-bottom: 10px; background: #f3f3f3; overflow: hidden;}
.newslt ul{}
.newslt ul li{ width:50%; float: left;}
.newslt ul li a{ display: block; margin: 5px; padding-bottom: 10px; background: #fff; border-radius: 5px; overflow: hidden; position: relative;}
.newslt ul li a:hover{ box-shadow: 0 3px 5px #ddd;}
.newslt ul li a span{ display: block; margin-bottom: 15px; overflow: hidden;}
.newslt ul li a:hover span img{transform: scale(1.1);}
.newslt ul li a strong{ display: block; padding: 0 10px;}
.newslt ul li a p{ display: block; padding: 0 10px; margin: 0; color: #999;}
.newslt ul li a em{ display: none;}
/*常见问题*/
.download{ padding-top: 30px;}
.download p{ line-height: 50px; margin:0 5px; border-bottom: 1px solid #ddd;}
.download p strong{ font-size: 22px;}
.download p a{ float: right;}
.download dl{ margin:2px 5px 0; overflow: hidden;}
.download dl dt{ border-bottom: 1px dashed #ddd; padding-bottom: 20px; overflow: hidden;}
.download dl dt a{ display: block; overflow: hidden;}
.download dl dt a img{ border-radius: 5px; width: 30%; margin-top: 8px; float: left;}
.download dl dt a span{ width: 70%; float: right;}
.download dl dt a span strong{ margin-left: 10px; display: block;}
.download dl dt a span em{ display: block; color: #999; line-height: 25px; margin-left: 10px;}
.download dl dt a span em.time{ display: none;}
.download dl dd{ line-height: 40px; border-bottom: 1px dashed #ddd;}
.download dl dd a{ display: block; text-decoration: none;}
.download dl dd a span{ color: #999; float: right;}
.problem{ padding-top: 30px; padding-bottom: 30px;}
.problem p{ line-height: 50px; margin:0 5px; border-bottom: 1px solid #ddd;}
.problem p strong{ font-size: 22px;}
.problem p a{ float: right;}
.problem dl{ margin:20px 5px 0; padding-bottom: 11px; border-bottom: 1px dashed #ddd; overflow: hidden;}
.problem dl dt{ margin-right: 20px; float: left;}
.problem dl dt span{ display: block; padding: 0 10px; border-radius: 5px; color: #fff; margin-bottom: 10px;}
.problem dl dt span.w{ background: #e1251b;}
.problem dl dt span.d{ background: #1f6eb1;}
.problem dl dd{}
.problem dl dd a{ text-decoration: none;}
.problem dl dd strong{ display: block; margin-bottom: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.problem dl dd span{ display: block; color: #999;}
/*伙伴*/
.partner{ padding-top: 30px; padding-bottom: 5px; background: #fff; overflow: hidden;}
.partnerlist ul{ margin-top: 30px; overflow: hidden;}
.partnerlist ul li{ width:50%; float: left;}
.partnerlist ul li a{ display: block; margin-bottom: 40px; border: 1px solid #eee; margin:5px; padding: 4px; overflow: hidden;}
.partnerlist ul li a:hover{ box-shadow: 0 3px 5px #ddd;}
.partnerlist ul li a span{ display: block; overflow: hidden;}
.partnerlist ul li a span:hover img{ transform: scale(1.1);}

/*内页*/

/*banner*/
.banbox{ height: 150px; padding: 0 5px; overflow: hidden;}
.banbox h4{ color: #fff; font-size: 22px; text-align: center; margin-top: 60px; font-weight: 400px;}
.banbox p{}
.b-company{ background:url(../images/b-company.jpg) center center/150% 100% no-repeat;}
.b-news{ background:url(../images/b-news.jpg) center center/150% 100% no-repeat;}
.b-product{ background:url(../images/b-product.jpg) center center/150% 100% no-repeat;}
.b-service{ background:url(../images/b-service.jpg) center center/150% 100% no-repeat;}
.b-case{ background:url(../images/b-case.jpg) center center/150% 100% no-repeat;}


/*产品*/
.prolist{ padding-top: 10px; padding-bottom: 10px;}
.prolist a{ width: 50%; float: left;}
.prolist a dl:hover{ box-shadow: 0 3px 5px #ddd; transition:all 0.2s;}
.prolist a dl{ background: #fff; margin: 5px; border-radius: 5px; display: block; overflow: hidden;}
.prolist dl dt{ margin-bottom: 10px; overflow: hidden;}
.prolist dl dt .tedian-list{display: none;}
.prolist a:hover dl dt img{ transform: scale(1.1);}
.prolist dl dd{ padding: 0 10px 10px;}
.prolist dl dd strong{ font-size: 16px;}
.prolist dl dd p{ display: none;}
.prolist dl dd p.xinghao{padding-top:1em;line-height:1.6em;height:1.6em}

.proinfo{ padding:0 5px;}
.proinfo dl{ overflow: hidden;}
.proinfo dl dt{ padding-bottom: 20px;}
.proinfo dl dt img{ border-radius: 5px;}
.proinfo dl dd{ overflow: hidden;}
.proinfo dl dd h1{font-size:1.8em;}
.proinfo h2{ background: #eee; margin-top: 20px; padding: 12px;font-size:1.4em;}
.procon{ margin:0 5px; padding-top: 20px; padding-bottom: 40px; border-bottom: 1px solid #eee;}
.procon table{ width: 100%!important;}
.procon table tr{ border-top: 1px solid #ddd; border-left: 1px solid #ddd;}
.procon table.pro tr:hover{ background: #e1251b; color: #fff; border-top: 1px solid #ddd; border-left: 1px solid #ddd;}
.procon table tr td{ padding: 9px; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd;}

.case-recommend{ padding: 30px 0 5px;}
.case-recommend h3{ font-size: 22px; text-align: center;font-size:1.35em;}
.case-recommend ul{ padding-top: 20px;}
.case-recommend ul li{ width: 50%; float: left;}
.case-recommend ul li a{ display: block; margin: 5px; padding-bottom: 20px; background: #fff; border-radius: 5px; overflow: hidden;}
.case-recommend ul li a:hover{ box-shadow: 0 3px 5px #ddd;}
.case-recommend ul li a span{ display: block; margin-bottom: 15px; overflow: hidden;}
.case-recommend ul li a:hover img{ transform: scale(1.1);}
.case-recommend ul li a strong{ margin: 0 5px;}
.case-recommend ul li a p{ display: none;}

/*新闻*/
.Headlines{ margin: 5px;}
.Headlines a{ background: #fff; margin-top: 5px; border-radius: 5px; display: block; overflow: hidden;}
.Headlines a:hover{ box-shadow: 0 3px 5px #ddd;}
.Headlines dl{}
.Headlines dl dt{ overflow: hidden;}
.Headlines a:hover dl dt img{ transform: scale(1.1);}
.Headlines dl dd{ padding: 10px;}
.Headlines dl dd strong{ display: inline-block; background: #e1251b; color: #fff; padding: 0px 10px; border-radius: 5px; margin-bottom: 20px;}
.Headlines dl dd p{ color: #999;}
.newslist{ background: #f3f3f3; padding-bottom: 5px;}
.newslist a{/* width: 50%; float: left;*/display: block;}
.newslist h2{ text-align: center; margin-top: 40px; margin-bottom: 20px;font-size:1.5em;}
.newslist a dl:hover{ box-shadow: 0 3px 5px #ddd; transition:all 0.2s;}
.newslist dl{ background: #fff; margin: 5px; border-radius: 5px; display: block; overflow: hidden;}
.newslist dl dt{ overflow: hidden;}
.newslist a:hover dl dt img{ transform: scale(1.1);}
.newslist dl dd{ padding: 10px;}
.newslist dl dd strong{ font-size: 16px;}
.newslist dl dd p{ color: #999;}

.article-title{ margin-top: 20px; padding-bottom: 10px; text-align: center;}
.article-title h1{ margin: 10px;font-size:1.3em;}
.article-title span{ display: inline-block;color: #999;padding: 0px 5px;}
.article{ margin:0 5px 10px 5px; border-bottom: 1px solid #eee;}
.article-page{ margin:0 5px; padding: 10px 0; color: #999;}
.article-page span{ display: block;}
.newest{ padding-bottom: 10px;}
.newest h2{ text-align: center; margin-top: 40px; margin-bottom: 20px;}
.newest ul{ overflow: hidden;}
.newest ul li{ padding: 5px 0; border-bottom: 1px solid #eee;}
.newest ul li a{ display: block; padding-left: 10px; background:url(../images/icon.jpg) 0px center no-repeat;}
.newest ul li span{ display: none;}

/*公司简介*/
.company-obox{ padding: 0 5px 20px;}
.company-tbox{ padding-top: 50px; padding-bottom: 80px; color: #fff; text-align: center; background:url(../images/iabtbg1.jpg) center center no-repeat; background-attachment:fixed;}
.company-tbox h4{ font-size: 22px;}
.company-tbox p{}
.company-tbox dl{ margin-top: 30px;}
.company-tbox dl dt{ font-size: 22px; margin-bottom: 20px;}
.company-tbox dl dt strong{ display: block; color: #e1251b; font-size: 22px; margin-bottom: 15px;}
.company-tbox dl dd{}
.company-sbox{ height: 200px; padding-top: 30px; background:url("../images/jjbg.jpg") center center/250% 200% no-repeat;}
.company-sbox h4{ font-size: 22px; margin-bottom: 0px; margin-left: 10px;}
.company-sbox h5{ color: #e1251b; font-size: 16px; margin-left: 10px;}

/*沁峰风采*/
.scene{ padding-top: 10px; background: #f3f3f3;}
.scene ul{ overflow: hidden;}
.scene ul li{ width: 50%; padding-bottom: 10px; float: left;}
.scene ul li a{ margin: 0 5px; background: #fff; border-radius: 5px; display: block; overflow: hidden;}
.scene ul li a span{ display: block; overflow: hidden; margin-bottom: 10px;}
.scene ul li a p{ margin: 10px;}
.scene ul li a:hover{ box-shadow: 0 3px 5px #ddd;}
.scene ul li a:hover img{ transform: scale(1.1);}

/*联系方式*/
.contact{}
.contact-left{ width: 50%; float: left;}
.contact-right{ width: 50%; float: right;}

/*服务支持*/
.service{}
.service dl{ padding-top: 10px; overflow: hidden;}
.service dl dt{ display: none;}
.service dl dt span{ display: block; margin: 20px;}
.service dl dt img{ border-radius: 5px;}
.service dl dd{ text-align: center;}
.service dl dd strong{ font-size: 24px; font-weight: normal;}
.service dl dd h1{ color: #e1251b; padding: 20px 0; font-size: 36px;}
.service dl dd p{ color: #666; font-size: 22px;}
.service ul{ padding-bottom: 10px; overflow: hidden;}
.service ul li{}
.service ul li a{ height: 150px; padding-top: 50px; text-align: center; border-radius: 5px; color: #fff; display: block; text-decoration: none; margin: 20px;}
.service ul li a.lt{ background: url(../images/wtbg.jpg) center center/100% 100% no-repeat;}
.service ul li a.rt{ background: url(../images/xzbg.jpg) center center/150% 100% no-repeat;}
.service ul li a strong{ display: block; font-size: 30px; margin-bottom: 30px; font-weight: 400;}
.service ul li a span{ display: inline-block; padding: 6px 19px; background: #1f6eb1; border-radius: 5px; transition:all 0.25s;}
.service ul li a:hover span{ background: #e1251b;}

.downlist{ background: #f3f3f3; padding-top: 10px;}
.downlist ul{ overflow: hidden;}
.downlist ul li{ margin-bottom: 10px;}
.downlist ul li a{ display: block; margin:0 5px; padding: 10px; background: #fff; border-radius: 5px; text-decoration: none;}
.downlist ul li a:hover{ box-shadow: 0 3px 5px #ddd; transition:all 0.2s;}
.downlist ul li a strong{ display: block;}
.downlist ul li a span{ color: #999;}

/*应用*/
.market{ padding-top: 30px; background: #f3f3f3; text-align: center;}
.market h1{font-size:1.8em;}
.market p{line-height:1.8em;}
.market ul{ padding: 10px 0 10px; overflow: hidden;}
.market ul li{ width: 33.333%; float: left;}
.market ul li a{ display: block; margin: 5px; padding-bottom: 10px; background: #fff; font-size: 18px; white-space: nowrap; text-overflow: ellipsis; border-radius: 5px; overflow: hidden;}
.market ul li a span{ padding:15px; margin-bottom: 10px; display:block; background-color: #1f6eb1;}
.market ul li a span img{ height: 50px;}
.market ul li a:hover span{ background-color: #E1251B; transition:all 0.2s;}
.market ul li a:hover{ box-shadow: 0 3px 5px #ddd;}

.case{ padding-top: 30px; background: #f3f3f3; text-align: center;}
.case h1{font-size:1.8em;}
.case p{line-height:1.8em;}
.case ul{ padding: 10px 0 10px; overflow: hidden;}
.case ul li{ width: 50%; float: left;}
.case ul li a{ display: block; margin: 5px; padding-bottom: 10px; background: #fff; font-size: 18px; text-decoration: none; border-radius: 5px; overflow: hidden;}
.case ul li a:hover{ box-shadow: 0 3px 5px #ddd;}
.case ul li a span{ margin-bottom: 10px; display:block; overflow: hidden; transition:all 0.3s;}
.case ul li a p{ font-size: 14px; margin: 0 10px; color: #999;}
.case ul li a:hover span img{ transition:all 0.3s; transform: scale(1.1);}

/*底部反馈*/
.feedback{ padding: 20px 0; background:url(../images/ftbg.jpg) center center no-repeat; background-attachment:fixed; overflow: hidden;}
.feedback .left{ margin:10px; color:#fff;}
.feedback .left p{ font-size:22px;}
.feedback .right{ margin: 10px; text-align: center;}
.feedback .right input,.feedback .right textarea{ width:92%;}
.feedback .right button{ width:180px;}

/*底部版权*/
footer{ color: #eee; background:#333; padding:50px 5px 10px; overflow: hidden;}
footer a:hover{ text-decoration:underline;}
.ftnav{ display: none;}
.ftcon{ padding-bottom: 70px;}
.ftcon dl{ text-align: center;}
.ftcon dl dt{ font-size:22px; font-weight: 600;}
.ftcon dl p{ width:15px; height:1px; background:#e1251b; margin:15px auto;}
.ftcon dl dd{ color:#ccc;}
.ftcon dl dd img{ vertical-align:middle; border-radius:50px; margin-bottom:3px;}
.ftcon dl dd a{ margin-right:10px;}
.ftcon .ewm{ text-align:center; margin-top: 20px;}
.ftcon .ewm img{ max-width:170px;}
.link{ display: none;}
.ftcopy{ display: none;}
.fnav{ width: 100%; background: #333; position:fixed; right:0; bottom:0;}
.fnav ul{ padding: 10px 0;}
.fnav ul li{ width: 25%; text-align: center; line-height: 25px; float: left;}
.fnav ul li a{ color: #fff; display: block;}
.fnav ul li a img{ max-width: 20px; max-height: 20px;}

/*滑动客服*/
.guide{ display: none;}

/*分页*/
.pageinfo { padding:20px 5px; line-height: 45px; text-align:center;}
.pageinfo a{ padding:9px 14px; margin:0 5px; color:#333; text-decoration:none; border:1px solid #eee; border-radius: 5px;}
.pageinfo a:hover { color:#e13e5a; border: 1px solid #e13e5a; }
.pageinfo a:active { color:#e13e5a; border: 1px solid #e13e5a; }
.pageinfo span{ padding:9px 14px; border-radius: 5px;}
.pageinfo span.thisclass { font-weight:bold; color:#fff; background-color:#e13e5a; border:1px solid #e13e5a; }
.pageinfo span.pageinfo { border:1px solid #eee;}
.pageinfo span.disabled { display:none}
.pageinfo span.current { border:1px solid #555; color:#fff; background-color:#555; }
}

.content a{color: #165892;}
.content a:hover{text-decoration: underline;color:#e1251b;}
.content img{height:auto!important;}

/*产品详情页随滚动菜单*/
.section-content{padding:10px 0;}
.nav-height{ position:relative; height: 50px;}
.nav-wrap { width: 100%;height: 50px;background: #fff;}
.nav-wrap.navFix{position: fixed;top: 0;left: 0;  box-shadow: 0 0 5px rgba(0,0,0, 0.2);border-bottom:1px solid #e3e3e3\9; z-index: 99999;} 
.nav-wrap ul {padding: 0;margin: 0 auto; display: block; border-bottom: 2px solid #eee;}
.nav-wrap.navFix{padding: 0;}
.nav-wrap.navFix ul{ border-bottom: 0;}
.nav-wrap li { display: inline-block; text-align: left;height: 50px; line-height: 50px; float: left;}
.nav-wrap li a {display: block;padding: 0 1.2em;/*font-size:20px;*/ color: #333; text-decoration: none;}
.nav-wrap li a:hover{color: #4680d1;}
.nav-wrap li a.active { background: #1f6eb1;/*border-bottom:2px solid #4680d1;*/color: #fff;}
.nav-mobile {display: none;font-weight: bold;width: 100%;}
.click-me {width: 150px;height: 30px; background: #4680d1;color: white; text-align: center;line-height: 30px;}
.click-me a {display: block;color: white;}


/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:0;top:350px;width:70px;height:144px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:180px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:0px;}
.suspension .d-qrcode{top:44px;}
.suspension .d .inner-box{padding:8px;line-height:18px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text p{line-height:22px;margin: 0;padding: 0;}
.suspension .d-service-item .text .number a{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;font-size:16px;font-weight:bold;color: #ff0000;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#555;margin: 0px;padding: 3px 0;text-align: center;}
.suspension .d-service-intro i{display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:10px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c; padding: 0;margin: 0;}

.btn-copy{border: 0px;font-size:16px; color: #666; background-color: #fff;}




/*--------------------------------------------------------------------PC端-----------------------------------*/
@media only screen and (min-width: 768px) {
input,textarea{ border:1px solid #eee; padding: 14px; border-radius:5px;}
.form-smt{ padding:15px; border:0;width:120px!important; border-radius:5px; background-color:#1f6eb1; color:#fff;}
.form-smt:hover{ background-color:#e1251b;}

/*产品详情页随滚动菜单*/
.section-content{padding:10px 0;}
.nav-height{ position:relative; height: 50px;}
.nav-wrap { width: 100%;height: 50px;background: #fff;}
.nav-wrap.navFix{position: fixed;top: 0;left: 0;  box-shadow: 0 0 5px rgba(0,0,0, 0.2);border-bottom:1px solid #e3e3e3\9; z-index: 99999;} 
.nav-wrap ul {padding: 0;margin: 0 auto; display: block; border-bottom: 2px solid #eee;}
.nav-wrap.navFix{padding: 0 10%;}
.nav-wrap.navFix ul{ border-bottom: 0;}
.nav-wrap li { display: inline-block; text-align: left;height: 50px; line-height: 50px; float: left;}
.nav-wrap li a {display: block;padding: 0 35px;/*font-size:20px;*/ color: #333; text-decoration: none;}
.nav-wrap li a:hover{color: #4680d1;}
.nav-wrap li a.active { background: #1f6eb1;/*border-bottom:2px solid #4680d1;*/color: #fff;}
.nav-mobile {display: none;font-weight: bold;width: 100%;}
.click-me {width: 150px;height: 30px; background: #4680d1;color: white; text-align: center;line-height: 30px;}
.click-me a {display: block;color: white;}


/*公用*/
.kdbox{ padding: 0 10%;}
.p20{ padding-left: 20px; padding-right: 20px;}
.m20{ margin-left: 20px; margin-right: 20px;}

/*header*/
header{ padding-top: 30px;}
.header{ padding-bottom: 20px;}
.qinfeng{ margin-left: 20px; float:left;}
.qinfeng a{ float:left;}
.qinfeng dl{ padding:15px 0 0 20px; float: left;}
.qinfeng dl dt{ color:#1f6eb1;font-size:32px;font-weight:bold;}
.qinfeng dl dt h1{font-size:32px;}
.qinfeng dl dd{ color:#777;}
.qinfeng dl dd strong{font-weight:normal;}
.tel{ text-align:right; float:right;}
.tel img{ height:90px;}
.tel dl dt{ margin-right: 20px; float: right;}
.tel dl dd{ padding:10px 10px 0 0; float: right;}
.tel h4{ font-size:28px; color:#e1251b;}
/*导航*/
.nav{ height:60px; line-height:60px; z-index:98; padding: 0 10%; border-top:1px solid #fff; background-color:#1f6eb1;}
.nav ul.ul{ height:50px; margin:0 20px; }
.nav ul li{ width:11%; position:relative; text-align:center; float:left;}
.nav ul li a{ display:block; color:#fff; text-decoration:none;}
.nav ul li:hover a,.nav ul li a.hover{ color:#fff; font-weight:bold;background-image:linear-gradient(#ec573f, #e1251b);}
.nav ul li:hover ul{ display:block; position:absolute; top:60px; left:0; width:100%; transition:all 0.25s;border-radius: 0 0 5px 5px; background:#e1251b; overflow: hidden;}
.nav ul li:hover ul li{ width:100%;}
.nav ul li:hover ul li a{ font-weight:normal; background-image:linear-gradient(#e1251b, #e1251b);}
.nav ul li:hover ul li a:hover{ background:#ec573f;}
.nav ul li ul{ display: none; z-index:99;}
.nav ul li ul li a{line-height:45px;}
/*banner*/
.banner-i{ height: 650px;}
.banner-i video{ margin-top: 200px; margin-right: 120px; height: 380px; border-radius: 5px; float: right;}

/*banner*/
.flexslider { width:100%; min-width:1200px; height:650px; background:#fff; position:relative; z-index:1; overflow:hidden;}
.flexslider .slides {position:relative; z-index:1;}
.flexslider .slides li {height:650px; background-position:center center;}
.flexslider .slides li a{display:block;line-height:100%;width:100%;height:100%;}

.flex-control-nav {width:100%; position:absolute; bottom:30px; left:0; text-align:center;z-index:10;}
.flex-control-nav li {display:inline-block; width:54px; height:5px; margin:0px 5px; *display:inline; zoom:1;}
.flex-control-nav li a {display:inline-block; width:54px; height:5px; line-height:400px; overflow:hidden; background:#fff; cursor:pointer; border-radius:5px;}
.flex-control-nav .flex-active {background:#e1251b;}
.flexslider .flex-direction-nav li a {
	display: block;
	width: 60px;
	height: 60px;
	position: absolute;
	top: 45%;
	z-index: 9999;
	overflow: hidden;
	cursor: pointer;
	-ms-transition: left 400ms, right 400ms;
	transition: left 400ms, right 400ms;
	-webkit-transition: left 400ms, right 400ms;
	-moz-transition: left 400ms, right 400ms;
	-o-transition: left 400ms, right 400ms;
}
.flexslider .flex-direction-nav li a.flex-prev {
	left: 50px;
	background: url(../images/ban-left.png) no-repeat center center;
	display: none;
}
.flexslider .flex-direction-nav li a.flex-next {
	right: 50px;
	background: url(../images/ban-right.png) no-repeat center center;
	display: none;
}
.flexslider .flex-direction-nav li.on a.flex-prev {
	left: 50px;
	background: url(../images/ban-left.png) no-repeat center center;
}
.flexslider .flex-direction-nav li.on a.flex-next {
	right: 50px;
	background: url(../images/ban-right.png) no-repeat center center;
}
.flexslider:hover .flex-direction-nav li a.flex-next {
	display: block;
}
.flexslider:hover .flex-direction-nav li a.flex-prev {
	display: block;
}

.banner,.mcyw{ display:none;}

.sub{ border-top: 1px solid #eee; padding: 30px; margin: 0 20px; line-height: 40px; text-align: center;}
.sub a{ display: inline-block; background: #1f6eb1; padding: 0 20px; border-radius: 5px; margin: 0 10px; color: #fff;}
.sub a:hover,.sub a.hover{ background: #e1251b;}
.prosub{ padding: 10px 20px 20px; line-height: 40px;}
.prosub a{ text-decoration: none;}
.prosub dl{ padding-bottom: 5px; overflow: hidden;}
.prosub dl dt{ font-weight: 600; float: left;}
.prosub dl dt a{ display: inline-block; border: 1px solid #eee; border-radius: 5px; background: #1f6eb1; color: #fff; padding: 0 15px;}
.prosub dl dt a:hover{ background: #e1251b;}
.prosub dl dd{ overflow: hidden;}
.prosub dl dd a{ display: inline-block; margin-left: 20px; border: 1px solid #eee; border-radius: 5px; padding: 0 15px;margin-bottom:8px;}
.prosub dl dd a:hover{ border: 1px solid #e1251b;}
.bgf3{ background: #f3f3f3;}
.bgff{ background: #fff;}
.wbox{ overflow:hidden;}
.ckbox{ padding: 0 10%;}

/*首页*/

/*搜索*/
.search{ padding-top:20px; padding-bottom:20px; z-index: 999;}
.search .hot{ margin-left: 20px; line-height: 50px; color: #999; float: left;}
.search .hot a{ margin:0 10px;}
.search .hot span{ margin:0 10px;}
.search form{ margin-right: 20px; float: right;}
.search form input{ width: 200px; border: 1px solid #ddd;}
.search form input:hover{ border: 1px solid #e1251b;}


/*首页*/
.pro-sub{padding-top:40px;}
.tim{ text-align: center;}
.tim dl{ padding: 30px 0 20px;}
.tim dl dt{ font-size: 36px; padding-bottom: 20px;}
.tim dl dd{ color: #999;}
.tim p{padding: 0; margin: 0;}
.tim p a{ padding: 7px 18px; margin: 0 6px; display:inline-block; background-color:#1f6eb1; border-radius:7px; color: #fff;}
.tim p a:hover,.tim p a.hover{ background-color:#e1251b; text-decoration: none;}
/*产品*/
.pro{ background: #f3f3f3; padding-top: 50px; padding-bottom: 50px;}
.pro ul{}
.pro ul li{ width: 33.333%; float: left;}
.pro ul li a{ display: block; margin: 20px; padding-bottom: 20px; background: #fff; border-radius: 5px; overflow: hidden; position: relative;}
.pro ul li a:hover{ box-shadow: 0 3px 5px #ddd;}
.pro ul li a span{ display: block; margin-bottom: 15px; overflow: hidden;}
.pro ul li a span .tedian-list{display: none;position: absolute;left:0;top:0;font-size:13px;overflow: hidden;background-color: rgba(0,56,103,0.8);color: #fff;height:100%;width:100%;}
.pro ul li a span .tedian-list p{margin:0.7em;height:auto;padding: 0px;color: #fff;line-height:2.2em;}
.pro ul li a:hover span img{transform: scale(1.1);}
.pro ul li a strong{ display: block; font-size: 16px; padding: 0 20px;text-align: center;}
.pro ul li a p{ display: block; padding: 0 20px; margin: 0; color: #999;line-height:1.8em;height:3.6em;}
.pro ul li a em{ display: block; background: #e1251b; border-radius: 5px; color: #fff; padding: 0px 9px; position: absolute; top: 5px; left: 5px;}
/*优势*/
.yous{ padding-bottom: 40px; overflow: hidden;}
.yous img{ border-radius: 5px;}
.yous1l{ width: 55%; margin-left: 20px; float: left;}
.yous1l dl{ padding: 0px 50px 0 0;}
.yous1l dl dt{ font-size: 26px; margin-bottom: 10px; line-height: 50px;}
.yous1l dl dt em{ width: 50px; text-align: center; background: #e1251b; color: #fff; display: inline-block; border-radius: 7px; margin-right: 30px;}
.yous1l dl dt span{ color: #e1251b;}
.yous1l dl dd{ padding-left: 50px; background:url(../images/ysbg.png) 20px 11px no-repeat;}
.yous1r{ width: 40%; margin-right: 20px; float: right;}
.yous2l{ width: 55%; margin-right: 20px; float: right;}
.yous2l dl{ padding: 0px 0 0 50px;}
.yous2l dl dt{ font-size: 26px; margin-bottom: 10px; line-height: 50px;}
.yous2l dl dt em{ width: 50px; text-align: center; background: #e1251b; color: #fff; display: inline-block; border-radius: 7px; margin-right: 30px;}
.yous2l dl dt span{ color: #e1251b;}
.yous2l dl dd{ padding-left: 50px; background:url(../images/ysbg.png) 20px 11px no-repeat;}
.yous2r{ width: 40%; margin-left: 20px; float: left;}
/*案例*/
.anli{ padding-top: 40px; padding-bottom: 40px; overflow: hidden;}
.anlilist{ margin-top: 50px; overflow: hidden;}
.anlilistl{ width: 51%; float: left;}
.anlilistl a{ display: block; text-align: center; text-decoration: none; position: relative; margin: 0 20px; border-radius: 5px; overflow: hidden;}
.anlilistl a span{ display: block; overflow: hidden;}
.anlilistl a:hover span img{ transform: scale(1.1);}
.anlilistl a:hover{ box-shadow: 0 3px 5px #ddd;}
.anlilistl a strong{ width: 100%; display: block; position: absolute; bottom: 0; line-height: 50px; color: #fff; background: rgba(0,0,0,0.6);}
.anlilistl a em{ display: block; background: #e1251b; padding: 0 10px; border-radius: 5px; color: #fff; position: absolute; top: 5px; left: 5px;}
.anlilistr{ width: 49%; float: right;}
.anlilistr ul{ overflow: hidden;}
.anlilistr ul li{ width: 50%; float: left;}
.anlilistr ul li a{ display: block; text-align: center; background: #fff; position: relative; text-decoration: none; margin: 0 20px 40px; border-radius: 5px; overflow: hidden;}
.anlilistr ul li a:hover{ box-shadow: 0 3px 5px #ddd;}
.anlilistr ul li a span{ display: block; overflow: hidden;}
.anlilistr ul li a:hover span img{ transform: scale(1.1);}
.anlilistr ul li a strong{ width: 100%; display: block; position: absolute; bottom: 0; line-height: 50px; color: #fff; background: rgba(0,0,0,0.6);}
.anlilistr ul li a em{ display: block; background: #e1251b; padding: 0 10px; border-radius: 5px; color: #fff; position: absolute; top: 5px; left: 5px;}
/*简介*/
.iabout{ background:url(../images/iabtbg1.jpg) center center no-repeat; background-attachment:fixed; padding-top: 150px; overflow: hidden;}
.iaboutl{ width: 45%; float: left;}
.iaboutl video{ /*margin-left: 20px;*/}
.iaboutr{ margin-left: 50%; color: #eee; overflow: hidden;}
.iaboutr h3{ color: #fff; margin-right: 20px;font-size:2em;}
.iaboutr p{ margin-right: 20px;}
.iaboutr a{ line-height: 50px; padding: 0 5%; display: inline-block; color: #fff; background: #e1251b; border-radius: 7px;}
.iaboutf{ background: rgba(255,255,255,0.5); margin:80px 20px 0; padding-top: 20px;}
.iaboutf ul{ margin:0 20px; padding: 50px; background: rgba(255,255,255,1); display: block;}
.iaboutf ul li{ width: 20%; text-align: center; float: left;}
.iaboutf ul li strong{ display: block; font-size: 36px; color: #e1251b; margin-bottom: 15px;}
.honor{ padding: 0 10% 50px;}
.honor ul{ margin: 20px 60px 0; overflow: hidden;}
.honor ul li{ width: 25%; text-align: center; float: left;}
.honor ul li a{ display: block; margin:0 20px 20px; padding-bottom: 10px; background: #efefef; border-radius: 5px; overflow: hidden;}
.honor ul li a:hover{ box-shadow: 0 3px 5px #ddd;}
.honor ul li a span{ display: block; margin-bottom: 10px; overflow: hidden;}
.honor ul li a:hover span img{transform: scale(1.1);}
/*新闻*/
.news{ padding-top: 50px; padding-bottom: 50px; background: #f3f3f3; overflow: hidden;}
.newslt ul{}
.newslt ul li{ width: 33.333%; float: left;}
.newslt ul li a{ display: block; margin: 20px; padding-bottom: 20px; background: #fff; border-radius: 5px; overflow: hidden; position: relative;}
.newslt ul li a:hover{ box-shadow: 0 3px 5px #ddd;}
.newslt ul li a span{ display: block; margin-bottom: 15px; overflow: hidden;}
.newslt ul li a:hover span img{transform: scale(1.1);}
.newslt ul li a strong{ display: block; font-size: 16px; padding: 0 20px;}
.newslt ul li a p{ display: block; padding: 0 20px; margin: 0; color: #999;}
.newslt ul li a em{ display: block; background: #e1251b; border-radius: 5px; color: #fff; padding: 0px 9px; position: absolute; top: 5px; left: 5px;}
/*常见问题*/
.download{ width: 50%; padding-top: 50px; padding-bottom: 50px; background: #fff; float: right;}
.download p{ line-height: 50px; margin:0 20px; border-bottom: 1px solid #ddd;}
.download p strong{ font-size: 26px;}
.download p a{ float: right;}
.download dl{ margin:30px 20px 0; overflow: hidden;}
.download dl dt{ border-bottom: 1px dashed #ddd; padding-bottom: 20px; overflow: hidden;}
.download dl dt a{ display: block; overflow: hidden;}
.download dl dt a img{ border-radius: 5px; width: 35%; float: left;}
.download dl dt a span{ width: 65%; padding-top: 10px; float: right;}
.download dl dt a span strong{ margin-left: 30px; display: block;}
.download dl dt a span em{ display: block; color: #999; margin-left: 30px;}
.download dl dt a span em.time{ color: #1f6eb1;}
.download dl dd{ line-height: 40px; border-bottom: 1px dashed #ddd;}
.download dl dd a{ display: block; text-decoration: none;}
.download dl dd a span{ color: #999; float: right;}
.problem{ width: 50%; padding-top: 50px; padding-bottom: 50px; background: #fff; float: left;}
.problem p{ line-height: 50px; margin:0 20px; border-bottom: 1px solid #ddd;}
.problem p strong{ font-size: 26px;}
.problem p a{ float: right;}
.problem dl{ margin:15px 20px 0; padding-bottom: 11px; border-bottom: 1px dashed #ddd; overflow: hidden;}
.problem dl dt{ margin-right: 20px; float: left;}
.problem dl dt span{ display: block; padding: 0 10px; border-radius: 5px; color: #fff; margin-bottom: 10px;}
.problem dl dt span.w{ background: #e1251b;}
.problem dl dt span.d{ background: #1f6eb1;}
.problem dl dd{}
.problem dl dd a{ text-decoration: none;}
.problem dl dd strong{ display: block; /*margin-bottom: 10px;*/}
.problem dl dd span{ display: block; color: #999;line-height:1.8em;}
/*伙伴*/
.partner{ padding-top: 0px; padding-bottom: 50px; background: #f3f3f3; overflow: hidden;}
.partnerlist ul{ margin-top: 30px; overflow: hidden;}
.partnerlist ul li{ width:20%; float: left;}
.partnerlist ul li a{ display: block; margin-bottom: 40px; border: 1px solid #eee; margin:20px; padding: 9px; background: #fff; overflow: hidden;}
.partnerlist ul li a:hover{ box-shadow: 0 3px 5px #ddd;}
.partnerlist ul li a span{ display: block; overflow: hidden;}
.partnerlist ul li a span:hover img{ transform: scale(1.1);}

/*内页*/

/*banner*/
.banbox{ height: 390px; padding: 0 10%; overflow: hidden;}
.banbox h4{ color: #fff; font-size: 36px; text-align: center; margin-top: 150px; font-weight: 400px;}
.banbox p{}
.b-company{ background:url(../images/b-company.jpg) center center no-repeat;}
.b-news{ background:url(../images/b-news.jpg) center center no-repeat;}
.b-product{ background:url(../images/b-product.jpg) center center no-repeat;}
.b-service{ background:url(../images/b-service.jpg) center center no-repeat;}
.b-case{ background:url(../images/b-case.jpg) center center no-repeat;}


/*产品*/
.prolist{ padding-top: 30px; padding-bottom: 30px;}
.prolist a{ width: 33.33%; float: left;}
.prolist a dl:hover{ box-shadow: 0 3px 5px #ddd; transition:all 0.2s;}
.prolist a dl{ background: #fff; margin: 20px; border-radius: 5px; display: block; overflow: hidden;}
.prolist dl dt{ margin-bottom: 10px;/*margin-top:20px;height:140px;max-height:140px; */overflow: hidden;position: relative;}
.prolist dl dt .tedian-list{display: none;position: absolute;left:0;top:0;font-size:13px;overflow: hidden;background-color: rgba(0,56,103,0.8);color: #fff;height:100%;width:100%;}
.prolist dl dt .tedian-list p{margin:0.7em;line-height:2em;}
.prolist a:hover dl dt img{ transform: scale(1.1);}
.prolist dl dd{ padding: 5px 20px 20px 20px;}
.prolist dl dd strong{ font-size: 18px;display: block;text-align: center;}
.prolist dl dd p{ color: #999;line-height:1.8em;height:3.6em;margin: 0;padding-top:6px;overflow-wrap: break-word;white-space: normal;}
.prolist dl dd p.xinghao{padding:8px 0 0 0;color:#777;line-height:1.6em;height:1.6em;margin: 0;text-align: center;}

.proinfo{ padding:10px 0px 10px 0px;}
.proinfo dl{ overflow: hidden;}
.proinfo dl dt{ width: 46%; margin-right: 30px; float: left;}
.proinfo dl dt img{ border-radius: 5px;}
.proinfo dl dd{ overflow: hidden;font-weight:lighter;}
.proinfo dl dd h1{display: block;font-size:1.8em;}
.proinfo h2{ background: #eee; margin-top: 40px; border-radius: 5px; padding: 14px 19px;}
.proinfo h2.ftitle{background:none; margin-top: 8px; border-radius: 0px; padding: 0px 0px 0px 0px;font-weight:lighter;font-size:1.4em;}
.proinfo dl p.xinghao,.proinfo dl p.intro span{font-size:1.15em;font-weight:lighter;}
.proinfo dl p.intro strong{font-weight:bold;color: #e1251b;}
.proinfo dl dd p{margin: 0;line-height:1.8em;padding-top:8px;}
.proinfo dl dd .btn-wrap{padding-top:12px;}
.proinfo dl dd .btn-wrap a{display:inline-block;padding: 11px 32px;font-size:1.15em;line-height:1.2em;border: 1px solid #1f6eb1;color: #1f6eb1;}
.proinfo dl dd .btn-wrap a:hover,.proinfo dl dd .btn-wrap a.hover{background-color: #e1251b;color: #fff;border-color:#d41e14;}
.proinfo dl dd .btn-wrap a.btn-price{margin-left:20px;}
.proinfo dl dd .con-wrap{font-weight:bold;color: #333;padding-top:12px;}
.procon{ margin:0 0px; padding-top: 20px; padding-bottom: 10px; border-bottom: 1px solid #eee;font-size:1.14em;}
.content a{color: #165892;}
.content a:hover{text-decoration: underline;color:#e1251b;}
.procon table{ max-width: 100%;background:#fff;}
.procon table tr{ border-top: 1px solid #ddd; border-left: 1px solid #ddd;}
.procon table.pro tr:hover{ background: #e1251b; color: #fff; border-top: 1px solid #ddd; border-left: 1px solid #ddd;}
.procon table tr td{ padding: 2px 5px; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd;}



.case-recommend{ padding: 30px 0 20px;}
.case-recommend h3{ font-size: 22px; text-align: center;padding-bottom:20px;}
.case-recommend ul{}
.case-recommend ul li{ width: 25%; float: left;}
.case-recommend ul li a{ display: block; margin: 20px; padding-bottom: 20px; background: #fff; border-radius: 5px; overflow: hidden;}
.case-recommend ul li a:hover{ box-shadow: 0 3px 5px #ddd;}
.case-recommend ul li a span{ display: block; margin-bottom: 15px; overflow: hidden;}
.case-recommend ul li a:hover img{ transform: scale(1.1);}
.case-recommend ul li a strong{ margin: 0 20px;display: block;text-align: center;font-size:1em;font-weight:bold;}
.case-recommend ul li a p{ color: #999; margin: 0 20px;line-height:1.8em;height:3.6em;}
.case-recommend ul li a .tedian-list{display: none;position: absolute;left:0;top:0;font-size:13px;overflow: hidden;background-color: rgba(0,56,103,0.8);color: #fff;height:100%;width:100%;}
.case-recommend ul li a .tedian-list p{margin:1.5em;color: #fff;}
.prolist-xiangguan ul li{width: 33.33%;}
.prolist-xiangguan ul li a span{position: relative;}


/*新闻*/
.Headlines{ margin: 20px;}
.Headlines a{ background: #fff; margin-top: 60px; border-radius: 5px; display: block;}
.Headlines a:hover{ box-shadow: 0 3px 5px #ddd;}
.Headlines dl{ padding: 20px; overflow: hidden;}
.Headlines dl dt{ width: 40%; overflow: hidden; border-radius: 5px; float: right;}
.Headlines a:hover dl dt img{ transform: scale(1.1);}
.Headlines dl dd{ width: 55%; float: left;}
.Headlines dl dd strong{ display: inline-block; background: #e1251b; color: #fff; padding: 0px 15px; border-radius: 5px; margin-bottom: 20px;}
.Headlines dl dd p{ color: #999;}
.newslist{ background: #f3f3f3; padding-bottom: 60px;}
.newslist a{display: block;}
.newslist h2{ text-align: center; margin-top: 40px; margin-bottom: 20px;}
.newslist a dl:hover{ box-shadow: 0 3px 5px #ddd; transition:all 0.3s;}
.newslist dl{ padding: 20px; background: #fff; margin: 20px; border-radius: 5px; display: block; overflow: hidden;}
.newslist dl dt{ width: 30%; overflow: hidden; border-radius: 5px; float: right;text-align: center;}
.newslist dl dt img{max-height:180px;border-radius: 5px;}
.newslist a:hover dl dt img{ transform: scale(1.1);}
.newslist dl dd{ width: 65%; float: left;}
.newslist dl dd strong{ font-size: 21px;}
.newslist dl dd p{ color: #999;}

.article-title{ margin-top: 10px; padding-bottom: 10px; text-align: center;}
.article-title h1{ margin: 10px;}
.article-title span{ display: inline-block; margin: 10px; color: #999;}
.article{ margin:0 20px; border-bottom: 1px solid #eee;}
.article a{color: #165892;}
.article a:hover{text-decoration: underline;color:#e1251b;}
.article-page{ margin:0 0px; padding: 30px 0; color: #999;}
.article-page .lt{ float: left;}
.article-page .rt{ float: right;}
.news-copyright{text-align: center;font-size:14px;color: #165892;line-height:2em;padding-bottom:15px;}
.kdbox .new-img{text-align: center;}
.kdbox .new-img img{max-width:100%;}
.newest{ padding-bottom: 50px;}
.newest h2{ text-align: center; margin-top: 40px; margin-bottom: 20px;}
.newest ul{ overflow: hidden;}
.newest ul li{ width: 50%; padding: 10px 0; float: left;}
.newest ul li a{ display: block; margin-left: 20px; padding-left: 15px; background:url(../images/icon.jpg) 0px center no-repeat;}
.newest ul li span{ margin-right: 20px; color: #999; float: right;}

/*公司简介*/
.company-obox{ padding: 80px 20px 50px;}
.company-obox .text{ width: 55%; float: left;}
.company-obox .video{ width: 40%; float: right;}
.company-tbox{ padding-top: 100px; padding-bottom: 80px; color: #fff; text-align: center; background:url(../images/iabtbg1.jpg) center center no-repeat; background-attachment:fixed;}
.company-tbox h4{ font-size: 36px;}
.company-tbox p{}
.company-tbox dl{ width: 20%; margin-top: 80px; float: left;}
.company-tbox dl dt{ font-size: 22px; margin-bottom: 20px;}
.company-tbox dl dt strong{ display: block; color: #e1251b; font-size: 36px; margin-bottom: 15px;}
.company-tbox dl dd{}
.company-sbox{ height: 400px; padding-top: 80px; background:url("../images/jjbg.jpg") center center no-repeat;}
.company-sbox h4{ font-size: 36px; margin-bottom: 30px; margin-left: 20px;}
.company-sbox h5{ color: #e1251b; font-size: 22px; margin-left: 20px;}

/*沁峰风采*/
.scene{ padding-top: 80px; background: #f3f3f3; padding-bottom: 30px;}
.scene ul{ overflow: hidden;}
.scene ul li{ width: 33.333%; padding-bottom: 40px; float: left;}
.scene ul li a{ margin: 0 20px; background: #fff; border-radius: 5px; display: block; overflow: hidden;}
.scene ul li a span{ display: block; overflow: hidden; margin-bottom: 10px;}
.scene ul li a p{ margin: 20px;}
.scene ul li a:hover{ box-shadow: 0 3px 5px #ddd;}
.scene ul li a:hover img{ transform: scale(1.1);}

/*联系方式*/
.contact{}
.contact-left{ width: 50%; float: left;}
.contact-right{ width: 50%; float: right;}

/*服务支持*/
.service{}
.service dl{ padding-top: 80px; overflow: hidden;}
.service dl dt{ width: 50%; margin-right: 20px; float: left;}
.service dl dt span{ display: block; margin: 20px;}
.service dl dt img{ border-radius: 5px;}
.service dl dd{ padding-top: 20px;}
.service dl dd strong{ font-size: 24px; font-weight: normal;}
.service dl dd h4{ color: #e1251b; padding: 20px 0; font-size: 36px;}
.service dl dd p{ color: #666; font-size: 22px;line-height:1.8em;}
.service ul{ padding-bottom: 50px; overflow: hidden;}
.service ul li{ width: 50%; float: left;}
.service ul li a{ height: 250px; padding-top: 120px; text-align: center; border-radius: 5px; color: #fff; display: block; text-decoration: none; margin: 20px;}
.service ul li a.lt{ background: url(../images/wtbg.jpg) repeat-x bottom;}
.service ul li a.rt{ background: url(../images/xzbg.jpg) repeat-x bottom;}
.service ul li a strong{ display: block; font-size: 30px; margin-bottom: 30px; font-weight: 400;}
.service ul li a span{ display: inline-block; padding: 6px 19px; background: #1f6eb1; border-radius: 5px; transition:all 0.25s;}
.service ul li a:hover span{ background: #e1251b;}

.downlist{ background: #f3f3f3; padding-top: 40px; padding-bottom: 40px;}
.downlist ul{ padding-top: 40px; overflow: hidden;}
.downlist ul li{ width: 50%; margin-bottom: 40px; float: left;}
.downlist ul li a{ display: block; margin:0 20px; padding: 20px; background: #fff; border-radius: 5px; text-decoration: none;}
.downlist ul li a:hover{ box-shadow: 0 3px 5px #ddd; transition:all 0.3s;}
.downlist ul li a strong{ display: block;}
.downlist ul li a span{ color: #999;}

/*应用*/
.market{ padding-top: 80px; background: #f3f3f3; text-align: center;}
.market ul{ padding: 50px 0 50px; overflow: hidden;}
.market ul li{ width: 20%; float: left;}
.market ul li a{ display: block; margin: 20px; padding-bottom: 20px; background: #fff; font-size: 16px; text-decoration: none; border-radius: 5px; overflow: hidden;}
.market ul li a span{ padding:35px; margin-bottom: 20px; display:block; background-color: #1f6eb1;}
.market ul li a span img{ height: 50px;}
.market ul li a:hover span{ background-color: #E1251B; transition:all 0.2s;}
.market ul li a:hover{ box-shadow: 0 3px 5px #ddd;}

.case{ padding-top: 40px;padding-bottom:40px; background: #f3f3f3; text-align: center;}
.case ul{ padding: 0; overflow: hidden;}
.case ul li{ width: 33.333%; float: left;}
.case ul li a{ display: block; margin: 20px; padding-bottom: 20px; background: #fff; font-size: 16px; text-decoration: none; border-radius: 5px; overflow: hidden;}
.case ul li a:hover{ box-shadow: 0 3px 5px #ddd;}
.case ul li a span{ margin-bottom: 20px; display:block; overflow: hidden; transition:all 0.3s;}
.case ul li a p{ font-size: 14px; margin: 0 20px; color: #999;line-height:2.2em;height:6.6em;overflow: hidden;}
.case ul li a:hover span img{ transition:all 0.3s; transform: scale(1.2);}

/*底部反馈*/
.feedback{ background:url(../images/ftbg.jpg) center center no-repeat; background-attachment:fixed; padding: 50px 10%; overflow: hidden;}
.feedback .left{ margin-right: 2%;width:48%; color:#fff; float:left;}
.feedback .left p{ font-size:36px;padding-right:12px;line-height:1.5em;}
.feedback .right{ margin-right: 2%;width:48%; float:right;}
.feedback .right input,.feedback .right textarea{ width:95%;}
.feedback .right textarea{line-height:1.2em;height:3.6em;}
.feedback .right button{ width:35%!important;}



/*底部版权*/
footer{ color: #eee; background:#333; padding:50px 10% 10px; overflow: hidden;}
footer a:hover{ text-decoration:underline;}
.ftnav{ width:60%; float:left;}
.ftnav dl{ width:25%; float:left;}
.ftnav dt{ font-size:15px; font-weight: 600;}
.ftnav dl p{ width:15px; height:1px; background:#e1251b; margin:15px 0;}
.ftnav dd a{ color:#ccc; margin-right:15px; white-space:nowrap;}
.ftcon{ width:40%; float:right;}
.ftcon dl{ width:60%; float:left;}
.ftcon dl dt{ font-size:15px; font-weight: 600;}
.ftcon dl p{ width:15px; height:1px; background:#e1251b; margin:15px 0;}
.ftcon dl dd{ color:#ccc;}
.ftcon dl dd img{ vertical-align:middle; border-radius:50px; margin-bottom:3px;}
.ftcon dl dd a{ margin-right:10px;}
.ftcon .ewm{ text-align:center; float:right; color: #ccc;}
.ftcon .ewm img{ max-width:120px;}
.ftcon .ewm p{text-align: left;}
.link{ line-height:34px; margin-top: 30px; border-top:1px solid #555; border-bottom:1px solid #555;}
.link a{ color: #ccc; margin-left: 10px;}
.ftcopy{ background:#333; height:45px; line-height:45px; overflow: hidden;}
.ftcopy dl{ overflow:hidden;}
.ftcopy dl dt{ color:#ccc; float:left;}
.ftcopy dl dt a{ color:#ccc; margin-right:15px;}
.ftcopy dl dd{ color:#ccc; float:right;}
.ftcopy dl dd a{ color:#ccc; margin-left:15px;}
.ftcopy dl dd a img{ vertical-align:middle;}
.fnav{display: none;}

/*滑动客服*/
.guide{ width:120px; border:5px solid #444; padding:10px 5px; background-color:#fff; position:fixed; right:0; bottom:0; z-index:10000; text-align:center;}
.guide a{ display:block; color:#fff; margin:8px; border-radius:5px;}
.guide a.kj{ background-color:#98cd23;}
.guide a.gn{ background-color:#5caeff;}
.guide a.oem{ background-color:#f68a1b;}
.guide a.ws{ background-color:#fb5f63;}
.guide span{ line-height:18px;}
.guide a.top{ border:1px solid #999; /*background:url(../images/gt.jpg) 15px center no-repeat;*/ text-indent:15px; color:#555;}

/*分页*/
.pageinfo { padding:30px 10%; text-align:center;}
.pageinfo a{ padding:9px 14px; margin:0 5px; color:#333; text-decoration:none; border:1px solid #eee; border-radius: 5px;}
.pageinfo a:hover { color:#e13e5a; border: 1px solid #e13e5a; }
.pageinfo a:active { color:#e13e5a; border: 1px solid #e13e5a; }
.pageinfo span{ padding:9px 14px; border-radius: 5px;}
.pageinfo span.thisclass { font-weight:bold; color:#fff; background-color:#e13e5a; border:1px solid #e13e5a; }
.pageinfo span.pageinfo { border:1px solid #eee;}
.pageinfo span.disabled { display:none}
.pageinfo .cur { border:1px solid #555; color:#fff; background-color:#555; }
}

/* 强制不换行 */
.nowrap{white-space:nowrap;}
/* 允许单词内断句，首先会尝试挪到下一行，看看下一行的宽度够不够，
不够的话就进行单词内的断句 */
.breakword{word-wrap: break-word;}
/* 断句时，不会把长单词挪到下一行，而是直接进行单词内的断句 */
.breakAll{word-break:break-all;}			
/* 超出部分显示省略号 */
.ellipsis{text-overflow:ellipsis;overflow:hidden;}

/*网站地图*/
.sitemap-list{margin: 8px 0;}
.sitemap-list ul{}
.sitemap-list>ul>li{padding: 2px 0;}
.sitemap-list>ul>li>a{display: block;padding: 10px 0 10px 20px;background-color: #f7f7f7;font-size:20px;}
.sitemap-list ul .sub_menu{display: block;zoom:1;padding: 15px 0;}
.sitemap-list ul .sub_menu:after{clear:both;height:0;overflow:hidden;display:block;visibility:hidden;content:"."}
.sitemap-list ul .sub_menu li{float: left;padding: 0px 15px;}
.sitemap-list ul .sub_menu li a{font-size:16px;}
.sitemap-list ul .sub_menu li a:hover{text-decoration: underline;}