@charset "UTF-8";
@import "../iconfont/iconfont.css";
/*还有另外的字体如下*/
/*RobotoMono-Medium,DINAlternate-Bold,PingFangSC-Medium*/
* {word-wrap: break-word;font-family:-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,Helvetica,PingFangSC-Regular,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif/*PingFangSC-Regular,Microsoft YaHei,Arial,sans-serif*/;outline:none!important;vertical-align: baseline;padding:0; margin:0; word-spacing: 0;}
html,body{width:100%;height:100%;}
body {font-size:14px;color:#000;background:#fff;}
body, ul, ol, li, dl, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset, hr {margin: 0; padding: 0; border:0;}
table {empty-cells: show; border-collapse: collapse;}
ul li { list-style: none }
img {border: none;cursor: pointer !important;}
img:hover{cursor: pointer !important;}
a {color:#000; text-decoration: none;outline:none}
a:hover {text-decoration: none; color:#d8000f;outline:none}
.none{ display:none;}
/*html5*/
/*.cases-page ul li a img,header,header-fixed,.brand-block:hover,.project-block ul li a,.solution-block{transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}*/
/*float*/
.fl{float:left}
.fr{float:right}
/*Vclass*/
::after, ::before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
/*Blank CSS*/
.blank5{display:block;height:5px;}
.blank10{display:block;height:10px;}
.blank15{display:block;height:15px;}
.blank20{display:block;height:20px;}
.blank30{display:block;height:30px;}
.blank40{display:block;height:40px;}
.blank50{display:block;height:50px;}
.blank60{display:block;height:60px;}
.blank80{display:block;height:80px;}
.blank100{display:block;height:100px;}
/*Clear*/
.clearfix { zoom: 1 }
.clearfix::after, .clearfix::before {display:block;line-height: 0;content: "";clear: both;}
/** html .clearfix{height:1%}
*+html .clearfix{min-height:1%}*/

/*header*/
.header{width:100%;min-height:120px;background:#d0000e;display:block;box-shadow:0 0 10px #000000;z-index:100000;
position:relative;}

/*header-search*/
.search-bar{width:100%;height:32px;display:block;background:#f2f2f2;overflow: hidden;}
.search-bar-page{/*float:right;*/height:32px;line-height:32px;display:block;width:1200px;margin:0 auto;}
.search-bar-page div.title{display:inline-block;font-size:14px;display:block;float:left;
}
.search-bar-page div.form{display:inline-block;background:#d1d1d1;border-radius:10px;height:24px;
	margin-left:5px;width:210px;margin-top:4px;}
	.search-bar-page div.form form{margin-top:-3px;}

.search-bar-page div.form input{display:inline-block;border:none;background:#d1d1d1;margin-top:-10px;}
.header-bar{height:50px;line-height:50px;width:1200px;*width:1200px;_width:1200px;
	display:block;margin:0 auto;/*vertical-align: middle;*/text-align:right;}
.header-bar .phone{color:#fff;text-align: right;width:1200px;display:block;}
.header-bar .phone div.phonetitle{display:inline-block;font-size:16px;}
.header-bar .phone img{width:23px;height:23px;display: inline-block;vertical-align: middle;margin-top:-5px;}
.header-bar .phone div.phonenum{font-size:18px;display: inline-block;font-weight:600;}

.header-logo{height:70px;width:1200px;display:block;margin:0 auto;}
.header-logo .logo img{height:56px;width:auto;}
.header-logo .topnav{/*width:600px;height:70px;line-height:70px;*/}

.nav{list-style:none;margin:0;padding:0;margin-right:-18px;}
.nav li{display:inline-block;padding:0;position:relative;}
.nav li a{display:block;padding:23px 20px;color:#fff;font-size:16px;}
.nav li a:hover{border-bottom:3px solid #910000;}
.nav .hover a{border-bottom:3px solid #910000;}

.nav li .subnav{position:absolute;background:#fff;padding:5px 0 0 0;
	border:1px solid #f3f3f3;/*border-top:2px solid #2A95E5;*/border-bottom:0;
	/*border-radius:10px 10px 0 0;left:-45px;*/z-index:9999;opacity:0;
	transition:all .3s ease 0s;visibility:hidden;transform:translate3d(0,10px,0);width:100%;}
/*.nav li .subnav:after{content:'';display:block;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #2A95E5;position:absolute;top:-12px;right:45%;}*/
.nav li .subnav li{display:block;text-align:center;margin:0 auto;max-width:100%;}
.nav li .subnav li a{color:#333;white-space:nowrap;border-radius:0;padding:10px 0px 10px 0px;border-bottom:1px solid #f3f3f3;font-size:14px;}
.nav li .subnav li a:hover{color:#595758;}
.nav li:hover a{border-bottom:3px solid #910000;}
.nav li:hover .subnav{opacity:1;transform:translate3d(0,0,0);visibility:visible;}
.nav li:hover .subnav a{background:#fff;color:#333;font-size:13px;}
.nav li:hover .subnav a:hover{background:#ececec;color:#595758;}

/*banner*/
.banner{width:100%;/*height:360px;background:#0029f0;*/display:block;}
/*全屏自适应轮播样式*/
.banner-main {
	width: 100%;
	height: 400px;
	position: relative;
}

.banner-main-img {
	height: 400px;
	width: 100%;
	min-width: 1000px;
	overflow: hidden;
}

.banner-main-img li {
	width: 100%;
	display: none;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
}
.banner-main-img li img{
    width: 1920px;
    height: 400px;
    display: block;
    position: relative;
    left: 50%;
    margin-left: -960px;
    top: 0;
}
.ui-controls ul{
	position: absolute;
	bottom: 20px;
/*	right: 50%;*/
/*	left:40%;*/
width:100%;
text-align: center;
}

.ui-controls ul li {
/*	float: left;*/
display: inline-block;
	width: 120px;
	height: 5px;
	margin: 0px 5px;	
	/*border: 2px solid #ddd;*/
	background:#d8000f;
	/*border-radius: 50%;
	border: 2px solid rgba(255, 255, 255, 0.9);
	background: rgba(0, 0, 0, 0.5);*/
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
	-webkit-transition: all .2s;
	transition: all .2s;
}

.ui-controls ul li:hover {
	/*border: 2px solid #ccc;*/
	background: #bf020e;
	/*border: 2px solid rgba(0, 0, 0, 0.5);
	background: rgba(255, 255, 255, 0.6);*/
}

.ui-controls ul .current {
/*	border: 2px solid #ccc;*/
	background: #bf020e;
	/*border: 2px solid rgba(0, 0, 0, 0.5);
	background: rgba(255, 255, 255, 0.6);*/
}

.ui-controls .ui-prev {
	width: 41px;
	height: 69px;
	position: absolute;
	top: 50%;
	left: 0px;
	margin-top: -35px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/icon-slides.png) no-repeat -84px 50%;
	z-index: 999;
	cursor: pointer;
}

.ui-controls .ui-next {
	width: 41px;
	height: 69px;
	position: absolute;
	top: 50%;
	right: 0px;
	margin-top: -35px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/icon-slides.png) no-repeat -125px 50%;
	z-index: 999;
	cursor: pointer;
}

.ui-controls .ui-prev:hover {
	background-position-x: 0px;
}

.ui-controls .ui-next:hover {
	background-position-x: -42px;
}


/*commonbar*/
.commonbar{width:100%;min-height:50px;}
.commonbar-title{width:130px;height:50px;display:block;margin:30px auto;line-height:50px;font-size:26px;
border-bottom:3px solid #d8000f;text-align:center;}

/*project*/
.project-index{width:100%;min-height:380px;display:block;}
.project-index ul{}
.project-index ul li{width:20%;height:380px;float:left;position: relative;}
.project-index ul li a{width:100%;height:100%;background:rgba(0,0,0,0.3);z-index: 10000;display:block;}
.project-index ul li a:hover{background:rgba(0,0,0,0);}
.project-index ul li a div.title{font-size:20px;padding-left:30px; color:#fff;margin-bottom:5px;
	padding-top:30px;}
.project-index ul li a div.hr{height:2px;width:60px;background:#787575;margin-left:30px;margin-bottom:12px;}
.project-index ul li a div.desc{padding-left:30px; color:#fff;font-size:14px;padding-right:20px}
.project-index ul li a div.morelink{position:absolute;left:30px;font-size:14px; color:#fff;bottom:25px;}


/*recommend-project*/
.recommend-project{width:1200px;min-height:500px;display:block;margin:0 auto;}

.recommend-btns{width:100px;height:32px;line-height:32px;display:block;margin:30px auto;}
.recommend-btns a{width:100%;height:100%;display:block;background:#d8000f;color:#fff;text-align: center;}
.recommend-btns a:hover{background:#f60213;}

.fontcolor{color:#fff !important;}
.fontcolor-more{border:1px solid #fff !important;}
.fontcolor-more a{color:#fff;}

.recommend-title{font-size:18px;margin-left:30px;padding-top:30px;margin-bottom:10px;}
.recommend-hr{width:60px;height:2px;display:block;margin-left:30px;background:#a1b5c6;margin-bottom:14px;}
.recommend-desc{font-size:14px;margin-left:30px;margin-bottom:14px;}
.recommend-morelink{text-align:center;width:80px;height:26px;border:1px solid #000;
	line-height:26px;margin-left:30px;}
.recommend-morelink a{font-size:14px;}


.recommend-45-title{font-size:18px;margin-left:280px;padding-top:30px;margin-bottom:10px;}
.recommend-45-hr{width:60px;height:2px;display:block;margin-left:280px;background:#a1b5c6;margin-bottom:14px;}
.recommend-45-desc{font-size:14px;margin-left:280px;margin-bottom:14px;}
.recommend-45-morelink{text-align:center;width:80px;height:26px;border:1px solid #000;
	line-height:26px;margin-left:280px;}
.recommend-45-morelink a{font-size:14px;}


.recommend-1{width:490px;height:368px;display:block;background:url(../img/recommend-bg.jpg) top center no-repeat;
background-size:contain;position:relative;}
.recommend-1 img{width:360px;height:auto;position:absolute;bottom:-30px;right:10px;}

.recommend-2{width:278px;height:368px;background:#f0f6f8;position:relative;margin-left:80px;}
.recommend-2 img{width:160px;height:auto;position:absolute;left:60px;bottom:-20px;}

.recommend-3{width:278px;height:368px;background:#f0f6f8;position:relative;}
.recommend-3 img{width:160px;height:auto;position:absolute;left:60px;bottom:-20px;}

.recommend-4{width:570px;height:190px;background:#f0f6f8;position:relative;margin-top:60px;}
.recommend-4 img{height:160px;width:auto;position:absolute;left:40px;top:15px;}

.recommend-5{width:570px;height:190px;background:#f0f6f8;position:relative;margin-top:60px;}
.recommend-5 img{height:160px;width:auto;position:absolute;left:40px;top:15px;}


/*cases-index*/
.cases-index{width:1200px;min-height:200px;display:block;margin:0 auto;padding-bottom:20px;}
.cases-index ul{}
.cases-index ul div.widths{width:24%;height:199px;overflow: hidden;float:left;margin-right:10px;}
.cases-index ul li{width:100%;height:199px;display:block;float:left;overflow:hidden;}
.cases-index ul li:hover{transition: .4s;transform: scale(1.1);}
.cases-index ul li a{width:100%;height:100%;display:block;position:relative;}
.cases-index ul li a div.title{position:absolute;bottom:30px;text-align: center;
	background:rgba(0,0,0,0.6);color:#fff;width:100%;height:26px;line-height:26px;}


/*news-index*/
.news-index{width:100%;min-height:400px;display:block;background:#f3f5f7;padding-top:10px;}
.news-index-page{width:1200px;min-height:300px;display:block;margin:0 auto;padding-bottom:20px;}
.news-index-page ul{}
.news-index-page ul li{width:24%;min-height:199px;display:block;float:left;margin-right:10px;}
.news-index-page ul li a{width:100%;height:100%;display:block;position:relative;}
.news-index-page ul li a div.widths{width:100%;height:186px;overflow: hidden;}
.news-index-page ul li a div.img{width:100%;height:186px;display:block;overflow:hidden;}
.news-index-page ul li a:hover div.img{transition: .4s;transform: scale(1.1);}
.news-index-page ul li a div.title{margin-top:10px;font-size:16px;}
.news-index-page ul li a div.time{font-size:13px;color:#d7000f;margin-top:10px;}
.news-index-page ul li a div.morelink{font-size:14px;color:#8c8b8c;margin-top:15px;}
.news-index-page ul li a div.morelink i{margin-left:5px;font-size:14px;color:#adb1b5;}


/*message-index*/
.message-index{width:100%;min-height:400px;display:block;background:#000;position:relative;}
.message-index-page{width:1200px;display:block;margin:0 auto;}

.message-l{width:500px;height:auto;display:block;padding-top:50px;}
.message-l div.titleshow{font-size:22px;color:#fff;margin-bottom:20px;}
.message-l div.formline{height:46px;line-height:46px;border-bottom:1px solid #515557;color:#fff;}
.message-l div.formline input{border:none;background:#000;color:#fff;margin-left:5px;}
.message-l .formbtns{width:80px;display:block;height:32px;line-height:32px;background:#515557;color:#fff;
margin-top:15px;text-align: center;border:none;}


.message-r{background:#0c6db4;display:block;width:624px;height:330px;position:absolute;right:0px;top:40px;}
.message-content{width:80%;height:300px;display:block;padding-top:40px;line-height:28px;
	font-size:14px;color:#fff;margin-left:60px;	}

/*common-banner*/
.common-banner{width:100%;height:320px;display:block;}
/*footer*/
.footer{width:100%;height:150px;display:block;border-top:20px solid #d8000f;background:#f5f5f5;}
.footer-share{width:1200px;display:block;margin:0 auto;height:66px;line-height:66px;}
.footer-share ul{}
.footer-share ul li{width:32px;height:32px;display:block;float:left;margin-right:12px;margin-top:10px;}
.footer-share ul li a{width:100%;height:100%;display:block;}
.footer-share ul li a img{width:32px;height:32px;}


.footer-copyright{border-top:1px solid #dbdbdb;width:100%;padding-top:30px;font-size:14px;}
.footer-page{width:1200px;display:block;margin:0 auto;}


/*common-page*/
.common-page{width:1200px;min-height:700px;display:block;margin:0 auto;padding-top:40px;padding-bottom:40px;}

.common-page-l{width:256px;height:auto;}

.nav-l{width:100%;min-height:100px;display:block;}
.nav-l div.title{height:48px;width:100%;background:#d8000f;line-height:48px;color:#fff;font-size:17px;
text-align:center;}
.nav-l ul{background:#efeff0;min-height:100px;display:block;width:100%;padding-top:12px;padding-bottom:12px;}
.nav-l ul li{height:42px;line-height:42px;}
.nav-l ul li a{line-height:42px;padding-left:10px;margin-left:20px;
	font-size:15px;background:url(../img/nav.png) left center no-repeat;}

.foldpanel {
	width: 256px;
	/*border: 1px solid #ccc;*/
	border-bottom: none;
	font-size: 12px;
}
.foldpanel dt,.foldpanel dd {
	background:#ddddde;
/*	border-bottom: 1px solid #ccc;*/
	margin: 0px;

}
.foldpanel dt {
	line-height:42px;padding-left:10px;margin-left:20px;
	font-size:15px;background:url(../img/nav.png) left center no-repeat;
	cursor: pointer;
	font-size: 15px;
/*	font-weight: bold;*/
}
.foldpanel dd {
/*	padding: 12px 8px;*/
padding-top:20px;padding-bottom:20px;
padding-left:10px;padding-right:10px;
}
.foldpanel dd a{width:33%;font-size:14px;display:block;float:left;margin-bottom:5px;margin-top:5px;
	text-indent: 7px;}



/*news*/
.list_dt{
/*    background: #efeff0;*/
    color: #0f1011;
    width: 230px;
/*    padding: 0 40px 0 20px;*/
font-size:15px;
    height: 42px;
    line-height: 42px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
padding-left: 26px;
/*margin-left: 20px;*/
background: url(../img/nav.png) 10px center no-repeat #efeff0;
    /*border-bottom: 1px solid #464646;*/
}
.list_dt:hover{
/*    background: #ddddde;*/
    background: url(../img/nav.png) 10px center no-repeat #ddddde;
}
/*.list_dt:hover ._after{
    display: block;
    width: 3px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #ddddde;
}*/
#open{
   background: url(../img/nav.png) 10px center no-repeat #ddddde;
   color:#d0000e;
}
/*#open ._after{
    display: block;
    width: 3px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #4285F4;
}*/
.list_dt_icon{
    position: absolute;
    right: 10px;
    top: 11px;
    display: block;
    width: 12px;
    height: 12px;
    background: url("../img/off.png") no-repeat;
    background-size: cover;
}
#open .list_dt_icon{
    background: url("../img/open.png") no-repeat;
    background-size: cover;
}
.list_dd{
    display: none;
    width:246px;
    overflow:hidden;
    padding-left:10px;
    background: #ddddde;
}
.list_dd ul{ background: #ddddde !important;}
.list_dd ul li a{background:none;padding-left:0px;font-size:13px;margin-left:5px !important;}
.list_li{
 /*   background: #ddddde;*/
    list-style-type: none;
    color: #0f1011;
    width: 25%;
    float:left;
    /*padding: 0 30px;*/
    height: 42px;
    line-height: 42px;
    cursor: pointer;
/*    border-bottom: 1px solid #6b6b6b;*/
}
.list_li:hover{
     color:#d0000e;
}




/*left-news*/
.left-news{width:100%;min-height:100px;display:block;margin-top:30px;}
.left-news div.title{height:48px;width:100%;background:#d8000f;line-height:48px;color:#fff;font-size:17px;
text-align:center;}
.left-news ul{background:#efeff0;min-height:100px;display:block;width:100%;padding-top:12px;padding-bottom:12px;}
.left-news ul li{height:42px;line-height:42px;list-style:disc;margin-left:30px;position:relative;}
.left-news ul li a{line-height:42px;font-size:14px;position: relative;width:100%;height:100%;display:block;}
.left-news ul li a span.time{position: absolute;font-size:14px;right:10px;}

.left-dianhua{width:100%;min-height:48px;display:block;background:#d8000f;text-align:center;}
.left-dianhua span.title{line-height:48px;color:#fff;font-size:13px;display:inline-block;}
.left-dianhua span.tel{font-size:18px;line-height:49px;display:inline-block;color:#fff;}


/*tupian*/
.left-ad{width:256px;height:auto;margin-top:30px;}
.left-ad img{width:256px;height:auto;}


.common-page-r{width:920px;height:auto;}
.common-position{height:38px;line-height:38px;border-bottom:1px solid #d8d6d6;position:relative;}

.common-position span.fanhui{position:absolute;right:0px;}
.common-position span.fanhui a{color:#d8000f;}

/*page-content*/
.page-content{font-size:15px;line-height:32px;display:block;margin-top:40px;}


/*project-list*/
.project-list{width:100%;}
.project-list ul{}
.project-list ul li{width:100%;min-height:229px;display:block;margin-bottom:40px;position: relative;}
.project-list ul li {width:100%;height:229px;display:block;position: relative;}
.project-list ul li  div.img{float:left;width:326px;
	height:209px;border:1px solid #cbc9c9;position:relative;padding:10px;}
.project-list ul li div.img .payorder{position:absolute;right:9px;top:15px;/*width:53px;height:53px;*/
	/*background:url(../img/payorder.png);
background-size:contain;background-repeat: no-repeat;*/}
.project-list ul li div.img .payorder i{font-size:36px;color:#757575;}
.project-list ul li div.img img{width:326px;height:209px;}
.project-list ul li a div.title{font-size:18px;margin-left:366px;margin-bottom:8px;color:#000;}
.project-list ul li a div.desc{font-size:14px;margin-left:366px;}
.project-list ul li a div.jiage{position:absolute;top:5px;right:0px;height:28px;width:120px;background:#f1f1f1;
color:#d8000f;text-align:center;line-height:28px;font-size:13px;}
.project-list ul li a div.morelink{position:absolute;bottom:0px;right:0px;}

/*分页相关*/
.pagelist ul{text-align:center;margin:20px 0;}
.pagelist li{display:inline-block;margin:0 2px;}
.pagelist li a{color:#666;display:inline-block;border:1px solid #eee;padding:0px 12px;}
.pagelist li a:hover{border-color:#bf3933;background:#bf3933;color:#fff;}
.pagelist li.active a{border-color:#bf3933;background:#bf3933;color:#fff;}


/*product-page*/
.product-page{width:1200px;min-height:600px;display:block;margin:0 auto;padding-bottom:50px;}
.product-page div.product-nav{width:100%;height:48px;line-height:48px;text-align:center;background:#efeff0;
color:#d8000f;margin-top:30px;font-size:18px;font-weight:bold;margin-bottom:30px;}

.product-show{width:1200px;min-height:370px;margin-top:30px;display:block;}

.product-content{}
.product-content div.title{font-size:18px;font-weight:bold;border-bottom:1px solid #cbc9c9;
	height:48px;line-height:48px;}

.product-content div.neirong{width:80%;display:block;margin:0 auto;padding-top:40px;min-height:300px;
font-size:14px;line-height:28px;}


.product-detail{width:560px;height:auto;min-height:350px;position:relative;}
.product-detail div.biaoti{font-size:21px;font-weight:bold;height:56px;line-height:56px;border-bottom:1px solid #eee;}

.product-detail div.miaoshu{font-size:14px;color:#7a7a7a;margin-top:20px;}
.product-detail div.orderpay{width:120px;height:38px;line-height:38px;background:#e74350;text-align:center;font-size:15px;
color:#fff;position:absolute;bottom:0px;left:0px;cursor: pointer;}


/*news-page*/
.news-page{width:100%;padding-bottom:40px;}
.news-page ul{}
.news-page ul li{min-height:120px;width:100%;display:block;margin-top:40px;}
.news-page ul li a{width:100%;height:100%;display:block;}
.news-page ul li a img{width:230px;height:160px;float:left;margin-right:20px;}
.news-page ul li a div.title{font-size:18px;font-weight:bold;}
.news-page ul li a div.time{font-size:13px;color:#a1a1a1;}
.news-page ul li a div.desc{font-size:14px;color:#666;}
.news-page ul li a div.morelink{font-size:14px;color:#d8000f;}

.news-content{}
.news-content div.neirong{width:96%;display:block;margin:0 auto;padding-top:40px;min-height:300px;
font-size:14px;line-height:28px;}
.news-content div.bars{text-align:center;margin-bottom:30px;}
.news-content div.bars h1{font-size:21px;font-weight:normal;}
.news-content div.bars div.showming{font-size:14px;color:#666;margin-top:5px;}

/*cases-page*/
.cases-page{}
.cases-page ul{}
.cases-page ul li{width:280px;min-height:240px;border:1px solid #eee;float:left;margin-bottom:40px;
	margin-right:33px;}
.cases-page ul li:nth-child(3){margin-right:0px;float:right;}
.cases-page ul li:nth-child(6){margin-right:0px;float:right;}
.cases-page ul li:nth-child(9){margin-right:0px;float:right;}
/*.cases-page ul li:last-child{margin-right:0px;float:right;}*/

.cases-page ul li a{width:100%;height:100%;display:block;}
.cases-page ul li a img{width:260px;height:180px;display:block;margin:10px auto;}
.cases-page ul li a div.title{width:100%;height:38px;line-height:38px;border-top:1px solid #eee;text-align:center;}

/*kefu*/
.kefu{width:39px;position: fixed;right:0px;top:50%;box-shadow: 0 0 10px #eee;background:#fff;}
.kefu ul li{display:block;width:39px;height:39px;border-bottom:1px solid #eee;text-align:center;line-height:39px;}
.kefu ul li a{width:100%;height:100%;display:block;position:relative;}
.kefu ul li a i{font-size:21px;color:#555;}
.kefu ul li a.qq i{font-size:24px;color:#555;}
.kefu ul li a:hover i{color: #d8000f}

.kefu ul li.dianhua a div.dianhuas{display:none;}
.kefu ul li.dianhua a:hover div.dianhuas{display:block;background:#fff;width:120px;text-align:center;
height:39px;line-height:39px;position:absolute;right:39px;top:0px;
box-shadow: 0 0 10px #eee;}



/*pre next*/
.prenext{text-align:right;padding-top:50px;}
.prenext .pre{margin-right:25px;}
.prenext .next{margin-right:25px;}
.prenext .fanhui{}


/*orderpay*/
.orderpays{width:360px;height:100%;box-shadow: 1px 1px 50px rgba(0,0,0,.3);position: fixed;right:0px;
min-height:500px;background:#fff;z-index: 1000000;top:0px;padding:60px 45px 0px;}

.orderpaybar{height:80px;line-height:80px;border-bottom:1px solid #eee;display:block;}
.orderpaybar .gouwuche{font-size:32px;float:left;}
.orderpaybar .guanbi{font-size:32px;float:right;}
.orderpaybar .titles{line-height:80px;margin-left:15px;font-size:16px;}

.orderpaylist{min-height:200px;border-bottom:1px solid #eee;display:block;margin-top:40px;}
.orderpaylist .paylistimg{width:120px;height:68px;border:1px solid #eee;display:block;}
.orderpaylist .paylistimg img{display:block;margin:0 auto;height:60px;width: auto;}
.orderpaylist .paylitstitle{height:28px;background:#eee;line-height:28px;width:120px;display:block;text-align: center;}


.orderpaylist .paylisttext{width:220px;height:auto;}
.orderpaylist .paylisttext .spbiaoti{font-size:16px;color:#000;}
.orderpaylist .paylisttext .shuliang{font-size:15px;margin-top:30px;height:32px;border-bottom:1px solid #eee;}
.orderpaylist .paylisttext .dianhua{font-size:15px;height:32px;border-bottom:1px solid #eee;margin-top:20px;}
.orderpaylist .paylisttext .dianhua input,.orderpaylist .paylisttext .shuliang input{border:none;}

.orderpaybtns{width:360px;margin-top:30px;display:block;}
.orderpaybtns button{width:169px;height:44px;background:#d8000f;color:#fff;line-height:44px;border:none;
display:block;margin:0 auto;}

.orderpaynotice{width:360px;margin-top:30px;}
.orderpaynotice p{font-size:14px;font-weight:bold;}
.orderpaynotice p.one{margin-left:32px;}
.orderpaynotice p.two{margin-left:45px;}



/*search-page*/
.search-page{width:1200px;display:block;margin:30px auto;min-height:400px;padding-bottom:30px;}

.search-bars{line-height:42px;border-bottom:1px solid #eee;margin-bottom:40px;}