/* 初始化
----------------------------------------------- */
body {
	font-family: Microsoft Yahei, \5FAE\8F6F\96C5\9ED1, \5b8b\4f53, Arial, Lucida, Verdana, Helvetica, sans-serif;
	color: #555;
    background: #eeeeee;
	-webkit-font-smoothing: none;
	-moz-osx-font-smoothing: grayscale;
}
body, button, input, textarea {
 font-size: 14px;
 line-height: 1.531;
 outline: none;
 margin: 0;
 padding: 0;
 border: 0;
}
p, ul, ol, dl, dt, dd, form, blockquote {
 margin: 0;
 padding: 0;
}
a {
 text-decoration: none;
 color: #333333;
}
a:hover {
 text-decoration: underline;
}
ul, ol {
 list-style: none;
}
h1, h2, h3, h4, h5, h6 {
 margin: 0;
 padding: 0;
}
input, select {
 vertical-align: middle;
}
em, b, i {
 font-style: normal;
 font-weight: normal;
}
img {
 vertical-align: middle;
 border: 0;
}
label {
  cursor: pointer;
}
.fl{float: left}
.clear{clear: both}
.fr{float: right}
.p25{padding: 25px}
.text-right{text-align: right}
/* 主体框架
----------------------------------------------- */
#mainNav{background: #fff}
#wrapper .wrap,#footer .wrap {
 width: 1200px;
 margin: 0 auto;
}
/*nav*/
#wrapper .logo{padding: 9px 0}
.nav{margin-left: 20px;}
.nav a{text-decoration: none}
.nav >ul>li{float: left;}
.nav>ul>li{position: relative;padding: 41px 5px;}
.nav li>a{padding:6px 20px;border: 1px solid transparent;border-radius: 5px;}
.nav li .childNav{    position: absolute;
    top: 102px;
    z-index: 888;
    background: #e70014;
    width: 200px;
    padding: 20px 10px;
    display: none;}
.nav>ul>li:hover>a{background: #e70014;color: #fff}
.nav>ul>li:hover .childNav{display: block}
.nav li .childNav li{height: 35px;border-bottom: 1px solid #d67981}
.nav li .childNav li a{color: #fff;display: block}
.searchBox{border: 1px solid #cacaca;margin-top:35px; padding:6px 10px;border-radius: 3px}
/* -- slideShow -- */
.slideShow {
    position: relative;
    padding: 0;
    *zoom: 1;
    width: 100%;
}
.slideShow .slides a {
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
}
.slideShow .slideBox {
    background: #fff;
    /*fix other elements on the page moving (on Chrome)*/
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0);
}
/* -- slideLoading -- */
.slideShow .slideLoading {
    min-height: 50px;
    background: url(images/slide_loader.gif) center center no-repeat #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 60;
}
/* -- previous 和 next 按钮 -- */
.slideShow .arrowBox a {
    z-index: 70;
    font-family: \5b8b\4f53, sans-serif;
    position: absolute;
    display: block;
    margin-bottom: -20px;
    width: 40px;
    height: 40px;
    bottom: 50%;
    line-height: 40px;
    text-decoration: none;
    text-align: center;
    color: #fff;
    font-size: 2em;
    background-color: #333;
    background-color: rgba(50, 50, 50, .3);
}
.slideShow .arrowBox a.disabled {
    display: none;
}
.slideShow .arrowBox .arrowPrev {
    left: 20px;
}
.slideShow .arrowBox .arrowNext {
    right: 20px;
}
.slideShow .arrowBox a:hover {
    background-color: rgba(50, 50, 50, .6);
}
.slideShow .controlBox {
    z-index: 70;
    position: absolute;
    bottom: 10px;
    width: 100%;
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
}
.slideShow .controlBox .control {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}
.slideShow .controlBox.controlDefault a {
    background: url(images/inactive.png) no-repeat 50% 50%;
    text-indent: -9999px;
    overflow:hidden;
    width: 20px;
    height: 30px;
    clear: none;
    display: block;
}
.slideShow .controlBox.controlDefault a:hover, .slideShow .controlBox.controlDefault a.active {
    background: url(images/active.png) no-repeat 50% 50%;
}
/* -- slideTitle -- */
.slideShow .slideTitle {
    z-index: 70;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #666\9;
    background: rgba(80, 80, 80, 0.75);
    width: 100%;
}
.slideShow .slideTitle span {
    color: #fff;
    display: block;
    font-size: .85em;
    padding: 15px 10px;
}
/* -- sileThumb -- */
.slideShow .sileThumb {
    z-index: 70;
    text-align: center;
    position: absolute;
    bottom: 8px;
    right: 8px;
}
.slideShow .sileThumb a {
    margin: 0 3px;
}
.slideShow .sileThumb a img {
    border: solid #B0B0B0 1px;
}
.slideShow .sileThumb a.active img {
    border: solid #19B4EA 1px;
}
/*index-about*/
.index-about{
    margin: 40px auto;
}
.index-about .wrap{background: #fff;}
.top{border-bottom: 1px solid #eeeeee;padding-bottom: 4px}
.top span{background: #e70014;color: #fff;padding: 5px 30px}
.top i{font-style: italic;text-transform: uppercase;color: #787878}
.index-about .text{margin-top: 30px}
.index-about .text-text{width: 775px;margin-right: 35px;}
.index-about .text-text p{text-indent: 2em;line-height:40px}
.index-about .img{width: 335px;overflow: hidden;cursor: pointer}
.index-about .img img:hover{
    transform:scale(1.15,1.15);
    -ms-transform:scale(1.15,1.15); 	/* IE 9 */
    -moz-transform:scale(1.15,1.15); 	/* Firefox */
    -webkit-transform:scale(1.15,1.15); /* Safari 和 Chrome */
    -o-transform:scale(1.15,1.15); 	/* Opera */
    transition: all 520ms ease;
    -ms-transition:all 520ms ease;
    -moz-transition:all 520ms ease;
    -webkit-transition:all 520ms ease;
    -o-transition:all 520ms ease;
}

/*recommendProduct*/
.recommendProduct .recommendProductBoxText{background: #f8f8f8;width: 300px;height: 300px;text-align: center}
.recommendProduct .recommendProductBoxText .name{padding-top: 88px;font-size: 14px;font-weight: 600;}
.recommendProduct .recommendProductBoxText .name_en{font-size: 12px;font-weight: 600;text-transform: uppercase;margin-top: 8px;-webkit-transform:skew(-15deg);}
.recommendProduct .recommendProductBoxText .more{margin-top: 40px}
.recommendProduct .recommendProductBoxText .more a{text-decoration: none;text-transform: uppercase;border: 1px solid #cacaca;padding: 8px 20px;color: #787878}
.recommendProduct .recommendProductBoxImg{width: 300px;height: 300px;overflow: hidden;cursor: pointer}
.recommendProduct .recommendProductBoxImg:hover img{
    transform:scale(1.15,1.15);
    -ms-transform:scale(1.15,1.15); 	/* IE 9 */
    -moz-transform:scale(1.15,1.15); 	/* Firefox */
    -webkit-transform:scale(1.15,1.15); /* Safari 和 Chrome */
    -o-transform:scale(1.15,1.15); 	/* Opera */
    transition: all 520ms ease;
    -ms-transition:all 520ms ease;
    -moz-transition:all 520ms ease;
    -webkit-transition:all 520ms ease;
    -o-transition:all 520ms ease;
}
/*recommendArticle*/
.recommendArticle{margin: 40px auto}
.recommendArticle .job{width: 385px;background: #fff;margin-right: 22px;height: 460px}
.recommendArticle .job p{line-height: 40px}
.recommendArticle .recommendArticleImg{width: 385px;height: 460px;margin-right: 22px;overflow: hidden}
.recommendArticle .recommendArticleImg .recommendArticleImgTop{background: url('images/news.jpg');width: 385px;height: 255px; }
.recommendArticleImgTop span{background: #e70014;color: #fff;padding: 5px 30px}
.recommendArticleImgTop i{font-style: italic;text-transform: uppercase;color: #fff}
.recommendArticleImg .text{background: #fff;padding: 15px}
.recommendArticleImg .text .name{font-size: 14px;font-weight: 600;}
.recommendArticleImg .text .desc{color: #787878;line-height: 30px;padding: 15px 0 30px 0}
.recommendArticleImg .text .more{padding-bottom: 30px}
.recommendArticleImg .text .more a{text-decoration: none;text-transform: uppercase;border: 1px solid #cacaca;padding: 8px 20px;color: #787878}
.recommendArticle .recommendArticleList{width: 385px;height: 460px}
.recommendArticleList li{background: #fff;margin-bottom: 23px}

.recommendArticleList li a{text-decoration: none;padding: 8px 10px;display: block}
.recommendArticleList li:hover{background: #e70014}
.recommendArticleList li:hover a{color: #fff}
/*footer*/
#footer{background: #000;padding: 65px}
#footer .footNav{border-bottom: 1px solid #fff;width: 600px;color: #fff;padding: 10px 0}
#footer .footNav a{color: #fff;padding: 0 20px}
#footer .footNav a:first-child{padding-left: 0}
#footer .copyRight{margin-top: 40px;color: #787878}
#footer .copyRight{margin-top: 40px;color: #787878}
.icp{margin-top: 10px;}
.icp a{color: #787878;}
#footer .box2{margin-left: 40px}
#footer .box2 p{line-height: 30px}
/*urHere*/
.urHere{padding: 10px 25px;background: #000;color: #fff}
.urHere a{color: #fff}
/*page*/
#page{margin-bottom: 50px}
.page_banner{position: relative}
.page_banner .text{position: absolute;top: 130px;}
.page_banner .text .name{font-size: 24px;font-weight: 600;color: #fff;-webkit-font-smoothing:none}
.page_banner .text .name_en{font-size: 12px;text-transform: uppercase;background: #e70014;padding: 3px 15px;color: #fff;margin-top: 10px;min-width: 120px}
.page_nav{margin: 35px auto 25px auto}
.page_nav ul{text-align: center}
.page_nav ul li{float: left;padding: 0 15px}
.page_nav ul li a{text-decoration:none;background: #fff;border: 1px  solid #cacaca;padding: 5px 25px;border-radius: 5px;font-size:14px}
.page_nav ul li.cur a,.page_nav ul li:hover a{background: #e70014;color: #fff;border: 1px  solid #e70014;}
#page .content{background: #fff;padding: 25px}
/*articleList*/
.articleList{padding:0 25px;background: #fff;margin-bottom: 50px}
.articleList .list{padding: 25px 0;border-bottom: 1px dashed #cacaca}
.articleList .list img{width: 250px;height: 175px;}
.articleList .list .text{padding-left: 25px;width:875px; height: 175px}
.articleList .list .text h4{padding: 15px 0 10px 0;font-size: 14px}
.articleList .list a{text-decoration: none;}
.articleList .list .text .add_time{font-weight: 600;}
.articleList .list .text .desc{padding-top: 15px;}
.articleList .list .text .desc a{color: #787878}
.articleList .list:hover .text{background: #eeeeee}
#article{padding: 25px;background: #fff;margin-bottom: 50px}
#article .info{padding: 10px 0;color: #e70014}
#article .articleContent{line-height: 25px;padding-bottom: 20px}
/*pager*/
.pager{text-align: right;padding: 20px 0}

/*productList*/
.productList,.caseList{padding: 25px;background: #fff;margin-bottom: 50px;min-height: 700px;  }
.productList .list a{text-decoration: none}
.productList .list{float: left;width: 230px;margin-left: 76px;}
.productList .list img{width: 230px;height: 236px}
.productList .list img:hover{
    transform:scale(1.15,1.15);
    -ms-transform:scale(1.15,1.15); 	/* IE 9 */
    -moz-transform:scale(1.15,1.15); 	/* Firefox */
    -webkit-transform:scale(1.15,1.15); /* Safari 和 Chrome */
    -o-transform:scale(1.15,1.15); 	/* Opera */
    transition: all 520ms ease;
    -ms-transition:all 520ms ease;
    -moz-transition:all 520ms ease;
    -webkit-transition:all 520ms ease;
    -o-transition:all 520ms ease;

}
.productList .fristbox{margin-left: 0}
.productList .list .name{border-bottom: 1px dashed #cacaca;padding: 15px 0;text-align: center;font-size: 14px;font-weight: 600;margin-bottom: 30px}
.product{background: #fff;margin-bottom: 50px;}
.productContent{padding: 25px;min-height: 500px}
/*caseList*/
.caseList .list{float: left;width: 565px;margin-left: 20px;}
.caseList .fristbox{margin-left: 0}
.caseList .list a{text-decoration: none}
.caseList .list .img,.productList .list .img{overflow: hidden;position: relative;top: 0;border-radius: 5px}
.caseList .list img{width: 565px;height: 315px;}
.caseList .list .img{box-shadow: 5px 5px 5px #cacaca}
.caseList .list .img:hover{
    box-shadow: 10px 10px 10px #787878;
    top: -5px;
    transition: all 1s ease;
    -ms-transition:all 1s ease;
    -moz-transition:all 1s ease;
    -webkit-transition:all 1s ease;
    -o-transition:all 1s ease;

}
.caseList .list .name{border-bottom: 1px dashed #cacaca;text-align: center;font-size: 14px;font-weight: 600;margin-bottom: 30px;padding: 15px 0}