﻿@charset "utf-8";
#wapper1{ width: 1200px;}

.bottom{ background-color: #027ec3;  color: #fff; height: 52px;  float: left; width: 100%; z-index:999;}
.bottom h3{font-size: 18px; font-weight: 100; line-height: 52px;}



.inNav{ text-align: center; margin:15px 0; display: inline-block; width: 100%;}

.In_cpfl2 li{ border-right: none; margin-bottom: 0;}
.inbanner{ width: 100%; overflow: hidden; margin-top: 10px; }
.inbanner img{ width:100%;}
.incpList li{ position: relative; float: left; width: 25%;padding:0 15px; margin: 15px 0 5px; overflow: hidden; height: 100%;z-index: 1; }
.incpList li>a{  position: relative;display: block;width: 100%;height: 0;overflow: hidden;padding-bottom:66%;}
.incpList .flImg{display: block;max-width: 100%;height: auto;}
.incpList h3{ background-color:#027ec3; text-align: center; width: 100%; float: left;  height: 45px; line-height: 45px; color: #fff; font-size: 18px;    z-index: 99;} 
.cpTitle{ position: absolute; text-align: center; width: 100%; height:0;  background: rgba(0,0,0, 0.45); top: 100%; transition: 0.3s all ease;}
.incpList li:hover .cpTitle{ top: 0; height: 100%; }
.incpList li:hover h3{ background:#027ec3; color: #ffff00;}
.incpList span{  margin-top: 20%; color: #fff; position: absolute; left:40%; font-size: 20px; line-height: 44px; font-weight: 100;} 

.gsBg{ background: url(../images/index-about.jpg) center center no-repeat; display: inline-block; width: 100%; padding-bottom: 30px;}

.xwLeft{ float: left; width: 570px; height: 360px;  position: relative; } 

.xwRlist{ float:right; width: 620px;}
.xwRlist li{ float: left; width: 100%; padding: 10px; border-radius: 5px; margin-bottom:10px; background-color: #fff;filter:alpha(opacity=60);opacity:0.6 }
 
.xwRlist li h3{ height: 35px;font-weight: 100; text-align: right; line-height: 35px; }
.xwRlist li h3 a{ color: #333; float:left; font-size: 18px; font-weight: 700;}
.xwRlist li h3 a:hover{ color: #D20808;} 
.xwRlist li p{ line-height: 24px; height: 24px;  font-size: 13px; color: #545454;word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
 

/*首页程力优势 */
.ys{ background: url(../images/ysimg.jpg) center center no-repeat; display: inline-block; width: 100%; height: 212px;}
.youshi {    border-right: 1px solid #dedede;    border-left: 1px solid #dedede;    height: 430px;}
.youshi h2 {    font-size: 32px;    height: 70px;    line-height: 50px;    margin: 0;
    padding: 0 0 0 36px;    border-bottom: 1px solid #dedede;}
.youshi h2 span {   color: #f00;   font-size: 36px;   height: 70px;  line-height: 70px;}
.youshi p {    line-height: 25px;   text-align: justify;   padding: 10px;  font-size:13px;}
.youshi img{ width: 100%; height: auto;}
.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;}
.post-item {    box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1) inset;}

.stitle{ height: 52px; background: url(../images/linebg.png) bottom left repeat-x; line-height: 52px;   font-size: 18px; color: #666; font-weight: 700; display: inline-block; width: 100%;}
.stitle span{ background: url(../images/stitle.png) left center no-repeat; padding-left: 35px;}

/*产品分类*/ 
.cpNav li{ height: 45px; line-height: 45px; text-align: center; padding:0 5px; margin: 5px 0; font-size: 15px; position: relative;}
.cpNav li>a{ background-color: #027ec3; font-weight: 700; color: #fff; display: inline-block; width: 100%;}
.cpNav li>a:hover{ background-color: #0D75BE;}
.cpNav li .sub01{ position: absolute; display: none; left: 0; width: 100%; background-color: #fff; top: 45px; z-index: 8;}
.cpNav li .sub01 a{ background-color: #fff; color: #323232; border-bottom: 1px solid #dedede;}
.cpNav li .selOn{ background-color:#FF8C00; }



.scpfl li{ margin-top: 15px; text-align:center; height: 380px;  font-size:14px; padding:0 15px;    }
.cpImg{ width: 100%; height: 224px; overflow: hidden;}
.cpImg img{ width: 100%; -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;}
.cpImg: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)  ;
} 
 
.cp{  padding: 20px 1%; height: 98px;   	   overflow: hidden;    z-index: 2;  bottom: 0%;  
    display: block; background-color: #b7d7fa;  transition: all 0.8s ease;
    -webkit-transition: all 0.8s ease;   }

.scpfl li h3{ height:38px;overflow:hidden;font-weight:700;font-size:20px; line-height:38px;}
 
.scpfl li h2{ color: #d20808;height: 28px; line-height: 20px; font-size: 20px; font-weight: 700;}


.scpfl li:hover .cp{ background-color:#027ec3;  }
.scpfl li:hover .cp h3 a,.scpfl li:hover .cp h2{ color: #fff;     }

/*产品详细*/ 


.tjNew{ float:left; width:100%;padding:0 10px;}
.tjNew li{ float:left; width:100%; 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 span{ background:url(../images/icons2.png) left center no-repeat; line-height:25px; color:#aaa; padding-left:20px;}
.tjNew li p{ text-indent:2em; line-height:24px; color:#777; font-size:14px;}  

/********************新闻详细**************************/
.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;}
.arc_name{ height:42px; line-height:42px; font-weight: 100; text-align: center; font-size:13px; color:#666; border-bottom: 1px solid #dedede;}
 

.article_con{ padding: 15px 0; line-height:190%; font-size:16px;} 
 
 
.fy ul{ border-top: 1px solid #dedede; float: left; width: 100%; line-height: 30px;}
.fy ul li{ font-size: 15px; width: 50%; float: left;}
.fy ul li a{ color: #646464;}