@charset "utf-8";

h2.common-h2{
    text-align: center;font-size: 36px;line-height: 40px; margin: 40px 0;
}

/** 互联网创新 **/
.innovate .innovate-list div.col-md-3{
	-webkit-transition: .4s;-moz-transition: .4s;-ms-transition: .4s;-o-transition: .4s; transition: .4s;
}
.innovate .innovate-list div.col-md-3 > div{
	border: 1px solid #eee;border-radius: 3px;overflow: hidden;margin-bottom: 15px;
}
.innovate .innovate-list .innovate-img{
	padding: 20px 0;background: #e9f5ff;
}
.innovate .innovate-list .innovate-img img{
	margin: 0 auto;
}
.innovate .innovate-list .innovate-txt{
	padding: 30px 26px 30px;text-align: center;
}
.innovate .innovate-list .innovate-txt h3{
	font-size: 28px;line-height: 30px;margin-bottom: 10px;
}
.innovate .innovate-list .innovate-txt p{
    font-size: 16px;line-height: 28px;height: 112px;overflow: hidden;color: #666;
}
.innovate .innovate-list .innovate-txt a{
	display: inline-block;width: 178px; height: 38px;border: 1px solid #108ee7;font-size: 18px;line-height: 38px;
    color: #108ee7;border-radius: 3px;margin-top: 10px;text-decoration: none;-webkit-transition: .4s;-moz-transition: .4s;
    -ms-transition: .4s;-o-transition: .4s; transition: .4s;
}
.innovate .innovate-list .innovate-txt a:hover{
	border-color: #108ee7;background: #108ee7;color: #fff;
}
.innovate .innovate-list div.col-md-3:hover > div{
	box-shadow: 0 0 15px #ccc;
}
.innovate .innovate-list div.col-md-3:hover{
	margin-top: -10px;
}

.innovate .customer{
	background: url(http://www.ev123.net/images/2016/bg4.jpg) no-repeat center center;height: 170px;background-size: cover;padding: 40px 15px;
}
.innovate .customer h2{
	color: #fff;font-size: 28px;margin: 0;text-align: center;
}
.innovate .customer h2:after{
	content: '';display: block;width: 80px;height: 2px;background: #108EE7;margin: 10px auto;
}
.innovate .customer p{
	font-size: 18px;color: #fff;text-align: center;
}


/**案例展示**/
.shows{
	background: url(../img/showBg.jpg) no-repeat;padding-bottom:30px;background-size: cover;
}
.shows .col-md-4 > .shows-list{
	border-radius: 3px;overflow: hidden;position: relative;
}
.shows .shows-list .shows-Bg,.shows .shows-list .shows-puls{
	width: 100%;height: 296px;position: absolute;left: 0;top: -296px;-webkit-transition: .4s;-moz-transition: .4s;
    -ms-transition: .4s;-o-transition: .4s; transition: .4s;
}
.shows .shows-list .shows-Bg{
	background: #000;background: rgba(0,0,0,.7);filter: alpha(opacity=70);opacity: .7;-webkit-opacity: .7;
}
.shows .shows-list .shows-puls a{
	display: block;font-size: 0;height: 100%;
}
.shows .shows-list .shows-puls p{
	text-align: center;padding-top: 126px;
}
.shows .col-md-4{
	margin-bottom: 15px;
}
.shows .col-md-4 > .shows-list:hover .shows-Bg,.shows .col-md-4 > .shows-list:hover .shows-puls{
	top: 0;
}
.shows .shows-img{
	height: 200px;overflow: hidden;
}
.shows .shows-img img{
	width: 100%;/************************************ 临时宽度 ***********************************************/
}
.shows .shows-txt{
	background: #fff;background: rgba(255,255,255,.8);filter: alpha(opacity=80);opacity: .8;-webkit-opacity: .8;padding: 10px 15px;border-bottom: 2px solid #108EE7;
}
.shows .shows-txt *{
	display: block;
}
.shows .shows-txt span{
	font-size: 12px;color: #999;line-height: 26px;
}
.shows .shows-txt strong{
	font-size: 16px;color: #222;font-weight: normal;
}
.shows-more{
	text-align: center;padding: 30px 0 0;
}


/**模版展示**/
.template{
	background: url(../img/bg1.png) no-repeat;background-size: cover;padding-bottom: 30px;
}
.template div.col-md-3 > div{
	position: relative;overflow: hidden;margin-bottom: 15px;box-shadow: 0 0 10px rgba(0,0,0,.15);
}
.template div.col-md-3 > div a{
	text-decoration: none;
}
.template .template-img{
	border-radius: 5px;overflow: hidden;
}
.template .template-txt,.template-bg{
	position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: 5px;
}
.template .template-bg{
	background: transparent;background: rgba(0,0,0,0);filter: alpha(opacity=0);-webkit-opacity: 0;opacity: 0;-webkit-transition: .4s;
	-moz-transition: .4s;-ms-transition: .4s;transition: .4s;
}
.template .template-txt .template-txtImg{
	width: 52px;height: 52px;background: url(../img/nimg52.png) center no-repeat;margin: 40px auto 0;-webkit-transform: scale(2);
	-moz-transform: scale(2);-ms-transform: scale(2);transform: scale(2);filter: alpha(opacity=0);-webkit-opacity: 0;opacity: 0;-webkit-transition: .4s;
	-moz-transition: .4s;-ms-transition: .4s;transition: .4s;
}
.template .template-txt .template-text{
	margin-top: 40px;filter: alpha(opacity=0);-webkit-opacity: 0;opacity: 0;-webkit-transition: .4s;
	-moz-transition: .4s;-ms-transition: .4s;transition: .4s;
}
.template .template-txt .template-text *{
	text-align: center;
}
.template .template-txt .template-text h5{
	font-size: 16px;color: #fff;line-height: 40px;
}
.template .template-txt .template-text p{
	font-size: 14px;color: #fff;line-height: 22px;overflow: hidden;height: 44px;padding: 0 15px;
}
.template div.col-md-3:hover .template-bg{
	background: #000;background: rgba(0,0,0,.7);filter: alpha(opacity=70);-webkit-opacity: 0;opacity: 0.7;
}
.template div.col-md-3:hover .template-txt .template-txtImg{
	-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);filter: alpha(opacity=100);-webkit-opacity: 1;opacity: 1;
}
.template div.col-md-3:hover .template-txt .template-text{
	margin-top: 0;filter: alpha(opacity=100);-webkit-opacity: 1;opacity: 1;
}


/**强川售后**/

.advantage{    
	background: url(../img/bg2.png) no-repeat;padding-bottom: 30px;
}
.advantage h2{
	margin-bottom: 70px;
}
.advantage .advantage-nav > div.col-md-4 div{
	background: #fafafa;text-align: center;line-height: 70px;margin-bottom: 15px;border-radius: 8px 8px 0 0;font-size: 20px;color: #666;
	cursor: pointer;
}
.advantage .advantage-list{
	padding-top: 30px;display: none;
}
.advantage .advantage-list:first-child{
	display: block;
}
.advantage .advantage-nav > div.col-md-4:first-child div{
	color: #108EE7;
}
.advantage .advantage-list div.col-md-3{
	margin-bottom: 15px;
}
.advantage .advantage-img img{
	margin: 0 auto 30px;
}
.advantage .advantage-txt *{
	text-align: center;color: #666;
}
.advantage .advantage-txt{
	text-align: center;padding: 0 15px 15px;border-bottom: 2px solid #108EE7;
}
.advantage .advantage-txt h5{
	font-size: 24px;margin-bottom: 10px;
}
.advantage .advantage-txt p{
	font-size: 14px;line-height: 22px;height: 88px;
}


/**新闻中心**/
.news{
	padding-bottom: 30px;
}
.news .news-img{
	position: relative;border-radius: 15px;overflow: hidden;box-shadow: 0 0 15px rgba(0,0,0,0.15);
}
.news .news-img img{
	width: 100%;
}
.news .news-img div,.news .news-img p{
	position: absolute;width: 70%;line-height: 36px;height: 36px;padding: 0 15px;overflow: hidden;z-index: 9;right: 0;
	bottom: 30px;
}
.news .news-img div{
	background: #000;background: rgba(0,0,0,.8);opacity: .8;-webkit-opacity: .8;filter: alpha(opacity=80);
}
.news .news-img p{
	font-size: 16px;color: #fff;
}
.news dl{
	margin-bottom: 30px;
}
.news dl dt{
	font-size: 14px;color: #717171;background: #f5f5f5;border-left: #108ee7  solid 10px;line-height: 26px;margin: 15px 0;
	padding-left: 10px;
}
.news dl dd{
	line-height: 32px;height: 32px;border: 1px solid #ddd;border-radius: 5px;padding: 0 15px 0 20px;font-size: 12px;margin-bottom: 8px;
	background: url(../img/ico1.jpg) no-repeat 6px center;
}
.news dl dd a{
	color: #717171;
}
.news dl dd span{
	color: #333;
}
.news dl dd:hover > a{
	color: #108EE7;
}
.news .news-list{
	border: 1px solid #ddd;border-radius: 10px;padding: 15px 25px 10px;margin-bottom: 28px;
}
.news .news-list:hover{
	box-shadow: 0 0 15px #ddd;
}
.news .news-list .news-day{
    width: 20%;text-align: center;color: #717171;font-weight: 700;    
}
.news .news-list .news-day div{
	font-size: 39px;
}
.news .news-list .news-txt{
	width: 80%;
}
.news .news-list .news-txt h4{
	font-size: 16px;margin-bottom: 3px;height: 20px;line-height: 20px;overflow: hidden;
}
.news .news-list .news-txt h4 a{
	color: #717171;font-weight: bold;
}    
.news .news-list .news-txt p{
	line-height: 20px;color: #717171;height: 40px;overflow: hidden;
}
.news .news-list .news-txt div{
	margin: 3px;
}
.news .news-list .news-txt div span{
	display: block;font-size: 12px;color: #333;
}
.news .news-list .news-txt div span a{
	color: #717171;
}