@charset "utf-8";

.flList{ float: left; width: 100%; padding-bottom: 15px;}
.flList li{ float: left;cursor: pointer; border: 1px solid #f5f5f5; margin-bottom:12px; color: #fff;  margin-left: 10px;  padding: 12px 10px; text-align: center;  width: 279px;background-color: #0b75be;}
.flList li a{ color: #fff;font-size: 16px; }
.flList li:hover{ background-color: #ee8f07; border: 1px solid #ee8f07;}



.bg{ background-color:#ECF0F5;}
.inNav{ text-align: center; position: relative; text-align: center;   margin:15px 0;  font-size: 32px; font-weight: 600; letter-spacing: 1px; color: #ca0000; height: 65px; display: inline-block; width: 100%;} 

.inNav span{ color: #848484; font-size: 14px; font-weight: 400; float:left; width: 100%;   width: 100%;   left: 0; bottom: 15px; }
.inNav span:before{position: absolute; content: "";  width: 25%; height: 1px; left: 0; background-color: #D2D2D2; bottom: 5px; }
.inNav span:after{position: absolute; content: "";  width: 25%; height: 1px; right: 0; background-color: #D2D2D2; bottom: 5px; }
.inNav span a{color: #848484; font-size: 14px; font-weight: 400;}

/*****首页产品楼层****/
.container-fluid{ width:1200px; height:auto; margin:0 auto;}
.row {
    width: 100%;
    transition: .2s width ease;
}
.index-titled {
	height: 45px;
	margin-top:20px;
	border-bottom: 2px solid #d5d5d5;
	overflow:hidden;
}

.container {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}
.row {
	margin-right: -15px;
	margin-left: -15px;
}
.col-md-6 {
	width: 50%;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}
.lmtitle {
	width: 65px;
	height: 40px;
	float: left;
	text-align: center;
	line-height: 40px;
	background: #0b75be;
	font-size: 20px;
	color: #fff;
	font-weight: 700;
}
.loucen h2 {
	font-size: 20px;
	font-weight: bold;
	color: #000;
	float: left;
	margin-left: 10px;
	margin-top: 5px;
	overflow: hidden;
}
.index-title-more {
	background: #da0116;
	border-radius: 5px;
	font-size: 12px;
	font-weight: bold;
	margin-top: 10px;
	float: right;
	color: #fff;
	padding: 0 10px;
	height:28px;
	line-height:28px;
}
.blank20 {
    height: 20px;
    overflow: hidden;
}
.blank30 {
    height: 30px;
    overflow: hidden;
}
.clear {
    clear: both;
    overflow: hidden;
}

.col-md-3 {
    width: 25%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.pb30 {
    padding-bottom: 10px;
}
.txtts {
    background: #FFF;
}
.img-responsivedd, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: block;
    width: 100%;
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.img-responsivedd:hover{
   transition: all 0.5s ease-out;
  -webkit-transform: scale(1.1, 1.1); 
     -moz-transform: scale(1.1, 1.1); 
  -webkit-transition: all 0.5s ease-out; 
     -moz-transition: all 0.5s ease-out; 
}
.txtts h3 {
    font-weight: 700;
    font-size: 16px;
    display: block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	background:#555;
	color:#fff;
}

/****产品图片样式****/
.scroll_c {
	float: left;
	top: 0;
	left: 0;
	height: 100%;
	z-index: 1;
}
.scroll_c:hover .bom-text:before, .scroll_c:hover .bom-text-category:before {
	bottom: 0;
}
.scroll_c:hover .bom-text, .scroll_c:hover .bom-text ._price, .scroll_c:hover .bom-text-category {
	color: #fff;
}
.rect-57 {
	position: relative;
	display: block;
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-bottom: 75%;
}
.imgZoom {
	overflow: hidden;
}
.imgZoom img {
	width: 100%;
	height: auto;
	position: relative;
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	-ms-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
}
.imgZoom:hover img {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}
.bom-text {
	padding: 10px 1%;
	background-color: #F7F7F7;
	overflow: hidden;
	z-index: 2;
	display: block;
	color: #000;
}
.bom-text:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #0b75be;
	left: 0;
	bottom: -100%;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	z-index: -1;
}
.bom-text:hover {
	background-color: #0b75be;
}
.bom-text:hover h2 {
	color: #FFFF00;
}
._name {
	margin: 0;
	text-align: center;
	font-size: 18px;
	height: 34px;
	line-height: 34px;
	overflow: hidden;
}
.pr {
	position: relative;
}
._full {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.transitionf {
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}

/*首页程力优势 */
.youshi {
    border-right: 1px solid #dedede;
    border-left: 1px solid #dedede;
    height: 430px;
}
.youshi h2 {
    font-size:32px;
    height: 70px;
    line-height: 70px;
    margin: 0;
    padding: 0 0 0 26px;
    border-bottom: 1px solid #dedede;
}
.youshi h2 span {
    color: #f00;
    font-size: 36px;
}
.youshi p {
    line-height: 25px;
    text-align: justify;
    padding: 10px;
    font-size:13px;
}
.youshi .c1 {
    float: left;
    width: 25%;
    padding: 10px;
    background: #F7F7F7;
    border-right: 1px solid #dedede;
}
.youshi .c2 {
    float: left;
    width: 25%;
    padding: 10px;
    border-right: 1px solid #dedede;
}
.youshi .c3 {
    float: left;
    width: 25%;
    padding: 10px;
    background: #F7F7F7;
    border-right: 1px solid #dedede;
}
.youshi .c4 {
    float: left;
    width: 25%;
    padding: 10px;
}

/*****首页关于我们***/
.syab{ width:100%; padding:40px 0; height:auto; float:left; overflow:hidden; background:url(../images/abg.jpg) center bottom no-repeat #105db7;}
.syab .title {
    text-align: center;
    margin: 50px auto 30px;
    color: #d50606;
}
.syab .title h3 {
    font-size: 30px;
    font-weight: bold;
    text-align: center;
}
.syab .title i {
    font-size: 12px;
    color: #ccc;
    display: block;
    font-style: normal;
    text-transform: uppercase;
}
.syab .title p {
    font-size: 16px;
    color: #666;
}
.syab .title p b {
    margin: 0 10px;
}
.about_r {
    width: 47%;
    float: left;
}
.about_l {
    width: 50%;
    float: right;
}
.about_l .titlest {
    width: 100%;
    height: 60px;
    padding-top: 4px;
    line-height: 56px;
    overflow: hidden;
    font-size: 30px;
    color: #fff;
}
.about_l .titlest span {
    display: inline-block;
    height: 56px;
    border-bottom: 2px solid #fffs;
    float: left;
}
.about_l .titlest a {
    float: right;
    font-size: 14px;
    color: #fff;
}
.about_l .about_dec {
    width: 100%;
    height: auto;
    line-height: 30px;
    font-size: 16px;
    color: #fff;
    overflow: hidden;
    margin: 20px 0;
}

.ryList{ width:100%; margin-top:20px; overflow:hidden; clear:both; float:left;}
.ryList ul{ overflow:hidden; zoom:1; }
.ryList ul li{ width:250px; float:left; margin:0 5px;  display:inline; }
.ryList ul li img{ width:250px; height:175px;}

/*成功案例*/
.index-case{ width:100%; float:left; overflow:hidden;}
.home-news{position:relative;}
.home-news .swiper-container{}
.home-news .swiper-slide{background-color: #f7f7f7;}
.home-news .swiper-button-next,.home-news .swiper-button-prev{width: 40px;height: 40px;border-radius: 50%;background-color: #dd0000;background-size: 13px;}
.home-news .swiper-button-next{right: -60px;}
.home-news .swiper-button-prev{left: -60px;}
.home-news dl{ text-align:center; height:370px; background:#f5f5f5;float:left; display:inline;width:100%;overflow:hidden;}
.home-news .lst{margin:0;}
.home-news dt{ vertical-align:top; text-align:center;height:195px; overflow:hidden;}
.home-news dt img{ vertical-align:top;display:block;width:100%; vertical-align:top;height:195px;overflow:hidden;}
.home-news dd h4{text-align:center; line-height:38px;height:38px; overflow:hidden; font-size:14px; padding:0 10px;}
.home-news dd h4 a{ color:#362c24; font-weight:bold;}
.home-news dd p{ text-align:left; color:#362c24;line-height:22px;padding:0 14px; text-align:justify;height:75px; overflow:hidden;}
.home-news dd span a{ display:inline-block; text-align:center;width:124px; line-height:36px;height:36px; overflow:hidden; color:#fff; font-size:14px; background:#d00; margin:0 auto;}

/*****新闻资讯****/
.snews{overflow:hidden;}
.about_r {
    width: 47%;
    float: left;
}
.about_l {
    width: 50%;
    float: right;
}
.snewscon {
    width: 100%;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    overflow: hidden;
}
.snewscon .newsCon{width: 401px;padding: 30px 29px;border: 1px solid #e0e0e0;border-top: none;margin: -1px -1px 0 0px;border-bottom: none;float: left;}
.snewscon h3{font-weight: normal;margin-bottom: 20px;}
.snewscon h3 a{display: block;height: 34px;background: url(../images/news01.png) no-repeat right center; text-align:center;}
.snewscon h3 b{font-size: 22px;color: #d01817;margin-right: 10px;}
.snewscon h3 i{font-size: 10px;}
.snewscon dt{width:100%; height:255px; overflow:hidden;margin-bottom: 15px;}
.snewscon dt img{width:100%; height:255px;-webkit-transition:all .5s;transition:all .5s;}
.snewscon dt:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);}
.snewscon dd{height: 24px;line-height: 24px;padding-left: 18px;background: url(../images/ty01.png) no-repeat left center;margin-bottom: 10px;font-size: 14px;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.snewscon dd a{ font-size:16px;}
.snewscon dl{height:auto; overflow:hidden;}
.snewscon a.news_more{display: block; width: 112px;height: 38px;line-height: 38px;text-align: center;border: 1px solid #d7d7d7;border-radius: 20px;font-size: 14px;margin-top: 16px;}
.snewscon .newsCon a.news_more:hover{background: #d50606;color: #fff;border-color: #D01817;}
.snewscon dl dd:hover{background: url(../images/ty02.png) no-repeat left center;}

/****footer***/
.footer{ width:100%; height:auto; float:left; background:#dd0000; overflow:hidden; padding:40px 0;}
.daohang1{ width:200px; height:auto; float:left; overflow:hidden;}
.dht{ width:100%; float:left; overflow:hidden;}
.dht p{ font-size:12px; color:#fff;}
.dht h3{ font-size:24px; color:#fff; font-weight:bold;}
.dht span{ width:100%; height:19px; line-height:19px; color:#dd2122;}
.daohang1 ul{ width:100%; height:auto; float:left; margin-top:15px; overflow:hidden;}
.daohang1 ul li{ width:50%; height:38px; float:left; overflow:hidden;}
.daohang1 ul li a{ color:#fff; font-size:14px;}
.daohang2{ width:400px; height:auto; float:left; overflow:hidden; margin-left:100px;}
.daohang2 ul{ width:100%; height:auto; float:left; margin-top:15px; overflow:hidden;}
.daohang2 ul li{ width:100%; height:40px; float:left; overflow:hidden; color:#fff; font-size:14px;}
.daohang3{ width:150px; float:left; overflow:hidden;}
.daohang3 ul{ width:100%; height:auto; float:left; margin-top:15px; overflow:hidden;}
.daohang3 ul li{ width:100%; float:left; text-align:left; color:#d9d9d9; font-size:14px;}
.daohang3 ul li span{ width:100%; line-height:30px; float:left;}
.daohang3 ul li:nth-child(2) span{ text-indent:20px;}
.footer-t{ width:100%; height:60px; line-height:60px; text-align:center; color:#666; font-size:15px; float:left; margin-bottom:70px;}

.bottomhf { background:#0b75be; height:70px; line-height:70px; color:#fff; text-align:center; width:100%; float:left; position:fixed; left:0; bottom:0; font-size:24px; font-weight:bold; z-index:100;}
.bottomhf a{  color:#FEFEFE;}
.bottomhf a:hover{  color:#FFFFCC;}


.stitle{ height: 52px; background: url(../images/lineBg.png) left bottom repeat-x; line-height: 52px;     display: inline-block; width: 100%;  text-align: right; }
.stitle span{ background: url(../images/stitle.png) left center no-repeat; padding-left: 35px; font-weight: 700; font-size: 16px; float: left;}
.stitle a{ margin: 0 5px;}


.sinNav{ display: inline-block; width: 100%;  position: relative; text-align: center;   margin-top: 15px;}

.sinNav h3{  font-weight: 100; line-height: 28px;   z-index: 9; position: relative;}
.sinNav h3 b{ width: 100%; font-weight: 700; display: inline-block; font-size: 32px; color: #ca0000;} 
.sinNav h3 b strong{ color: #DF001F;}
.sinNav span{ line-height: 20px; color: #868686; padding: 0 15px; text-transform: uppercase; background:#fff;  }
.sinNav .bline{ width: 70%; left: 15%; height: 1px; overflow: hidden; background-color:#525252; position:absolute; bottom: 14px; z-index: 0;}



/********************新闻详细**************************/
.xwCom{ padding:0 15px; clear: both;}
.arc_title{ height:35px; line-height:35px; font-size:24px;  font-weight:100; margin-top:15px; color:#d9000b; text-align: center; font-weight:bold;}
.arc_name{ height:42px; line-height:42px; font-weight: 100; text-align: center; font-size:13px; color:#666; border-bottom: 1px solid #dedede;}

.cpdfwt{ margin-top:20px; overflow:hidden;}
.cpdfwt li{ width:50%; float:left; text-align:center; margin-bottom:20px;}
.cpdfwt li img{ max-width:90%;} 

.article_con{ padding: 10px 0; line-height:190%; font-size:16px;} 

.article_con img{ max-width: 90%; display:block; margin-left:auto; margin-right:auto;}
.article_con table{border-right: 1px solid #DEDEDE;border-bottom: 1px solid #DEDEDE; width:1075px; margin:0 auto; text-align:center; font-size:21px;}
.article_con table tr td{ border: 1px solid #3f3f3f; padding: 3px 5px; font-family: 黑体;}
.article_con table tr:first-child { background:rgb(199, 218, 241) !important; }
.article_con table tr:nth-child(10) { background:rgb(199, 218, 241) !important;}
.article_con table tr:nth-child(17) { background:rgb(199, 218, 241) !important;}
 
.fy h2{ height: 32px; line-height: 32px; font-size: 14px; font-weight: 700;}
.fy h2 a{ font-weight: 100; margin: 0 8px;}
.fy ul{ border-top: 1px solid #dedede; float: left; width: 100%; line-height: 24px; padding: 10px 0;}
.fy ul li{ font-size: 14px; font-weight: 600;  width: 100%;  float: left;}
.fy ul li a{ color: #646464;}

.xwList li{ height: 28px; line-height: 28px; text-align: right;}
.xwList li a{ float: left; padding-left: 15px; font-size: 15px;}

.xwList h3{ font-weight: 700;}

.abNav{ background: url(../images/show_dot.png) left top no-repeat; padding-left: 20px; margin-top: 15px;  font-weight: 700; margin-left: -7px;}

.abline{ border-left: 1px solid #656565;  margin-left: 7px; margin-top:20px;}
.abline .article_con{ padding: 10px 20px;}


.fc{ padding:0 0 0 25px}
.fc li{ padding: 0 15px; margin-top: 15px;}
.fc li img{padding:3px; border:0px solid #CCC;-moz-box-shadow:0px 0px 6px #C4C4C4; -webkit-box-shadow:0px 0px 6px #C4C4C4; box-shadow:0px 0px 6px #C4C4C4;}


.bg1{ background-color: #fff; padding:0 15px 20px; display: inline-block; width: 100%;}



.tjNew{ float:left; width:100%;padding:0 10px;}
.tjNew li{ float:left; width:100%; position: relative; padding-bottom:15px; margin-top:15px; border-bottom:1px dashed #ccc; }
.tjNew li img{ float:left; width:250px; height:167px; margin-right:12px;padding:3px; border:0px solid #CCC;-moz-box-shadow:0px 0px 6px #C4C4C4; -webkit-box-shadow:0px 0px 6px #C4C4C4; box-shadow:0px 0px 6px #C4C4C4;}
.tjNew li h3{ height:40px; line-height:40px;  font-size:18px;  font-weight:700;}
.tjNew li h6{ position: relative; top: 40px;  text-align: right;line-height:25px; color:#aaa; }
.tjNew li span{ float: left; }
.tjNew li h6 a{ background-color: #0b75be; color: #fff; padding: 5px 10px;}
.tjNew li h6 a:hover{ background-color: #06612E;}
.tjNew li p{ text-indent:2em; line-height:24px; color:#777; font-size:14px;}  

.w-3 .In_cpfl li{ border: none; padding: 0; margin-bottom: 15px;  }
.w-3 .In_cpfl{ padding-right: 20px; margin-top: 15px;}
.w-3 .In_cpfl li > a{ width: 50%; margin: 0; border-left:none; border-top: none; }
.w-3 .In_cpfl li > a:nth-of-type(2n-1){ border-left: 1px solid #DEDEDE;}



.incpList li{ position: relative;  padding:0 15px; margin-top: 20px; overflow: hidden; height: 100%;z-index: 1; }
.incpList li .cpImg{  position: relative;display: block; padding-bottom: 75%;  }
.incpList .cpImg img{-webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;-ms-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out;}
.incpList li:hover .cpImg img{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}
.incpList .cpName{ background-color:#D9EDF7; text-align: center; width: 100%; float: left; padding: 5px 1%;   z-index: 99;} 
.incpList .cpName h3{font-size: 18px; height: 32px; line-height: 32px; overflow: hidden; font-weight: 700;}
.cpTitle{ position: absolute; text-align: center; width: 100%; height:0;  background: rgba(0,0,0, 0.35); top:0; transition: 0.5s all ease;}
.incpList .cpName h2{ color:#ca0000;}
.incpList li:hover .cpTitle{ top: 0; height: 100%; }
.incpList li:hover .cpName{ background:#ca0000; color: #fff;       }
.incpList li:hover .cpName h2{ color: #fff;}
.incpList li .cpTitle span{ top: -100px;   color: #fff; position: absolute; left:39%; font-size: 20px; font-weight: 100; transition: 0.5s all ease;} 
.incpList li:hover .cpTitle span{top: 100px;}


.cplist li{ padding: 0 10px 30px; margin-top: 10px; text-align: center; position: relative; }
.cplist li .bline{ border: 1px solid #dedede; padding-bottom: 15px; background-color: #fff;}
.cplist li i{ position: absolute; left: 10px; top: 0; width: 27px; height: 41px;}
.cplist li .hot{ background: url(../images/cp1.png) no-repeat;}
.cplist li .hot1{ background: url(../images/cp2.png) no-repeat;}
.cplist li > img{ width: 100%;}
.cplist li h3{ font-size: 18px; font-weight: 700; height: 42px; line-height: 42px;}
.cplist li span{ margin: 0 2px;  padding:2px 5px; color:#FFF;  font-size:16px;}
.cplist li span:nth-of-type(1){  background:#D9534F;}
.cplist li span:nth-of-type(2){ background:#AACE3B; }
.cplist li span:nth-of-type(3){  background:#46B8DA; }
.cplist li span:nth-of-type(4){  background:#F0AD4E; }
.cplist li span:nth-of-type(5){  background:#66CC33;  }



/*产品详细右侧*/
.scpImg{ width: 650px; height: 450px; margin-right: 25px; float: left; overflow: hidden;}
.scpImg img{ width: 650px; height: 450px;/*-webkit-transition: all 0.8s ease-in-out;
   -moz-transition: all 0.8s ease-in-out;  -o-transition: all 0.8s ease-in-out;  -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;*/}
/*.scpImg:hover img {
   -webkit-transform: scale(1.2) rotate(2deg);
   -moz-transform: scale(1.2) rotate(2deg);
   -o-transform: scale(1.2) rotate(2deg);
   -ms-transform: scale(1.2) rotate(2deg);
   transform: scale(1.2) rotate(2deg);
}*/
.cpjs{ float: right; width: 490px;height: 450px; position: relative;}

.cpjs h1{ height: 52px; margin-bottom: 10px; line-height: 52px; font-size: 30px; font-weight:700; color: #555; text-align: center;} 
 .cpjs h3{ text-align: center; padding-bottom: 15px; border-bottom: 1px solid #DEDEDE;}
.cpjs h3 span{ margin: 0 2px; text-align: center;  padding:2px 5px; color:#FFF;  font-size:12px;}
.cpjs h3 span:nth-of-type(1){  background:#D9534F;}
.cpjs h3 span:nth-of-type(2){ background:#AACE3B; }
.cpjs h3 span:nth-of-type(3){  background:#46B8DA; }
.cpjs h3 span:nth-of-type(4){  background:#F0AD4E; }
.cpjs h3 span:nth-of-type(5){  background:#66CC33;  }


.cpjs ul{ margin: 15px 0 0; padding-bottom:20px; border-bottom: 1px solid #ddd;  }
.cpjs ul li{ font-size: 16px; color: #666; height:38px; line-height: 38px;}
.cpjs ul li img{ float: left; margin-top:2px;}
.cpjs .wxImg{ position:absolute; right:5px; width:150px; top:105px;}

.cpjs  h2{ float:left; width:100%; margin-left:10px;   padding:10px 0 0;}
.cpjs  h2 a{ padding-top:80px; float:left; width:88px; margin:0 0 0 25px; background-size:72px; font-size:16px; }
.cpIcon1{ background:url(../images/picon4.png) no-repeat; }
.cpIcon2{ background:url(../images/picon1.png) no-repeat;  }
.cpIcon3{ background:url(../images/picon2.png) no-repeat;  }
.cpIcon4{ background:url(../images/picon3.png) no-repeat;  } 
.cpjs h2 a:hover.cpIcon1{ background:url(../images/icon4.png) no-repeat;background-size:72px; }
.cpjs h2 a:hover.cpIcon2{ background:url(../images/icon1.png) no-repeat; background-size:72px;}
.cpjs h2 a:hover.cpIcon3{ background:url(../images/icon2.png) no-repeat;background-size:72px; }
.cpjs h2 a:hover.cpIcon4{ background:url(../images/icon3.png) no-repeat; background-size:72px;}

.selyh{ background: url(../images/cart.png) #e20100 20px center no-repeat; margin-left: 65px; font-size: 24px; color: #fff; height: 52px; margin-top: 15px; line-height: 52px; float: left; width: 350px; text-align: center;}


.slNav{ height: 38px; line-height: 38px; background-color: #e20100; color: #fff; font-size: 16px;   padding-left: 15px;}
.cpcom table{ border-top: 1px solid #DEDEDE; border-left: 1px solid #DEDEDE; font-size: 14px; }
.cpcom table tr td{ border-right: 1px solid #DEDEDE; border-bottom: 1px solid #DEDEDE; padding: 5px 8px; }

.left{ width: 270px; float: left;}
.sl_Nav{ height: 36px; display: inline-block; width: 100%; line-height: 36px; color: #fff; background:url(../images/licon3.jpg) 5px center #ca0000 no-repeat; font-size: 16px; font-weight: 700; padding-left: 28px; margin-top: 15px;  }
.vid-wrap video{ width: 100%; }

.cplist.wli-1 li{ padding: 0;}
.cplist.wli-1 li span{ padding: 2px 3px;}

.right{ width: 880px; margin-top: 10px;}



.qyry li {   margin: 10px 0;
    padding:0 15px;
   
}
.qyry li div{ background: #FAFAFA; padding: 15px;}
.qyry li:hover div {
    background: #ca0000 none repeat scroll 0 0;
    border-radius: 2px;
    box-shadow: 0 0 8px #ddd;
    color: #FFF;
    transition: box-shadow 0.2s ease-in-out 0s;
} 
.zzsl h4 {
    font-size: 20px;
    line-height: 25px; margin: 15px 0 0;
    font-weight: 700;
    text-align: center;
}
.zzsl p {
    font-size: 13px;
    line-height: 24px;
    color: #6F6F6F;
    text-align: justify;
}
.zzsl:hover p {
    color: #FFF;
} 

.zzsl span{ width: 52px; height: 52px; background-image: url(../images/ry_icon.png); background-repeat: no-repeat; display: block; margin: 0 auto; margin-bottom:15px;}
.qyry li .ry_icon1{ background-position: 10px -1px; }
.qyry li .ry_icon2{ background-position: -58px -1px; }
.qyry li .ry_icon3{ background-position: -120px -1px; }
.qyry li .ry_icon4{ background-position: -58px -70px; }
.qyry li .ry_icon5{ background-position: -120px -70px; }
.qyry li .ry_icon6{ background-position: 10px -70px; }
.qyry li:hover .ry_icon1{ background-position: 10px -134px; background-color:#ca0000; }
.qyry li:hover .ry_icon2{ background-position: -58px -138px; background-color:#ca0000; }
.qyry li:hover .ry_icon3{ background-position: -120px -134px; background-color:#ca0000; }
.qyry li:hover .ry_icon4{ background-position: -58px -208px; background-color:#ca0000; }
.qyry li:hover .ry_icon5{ background-position: -120px -208px; background-color:#ca0000; }
.qyry li:hover .ry_icon6{ background-position: 10px -208px; background-color:#ca0000; }


.imglist li{ padding: 0 20px; text-align: center; margin-top: 15px;}
.imglist li p{ text-align: center; font-size: 16px; height: 38px; line-height: 38px;} 

.frlink{ padding-left: 20px; font-size: 15px; line-height: 24px;}
.frlink .mt1{ padding-bottom: 10px;}


.gsLeft{ background-color: #F0F0F0;border-left: 5px solid #009B4D; padding: 15px 20px;}
/*Pricing Head*/
.lcList{ float: left; width: 30.33%; margin:20px 1.5%;}
.pricing {
    position: relative;
    border-radius: 3px;
    margin-bottom: 15px;
    box-shadow: 0 0 5px #eee;
}
.pricing:hover {
    box-shadow: 0 0 15px #b5b5b5;
}
.pricing:hover h4 {
    color: #55c931;
}
.pricing-head {
    text-align: center;
}
.pricing-head h3,
.pricing-head h4 {
    margin: 0;
    line-height: normal;
    font-weight: bold !important;
}
.pricing-head h3 span,
.pricing-head h4 span {
    display: block;
    margin-top: 5px;
    font-size: 12px;
    font-style: italic;
}
.pricing-head h3 {
    color: #fafafa;
    padding: 12px 0;
    font-size: 35px;
    font-family: Arial;
    background: #0B86D5;
    border-radius: 3px 3px 0 0;
    text-shadow: 0 1px 0 #32a20f;
    border-bottom: solid 1px #41b91c;
}
.pricing-head h4 {
    color: #bac39f;
    padding: 5px 0;
    font-size: 70px;
    font-family: Arial;
    background: #fbfef2;
    text-shadow: 0 1px 0 #fff;
    border-bottom: solid 1px #f5f9e7;
}
.pricing-head h4 i {
    top: -8px;
    font-size: 28px;
    font-style: normal;
    position: relative;
}
.pricing-head h4 span {
    top: -10px;
    font-size: 14px;
    font-style: normal;
    position: relative;
}




/*Pricing Content*/

.pricing-content {
    margin-top: 10px;
}
.pricing-content li {
    color: #888;
    font-size: 13px;
    padding: 7px 15px;
    border-bottom: solid 1px #f5f9e7;
}
.pricing-content li i {
    top: 2px;
    color: #72c02c;
    font-size: 16px;
    margin-right: 5px;
    position: relative;
}




/*Pricing Footer*/

.pricing-footer {
    color: #777;
    font-size: 11px;
    line-height: 17px;
    text-align: center;
    padding: 0 20px 19px;
    border-radius: 0 0 3px 3px;
}
.pricing-footer a,
.pricing-footer button {
    color: #fff;
    border: none;
    margin-top: 5px;
    font-size: 16px;
    padding: 6px 15px;
    text-align: center;
    border-radius: 2px;
    background: #55c931;
    display: inline-block;
    text-transform: uppercase;
    text-shadow: 0 1px 0 #38b312;
    border-bottom: solid 2px #41b91c;
}
.pricing-footer a:hover,
.pricing-footer button:hover {
    cursor: pointer;
    background: #40ba1a;
    text-decoration: none;
    box-shadow: 0 0 3px #999;
}




/*Priceing Active*/

.price-active,
.pricing:hover {
    z-index: 9;
    margin-top: -15px;
    box-shadow: 0 0 15px #b5b5b5;
}
.price-active h4 {
    color: #55c931;
}
.no-space-pricing .pricing:hover {
    -webkit-transition: box-shadow 0.3s ease-in-out;
    -moz-transition: box-shadow 0.3s ease-in-out;
    -o-transition: box-shadow 0.3s ease-in-out;
    transition: box-shadow 0.2s ease-in-out;
}
.no-space-pricing .price-active .pricing-head h4,
.no-space-pricing .pricing:hover .pricing-head h4 {
    color: #55c931;
    padding: 15px 0;
    font-size: 80px;
    -webkit-transition: color 0.5s ease-in-out;
    -moz-transition: color 0.5s ease-in-out;
    -o-transition: color 0.5s ease-in-out;
    transition: color 0.5s ease-in-out;
}
.hover-effect {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}