/* banner */
/* ---------------mainBody_01-------------------------------  */
.banner{width:100%; min-width: 1200px; position:relative;  height:550px; }	
.banner .bd{margin:0 auto; position:relative; z-index:0; overflow:hidden;}	
.banner .bd ul{width:100% !important;}	
.banner .bd li{width:100% !important;height:550px; overflow:hidden; text-align:center;}	
.banner .bd li a{display:block; height:550px;}	
.banner .hd{width:100%;  position:absolute; z-index:1; bottom:10px; left:0; height:30px; line-height:30px;}	
.banner .hd ul{ text-align:center;}	
.banner .hd ul li {cursor:pointer; display:inline-block;  zoom:1; width:42px; height:15px; margin:1px 3px; overflow:hidden; background:#000;filter:alpha(opacity=50);opacity:0.5;  line-height:999px; 	}
.banner .hd ul li.on{background:#e60015;}
.banner .prev,.banner .next{  position:absolute; z-index:1; top:50%; margin-top:-30px; left:15%;   width:40px; height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;  cursor:pointer; filter:alpha(opacity=50);opacity:0.5; display:none;  }
.banner .next{left:auto; right:15%; background-position:-6px -137px;}



.indexbanner{width: 100%;overflow: hidden;position: relative;}

.index_pro{ background-color:#f3f3f3; padding:60px 0px;}
.index_pro h2{text-align: center;font-size: 30px;color: #252525;line-height: 40px;font-weight: normal;position: relative;z-index: 1;padding-bottom: 50px;}
.index_pro h2 a{display: block;;}

.index_pro h2 span{color: #006eb0;font-weight: bold;}
.index_pro h2 em{display: block;margin-top: 15px;font-size: 16px;color: #333;line-height: 20px;}
.index_pro h2 em i{color: #D0D0D0;font-weight: lighter;margin: 0 2px;}
.index_pro .slick_tui .item
{
    float: left;

    width: 25%;
    height: 299px;

    background: #fff;
}

.index_pro .slick_tui .item:nth-child(2){
    background: #e3f1fe;
}
.index_pro .slick_tui .item:nth-child(4){
    background: #e3f1fe;
}

.index_pro .slick_tui .item a
{
    display: block;

    height: 100%;
}

.index_pro .slick_tui .item .lin
{
    position: relative;

    height: 100%;
    padding-top: 33px;
    padding-left: 30px;
}

.index_pro .slick_tui .item:first-child .lin p
{
    padding-right: 150px;
}

.index_pro .slick_tui .item .lin h3
{
    font-family: 'Microsoft PhagsPa', 'Arial';
    font-weight: bold;
    line-height: 1.3;
	font-size:18px;

    margin-bottom: 11px;

    color: #666;
}

.index_pro .slick_tui .item .lin p
{
    font-family: 'Microsoft PhagsPa', 'Arial';
    font-size: 12px;
    line-height: 21px;

    overflow: hidden;

    height: 84px;
    padding-right: 150px;

    letter-spacing: .2px;
    text-transform: uppercase;

    color: #999;
}

.index_pro .slick_tui .item .lin .moreh
{
    font-family: 'Kalinga', 'Arial';
    line-height: 35px;

    width: 120px;
    height: 35px;
    margin-top: 79px;

    -webkit-transition: all .3s ease-out 0s;
       -moz-transition: all .3s ease-out 0s;
        -ms-transition: all .3s ease-out 0s;
         -o-transition: all .3s ease-out 0s;
            transition: all .3s ease-out 0s;
    text-align: center;
    text-transform: uppercase;

    color: #336799;
    border: 1px solid #336799;
}

.index_pro .slick_tui .item .lin img
{
    position: absolute;
    right: 0;
    bottom: 48px;

    max-width: 55.23%;
}

.index_pro .slick_tui .item a:hover .moreh
{
    color: #fff;
    background: #336799;
}

.index_pro .slick_tui .slick-dots
{
    bottom: 15px;
}

.index_pro .slick_tui .slick-dots li
{
    width: 12px;
    height: 12px;
    margin: 0 10px;

    border-radius: 50%;
    background: #fff;
    background: #53c4a8;
}

.index_pro .slick_tui .slick-dots li.slick-active
{
    -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);

    background: #53c4a8;
}


.shipin {width:100%; min-width: 1400px; padding-top:50px; overflow:hidden;}
.shipin h2{text-align: center;font-size: 30px;color: #252525;line-height: 40px;font-weight: normal;position: relative;z-index: 1;padding-bottom: 50px;}
.shipin h2 a{display: block;;}

.shipin h2 span{color: #006eb0;font-weight: bold;}
.shipin h2 em{display: block;margin-top: 15px;font-size: 16px;color: #333;line-height: 20px;}
.shipin h2 em i{color: #D0D0D0;font-weight: lighter;margin: 0 2px;}
.shipin .spbox{ overflow:hidden; width:100%; height:710px;position:relative; }
.shipin ul{ overflow:hidden; width:1200px; margin:20px auto; height:110px; position:relative; z-index:1}
.shipin li{ float:left; overflow:hidden; width:299px; border-right:1px solid #fff; height:110px;}
.shipin .last{ border:none}
.shipin li h3{ text-align:center; font-weight:normal; font-size:24px; color:#006eb0; margin:25px 0 15px 0}
.shipin li p{ text-align:center; font-size:14px; color:#fff;}
.shipin img.bf{ display:block; margin:130px auto 100px auto; cursor:pointer; position:relative; z-index:1}
.shipin .spbox span{ display:block; text-align:center; font-size:15px; color:#fff; line-height:28px;position:relative; z-index:1}
.shipin img.bg{ display:block; position:absolute; left:50%; top:0; margin-left:-960px; z-index:0; transition:all 1s ease; -moz-transition:all 1s ease; -o-transition:all 1s ease;-webkit-transition:all 1s ease;-ms-transition:all 1s ease;}
.shipin .bf:hover + img{ transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5);-webkit-transform:scale(1.5);}
.shipin .sp{ width:900px;  border:5px solid #fff; position:absolute; z-index:5; left:50%; top:50px; margin-left:-450px; background-color:#000; display:none; border-radius:5px;}
#vide_show {
    width: 100%;
    /*height: auto;*/
	height: 460px;
}

.shipin .sp .close{ display:block; position:absolute; cursor:pointer; right:-35px; top:-5px}

.index_news{ width:100%; min-width: 1400px; padding-top:50px; overflow:hidden; padding-bottom:50px;}
.index_news h2{text-align: center;font-size: 30px;color: #252525;line-height: 40px;font-weight: normal;position: relative;z-index: 1;padding-bottom: 50px;}
.index_news h2 a{display: block;}

.index_news h2 span{color: #006eb0;font-weight: bold;}
.index_news h2 em{display: block;margin-top: 15px;font-size: 16px;color: #333;line-height: 20px;}
.index_news h2 em i{color: #D0D0D0;font-weight: lighter;margin: 0 2px;}

.index_news .hd{width: 100%;  margin-bottom: 10px;text-align: center;}

.index_news .hd .li1{background:url(../images/newx.png) no-repeat right center;}
.index_news .hd  a{display: inline-block;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
height: 40px;
line-height: 40px;
padding: 0 38px;
background: #e7e7e8;
margin: 0 20px;
font-size: 16px;
color: #454545;}

.index_news .hd a.on{color: #fff; background-color:#006eb0}

.index_news .bd dl{ float:left; margin-left:40px;}
.index_news .bd dl:nth-child(2n){ margin-right:0px;}
.index_news .bd dl{background: #fff; width:578px;height: 108px;overflow: hidden; background-color:#fafafa;border: #ebebeb 1px solid;margin-top: 30px;}
.index_news .bd dt{float: left;width: 112px;border-right: #ebebeb 1px solid;height: 78px;text-align: center; font-size: 14px;color: #666;font-family:Arial, Helvetica, sans-serif;line-height: 34px;padding: 30px 0 0;}
.index_news .bd dt b{color: #333;}
.index_news .bd dd{width: 420px;padding: 12px 0 0 15px;float: left;}
.index_news .bd dl:hover{box-shadow: 0 3px 10px 3px rgba(0,0,0,0.1);}

.index_news .bd dt b{display: block;font-size: 50px;}

.index_news dl dd h5{height: 30px;line-height: 30px;overflow: hidden;font-weight: normal;}
.index_news dl dd h5 a{font-size: 16px;color: #333;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;width: 100%;}
.index_news dl dd h5 a:hover{ color: #006eb0;}
.news_desc{font-size: 14px; color: #666; line-height: 22px; height: 44px; overflow: hidden;padding: 5px 0 0;} 


/*首页解决方案*/
.jiejuefangan{ padding:80px 0px; background:#336799; min-height:420px;}
.jiejuefangan .jjtitle{ line-height:50px; font-size:32px; color:#fff;}

.jiejueBox{ margin-top:40px;}
.jiejueBox .hd{ float:left; width:200px;}
.jiejueBox .hd ul li{ width:200px; height:45px; color:#fff; line-height:45px; font-size:13px; text-align:center; margin-bottom:15px;}
.jiejueBox .hd ul li.on{ background-color:#E40114;}
.jiejueBox .hd ul li a{ color:#fff;}

.jiejueBox .bd{ margin-left:43px; float:left; padding-left:43px; width:1110px; border-left:1px solid #2a5178;}
.jiejuecon{}
.jiejuecon h2{ font-size:22px; color:#fff; font-weight:bold; margin-bottom:20px;}
.jiejuecon .falist{ color:#ccc; line-height:28px; padding-bottom:20px; border-bottom:1px solid #2a5178;}
.jiejuePro{ margin-top:20px;}
.jiejuePro ul li{ position:relative; float:left; margin-right:30px;}
.jiejuePro ul li:last-child{ margin-right:0px;}
.jiejuePro ul li .jiejueproImg{ width:255px; height:185px;}
.jiejuePro ul li .jiejueproImg img{width:255px; height:185px;}
.jiejuePro ul li .jiejueproTitle{ position:absolute; height:30px; line-height:30px; background-color:rgba(0,0,0,0.5); width:255px; color:#fff; bottom:0px; text-align:center; font-size:13px;overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;}


.indexCase{ background-color:#e3f1fe; position:relative; height:300px;}
.indexCaseBox{ position:absolute; top:-100px;box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15); width:1400px; background-color:#fff;}
.indexCaseBox .indexCase_head{ height:50px; line-height:50px; border-bottom:2px solid #336799; padding:0px 10px; }
.indexCaseBox .indexCase_head h1{ font-weight:bold; font-size:18px; float:left;}
.indexCaseBox .indexCase_head a.indexCase_more{ float:right; display:block; font-size:12px; color:#336799;}

.indexCaseCon{ padding:20px 20px;}
.indexCaseCon ul li{ float:left; margin-right:20px;}
.indexCase_img{ width:325px; height:215px;}
.indexCase_img img{ width:325px; height:215px;}
.indexCase_txt{ line-height:30px; text-align:center;}