body{}

.banner{position:relative; width:100%; min-width:1200px; height:460px; background-color:#6997d1; margin-top:120px;}
#banner_main{position:relative; width:100%; height:460px;}
#banner_main li{display:none; position:absolute; top:0; left:0; width:100%; height:100%; background-position:center 0; background-repeat:no-repeat;}
#banner_main li a{height:100%; display:block;}
#indicator{position:absolute; bottom:0; left:0; width:100%; height:65px; line-height:65px; text-align:center;}
#indicator li{display:inline-block; *display:inline; *zoom:1; margin:0 10px; width:10px; height:10px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; cursor:pointer; background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg); transform:rotate(45deg);}
#indicator li.act{background:#2b84d9;}
#indicator li i{position:absolute; left:50%; top:50%; background:#2b84d9; width:10px; height:10px; display:block; margin-left:-5px; margin-top:-5px; -webkit-transform:scale(0); -moz-transform:scale(0); transform:scale(0);  -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}

#indicator li.act i{-webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1);}

.con_box{overflow:hidden; padding:70px 0; background:url(../img/pic01.jpg) no-repeat center;}
.con{width:1200px; margin:auto; overflow:hidden;}
.con02{width:1200px; margin:auto; overflow:hidden;}


.industry{ float:left; width:790px; height:440px; background:url(../img/pic02.jpg) no-repeat; overflow:hidden; position:relative;}
.industry h2{margin-top:20px; color:#fff; font-size:22px; font-weight:bold; padding:0 30px;}
.industry ul{margin-top:156px; overflow:hidden;}
.industry ul li{float:left; min-width:100px; margin:0 28px; text-align:center;}
.industry ul li picture{ width:100px; height:100px; border:1px solid #fff; border-radius:50%; overflow:hidden; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; margin-bottom:10px;}
.industry ul li a{height:100%; display:block; font-size:16px; color:#fff;}
.industry ul li a:hover{color:#fff;}
.industry ul li a:hover picture{border-color:#2b84d9; background:#2b84d9;}
.industry .industry_more{position:absolute; bottom:0; left:0; display:block; text-align:center; width:100%; line-height:70px; height:70px; font-size:16px; background:url(../img/pic10.png) repeat-x top; color:#fff; overflow:hidden;}
.industry .industry_more i{width:18px; height:16px; background:url(../img/pic09.png) no-repeat center; display:inline-block; *display:inline; *zoom:1; margin-left:6px;}

.pro{width:390px; height:440px; background:#fff; float:right;}
.pro .title{overflow:hidden; width:330px; margin:auto; border-bottom:1px solid #ddd;}
.pro .title h2{float:left; color:#2b84d9; font-size: 22px; line-height:60px; font-weight:bold;}
.pro .title a{float:right; background:url(../img/pic11.png) no-repeat right center; line-height:60px; padding-right:18px;}
.pro .title a:hover{background-image:url(../img/pic12.png);}
.pro ul{margin:auto; width:330px;}
.pro ul li{overflow:hidden; height:41px; -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s; }
.pro ul li.act{height:275px;}
.pro ul li a{display:block; height:100%;}
.pro ul li a h2{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-right:15px; font-size:16px; line-height:40px; height:40px; border-bottom:1px dotted #ccc; background:url(../img/nav01.png) no-repeat 95% center; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.pro ul li a picture{padding:20px 0; height:168px; overflow:hidden; border-bottom:1px dotted #ccc;}
.pro ul li a picture img{width:100%; -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s;}
.pro ul li a:hover picture img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);};

.pro ul li a:hover h2,.pro ul li.act a h2{color:#2b84d9; background-image:url(../img/pic13.png);}


.com{float:left; width:590px; height:206px; background:#fff; margin-bottom:20px;}
.com h2{width:530px; margin:auto; overflow:hidden; font-size:22px; color:#2b84d9; font-weight:bold; line-height:60px; height:60px;}
.com div{width:530px; margin:auto; overflow:hidden; height:90px; border-bottom:1px dotted #ccc;}
.com div a{font-size:18px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.com div aside{font-size:13px; color:#999; display:block; margin:10px 0;}
.com ul{width:530px; margin:auto; overflow:hidden; height:56px; line-height:56px;}
.com ul li{position:relative; display:inline-block; *display:inline; *zoom:1; margin:0 8px; width:6px; height:6px; cursor:pointer; background:#fff; border:2px solid #ccc; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; -webkit-transform:rotate(45deg);-moz-transform:rotate(45deg); transform:rotate(45deg);}

.com ul li i{position:absolute; left:50%; top:50%; background:#2b84d9; width:6px; height:6px; display:block; margin-left:-5px; margin-top:-5px; border:2px solid #2b84d9; -webkit-transform:scale(0); -moz-transform:scale(0); transform:scale(0);  -webkit-transition:0.2s; -moz-transition:0.2s; transition:0.2s;}

.com ul li.act i{-webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1);}

.subject{float:right; width:590px; height:206px; background:#fff; margin-bottom:20px;}
.subject a{display:block; height:100%;}
.subject picture{float:left; width:302px; height:172px; overflow:hidden; margin:10px auto auto 5px; }
.subject picture img{width:100%; -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s;}
.subject:hover picture img{-webkit-transform:scale(1.04); -moz-transform:scale(1.04); transform:scale(1.04);}

.subject article{float:right; width:250px; margin-right:22px;}
.subject article h2{overflow:hidden; font-size:22px; color:#2b84d9; font-weight:bold; line-height:60px; height:60px;}
.subject article div{overflow:hidden; height:90px; border-bottom:1px dotted #ccc;}
.subject article div p{font-size:18px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.subject article div aside{font-size:13px; color:#999; display:block; margin:10px 0;}
.subject article span{display:block; margin-top:20px; color:#999; font-size:12px; background:url(../img/pic15.png) no-repeat 60px center;}
.subject a:hover article span{color:#2b84d9; background-image:url(../img/pic16.png); background-position:70px center;}

.video, .periodical{position:relative; width:285px; height:280px; float:left; overflow:hidden; }
.video h2 , .periodical h2 , .case h2{position:absolute; left:0; bottom:0; width:100%; height:80px; line-height:80px; font-size:22px; color:#fff; text-align:center; font-weight:bold;}
.video a , .periodical a , .case a{position:absolute; left:0; top:0; display:block; height:100%; width:100%;}

.periodical{ margin:0 20px;}
.case{position:relative; width:590px; height:280px; float:left; overflow:hidden;}

.video img , .periodical img , .case img{width:100%; -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s;}
.video:hover img , .periodical:hover img , .case:hover img{-webkit-transform:scale(1.04); -moz-transform:scale(1.04); transform:scale(1.04);}




.star-product {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    padding: 40px 0;
    background-color: #FFF;
    position: relative;
}
@media (max-height: 900px) and (max-width: 1440px)
.star-product {
    padding: 60px 0;
    font-size: 12px;
}
.star-product h2.product-title {
    font-weight: 100;
}
.star-product .product-title {
    font-size: 30px;
}
@media (max-height: 900px) and (max-width: 1440px)
.star-product .product-title {
    padding-bottom: 0;
    font-size: 30px;
    line-height: 30px;
}
.star-product .product-title {
    padding-bottom: 15px;
    font-size: 36px;
    color: #333;
    text-align: center;
}
@media (max-height: 900px) and (max-width: 1440px)
.star-product .flexslider {
    padding: 0 14%;
}
.star-product .flexslider {
    padding: 0 8%;
    overflow: hidden;
    position: relative;
}
.flex-control-nav, .flex-direction-nav, .slides {
    list-style: none;
    margin: 0;
    padding: 0;
}
.flex-direction-nav {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}
.star-product li, .star-product li>dl {
    width: 100%;
    height: 100%;
    float: left;
    text-align: center;
}



.star-product .slides {
    height: 100%;
}

.star-product li dd {
    height: 100%;
    margin-top: 20px;
    float: left;
    display: inline-block;
    width: 33.3%;
}
.star-product li img {
    margin-top: 0;
}
@media (max-height: 900px) and (max-width: 1440px)
.star-product li img {
    max-height: 300px;
    margin-top: 0;
}
.star-product li img {
    width: 300px;
}
@media (max-height: 900px) and (max-width: 1440px)
.star-product .prod-name {
    padding-top: 14px;
    font-size: 16px;
    line-height: 20px;
    border-color: transparent;
}
.star-product .prod-name {
    padding-top: 18px;
    font-size: 18px;
    padding-bottom: 5px;
}
.prod-name {
    font-size: 18px;
    line-height: 30px;
    color: #333;
    font-weight: 600;
}
@media (max-height: 900px) and (max-width: 1440px)
.prod-desc {
    padding-bottom: 8px;
}
.prod-desc {
    font-size: 14px;
    line-height: 18px;
    overflow: hidden;
    color: #999;
    padding-bottom: 15px;
}



/*index_news*/
.index_news{ overflow:hidden}
.part1{width:750px; padding:0 25px; float:left}
.part2{ width:385px; float:right}
.index_news .title{ height:50px; line-height:50px; color:#2b84d9; font-size:16px; margin-bottom:10px;}
.index_news .title h3 a{ float:left; color:#2b84d9; font-weight:600}
.index_news .title a.more{ float:right;color: #666666;font-size: 12px;}
.index_news .title a:hover{color:#2b84d9}
.listtab dl {
    padding-bottom: 37px;
    margin-bottom: 37px;
	overflow: hidden;
    border-bottom: 1px dashed #cccccc;
}
.listtab dl dt {
    width: 69px;
    height: 75px;
    float: left;
    border: 1px solid #2b84d9;
    text-align: center;
}
.listtab dl dt p {
    color: #2b84d9;
    font-size: 40px;
    line-height: 40px;
    padding: 7px 0 4px 0;
}
.listtab dl dt span {
    display: inline-block;
    width: 100%;
    height: 24px;
    background: #2b84d9;
    color: #fff;
}
.listtab dl dd {
    width: 648px;
    margin-left: 25px;
    float: left;
}
.listtab dl dd h3 {
    color: #2b84d9;
    font-size: 16px;
    margin-bottom: 6px;
    height: 24px;
    overflow: hidden;
}
.listtab dl dd h3 a {
    color: #2b84d9;
}
.listtab dl dd p {
    color: #888888;
    font-size: 14px;
    line-height: 21px;
    height: 44px;
    overflow: hidden;
}
.problem ul { overflow:hidden}
.problem ul li{ list-style:inside disc; color:#2b84d9; padding-bottom:20px}