﻿.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
}
.biaoti
{
   padding-top: 55px;
   padding-bottom: 30px;
   position: relative;
}
.tc{ text-align:center;}

.biaoti .title {
    font-size: 34px;
    color: #000000;
    text-align: center;
    margin-bottom: 6.5px;
    font-weight: normal;
}
.biaoti .fadeInUp {
    font-size: 14px;
}
.biaoti p, .biaoti .p, .product_compre .biaoti p {
    font-size: 14px;
    color: #555;
}




.slide_c  ._msk { transition:all 0.3s ease; -webkit-transition:all 0.3s ease; }
.rolling .rolling_box .is_animated.revealed {transform: none;}
/*翻入式动画*/
.rolling  .rolling_box {
    -webkit-perspective:1300px;
    -o-perspective:1300px;
    -ms-perspective:1300px;
    perspective:1300px;
    -webkit-transform-style:preserve-3d;
    -o-transform-style:preserve-3d;
    -ms-transform-style:preserve-3d;
    transform-style:preserve-3d;
}
.rolling .rolling_box .is_animated {
    -webkit-transition-duration:1.2s;
    -webkit-transition-property:-webkit-transform,opacity;
    -webkit-transition-delay:.15s;
    -webkit-transition-timing-function:'ease-in-out';
    -moz-transition-duration:1.2s;
    -moz-transition-property:all;
    -moz-transition-delay:.15s;
    -moz-transition-timing-function:'ease-in-out';
    -o-transition-duration:1.2s;
    -o-transition-property:transform,opacity;
    -o-transition-delay:.15s;
    -o-transition-timing-function:'ease-in-out';
    -ms-transition-duration:1.2s;
    -ms-transition-property:transform,opacity;
    -ms-transition-delay:.15s;
    -ms-transition-timing-function:'ease-in-out';
    transition-duration:1.2s;
    transition-property:transform,opacity;
    transition-delay:.15s;
    transition-timing-function:'ease-in-out';
    -webkit-transform:rotatex(-80deg) translateZ(0);
    -ms-transform:rotatex(-80deg) translateZ(0);
    transform:rotatex(-80deg) translateZ(0);
    -webkit-transform-origin:0 0 0;
    -ms-transform-origin:0 0 0;
    transform-origin:0 0 0;
    opacity:0
}
.rolling .rolling_box .is_animated.revealed {
    -webkit-transform:rotatex(0) translateZ(0);
    -ms-transform:rotatex(0) translateZ(0);
    transform:rotatex(0) translateZ(0);
    opacity:1
}


.rolling .rolling_box .tansDelay00{transition-delay: 0s;-webkit-transition-delay: 0s;}
.rolling .rolling_box .tansDelay200{transition-delay: .2s;-webkit-transition-delay: .2s;}
.rolling .rolling_box .tansDelay400{transition-delay:.4s;-webkit-transition-delay: .4s;}
.rolling .rolling_box .tansDelay600{transition-delay: .6s;-webkit-transition-delay: .6s;}
.rolling .rolling_box .tansDelay800{transition-delay: .8s;-webkit-transition-delay: .8s;}
.rolling .rolling_box .tansDelay1000{transition-delay: 1s;-webkit-transition-delay: 1s;}

/*产品方案左侧*/
.iprt01_btm .lt_box {
    float: left;    
    width: 34%;
}

.iprt01_btm .lt_box .con_wrap {
    background-image: url(../images/index05.jpg);
    background-position: center top;
    background-repeat: no-repeat;
}
.rect-11980 {
    padding-bottom: 117.8%;
}
*[class*="rect-"] {
    position: relative;
    display: block;
    width: 100%;
    height: 0;
    overflow: hidden;
}
.iprt01_btm .lt_box ._con {
    padding: 20% 12% 0 13.4%;
}
.iprt01_btm .lt_box ._con ._tt {
    margin-bottom: 24px;
    font-size: 31px;
    line-height: 1;
    color: #f6d1cb;
}
.iprt01_btm .lt_box ._con ._tt a {
    color: #fff;
}
.iprt01_btm .lt_box ._con ._desc {
    margin-bottom: 15.3%;
    font-size: 14px;
    line-height: 1.9;
    color: #dde2ed;
}
.uni_more_btn.btn_wd_white {
    color: #ffffff;
    background-color: transparent;
    border: #ffffff 1px solid;
}
.uni_more_btn {
    color: #000000;
    border: #fdf002 1px solid;
    width: 245px;
    text-align:center;
    line-height: 3;
}
.uni_more_btn, .uni_more_btn:hover {
    color: #fff;
    display: inline-block;
    border: #64bbca 1px solid;
    width: 245px;
    text-align: center;
    background-color: #64bbca;
}


/*产品方案 右侧*/
.iprt01_btm .rt_box {
    float: left;
    width: 66%;
}
.iprt01_btm .rt_box ._slide_con {
    padding-bottom: 60.5%;
    height: 0;
    overflow: hidden;
}
.slide_wrap {    
    width: 100%;
}
.slide_c {
    position: relative;
    width: 49%;
    height: 232px;
    overflow: hidden;
    background-color:Blue;
    float:left;
    margin-left:1%;
    
}
.slide_c img {
    max-width: none;
}
.mar_btm1{margin-bottom:1%;}


.rect-60 {
    padding-bottom: 60%;
}
*[class*="rect-"] {
    position: relative;
    display: block;
    width: 100%;
    height: 0;
    overflow: hidden;
}
*[class*="rect-"] ._full {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.slide_c ._con {
    position: absolute;
    padding: 12.6% 9% 0 9%;
    color: #ffffff;
    top: 1px;
}
.slide_c  ._con ._tt {
    margin-bottom: 2px;
    font-size: 24px;
}
.slide_c ._desc {
    font-size: 14px;
    color: #ffffff;
}
.slide_c ._msk {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    bottom: 0;
    background: rgba(100,187,202,.90);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#e6fff100,endcolorstr=#e6fff100);
}


.slide_c ._tt {
    margin-bottom: 2px;
    font-size: 24px;
}

.slide_c:hover ._msk { top:0; }
.slide_c  ._msk_con { padding:11.6% 9% 0 9%; }
.slide_c  ._msk ._tt { color:#000000; }
.slide_c  ._msk ._desc { margin-bottom:16px; color:#686201; }
.slide_c  ._msk ._com_list { color:#000000; }
.slide_c  ._msk ._com_list > a { display:block; }

.imgZoom {
    overflow: hidden;
}
.imgZoom img {
    -moz-transition: all .8s ease 0s;
    -ms-transition: all .8s ease 0s;
    -o-transition: all .8s ease 0s;
    -webkit-transition: all .8s ease 0s;
    transition: all .8s ease 0s;
}


/*工程案例*/

.iprt02_con { position:relative; height:595px; overflow:hidden; background-color:#F5F6F0; }
.iprt02_con .pic_wrap { position:absolute; top:0; left:0; width:100%; height:336px; overflow:hidden; }
.iprt02_con .pic_wrap img { position:absolute; top:0; left:50%; margin-left:-960px; width:1920px; max-width:none; }
.iprt02_con ._txt_wrap { position:relative; padding-top:377px; color:#ffffff; }
.iprt02_con ._lt_box { float:left; width:49%; }
.iprt02_con ._txt_wrap ._tt { margin-bottom:5px; line-height:1; font-size:38px; font-weight:bold; }
.iprt02_con ._txt_wrap ._type { font-size:13px; }
.iprt02_con ._txt_wrap ._desc { margin-bottom:70px; height:3.6em; line-height:1.8em; overflow:hidden; font-size:14px; }
.iprt02_con ._txt_wrap ._params { margin-bottom:23px; width:100%; }
.iprt02_con ._txt_wrap ._params ._li { float:left; }
.iprt02_con ._txt_wrap ._params .number { /*font-family:Impact,sans-serif;*/ font-size:18px; /*font-weight:bold;*/ color:#FF6F01; }
.iprt02_con ._txt_wrap ._params .num_title { font-size:14px; font-weight:bold; color:#000000; }
.iprt02_con  ._rt_box { float:right; padding-top:4%; padding-right:2%; width:58%; }
.iprt02_con ._txt_wrap ._params ._li {
    position: relative;
    width: 30%;
    text-align: center;
    border-right:1px solid #e2e2e2;
}
.iprt02_con ._rt_box  
{
    float:right; 
    width:39%; 
    height:555px;
    background:url(../images/mc_img.png) no-repeat right center; 
    background-size:80% auto;
    -moz-background-size:80% auto;
}
.uni_more_btn2 {
    color: #fff;
    border: #E88600 1px solid;
    width: 245px;
    text-align:center;
    line-height: 3;
    display: inline-block;
    background-color: #E88600;
}
.uni_more_btn2:hover {
    color: #fff;
    display: inline-block;
    width: 245px;
    text-align: center;
    border: #64bbca 1px solid;
    background-color: #64bbca;
}

.pic-list{ margin:0 auto; *display:inline-block; width:1200px;}
.pic-list:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.pic-list li{ position:relative; _display:inline; float:left; margin:15px 0 0 0px; width:385px; height:290px; overflow:hidden; background:#F1F1F1; }
.pic-list.high li{ height:370px; }
.pic-list img{ width:385px; height:220px;}
.pic-list .wspace{ margin-left:18px;margin-right:18px;}
.pbox2 ._n { display:block; width:100%; height:40px; line-height:35px; font-size:18px; font-weight:normal; text-align:left; white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.pbox2 ._mask { width:100%; height:150px; text-align:left; background-color:#F1F1F1;/* background:url(/images/orange.png);*/}
.pbox2 ._mask a { display:block; color:#333; padding:10px 5%; }

.pbox2 ._mask ._tag {display:inline-block;font-size:16px;border-bottom:#fff 1px solid;line-height:40px;}
.pbox2 ._mask ._n { display:block; margin-bottom:5px;  color:#333;}
.pbox2 ._mask ._text {font-size:13px;line-height:1.8em;max-height:5.4em;overflow:hidden;}
.pbox2 ._mask ._more { display:inline-block; width:auto; height:42px; line-height:42px; background:#d95204; color:#ffffff; padding:0 50px; font-size:14px; }



/*工程案例*/
.index_news
{
    width:100%;}
    
.index_news .slideBoxNews{ width:780px; height:300px; overflow:hidden; float:left;/* border:1px solid #ddd; */ }
.index_news .slideBoxNews .news-pic{ height:100%; width:400px; z-index:0; float:left;}
.index_news .slideBoxNews .news-pic img{ width: 400px; height:300px; }
.index_news .slideBoxNews .news-text{ width:300px; float:right; padding:0 40px;}



.index_news .slideBoxNews .news-text a{  color:#333; text-decoration:none;}
.index_news .slideBoxNews .news-text .title{ width:100%; color:#0654A9;font-size:16px; line-height:30px;  font-weight:normal; text-align:left; display:block; }
.index_news .slideBoxNews .news-text .newsmsg{height:120px; overflow:hidden; line-height:24px; margin-top:10px;color:#7A7A7A; margin-top:10px;margin-bottom:30px; }
.index_news .slideBoxNews .news-text .more{ border:1px solid #A8A8A8; line-height:36px; text-align:center; padding:10px 25px; }
.index_news .slideBoxNews .news-text .more:hover{ background-color:#f2f2f2; }


.index_news .newslist{ float:right; width:420px; height:300px;overflow:hidden;}
.index_news .newslist ul{ width:100%; list-style:none;}
.index_news .newslist ul li{ float:left; height:126px;  padding-top:20px;margin-bottom:15px; border-top:1px solid #C6C6C6;}
.index_news .newslist ul li .newstitle{ width:99%; height:20px; padding:0 15px;}
.index_news .newslist ul li .newstitle a{color:#464445; text-decoration:none; padding-left:15px; line-height:20px; background:url(../images/title_icon.png) no-repeat left center;}
.index_news .newslist ul li .newstitle .newsmsg{ width:100%; height:54px; overflow:hidden; line-height:27px; color:#818181;text-indent:1em;}