@charset "utf-8";
/* CSS Document */
*{ margin:0px; padding:0px; font-weight:normal;}
div{ margin:0px; padding:0px; font-weight:normal;}
img{ margin:0px; padding:0px; border:0 none;}
body{ background:#ffffff; font-family:"Microsoft YaHei","微软雅黑","MicrosoftJhengHei","华文细黑","宋体",Arial,Helvetica,sans-serif; font-size:14px;}
.clears{ width:0px; height:0px; clear:both; overflow:hidden;}
ul{ list-style:none;}
a{ text-decoration:none; border:0px; margin:0px; padding:0px; font-family:"Microsoft YaHei","微软雅黑","MicrosoftJhengHei","华文细黑","宋体",Arial,Helvetica,sans-serif;}
a:hover{ cursor:pointer;}
.lasts{ margin:0px !important;}
input{ border:0px; margin:0px; padding:0px;}
.fLeft{float:left;}
.fRight{float:right;}
.str{ font-weight:bold; color:#e60012;}


.topNav{ width:100%; height:90px; background:#ffffff;}
.topNavSmall{ width:1200px; margin:0px auto; color:#333333; background:#ffffff;}
.topNavSLeft{ float:left; width:430px; height:90px;}
.topNavSRight{ float:right;}
/*head nav start*/
.nav{ margin-top:48px;}
.firNavLi{ float:left; position:relative; width:84px; margin-left:22px;text-align:center;}
li.firNavLi:hover{ border-bottom:2px solid #e60012;}
li.firNavLi:hover .firNavLiA{ color:#e60012 !important; font-weight:bold;}
.firNavLi .firNavLiA{ display:inline-block; color:#1b1b1b; font-size:16px;  height:40px; line-height:40px;}
.selectNav{ border-bottom:2px solid #e60012;}
.selectNav .firNavLiA{ color:#e60012 !important; font-weight:bold;}

.second-nav{ z-index:2000; display:none; position:absolute; background:#333333; left:-10px; border-top:3px solid #e60012;}
.secNavLi{ position:relative;}
.secNavLi,.thirdLi{ height:32px; line-height:32px; border-bottom:1px solid #d6d5d4;}
.secNavLi .secNavLiA,.thirdLiA{ display:block;  width:130px; padding-left:8px; text-align:left; color:#ffffff; font-size:12px;}
.secNavLi .secNavLiA:hover,.thirdLi .thirdLiA:hover{ font-weight:bold;}

.third-nav{ z-index:2001; display:none; position:absolute; background:#333333; left:100%; top:5px; border-top:3px solid #e60012;}
/*head nav end*/

.contBox{ width:100%; padding-top:50px;}
.contBoxMid{ width:1200px; margin:0px auto;}
.ccTitle{ background:url(../images/lineBg.png) repeat-x center 23px;}
.ccTitle h3{ font-size:34px; color:#1b1d1b; font-weight:700; height:46px; line-height:46px; width:220px; text-align:center; margin:0px auto; background:#ffffff;}
.ccTitle p{ width:100%; text-align:center; color:#717171; font-size:14px; margin:15px 0px 20px 0px;}
.ccTitle2{ padding:80px 0px 70px 0px;}
.ccTitle2 h3{ font-size:34px; color:#ffffff; font-weight:700; height:46px; line-height:46px; width:220px; text-align:center; margin:0px auto;}
.ccTitle2 p{ width:100%; text-align:center; color:#ffffff; font-size:14px; margin:15px 0px 20px 0px;}
/*cont1  start*/
.serviceBox{ display:block; overflow:hidden;}
.serviceBox .item1{
	-webkit-transition: left 0.3s 0.5s linear,opacity 0.3s 0.5s linear,background 0.3s linear,width 0.3s linear;
	-o-transition: left 0.3s 0.5s linear,opacity 0.3s 0.5s linear,background 0.3s linear,width 0.3s linear;
	transition: left 0.3s 0.5s linear,opacity 0.3s 0.5s linear,background 0.3s linear,width 0.3s linear;
}

.serviceBox .item2{
	-webkit-transition: left 0.5s 0.5s linear,opacity 0.5s 0.5s linear,background 0.3s linear,width 0.3s linear;
	-o-transition: left 0.5s 0.5s linear,opacity 0.5s 0.5s linear,background 0.3s linear,width 0.3s linear;
	transition: left 0.5s 0.5s linear,opacity 0.5s 0.5s linear,background 0.3s linear,width 0.3s linear;;
}

.serviceBox .item3{
	-webkit-transition: left 0.7s 0.5s linear,opacity 0.7s 0.5s linear,background 0.3s linear,width 0.3s linear;
	-o-transition: left 0.7s 0.5s linear,opacity 0.7s 0.5s linear,background 0.3s linear,width 0.3s linear;
	transition: left 0.7s 0.5s linear,opacity 0.7s 0.5s linear,background 0.3s linear,width 0.3s linear;
}

.serviceBox .item4{
	-webkit-transition: left 0.9s 0.5s linear,opacity 0.9s 0.5s linear,background 0.3s linear,width 0.3s linear;
	-o-transition: left 0.9s 0.5s linear,opacity 0.9s 0.5s linear,background 0.3s linear,width 0.3s linear;
	transition: left 0.9s 0.5s linear,opacity 0.9s 0.5s linear,background 0.3s linear,width 0.3s linear;
}

.itemA{ display:block;}
.serviceBox .item{ position:relative; display:block; float:left; width:12.5%; opacity:1; filter:alpha(opacity=100); overflow: hidden;}
.serviceBox .item .serContent{ display:block; height:370px; border:1px solid #c9c8c8; border-width:1px 0px 1px 1px; text-align:center;  -webkit-transition:0.5s ease-in-out; -o-transition:0.5s ease-in-out; transition:0.5s ease-in-out;}
.serviceBox .item.selectS .serContent{ background:#e60012;}
.serviceBox .item3 .serContent{ border-width:1px 1px 1px 1px;}
.serviceBox .item .serContent .serContentSmall h4{ margin-top:46px; font-size:16px; color:#333333; font-weight:bold; font-family:"Microsoft YaHei","微软雅黑","MicrosoftJhengHei","华文细黑","宋体",Arial,Helvetica,sans-serif;}
.serviceBox .item.selectS .serContent .serContentSmall h4{ color:#ffffff;}
.serviceBox .item .serContent .serContentSmall p{ color:#717171; font-size:14px; height:30px; line-height:30px; overflow:hidden;}
.serviceBox .item.selectS .serContent .serContentSmall p{ color:#ffffff;}
.serviceBox .item .serContent .serContentSmall .serIcon{ display:inline-block; width:100%; height:196px;}

.serSelfIcon1{ background:url(../images/serviceIcon1.png) no-repeat center 29px;}
.serSelfIcon2{ background:url(../images/serviceIcon2.png) no-repeat center 32px;}
.serSelfIcon3{ background:url(../images/serviceIcon3.png) no-repeat center 35px;}
.serSelfIcon4{ background:url(../images/serviceIcon4.png) no-repeat center 58px;}
.serSelfIcon5{ background:url(../images/serviceIcon5.png) no-repeat center 28px;}

.serviceBox .item .serContent .serInfo{  font-size:12px; color:#717171; padding:15px 40px; border-top:1px dashed #c9c9c9; line-height:20px;}
.serviceBox .item.selectS .serContent .serInfo{color:#ffffff;}

.serviceBox .item.selectS{ width:50%;}
.serviceBox .item.selectS .serContent{ width:50%;}
.serviceBox .item .serList{ display:block; position:absolute; width:100%; height:372px; left:100%; top:0px; overflow:hidden;} 
.serviceBox .item.selectS .serList{ width:50%; left:50%;} 
.serviceBox .item.selectS .serList h3{ font-size:28px; text-align:center; color:#ffffff; font-weight:700; padding:40px 10px 25px 10px;}
.serviceBox .item.selectS .serList p{ font-size:14px; text-align:center; color:#ffffff; line-height:30px; width:250px; margin:0px auto;}
/*cont2  start*/
.caseBg{ width:100%; height:1100px; background:url(../images/caseBg.jpg) no-repeat center center;}
@media screen and (min-width: 360px) and (max-width : 980px){.caseBg{ width:1200px; height:1100px;  background:url(../images/caseBg.jpg) no-repeat center center; overflow:hidden;}}
.caseUlDiv{ width:1200px; overflow:hidden;}
.caseUl{ width:1245px;}
.caseUl li{ float:left; margin-right:45px; margin-bottom:40px;}
.caseUl li a{ display:block;}
.caseImg{ width:370px; height:260px; overflow:hidden;}
.caseImg img{ transition:all .3s ease-out 0s;}
.caseImg:hover img{ transform:scale(1.04); -webkit-transform:scale(1.04, 1.04);}
.caseFont{ height:40px; line-height:40px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#ffffff; font-size:16px; text-align:center;}
.caseFont:hover{ font-weight:700;}
.caseA{ padding-top:25px;}
.caseA a{ display:block; width:378px; height:48px; line-height:48px; margin:0px auto; text-align:center; font-size:18px; font-weight:700; border:2px solid #ffffff; color:#ffffff;}
.caseA a:hover{ border:2px solid #e60012; background:#e60012;}
/*cont2  end*/
/*cont3  start*/
.cont3UlDiv{ }
.cont3UlDiv ul li{ float:left; height:206px; position:relative; margin-bottom:20px;}
.cont3UlDiv ul li .cont3LiH3{ position:absolute; left:0px; top:168px; width:100%; height:38px; line-height:38px; background:url(../images/cont3Alpha.png); text-align:center; font-weight:700; color:#ffffff; font-size:16px;}
.cont3Li1{ width:310px; height:206px; overflow:hidden;}
.cont3Li2{ width:539px; height:206px; overflow:hidden; margin:0px 20px;}
.cont3Li2 a{ display:block;}
.cont3Li2 h4{ text-align:center; height:30px; line-height:30px; color:#ffffff; font-size:24px; font-weight:bold; padding:40px 5px 10px 5px;}
.cont3Li2 h4:hover{ font-size:25px;}
.cont3Li2 p{ font-size:15px; color:#ffffff; line-height:24px; text-align:center; padding:10px 70px;}
.cont3Li2 p:hover{ font-weight:bold;}
.cont3UlDiv ul li div img{ transition:all .3s ease-out 0s;}
.cont3UlDiv ul li div:hover img{ transform:scale(1.04); -webkit-transform:scale(1.04, 1.04);}
/*cont3  end*/
/* CSS cont4 News start */
.newContBox{ padding-bottom:30px;}
.newBigbtP{ padding-bottom:30px;}
.newsHome{ width:540px;}
.newsHomeTitle{ border-bottom:2px solid #bcbcbc;}
.newsHomeTitle h3{ width:380px; font-size:22px; font-weight:700; color:#e60012; margin-left:15px; height:40px; line-height:40px;}
.newsHomeTitle a{ display:block; float:right; margin-right:15px; margin-top:10px; color:#635e5e; font-size:14px;}
.newsHomeTitle a:hover{ color:#e60012; font-weight:700;}
.newsCont{ width:510px; margin:10px auto;}
.newsCont1{}
.newsCont1 a{ display:block;}
.newCont1Img{ width:200px; height:110px; overflow:hidden;}
.newCont1Img img{ width:200px; height:110px;  -webkit-transition: .5s ease all; transition: .5s ease all;}
.newCont1Img:hover img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.newCont1SS{ width:296px;}
.newCont1SS h3{width:296px;overflow:hidden;color:#14110c; font-size:15px; height:40px; line-height:40px;}
.newCont1SS h3:hover{ color:#e60012;}
.newCont1SS p:hover{ color:#e60012;}
.newCont1SS p{ color:#777373; font-size:13px; line-height:20px;}
.newsCont2{ padding-top:20px;}
.newsCont2 ul li{ height:36px; line-height:36px; margin-bottom:6px;}
.newsCont2 ul li a{ display:block;}
.newsCont2 ul li a span{ display:inline-block; color:#14110c; font-size:14px; width:360px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.newsCont2 ul li a time{ color:#635e5e; font-size:14px; float:right;}
.newsCont2 ul li a:hover span{ color:#e60012;}
.newsCont2 ul li a:hover time{ color:#e60012;}
/* CSS cont4 News end */
/*cont5  start*/

/*cont5  end*/
/* CSS banner_index start */
.syzBannerBigBox{ width:100%; height:950px; overflow:hidden;}
@media screen and (min-width: 360px) and (max-width : 980px){.syzBannerBigBox{ width:1200px;; height:950px; overflow:hidden;}}
.flexslider { position: relative;  width: 100%;  height:950px; overflow: hidden; zoom: 1;}
.flexslider .slides .video{ width:100%; height:100%;}
.flexslider .slides li { width: 100%; height: 100%;}
.flex-direction-nav a { width: 70px; height: 70px; line-height: 99em; overflow: hidden; margin: -35px 0 0; display: block; background: url(../images/ad_ctr.png) no-repeat;
	position: absolute; top: 50%; z-index: 10; cursor: pointer; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .3s ease; border-radius: 35px;}
.flex-direction-nav .flex-next { background-position: 0 -70px; right: 0;}
.flex-direction-nav .flex-prev { left: 0;}
.flexslider:hover .flex-next { opacity: 0.8; filter: alpha(opacity=25);}
.flexslider:hover .flex-prev { opacity: 0.8; filter: alpha(opacity=25);}
.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover { opacity: 1; filter: alpha(opacity=50);}
.flex-control-nav { width: 100%; position: absolute; bottom: 10px; text-align: center;}
.flex-control-nav li { margin: 0 2px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a { background: url(../images/dot.png) no-repeat 0 -16px; display: block; height: 16px; overflow: hidden; text-indent: -99em; width: 52px;
	cursor: pointer;}
.flex-control-paging li a.flex-active,.flex-control-paging li.active a { background-position: 0 0;}
.flexslider .slides a img { width: 100%; height:950px; display: block;}
/* CSS banner_index end */

/*footer start*/
.footer{ width:100%; height:228px; background:#202020;}
.footer1{ width:1200px; margin:0px auto; border-bottom:2px solid #ced1cf; padding-top:18px; background:#202020;}
.footer1 ul{ width:1092px; margin:0px auto;}
.footer1 ul li{ float:left; width:180px; text-align:center; height:40px; line-height:40px;}
.footer1 ul li a{ color:#ffffff; font-size:18px;}
.footer1 ul li a:hover{ font-weight:700; color:#e60012;}

.footer2{ width:1200px; margin:0px auto; background:#202020;}
.footer2L{ width:360px; height:116px;  margin-top:30px;}
.footer2L p{ color:#ffffff; font-size:14px; line-height:24px; margin-top:10px;}
.footer2L p a{ color:#ffffff; font-size:14px;}
.footer2L p a:hover{ font-weight:700; color:#e60012;}

.footer2R{ width:450px; height:170px; background:url(../images/footMapBg.jpg) no-repeat right bottom;}
.footer2R ul{ margin-top:30px;}
.footer2R ul li{ font-weight:700; color:#ffffff; margin-bottom:10px; height:50px; padding-left:56px;}
.footer2RLi1{ background:url(../images/footIcon1.jpg) no-repeat left center; line-height:50px; font-size:22px;}
.footer2RLi2{ background:url(../images/footIcon2.jpg) no-repeat left center; font-size:18px; line-height:50px; }
.footer2R img{vertical-align:middle; margin-right:10px;}
/*footer end*/