@charset "utf-8";
/* 公共 */
body {font-family:"Microsoft Yahei","Simsun";font-size: 12px;color:#333;text-decoration: none;margin: 0px;padding: 0px;background:#fff;}


body,button,input,select,textarea{font:12px "Microsoft Yahei","Simsun";}

*{padding: 0;margin: 0;font-family: "Microsoft Yahei","Simsun";}

/*td{font-size: 12px;}*/
img{border:0;vertical-align:middle;}
ul,li,dl,dt,dd,form{margin:0;padding:0;list-style-type:none;}
em, i{font-style:normal;}
a{color:#333;text-decoration:none;}
a:hover{color:#ff0000;text-decoration:none;}
.left { float:left;display:inline;}
.right { float:right;display:inline;}
.clear { clear:both;font-size:0px;overflow:hidden;height:0;line-height:0;font-size:0;display:block;}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0;}
*html .clearfix {height: 1%;}
.mtop{margin:10px 0 0 0;}
.mleft{margin-left:10px;}
.hidden{display:block;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
*:focus{outline:none;}
.hide{display:none;}

input[type="checkbox"] {margin: 3px 3px 3px 4px;}
input[type="checkbox"] { -webkit-appearance: checkbox;box-sizing: border-box; }




.con{position:relative;width:1180px;margin:auto;}

.top{width:100%;font-size:16px;}
.top .con{line-height:60px;height:60px;color:#fff;}
.top .top-right {
    position: absolute;
	top:0;
    right: 450px;

}

.header{position:relative;padding:20px 0;}
.header .logo{float:left;background:url("../images/logo.png") no-repeat;display:block;width:225px;height:63px;}
.top .header-right{position:absolute;top:15px;right:0;padding-left:50px;height:60px;font-size:18px;font-weight:bold;color:#B2B2B2;}


.top .header-right .header-search{float:right;display:inline;width:350px;height:36px;margin:0 0 0 20px; text-shadow: 0 0 black;border: 1px solid #e0e0e0;border-radius:20px;background:#fff;}
.top .header-right .header-search .text{float:left;display:inline;width:260px;line-height:22px; height:22px; padding:5px; color:#7c7c7c; font-size:14px; margin:2px 0 0 15px;background:none; border: 0;}
.top .header-right .header-search .btn{float:left;display:inline;width:60px;height:36px;border: 0;cursor:pointer; background:url("../images/search-btn.png") no-repeat center center;border-left: 1px solid #e0e0e0;}




.menu{position:relative;margin:0;height:80px;line-height:80px;background:#fff;}
.menu li{position:relative;float:left;display:inline;font-size:16px;}
.menu li a{display:block;color:#333;padding:0 30px;}
.menu li.on, .menu li:hover{background:#BD000E;}
.menu li.on a, .menu li:hover a{color:#fff;}
.menu li ul {margin: 0px;padding:0px;width: 160px; position: absolute;top:80px; left: -999em;z-index:9;background: #f9f9f9;}
.menu li ul.two{width: 320px;}
.menu li ul li{ padding:0; height:40px; line-height:40px;  float: left; width: 160px; background: #f9f9f9;}
.menu li ul li:hover{background:#FF3E00;}
.menu li.on ul li a, .menu li:hover ul li a{color:#666;font-size:14px;}
.menu li ul a{ display: block;text-align:left;padding-left:30px;font-weight: normal;}
.menu li ul a:hover  { font-weight:normal;background:#E60012;color:#fff;  }
.menu li.sfhover ul { left: 0; }
.menu li.sfhover ul li a:hover{color:#fff;}




.banner .slideBox{position:relative;width: 100%;height:400px;}
.banner .slideBox .bd{height:400px;width:100%;overflow: hidden}
.banner .slideBox .bd li{height:400px;width:100%;}
.banner .slideBox .bd li a{display: block;width: 100%;height: 100%;}

.banner .prev,.banner .next {top: 45%;outline: 0;z-index: 2;border-radius: 20px;transition: all ease-out .3s;border-radius: 3px;height: 80px; width: 35px;display:none;}

.banner .prev,.banner .next {position: absolute;margin-top: -25px;display: block;background: rgba(0,0,0,.5) url(../images/slider-arrow.png) -110px 25px no-repeat;filter: alpha(opacity=50); opacity: 0.5;}
  

.banner .prev{left:20px;}
.banner .next { right: 20px;background-position: 8px 25px;}
.banner .next i {margin-left: 16px;}
.banner .slideBox a i {margin-top: 19px;margin-left: 13px;width:11px;height:30px;}
.banner .slideBox a i {color: #fff;font-size: 30px; margin-top: 4px;margin-left: 14px;transition: all ease-out .3s;}
.banner .slideBox a i {display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;transform: translate(0, 0);}

.home-about{margin:20px auto;}
.home-about-img{float:left;display:inline;width:586px;}
.home-about-txt{float:right;display:inline;width:540px;font-size: 13px;line-height:26px;}
.home-about-con{margin-top:20px;}
.class-title{font-size:18px;color:#333;}
.class-center {text-align:center;}
.class-title span{font-size:12px;color:#bbb;margin-left:30px;}
.class-title li{float:left;display:inline;margin-right:20px;}
.class-title li a{border: solid 1px #EEE;padding:10px 35px;transition: all .36s ease;font-size:14px;}
.class-title li a:hover,.class-title li a.on{color:#fff;background:#E60012;border: solid 1px #E60012;}

.class-title a{float:right;display:inline;font-size:12px;color:#666;}
.class-title a:hover{color:#ff0000;}


.class-more {margin:40px 0 0 0;}
.class-more a{border: solid 1px #EEE;padding:10px 35px;transition: all .36s ease;font-size:14px;background:#fff;}
.class-more a:hover{color:#fff;background:#E60012;border: solid 1px #E60012;}

.cases .class-title li a{padding:10px 20px;}

.home-ad{background:#E60012;height:168px;line-height:168px;color:#fff;margin:50px auto 30px auto;font-size:28px;}
.home-ad span{font-size:46px;}

.home-news{margin:50px auto;}
.home-news ul{margin:20px 0;}
.home-news li{line-height:30px;height:30px;font-size:13px;word-break: keep-all;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.home-news-1{width:350px;float:left;display:inline;}
.home-news-2{width:360px;float:left;display:inline;margin:0 60px;}
.home-news-3{width:350px;float:left;display:inline;}
.home-news .img{margin:25px 0 0 0;display:block;}
.home-news .img img{float:left;display:inline;}
.home-news .img span{float:left;display:inline;line-height:23px;font-size:14px;font-weight: bold;width:180px;margin:0 0 0 20px;}

.home-news li a{
    float: left;
    display: inline;
    width: 280px;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.home-news li span {
    float: right;
    display: inline;
    color: #ccc;
}



.home-video{margin:20px auto 0 auto;}
.home-video ul{margin:30px 0 0 0;}
.home-video li{float:left;display:inline;margin:0 0 30px 47px;text-align:center;position:relative;}
.home-video li.f{margin:0;}
.home-video p{line-height:30px;font-size:14px;margin:10px 0 0 0;height:30px;font-size:14px;margin:10px 0 0 0;width:360px;word-break: keep-all;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.home-video .ico_play {position:absolute;top:60px;left:150px;width:60px;height:60px;background: url("../images/ico_play.png");}

.home-business{margin:20px auto;}
.home-business ul{}
.home-business li{width:300px;float:left;display:inline;margin:30px 0 10px 138px;font-size:13px;line-height:25px;}
.home-business li.f{margin:30px 0 10px 0;}
.home-business p{font-size:16px;margin:10px 0 0 0;font-weight: bold;color:#333;line-height:30px;text-align:center;}
.home-business li a:hover{color:#ff0000;}

.home-pic{margin:20px auto;}
.home-pic ul{}
.home-pic li{width:300px;float:left;display:inline;margin:30px 0 30px 138px;}
.home-pic li.f{margin:30px 0;}
.home-pic p{line-height:30px;font-size:16px;margin:10px 0 0 0;text-align:center;color:#333;word-break: keep-all;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.home-team{margin:50px auto;}

.home-team ul{}
.home-team li{float:left;display:inline;width:270px;margin-right:31px;}
.home-team li img{width:270px;height:220px;}
.home-team li div.title{background:#f2f2f2;background-color: #f8f8f8;padding: 30px 20px;margin:0 0 0 0;}
.home-team li div.title span{float:left;display:inline;margin-right: 10px;color: #333;font-size: 16px;}
.home-team li div.title em{float:left;display:inline;margin-top:3px;}
.home-team li div.title .mbuttom{margin:0 0 10px 0;}
.home-team li div.title:hover{background:#EEE;}
.home-team li a:hover{color:#333;text-decoration:none;}
.home-team li .class-more {margin:0;border: solid 1px #EEE;padding:10px 35px;transition: all .36s ease;font-size:14px;}
.home-team li .class-more:hover{background:#f8f8f8;border:solid 1px #EEE;}

.content-teams li{float:left;display:inline;width:270px;margin-right:25px;}

/* 本例子css */
.picScroll-left{ overflow:hidden; position:relative; margin:30px 0 0 0;  }
.picScroll-left .hd{ overflow:hidden;  height:30px;margin:20px 0 0 0;  }
.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;cursor:pointer; background:url("../images/arrow.png") 0 0 no-repeat;}
.picScroll-left .hd .next{ background-position:0 -50px;  }
.picScroll-left .hd .prevStop{ background-position:-60px 0; }
.picScroll-left .hd .nextStop{ background-position:-60px -50px; }
.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icoCircle.gif") 0 -9px no-repeat; }
.picScroll-left .hd ul li.on{ background-position:0 0; }
.picScroll-left .bd{}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }

.home-office{margin:50px auto;overflow:hidden;position:relative;}
.home-office .bd{margin:30px 0;}
.home-office .bd ul{ overflow:hidden; zoom:1; }
.home-office li{float:left;display:inline;width:310px;}
.home-office li.f{margin-left:0;}

.home-cn{background:#F9F9F9;padding:30px 0;}


.footer{padding:0 0 0 0;background:url("../images/foot_bg.jpg") no-repeat;height:275px;margin:50px 0 0 0;color:#fff;font-size:14px;}
.footer .text{float:left;display:inline;margin-right: 80px;width:300px;margin:40px 0 0 0;}
.footer .text strong{font-size:16px;}
.footer .text ul{margin:10px 0 0 0;}
.footer .text li{line-height:25px;}
.footer .text li a{color:#fff;}
.footer .code_ak{float:right;display:inline;margin:40px 0 0 50px;}
.footer .code_ak img{height:135px;}
.footer .code_ak p{margin:10px 0 0 0;}
.footer .code_service{float:right;display:inline;margin:40px 0 0 20px;}
.footer .code_service img{height:135px;}
.footer .code_service p{margin:10px 0 0 0;}
.copyright{line-height:60px;background:#E70012;color:#fff;font-size:16px;text-align:right;}
.copyright a{color:#fff;}
.copyright span{margin:0 0 0 50px;}
.about-top{background:url("../images/about-top.jpg") center center no-repeat;height:260px;}
/*.news-top{background:url("../images/news-top.jpg") center center no-repeat;height:260px;}*/
.news-top{border-bottom: solid 1px #E0E0E0;height:5px;}

.contact-top{background:url("../images/contact-top.jpg") center center no-repeat;height:260px;}

.content{margin:30px auto 100px auto;}
.content-img{float:left;display:inline;width:586px;}
.content-txt{float:right;display:inline;width:540px;font-size: 13px;line-height:26px;}

.content .class-title {margin:0 0 20px 0;}

.news-list ul{margin:50px 0 0 0;}
.news-list li{padding:30px 0;border-bottom: 1px solid #eee; }
.news-list li img{width:270px;height: 135px;float:left;display:inline;}
.news-list li .date{float:left;display:inline;width:150px;text-align:center;margin:10px 0 0 0;}
.news-list li a{color:#333;}
.news-list li .date span{display:block;font-size:38px;margin:0 0 10px 0;}
.news-list li .title{width:750px;float:left;display:inline;color:#333;}
.news-list li .title p{font-size:18px;margin-bottom:20px;}
.news-list li:hover{background:#f8f8f8;}
.news-list li .class-more {margin:30px 0 0 0;}

.news-list li .class-more a{padding:6px 35px;transition: all .36s ease;font-size:14px;}
.news-con{}
.news-head{padding:20px 0 30px 0;}
.news-head .title {
    text-align: center;
    font-size: 20px;
    color: #444;
	margin:10px 0;
}
.news-head .subtitle {
    text-align: center;
    font-family: HELVETICANEUELTPRO-THEX, "微软雅黑";
    color: #c1c1c1;
    font-size: 14px;
}
.postbody{font-size:13px;line-height:23px;}
.body{margin:30px 0 0 0;line-height:23px;}
.body p{margin:5px 0;}
.body-other{margin:30px 0;}
.body-other2{width:330px;float:right;display:inline;margin:0;}
.body-other2 li{border:#eee 1px solid;padding:10px 20px;margin:10px 0;font-size: 12px;}
.body-other2 li:hover{border:#E60012 1px solid;}
.body-other2 .title { font-size: 18px;color: #444;margin:5px 0;}
.body-other2 .subtitle { color: #c1c1c1;font-size: 14px;margin:0 0 10px 0;}
.body-other2 .strong{font-size: 14px;color: #333;}

.page { clear:both;padding:10px;color:#555;text-align:center;margin:20px 0;}
.page span, .page a { display:inline-block;border:#eee 1px solid;background:#fff;margin:0 2px;padding:0 5px;color:#555;vertical-align:middle; }
.page span, .page a { *display:inline;}
.page a:hover, .page a.current, .page span.current { border:#f60 1px solid; background:#f60; color:#fff;}

