/*首页*/

.header{position: relative; width: 100%; height: auto; overflow: hidden;}

/*nav*/

.header .nav{position: absolute; top: 0; left: 0; z-index: 9999; width: 100%; height: 100px; -webkit-transition: background-color .5s;  -o-transition: background-color .5s;  transition: background-color .5s;}

.header .navHover{background-color:#fff; background: url("../images/fbg1.png") repeat\9; *background: url("../images/fbg1.png") repeat; -webkit-transition: background-color .5s;  -o-transition: background-color .5s;  transition: background-color .5s;}

.nav .navArea{width: 1200px; height: 100px; margin: 0 auto;}

.nav .navLogo{width: 256px; height: 74px; padding-top: 13px;}

.nav .navLogo a{display: block; width: 256px; height: 74px; background: url("../images/logowrite.png") no-repeat center center; }

.header .navHover .navLogo a{background: url("../images/logowrite2.png") no-repeat center center; }



.navRight{width: 925px; height: 100px;}

.navMenu{width: 720px; height: 100px; line-height: 100px;}

.navMenu ul li{position: relative; float: left; width: 120px; text-align: center; font-size: 18px; font-weight:700; font-family: "microsoft yahei"; cursor: pointer;}

.navMenu ul li a{color: #000; display: block; }

.navMenu ul li:hover{background-color:#006ebc;}

.navMenu ul li:hover a.onA{color: #FFF; }



.navShare{position: relative; width:160px; height: 67px; margin-top: 17px;}

.navShare .sina,.navShare .weixin{width: 39px; height: 39px; cursor: pointer; background-image: url("../images/pt.png"); background-repeat: no-repeat;}

.navShare .sina{background-position: -113px -120px;}

.navShare .sina:hover{background-position: -113px -174px;}

.navShare .weixin{background-position: -176px -120px;}

.navShare .weixin:hover{background-position: -176px -174px;}

.ecode{position: absolute; top: 55px; left:-25px; width: 84px; height: 84px; padding: 4px; background-color: #d5ae73;}

.ecode span{position: absolute; top: -10px; left:38px; width: 15px; height: 10px; background: url("../images/ecodearr.png") no-repeat;}

/*.header .navHover .navShare .sina{background-position: -113px -174px;}*/





/*bannerslide*/

.headerSlide{position:relative; width:100%; height: auto; overflow: hidden;}

.bannerShow ul li{position: relative; width: 100%; height: 546px;  background-size: cover;}

.bannerShow ul li a{display: block; width: 100%; height: 100%;}



.slidePic1 .slideTit1{position: absolute; top:25%; left: 50%; margin-left: -220px;}

.slidePic1 .slideTit1 img{width: 441px; height: 98px;}

.slidePic1 .slideTit2{position: absolute; top:39%; left: 50%; margin-left: -419px;}

.slidePic1 .slideTit2 img{width: 837px; height: 65px;}

.slidePic1 .slideTit3{position: absolute; top:48%; left: 50%; margin-left: -416px;}

.slidePic1 .slideTit3 img{width: 833px; height: 33px;}

.slideBtn{position: absolute; top: 54%; left: 50%;  text-align: center; width: 185px; height: 40px; overflow: hidden; line-height: 40px; margin-left: -92px; background-color: #006ebc;}

.slideBtn a{display: block; padding-top: 2px; font-size: 18px; color: #fff; font-family: "microsoft yahei";}

.slideBtn a:hover{opacity: 0.8;}

.slideMouse{position: absolute; bottom: 5%; left: 50%; margin-left: -16px; width: 32px; height: 87px; overflow: hidden; display: none;}

.slideMouse .mouseIcon{display: block; width: 32px; height: 50px; background: url("../images/pt.png") no-repeat -115px top;}

.slideMouse .mouseArrow{display: block; width: 32px; height: 21px; margin-top: 15px; background: url("../images/pt.png") no-repeat -115px -74px;}



.slidePic1 .slideTit1{top:25%; left: 50%; margin-left: -220px; -webkit-animation:dragLeft 1.5s ease-in-out both; -moz-animation:dragLeft 1.5s ease-in-out both; -ms-animation:dragLeft 1.5s ease-in-out both; animation:dragLeft 1.5s ease-in-out both;  position: absolute; }

.slidePic1 .slideTit2{position: absolute; top:39%; left: 50%; margin-left: -419px;  -webkit-animation:dragRight 1.5s ease-in-out both; -moz-animation:dragRight 1.5s ease-in-out both; -ms-animation:dragRight 1.5s ease-in-out both; animation:dragRight 1.5s ease-in-out both;  position: absolute;}

.slidePic1 .slideTit3{position: absolute; top:47%; left: 50%; margin-left: -416px; -webkit-animation:dragLeft 1.5s ease-in-out both; -moz-animation:dragLeft 1.5s ease-in-out both; -ms-animation:dragLeft 1.5s ease-in-out both; animation:dragLeft 1.5s ease-in-out both;  position: absolute; }

.slideBtn{position: absolute; top: 54%; left: 50%; -webkit-animation:dragTop 1.5s ease-in-out both; -moz-animation:dragTop 1.5s ease-in-out both; -ms-animation:dragTop 1.5s ease-in-out both; animation:dragTop 1.5s ease-in-out both;  position: absolute; }



/*滚动dot点*/

.slideNum{position: absolute; width: 100%; text-align: center; left:0; bottom: 4%; z-index: 9999;}

.slideNum ul{height: 15px; display: inline-block;}

.slideNum ul{_display:inline;}

.slideNum ul li{float: left; width: 15px; height: 15px; margin:0 7px; line-height: 15px; cursor: pointer;}

.slideNum ul li span{display: block; width: 15px; height: 15px; background: url("../images/slidedot1.png") no-repeat left center;}

.slideNum ul .on span{display: block; width: 15px; height: 15px; background: url("../images/slidedot.png") no-repeat left center;}





/*banner轮播箭头*/

.bannerChange .prev,

.bannerChange .next { position:absolute; left:5%; top:60%; margin-top: -38px; display:block; width:55px; height:76px; background:url(../images/pt.png) no-repeat -180px top; filter:alpha(opacity=10);opacity:0.1;}

.bannerChange .next { left:auto; right:5%; top: 60%; margin-top: -38px;  background-position:-234px top; }

.bannerChange .prev:hover,

.bannerChange .next:hover{ filter:alpha(opacity=100);opacity:1; }



/*媒体资源*/

.aResource{ clear:both;width: 100%; height: auto; background: url("../images/zybg.jpg") no-repeat bottom center; background-color: #ebebeb; font-family: "microsoft yahei";}

.aResourceTit{width: 400px; height: 40px; margin: 0px auto; padding-top: 55px;}

.aResourceArea{position: relative; width: 1200px; height: auto; margin: 35px auto 0px auto; overflow: hidden;}

.aResourceList{position:relative; width: 1200px; height: auto; overflow: hidden;}

.aResourceList ul li{float: left; width: 368px; height: auto; margin: 0 16px; }

.aResourceMr{position: relative; bottom:0; left: 0; width: 260px; height: auto; overflow:hidden;  display: block; background:#fff; padding:5px;}

.aResourceMr .aResPic{width: 260px; height: 220px; overflow: hidden;}

.aResourceMr .aResPic img{width: 260px; height: 170px; transition:1s; -moz-transition:1s; -webkit-transition:1s; -o-transition:1s;}

.aResourceMr .aResPic:hover img{opacity: 0.8; transform: scale(1.1); -webkit-transform: scale(1.1); }

.aResourceMr .aResTit{width: 368px; line-height: 24px; margin-top:20px; margin-bottom: 10px; text-align: center; font-size: 18px; color: #555555; font-family: "microsoft yahei";}



.aResourceMr_1{position: relative; bottom:-368px; width: 368px; height: 348px; display: block;}

.aResourceMr_1 .aResPic{width: 368px; height: 245px; overflow: hidden;}

.aResourceMr_1 .aResPic img{width: 368px; height: 245px; transition:1s; -moz-transition:1s; -webkit-transition:1s; -o-transition:1s;}

.aResourceMr_1 .aResPic:hover img{opacity: 0.8; transform: scale(1.1); -webkit-transform: scale(1.1); }

.aResourceMr_1 .aResTit{width: 368px; line-height: 24px; margin-top:20px; margin-bottom: 10px; text-align: center; font-size: 18px; color: #555555; font-family: "microsoft yahei";}



.aResBtn{position: relative; top: 10px; width: 260px; height: 28px; overflow: hidden;  color: #006ebc; font-size: 16px; font-family: arial, helvetica, sans-serif; display: block; border: 1px solid #e70014; line-height: 28px; text-align: center;}

.aResBtn a{color: #006ebc; }

.aResBtn span{display: block; width: 125px; height: 28px; }

.aResBtn {position:absolute; top:190px; left: 5px; background-color: #e70014; color: #fff;}

.aResBtn a{color: #fff;}

.aResBtn .amore2{position: absolute; bottom: -28px; left: 0; background-color: #006ebc; color: #ff0;}



.aResBtna{position: relative; margin-left: 75px; top: 10px; width: 125px; height: 28px; overflow: hidden;  color: #006ebc; font-size: 14px; font-family: arial, helvetica, sans-serif; display: block; border: 1px solid #006ebc; line-height: 28px; text-align: center;}

.aResBtna a{color: #006ebc; }

.aResBtna span{display: block; width: 125px; height: 28px; }

.aResBtna .amore1{position:absolute; bottom: 0; left: 0; background-color: #fff; color: #006ebc;}

.aResBtna .amore2{position: absolute; bottom: -28px; left: 0; background-color: #006ebc; color: #ff0;}







.Resource{width: 100%; height: 571px; background: url("../../images/wsqc/zybg.jpg") no-repeat bottom center; background-color: #ebebeb; font-family: "microsoft yahei";}

.ResourceTit{width: 400px; height: 50px; margin: 0px auto; padding-top: 75px;}

.ResourceArea{position: relative; width: 1200px; height: auto; margin: 0 auto 0px auto;}

.ResourceList{position:relative; width: 1200px; height: auto; overflow: hidden;}

.ResourceList ul li{ background:#fff;float: left; width: 280px; height: 298px; margin:0 0 13px 16px; }

.ResourceMr{position: relative; bottom:0; left: 0; width: 280px; height: 298px;  display: block;}

.ResourceMr .ResPic{width: 280px; height: 210px; overflow: hidden;}

.ResourceMr .ResPic img{width: 280px; height: 210px; transition:1s; -moz-transition:1s; -webkit-transition:1s; -o-transition:1s;}

.ResourceMr .ResPic:hover img{opacity: 0.8; transform: scale(1.1); -webkit-transform: scale(1.1); }

.ResourceMr .ResTit{width: 280px; line-height: 24px; margin-top:10px; margin-bottom: 10px; text-align: center; font-size: 18px; color: #555555; font-family: "microsoft yahei";}



.ResourceMr_1{position: relative; bottom:-368px; width: 368px; height: 348px; display: block;}

.ResourceMr_1 .ResPic{width: 368px; height: 245px; overflow: hidden;}

.ResourceMr_1 .ResPic img{width: 368px; height: 245px; transition:1s; -moz-transition:1s; -webkit-transition:1s; -o-transition:1s;}

.ResourceMr_1 .ResPic:hover img{opacity: 0.8; transform: scale(1.1); -webkit-transform: scale(1.1); }

.ResourceMr_1 .ResTit{width: 368px; line-height: 24px; margin-top:20px; margin-bottom: 10px; text-align: center; font-size: 18px; color: #555555; font-family: "microsoft yahei";}



.ResBtn{position: relative; margin-left: 78px; top: 0px; width: 125px; height: 24px; overflow: hidden;  color: #006ebc; font-size: 16px; font-family: arial, helvetica, sans-serif; display: block; border: 1px solid #e70014; line-height: 32px; text-align: center;}

.ResBtn a{color: #006ebc; }

.ResBtn span{display: block; width: 125px; height: 28px; }

.ResBtn .more1{position:absolute; bottom: 0; left: 0; background-color: #e70014; color: #fff;}

.ResBtn .more2{position: absolute; bottom: -28px; left: 0; background-color: #e70014; color: #ff0;}



.ResBtna{position: relative; margin-left: 75px; top: 10px; width: 125px; height: 28px; overflow: hidden;  color: #006ebc; font-size: 14px; font-family: arial, helvetica, sans-serif; display: block; border: 1px solid #006ebc; line-height: 28px; text-align: center;}

.ResBtna a{color: #006ebc; }

.ResBtna span{display: block; width: 125px; height: 28px; }

.ResBtna .more1{position:absolute; bottom: 0; left: 0; background-color: #fff; color: #006ebc;}

.ResBtna .more2{position: absolute; bottom: -28px; left: 0; background-color: #006ebc; color: #ff0;}



/*精品推荐*/

.aboutUs{width: 100%; height: auto;  background: #fff url("../images/dibury.png") no-repeat bottom center;}

.hotpTit{width: 400px; height: 50px; margin: 0px auto; padding-top: 75px; padding-bottom: 50px;}

.hotpArea{width: 1200px; margin: 0 auto; overflow:hidden; padding-bottom:70px;}

.hotpArea{width: 1200px; }



.row{ width:1200px; font-family: "microsoft yahei";}

.col-sm-6{ width:25%; float:left;}

.thumbnail {

	overflow:hidden;

  display: block;

  padding: 10px;

  line-height: 1.42857143;

  background-color: #fff;

  border: 0px solid #ddd;

  border-radius: 4px;

  -webkit-transition: border .2s ease-in-out;

       -o-transition: border .2s ease-in-out;

          transition: border .2s ease-in-out;

}

.thumbnail-img{ float:left; width:280px; height:220px; transition:1s; -moz-transition:1s; -webkit-transition:1s; -o-transition:1s; overflow:hidden;}

.thumbnail-img img{width: 280px; height: 220px; transition:1s; -moz-transition:1s; -webkit-transition:1s; -o-transition:1s;}

.thumbnail-img:hover img{opacity: 0.8; transform: scale(1.1); -webkit-transform: scale(1.1); }





.thumbnail .caption {

  width:260px;

  float:left;

  border:1px solid #eee;

  padding:12px 9px;

  text-align:center;

  font-size:14px;

  color: #333;

  overflow:hidden;

  height:115px;

}

.thumbnail .caption h3{ font-size:18px; border-bottom:1px solid #ccc; padding-bottom:10px; margin-bottom:10px; height:26px; overflow:hidden; line-height:30px;}

.thumbnail .caption h3 a{ color:#000;}

.thumbnail .caption h3 a:hover { color:#d00;}

.thumbnail .caption p{ line-height:22px; color:#666;}



/*案例展示*/

.caseTit,.cooperTit{width: 1170px; height: 50px; margin: 0px auto; padding-top: 75px; padding-bottom: 70px;}

.case{width: 100%; height: auto; background: url("../images/casebg.jpg") repeat;}

.caseList{width: 100%; height: auto; font-family: "microsoft yahei";}   

.caseList ul li{position: relative; float: left; width: 25%; height:300px; margin: 0; padding: 0; overflow: hidden;  cursor: pointer;}

.caseList .casePicd{width: 100%; height: 300px;  margin: 0; padding: 0;  border: 10px solid #fff;}

.caseList ul li:hover .casePicd{opacity: 0.8;}









.caseList .caseInfo{position: absolute; text-align: center; bottom: 0; left: 0; z-index: 99; width: 96%; padding: 0 2%;  height: 40px; line-height: 38px; background-color: rgba(0,0,0, .8); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000); -webkit-transition: background-color .5s ease-in-out;

    -o-transition: background-color .5s ease-in-out;

    transition: background-color .5s ease-in-out; overflow: hidden;}

.caseList .caseInfo a{color: #fff; font-size: 16px; }

.caseList .smalllogo{height: 32px; margin-top: 14px; float: left; margin-right: 15px;}



.casebottom{width: 100%; height: 102px; background: url("../images/viewbg.jpg") repeat; text-align: center; line-height: 102px;color: #fff; font-size: 24px; letter-spacing:2px; font-weight:700; font-family: "microsoft yahei";}

.casebottom a:hover{color: #006ebc;}





/*资源轮播箭头*/

.resourceArrow .prev,

.resourceArrow .next { position:absolute; left:-50px; top:50%; margin-top: -18px; display:block; width:25px; height:36px; background:url(../images/pt.png) no-repeat -244px -103px; filter:alpha(opacity=80);opacity:0.8;}

.resourceArrow .next { left:auto; right:-50px; top: 50%; margin-top: -18px;  background-position:-270px -103px; }

.resourceArrow .prev:hover,

.resourceArrow .next:hover{ filter:alpha(opacity=100);opacity:1; }





/*关于我们*/



.aboutUs{width: 100%; height: auto;  background-color: #fff;}

.aboutUsTit{width: 400px; height: 50px; margin: 0px auto; padding-top: 75px; padding-bottom: 70px;}

.aboutUsArea{width: 1200px; min-height: 590px; margin: 0 auto;}

.aboutArea{width: 1200px; min-height: 400px;  }

.aboutUsAreaMenu{width: 1200px; height: 62px; border: 1px solid #dadada;}

.aboutUsAreaMenu ul{margin-left: -1px; width: 1200px;}

.aboutUsAreaMenu ul li{position: relative; float: left; width: 211px; height: 62px; font-size: 18px; color: #000; font-family: "microsoft yahei"; padding-left: 30px; line-height: 62px; text-align: center; border-left: 1px solid #dadada; cursor: pointer; font-weight:700;}

.aboutUsAreaMenu ul li span{position: absolute; display: block; width: 30px; height: 30px; top: 15px; left: 55px; background: url("../images/pt.png") no-repeat;}

.aboutUsAreaMenu .abicon1{background-position: left top}

.aboutUsAreaMenu .abicon2{background-position: left -48px;}

.aboutUsAreaMenu .abicon3{background-position: left -88px;}

.aboutUsAreaMenu .abicon4{background-position: left -130px;}

.aboutUsAreaMenu .abicon5{background-position: left -172px;}

.aboutUsAreaMenu ul .on{background-color: #e70014; color: #fff;}

.aboutUsAreaMenu ul .on .abicon1{background-position: -52px top;}

.aboutUsAreaMenu ul .on .abicon2{background-position: -53px -48px;}

.aboutUsAreaMenu ul .on .abicon3{background-position: -52px -88px;}

.aboutUsAreaMenu ul .on .abicon4{background-position: -52px -130px;}

.aboutUsAreaMenu ul .on .abicon5{background-position: -52px -172px;}

.aboutUsAreaMenu .on i{position:absolute; bottom: -16px; left: 50%; margin-left: -14px; display: block; width: 29px; height: 16px; background: url("../images/pt.png") left -232px;}

.aboutMid{width: 1147px; min-height: 400px; padding: 20px 0px;}

.aboutList{position: relative; width: 1165px; min-height: 420px; margin-left: -10px; margin-top: 30px;}

.aboutList ul li{float: left; width: 540px; height: 110px; margin:20px;}

.aboutListPic{width: 175px; height: 110px; overflow: hidden;}

.aboutListPic img{width: 175px; height: 110px; transition:1s; -moz-transition:1s; -webkit-transition:1s; -o-transition:1s;}

.aboutListPic a:hover img{opacity: 0.8; transform: scale(1.1); -webkit-transform: scale(1.1); }

.aboutListRight{width: 350px;}

.aboutListRight h2 a{font-size: 16px; color: #000; line-height: 36px; font-family: "microsoft yahei"; font-weight: normal;}

.aboutListRight p{font-size: 14px; line-height: 20px; color: #000; font-family: "microsoft yahei"; margin-top: 5px;}

.aboutmore{position: relative; bottom: -50px; left: 50%;  z-index: 99; margin-left: -65px;  width: 125px; height: 28px; overflow: hidden;  color: #006ebc; font-size: 16px; font-family: arial, helvetica, sans-serif; display: block; border: 1px solid #e70014; line-height: 28px; text-align: center;}

.aboutmore span{display: block; width: 125px; height: 28px; }

.aboutmore .more1{position:absolute; bottom: 0; left: 0; background-color: #e70014; color: #fff;}

.aboutmore .more2{position: absolute; bottom: -28px; left: 0; background-color: #e70014; color: #ff0;}





/*.aboutmore:hover{background-color: #006ebc; color: #fff;}*/

.service{width: 100%; text-align: center; height: 407px; margin: 20px auto;}

.job{width: 1146px; height: 407px; margin: 20px auto; font-family: "microsoft yahei"; }

.job .thead{width: 1146px;  height: 45px; line-height: 45px; background: url("../images/zhaopbg.jpg") repeat-x;}

.job .thead p{float: left; font-size: 16px; color: #006ebc;}

.tjob{width: 1146px}

.tjob ul li{width: 100%; height: 38px; line-height: 38px; border-bottom: 1px solid #dadada; background-color: #fff;}

.tjob ul li a{color: #333;}

.tjob ul li:hover{opacity: 0.7;}

.tjob ul li p{float: left; font-size: 14px; color: #333333;}

.intro{width: auto; height: 360px; margin: 40px auto 20px auto; font-family: "microsoft yahei";}

.introLeft{width: 500px; height: 360px;}

.introLeft a:hover img{opacity: 0.8;}

.introRight{width: 595px; height: 250px; padding-top: 15px;}

.introTit{font-size: 24px; color: #000; line-height: 30px; font-weight:700;}

.introEn{font-size: 16px; color: #000; line-height: 30px;}

.introTxt{font-size: 16px; line-height: 24px; color: #000; margin-top: 15px;}
.introTxt p{ line-height:24px; font-size:14px;}

.contactUs{width: 700px; height: auto; margin: 40px auto 30px auto; font-family: "microsoft yahei";}

.contactTit,.contactTit img{width: 374px; height: 65px; margin: 0 auto;}

.contactTxt{text-align: center; width: 665px; font-size: 14px; color: #333; line-height: 26px; margin: 15px auto;}

.contactMap{width: 659px; height: 227px; margin: 0 auto; border: 3px solid #dbcebb;}



.contactStu{width: 750px; height: 190px; margin: 0 auto;}

.contactStu p{float: left; text-align: center; font-size: 14px; font-family: "microsoft yahei"; margin: 40px 25px;}

.contactStu p a{color: #333;}



/*合作伙伴*/

.cooper{width: 100%; height: auto;  border-top: 1px solid #dedede; margin-top: 1px; background: url("../images/casebg.jpg") repeat;}

.cooperMid{width: 100%; height: 492px; padding-top: 78px; background: url("../images/coorbg.jpg") no-repeat bottom center;}

.cooperList{width: 1150px; height: 300px; overflow: hidden; margin: 0 auto; background: url("../images/hzbg.png") repeat; }

.cooperList ul{width: 1160px;}

.cooperList ul li{position: relative; float: left; width: 230px; height: 150px; cursor: pointer; overflow: hidden; text-align: center; border-right: 1px dotted #dadada; border-bottom: 1px dotted #dadada;}

.cooperList ul li a{position: absolute; z-index: 99; display: block; width: 100%; cursor: pointer; height: 100%;}

.cooperList ul li div{position: absolute; width: 100%; height: 100%; z-index: 2; background-color: #fff;}







/*bottom*/

.footer{width: 100%; height: auto;  clear: both; font-family: "microsoft yahei";}

.footerMid{width: 100%; height: auto; padding: 50px 0 30px 0; background: url("../images/bottombg.jpg") repeat;}

.footerArea{width: 1150px; height: auto; margin: 20px auto;}

.webMap{width: 1150px; height: auto; padding-bottom: 40px; border-bottom: 1px dashed #323232; overflow: hidden;}

.webMap ul li{float: left; width: 190px;}

.webMap .weix,.webMap .sina,.webMap .tt{ width: 136px; }

.webMap .weix{position: relative;}

.webMap .sina{background: url("../images/sina.png") no-repeat left center;}

.webMap .tt{background: url("../images/tt.png") no-repeat left center;}

.webMap span{position: absolute; top: 30px; left: 0; display: block; width: 110px; height: 110px;}

.webMap h2{font-size: 18px; color: #fff; margin-bottom: 10px;}

.webMap p{line-height: 28px; font-size: 16px;}

.webMap p a{color: #FFF;}

.webMap p a:hover{color: #ff0;}



.flink{border-bottom: 1px dashed #323232; padding:10px 0; color:#fff;}

.flink a { color:#fff;}



.footBottom{width: 1150px; padding-top: 30px; height: auto; font-size: 16px; text-align: left; line-height: 28px; color: #fff; background: url("../images/wximg1.jpg") no-repeat right bottom;}

.footBottom img{ vertical-align:middle;}

.footBottom a{color: #fff;}

.footBottom a:hover{color: #ff0;}

.bottombanner{width: 100%; height: 59px; background-color: #006ebc; border-top: 3px solid #c9b290; position: fixed; bottom: 0; z-index: 100;}

.bottombannerMid{position: relative; width: 1150px; height: 57px; margin: 0 auto;}

.bottomTel{width: 445px; height: 28px; padding-left: 55px; background: url("../images/bottomtel.png") no-repeat left center; font-size: 28px; font-weight:700; color: #fff; line-height: 28px; font-family: "microsoft yahei";  margin-top: 15px;}

.mediaTel{width: 280px; height: 28px; overflow: hidden;}

.bottomQQ{width: 500px; height: 35px;}

.bottomQQ ul li{float: left;  height: 35px; line-height: 35px; margin-top: 10px; margin-right: 20px; margin-left: 10px; font-size: 14px; font-family: "microsoft yahei"; padding-left: 40px; background: url("../images/qqkf.png") no-repeat left center;}

.bottomQQ ul li a{color: #fff; font-size: 14px;}

.bottomAdv{position: absolute; top: -24px; right: -5px; z-index: 99; display: block; width: 242px; height: 82px; cursor: pointer;}



#totop{position:fixed;bottom:80px;right:0px;z-index:99;width:39px; cursor:pointer; display:none;}

*html #totop{position:absolute;cursor:pointer;right:0px; display:none;top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight)-112+"px")}

#totop a{display:block;width:39px;height:105px;background:url(../images/backTop.png) no-repeat;text-align:center;color:#888}

#totop a.cur{opacity: 0.8;}



/*弹窗*/

.popAdv{position: fixed; top: 0; width: 100%; height: 100%; z-index: 998; background: url("../images/fbg1.png") repeat; font-family: "microsoft yahei";}

.popAdvMid{position: absolute; width: 855px; height: 500px; overflow: hidden; background-color: #fff; top: 50%; margin-top: -250px; left: 50%; margin-left: -427px;}

.closeIcon{position: absolute; top:5px; right: 5px; width: 25px; height: 25px; cursor: pointer; background: url("../images/closeIcon.png") no-repeat left top;}

.closeIcon:hover{ background: url("../images/closeIcon.png") no-repeat top right;}

.popAdvtable{width: 850px; height:240px; padding-top: 40px; }

.popAdvT1{width: 800px; height: 240px; padding-left: 55px;}

.popAdvT1Left{width: 360px; height: 130px;}

.popAdvT1Right{width: 420px; height: 130px;}



.popAdvT1Left p{width: 360px; height: 35px; margin: 20px 0;}

.popAdvT1Left label,.popAdvT1Right label{width: 80px; line-height: 35px; font-size: 14px; color: #333;}

.popAdvT1Left .input1{width: 200px; border: 1px solid #dadada; line-height: 33px; height: 33px; font-size: 14px;  margin-left: 10px; padding: 0 10px;}

.popAdvT1Right p{width: 420px; height:35px; margin: 20px 0;}

.popAdvT1Right .input2{width: 192px; border: 1px solid #dadada; line-height: 33px; height: 33px; font-size: 14px;  margin-left: 10px; padding: 0 10px;}

.popAdvT1Right .input3{width: 130px; border: 1px solid #dadada; line-height: 33px; height: 33px; font-size: 14px; margin-left: 10px; padding: 0 10px;}

.popAdvT1Right textarea{width: 270px; height: 120px; border: 1px solid #dadada; padding: 10px; margin-left: -3px;}

.xqlabel label{float: left;}

.inputBtn{width: 258px; height: 40px; margin: 10px auto 20px auto; }

.inputBtn .tj{width: 118px; height: 40px; line-height: 40px; text-align: center; color: #fff; background-color: #006ebc; cursor: pointer; font-size: 16px; font-family: "microsoft yahei";}

.inputBtn .resetz{width: 118px; height: 40px; line-height: 40px; text-align: center; color: #fff; background-color: #8b8b8b; cursor: pointer; font-size: 16px; font-family: "microsoft yahei";}

.inputBtn .tj:hover,.inputBtn .resetz:hover{opacity: 0.8;}

.selectdP{width: 228px; line-height: 30px;}

.popAdvT2{width: 855px; height: 150px; background-color: #f4f4f4;}

.popAdvT2 .popAdvTp{width: 100%; text-align: center; height: 50px; line-height: 50px; padding-top: 20px; font-size: 16px; color: #585858; font-family: "microsoft yahei";}

.popAdvBottom{width: 635px; height: 42px; margin: 10px auto 0 auto;}

.popAdvTel{width: 270px; height: 42px; line-height: 42px; overflow: hidden; color: #585858; font-size: 14px; padding-left: 50px; background: url("../images/tctel.png") no-repeat left center;}

.popAdvTel span{font-size: 24px; color: #006ebc;}

.dddt{width: 180px; height: 28px; overflow: hidden;}

.popAdvTel p{font-size: 14px; color: #666;}

.popAdvTelnum ul li{color: #006ebc; font-size: 24px; }

.dddt ul li{color: #006ebc; }

.popAdvQQ{width: 310px; height: 42px; overflow: hidden;}

.popAdvQQ1{width: 146px; height: 40px; border: 1px solid #dadada; background-color: #fff;}

.popAdvQQ1 .qqicon{width: 40px; height: 40px; border-right:1px solid #dadada; background: url("../images/qq.png") no-repeat center center;}

.popAdvQQ1 .qqtext{width: 104px; height: 40px; text-align: center; line-height: 40px;}

.popAdvQQ1 .qqtext a{display: block; width: 100%; height: 40px; font-size: 14px; color: #585858;}

.popAdvQQ1 .qqtext a:hover{color: #006ebc;}



/*合作伙伴弹窗*/

.popLogo{position: fixed; top: 0; width: 100%; height: 100%; z-index: 998; background: url("../images/fbg1.png") repeat; font-family: "microsoft yahei";}

.popLogoArea{position: absolute; top: 50%; margin-top: -225px; left:50%; margin-left: -325px; width: 650px; height: 450px; border:2px solid #ccc; overflow: hidden; background-color: #fff;}

.popLogoList{width: 650px; height: 450px;}

.popLogoList ul li{width: 650px; height: 450px;}

.popLogoList ul li img{width: 650px; height: 450px;}

.popLogoList ul li span{position: absolute; left: 0; bottom: 0; display: block; width: 100%; height: 30px; line-height: 30px; text-align: center; color: #fff; font-size: 14px;}

.closeLogo{position: absolute; top: 4px; right: 2px; background: url("../images/clickbtn.png") no-repeat; width: 30px; height: 30px; cursor: pointer;}

.popLogoArea .bd{position: absolute; bottom: 0; left: 0; z-index: 9999; width: 100%; height: 30px; line-height: 30px; text-align: center; font-size: 14px; background: url("../images/fbg1.png") repeat;  color: #fff; text-align: center;}

.popLogoArea .bd li{width: 100%; height: 30px; position: absolute; left: -9999px; text-align: center;}

.popLogoArea .bd .on{left: 0;}









.popArrow .prev,

.popArrow .next { position:absolute;  top:50%; margin-top: -21px; display:block; width:28px; height:43px; filter:alpha(opacity=80);opacity:0.8;}

.popArrow .next { left:10px; right:-50px; top: 50%; margin-top: -18px; background: url("../images/imgleftbtn.png") no-repeat; }

.popArrow .prev{right: 10px; background: url("../images/imgrightbtn.png") no-repeat;}

.popArrow .prev:hover,

.popArrow .next:hover{ filter:alpha(opacity=100);opacity:1; }





/* select*/

.popAdv .example_1 select,.example_2 select {width: 218px;}

.popAdv .example_1 label,.example_2 label {cursor: pointer;}



.popAdv .example_3 select{width: 122px;}



.popAdv .b-custom-select {

    position:relative;

    display: inline-block;

    height: 32px;

    background: #fff;

    border:1px solid #dadada;

    font-size: 13px;

    vertical-align: middle;

    text-align: left;

    margin-left: 0px;

}

.popAdv .b-custom-select_disabled {

    color: #bcbcbc;

    background: #f9f9f9;

}

.popAdv .b-custom-select_focus {

}

.popAdv .b-custom-select_expanded {

    z-index: 199;

    height: 32px;

    border-bottom: none;

}

.popAdv .lte7 .b-custom-select {

    display: inline;

    zoom:1;

}

.popAdv .b-custom-select__title {

    cursor: pointer;

    overflow: hidden;

}

.popAdv .b-custom-select__title__text {

    margin: 5px 30px 3px 10px;

    font-size: 14px;

    white-space: nowrap;

    overflow: hidden;

}

.popAdv .b-custom-select__title__icon {

    position: absolute;

    top:0px;

    right: 0px;

    display: block;

    width: 25px;

    height: 32px;

}

.popAdv .b-custom-select__title__icon:after {

    content: "";

    position:absolute;

    top:13px;

    right:7px;

    border-top: 6px solid #666;

    border-left:6px solid transparent;

    border-right:6px solid transparent;

}

.popAdv .b-custom-select_expanded .b-custom-select__title__icon {

}

.popAdv .b-custom-select_disabled .b-custom-select__title__icon {

    background: #f9f9f9;

}

.popAdv .b-custom-select__title__input {

    height: 30px;

    padding: 2px 9px;

    border: none;

    background: none;

    outline: 0;

    font-family: "PTSansRegular";

    font-size: 14px;

}

.b-custom-select__dropdown {

    background: #fff;

    border: 1px solid #cccccc;

    overflow: hidden;

}

.b-custom-select__list {

    padding: 5px 5px;

}

.b-custom-select__group {

    padding: 4px;

    white-space: nowrap;

    font-family: "PTSansRegular";

    font-size: 12px;

    font-weight: bold;

}

.b-custom-select__item {

    position: relative;

    display: block;

    height: 20px;

    padding: 4px 5px;

    overflow: hidden;

    cursor: pointer;

    white-space: nowrap;

    border-bottom: 1px dotted #cecece;

    font-family: "PTSansRegular";

    font-size: 14px;

}







.jobsearch1 .example_3 select{width: 150px;}

.jobsearch2 .example_3 select{width: 150px;}

.jobsearch1 .b-custom-select,.jobsearch2 .b-custom-select{

    position:relative;

    display: inline-block;

    height: 36px;

    background: #e9e9e9;

    font-size: 13px;

    top:-2px;

    vertical-align: middle;

    text-align: left;

}



.popAdvT1Right .b-custom-select{margin-top:-2px; height: 33px;}



.jobsearch1 .b-custom-select_expanded,.jobsearch2 .b-custom-select_expanded {

    z-index: 199;

    height: 36px;

    border-bottom: none;

}

.jobsearch1 .lte7 .b-custom-select,.jobsearch2 .lte7 .b-custom-select {

    display: inline;

    zoom:1;

}

.jobsearch1 .b-custom-select__title,.jobsearch2 .b-custom-select__title {

    cursor: pointer;

    overflow: hidden;

}

.jobsearch1 .b-custom-select__title__text,.jobsearch2 .b-custom-select__title__text {

    margin: -1px 30px 3px 10px;

    font-size: 14px;

    white-space: nowrap;

    overflow: hidden;

    color: #006ebc;

}

.jobsearch1 .b-custom-select__title__icon,.jobsearch2 .b-custom-select__title__icon {

    position: absolute;

    top:0px;

    right: 0px;

    display: block;

    width: 25px;

    height: 35px;

}

.jobsearch1 .b-custom-select__title__icon:after,.jobsearch2 .b-custom-select__title__icon:after {

    content: "";

    position:absolute;

    top:14px;

    right:7px;

    border-top: 7px solid #006ebc;

    border-left:7px solid transparent;

    border-right:7px solid transparent;

}



.jobsearch1right .b-custom-select__title__input {

    height: 35px;

    padding: 2px 9px;

    border: none;

    background: none;

    outline: 0;

    font-family: "PTSansRegular";

    font-size: 14px;

}

.jobsearch1right .b-custom-select__dropdown,.jobsearch2right .b-custom-select__dropdown {

    border: none;

    overflow: hidden;



}

.jobsearch1right .b-custom-select__list,.jobsearch2right .b-custom-select__list {

    padding: 5px 5px;

}

.jobsearch1right .b-custom-select__group,.jobsearch2right .b-custom-select__list {

    padding: 4px;

    white-space: nowrap;

    font-family: "PTSansRegular";

    font-size: 12px;

    font-weight: bold;

}

.jobsearch1right .b-custom-select__item,.jobsearch2right .b-custom-select__item {

    position: relative;

    display: block;

    height: 22px;

    padding: 4px 5px;

    overflow: hidden;

    cursor: pointer;

    white-space: nowrap;

    border-bottom: 1px dotted #cecece;

    font-family: "PTSansRegular";

    font-size: 14px;

}







@media screen\9  {/* 只支持IE6、7 */



}













/*动画*/

/*上下动*/

@keyframes dragTop {

    0% {

        opacity:0;

        transform:translateY(-150px)

    }



    100% {

        transform:translateY(0px)

    }

}

@-webkit-keyframes dragTop {

    0% {

        opacity:0;

        -webkit-transform:translateY(-150px)

    }



    100% {

        -webkit-transform:translateY(0px)

    }

}

@-moz-keyframes dragTop {

    0% {

        opacity:0;

        -moz-transform:translateY(-150px)

    }



    100% {

        -moz-transform:translateY(0px)

    }

}

@-ms-keyframes dragTop {

    0% {

        opacity:0;

        -ms-transform:translateY(-150px)

    }



    100% {

        -ms-transform:translateY(0px)

    }

}

/*上下动*/



/*左动*/

@keyframes dragLeft {

    0% {

        opacity:0;

        transform:translateX(-500px)

    }



    100% {

        transform:translateX(0px)

    }

}

@-webkit-keyframes dragLeft {

    0% {

        opacity:0;

        -webkit-transform:translateX(-500px)

    }



    100% {

        -webkit-transform:translateX(0px)

    }

}

@-moz-keyframes dragLeft {

    0% {

        opacity:0;

        -moz-transform:translateX(-500px)

    }



    100% {

        -moz-transform:translateX(0px)

    }

}

@-ms-keyframes dragLeft {

    0% {

        opacity:0;

        -ms-transform:translateX(-500px)

    }



    100% {

        -ms-transform:translateX(0px)

    }

}

/*左动*/



/*右动*/

@keyframes dragRight {

    0% {

        opacity:0;

        transform:translateX(500px)

    }



    100% {

        transform:translateX(0px)

    }

}

@-webkit-keyframes dragRight {

    0% {

        opacity:0;

        -webkit-transform:translateX(500px)

    }



    100% {

        -webkit-transform:translateX(0px)

    }

}

@-moz-keyframes dragRight {

    0% {

        opacity:0;

        -moz-transform:translateX(500px)

    }



    100% {

        -moz-transform:translateX(0px)

    }

}

@-ms-keyframes dragRight {

    0% {

        opacity:0;

        -ms-transform:translateX(500px)

    }



    100% {

        -ms-transform:translateX(0px)

    }

}

/*右动*/





@keyframes scaleAll {

    0% {

        opacity: 0;

        transform: scale(0) rotate(30deg);

    }

    30% {

        opacity: .5;

    }

    100% {

        opacity:1;

        transform: scale(1) rotate(0);

    }

}

@-webkit-keyframes scaleAll {

    0% {

        opacity: 0;

        -webkit-transform: scale(0) rotate(30deg);

    }

    30% {

        opacity: .5;

    }

    100% {

        opacity:1;

        -webkit-transform: scale(1) rotate(0);

    }

}

@-moz-keyframes scaleAll {

    0% {

        opacity: 0;

        -moz-transform: scale(0) rotate(30deg);

    }

    30% {

        opacity: .5;

    }

    100% {

        opacity:1;

        -moz-transform: scale(1) rotate(0);

    }

}

@-ms-keyframes scaleAll {

    0% {

        opacity: 0;

        -ms-transform: scale(0) rotate(30deg);

    }

    100% {

        opacity: 1;

        -ms-transform: scale(1) rotate(0);

    }

}

@keyframes scaleIn {

    0% {

        opacity: 0;

        transform: scale(3);

    }

    100% {

        opacity: 1;

        transform: scale(1);

    }

}

@-webkit-keyframes scaleIn {

    0% {

        opacity: 0;

        -webkit-transform: scale(3);

    }

    100% {

        opacity: 1;

        -webkit-transform: scale(1);

    }

}

@-moz-keyframes scaleIn {

    0% {

        opacity: 0;

        transform: scale(3);

    }

    100% {

        opacity: 1;

        transform: scale(1);

    }

}

@-ms-keyframes scaleIn {

    0% {

        opacity: 0;

        -ms-transform: scale(3);

    }

    100% {

        opacity: 1;

        -ms-transform: scale(1);

    }

}

@keyframes bgL {

    0% {

        background-position: 0 0;

    }

    100% {

        background-position: 2000px 0;

    }

}

@-webkit-keyframes bgL {

    0% {

        background-position: 0 0;

    }

    100% {

        background-position: 2000px 0;

    }

}

@-moz-keyframes bgL {

    0% {

        background-position: 0 0;

    }

    100% {

        background-position: 2000px 0;

    }

}

@-ms-keyframes bgL {

    0% {

        background-position: 0 0;

    }

    100% {

        background-position: 2000px 0;

    }

}

@keyframes bgR {

    0% {

        background-position: 2000px 0;

    }

    100% {

        background-position: 0 0;

    }

}

@-webkit-keyframes bgR {

    0% {

        background-position: 2000px 0;

    }

    100% {

        background-position: 0 0;

    }

}

@-moz-keyframes bgR {

    0% {

        background-position: 2000px 0;

    }

    100% {

        background-position: 0 0;

    }

}

@-ms-keyframes bgR {

    0% {

        background-position: 2000px 0;

    }

    100% {

        background-position: 0 0;

    }

}



@media screen and (max-width: 1400px) {

	



    .slidePic1 .slideTit1{position: absolute; top:23%; left: 50%; margin-left: -220px;}

    .slidePic1 .slideTit1 img{width: 441px; height: 98px;}

    .slidePic1 .slideTit2{position: absolute; top:38%; left: 50%; margin-left: -419px;}

    .slidePic1 .slideTit2 img{width: 837px; height: 65px;}

    .slidePic1 .slideTit3{position: absolute; top:48%; left: 50%; margin-left: -416px;}

    .slidePic1 .slideTit3 img{width: 833px; height: 33px;}

    .slideBtn{position: absolute; top: 54%; left: 50%;  text-align: center; width: 185px; height: 40px; overflow: hidden; line-height: 40px; margin-left: -92px; background-color: #006ebc;}



    .slidePic1 .slideTit1{top:23%; left: 50%; margin-left: -220px; -webkit-animation:dragLeft 1.5s ease-in-out both; -moz-animation:dragLeft 1.5s ease-in-out both; -ms-animation:dragLeft 1.5s ease-in-out both; animation:dragLeft 1.5s ease-in-out both;  position: absolute; }

    .slidePic1 .slideTit2{position: absolute; top:38%; left: 50%; margin-left: -419px;  -webkit-animation:dragRight 1.5s ease-in-out both; -moz-animation:dragRight 1.5s ease-in-out both; -ms-animation:dragRight 1.5s ease-in-out both; animation:dragRight 1.5s ease-in-out both;  position: absolute;}

    .slidePic1 .slideTit3{position: absolute; top:48%; left: 50%; margin-left: -416px; -webkit-animation:dragLeft 1.5s ease-in-out both; -moz-animation:dragLeft 1.5s ease-in-out both; -ms-animation:dragLeft 1.5s ease-in-out both; animation:dragLeft 1.5s ease-in-out both;  position: absolute; }

    .slideBtn{position: absolute; top: 54%; left: 50%; -webkit-animation:dragTop 1.5s ease-in-out both; -moz-animation:dragTop 1.5s ease-in-out both; -ms-animation:dragTop 1.5s ease-in-out both; animation:dragTop 1.5s ease-in-out both;  position: absolute; }

	

	

   .caseList ul li{width: 25%; height:300px;}

   .caseList .casePicd{width: 100%; height: 300px; border: 10px solid #fff;}



}





@media screen and (max-width: 1100px) {

	

   .caseList ul li{width: 25%; height:300px;}

   .caseList .casePicd{width: 100%; height: 300px; border: 10px solid #fff;}

	

	}











.content-wrapper { width: 100%; height: auto; padding:15px 0 30px 0; }

.bg-img { background: #e8e8ea url(../images/zybg.jpg) no-repeat bottom center; }

.content-header { width: 100%; margin-bottom: 40px; }

.content-title { margin: 0 auto; text-align: center; border-bottom: 1px solid #ccc; }

.content-title h1 { font-size: 40px; }

.content-title span, .content-title .dbline-w { display: block; width:207px; padding-top: 5px; margin: 0 auto -2px; }

.content-title span { border-bottom: 3px solid #666; padding:10px; text-transform:uppercase}

.content-title .dbline-w { border-bottom: 3px solid #fff; }

.content-body { width: 100%; height: auto; }





/*案例展示部分*/

.grid { overflow: hidden; margin: 0; width: 100%; list-style: none; }

/* Common style */

.grid figure { position: relative; z-index: 1; display: inline-block; overflow: hidden; height:auto; margin:0.9em 0;text-align: center; cursor: pointer; }

.grid figure img { position: relative; display: block; min-height: 100%; opacity: 1; }

.grid figure figcaption { padding: 2em; color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.grid figure figcaption::before, .grid figure figcaption::after { pointer-events: none; }

.grid figure figcaption { position: absolute; top: 0; left: 15px; width:calc(100% - 29px); height: 100%; }

.grid figure a { color: #333; font-size:16px; font-weight:700;font-family: "microsoft yahei";}

.text-left{ margin:15px 0 0; float:left; width:100%; text-align:center; padding:0;}

.grid figure a .glyphicon{height:3.75em; line-height:3.75em; margin-right:10px;}

.grid figure a:hover { color: #006ebc; }

/* Anchor will cover the whole item by default */

/* For some effects it will show as a button */

.grid figure a { z-index: 1000; }

.grid figure h2 { word-spacing: -0.15em; font-weight: 300; }

.grid figure h2, .grid figure p { margin: 0; }

.grid figure p { letter-spacing: 1px; font-size: 68.5%; }

/* Individual effects */

figure.effect-zoe img{ min-width: 94%; margin: 0 3%; height: auto; transition:1s; -moz-transition:1s; -webkit-transition:1s; -o-transition:1s;}

figure.effect-zoe:hover img{opacity: 0.8; transform: scale(1.1); -webkit-transform: scale(1.1); }

figure.effect-zoe figcaption { top: auto; bottom: 0; padding:0 0.8em; height: 3.75em; background: #fff; color: #3c4a50; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); line-height:3.75em;}

figure.effect-zoe h2 { float: left; }

figure.effect-zoe p { position: absolute; left: 0; bottom: 6em; padding: 1em; color: #fff; text-transform: none; font-size: 90%; opacity: 0; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; }

figure.effect-zoe h2 { -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0, 200%, 0); transform: translate3d(0, 200%, 0); }

figure.effect-zoe h2 { display: inline-block;padding-left:10px; height:3.75em; line-height:3.75em;}

figure.effect-zoe:hover p { opacity: 1; }

figure.effect-zoe:hover figcaption, figure.effect-zoe:hover h2 { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

figure.effect-zoe:hover h2 { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; }

 @media screen and (max-width: 1023px) {

.grid figure { width:50%; height:auto;}

.grid figure figcaption { font-size: 90%;width: calc(100% - 28px); }

}

 @media screen and (max-width: 767px) {

	.grid figure {width:100%;margin:1em 0em; }

	.grid figure  img {height: auto;}

	.grid {width:100%;text-align: center;padding:1em;}

	.row{margin:0;}

}

 @media screen and (max-width: 479px) {

	.grid figure {width:100%;margin:1em 0em; }

}



 @media screen and (max-width:350px) {

	 .d_nav_th .pull-left{width:60%;}

	 .d_nav_th img {width:100%;margin:1em 0px 0px 1em!important;}

}





.borderL{border-left:1px solid #5D5D5D;}





.wenhualinian{

	overflow: hidden;

	clear: both;

	width: 100%;

	float: left;

	height: 420px;

	background: #e70014;

	position: relative;

}

.ry-tab{

	width: 100%;

	float: left;

	height: 74px;

	text-align: center;

	margin-top: 30px;

}

.ry-tab a{

	width: 74px;

	display: inline-block;

	margin-right: 15px;

	height: 74px;

	line-height: 74px;

	color: #fff;

	font-size: 18px;

	font-weight:700;

	background: url(../images/ry_link.png);

	font-family: "microsoft yahei";

}

.ry-tab a.hover-a{

	background: url(../images/ry_hover.png);

}

.ry-img-block{

	width: 1200px;

	margin:0 auto;

	overflow: auto;

}

.ry-img-block ul{

	width: 100%;

	float: left;

	text-align: center;

	display: none;

}

.ry-img-block ul{

	width: 100%;

	float: left;

	text-align: center;

}

.chuangxin{

	color: #fff;

	font-size: 22px;

	font-weight: 700;

}

















/*---------------------------------main css----------------------------------------------------*/

.topheader{

	width: 100%;

	float: left;

	z-index:22;

	height:641px;

}

.logo-nr{

	width: 100%;

	background: #fff;

	height: 95px;

	float: left;

}

.logo-nr-mid{

	width: 1200px;

	height: 95px;

	margin:0 auto;

}

.menu-nav-item{

	width: 100%;

	height: 64px;

	float: left;

	background: url('../images/menubg.png') repeat-x;

	position: relative;

	z-index: 666;

}

.menu-nav-item:hover{

	width: 100%;

	height: 64px;

	float: left;

	position: relative;

	z-index: 666;

}

.menu-nav-item-mid{

	width: 1200px;

	margin:0 auto;

	height: 64px;

}

.fiexd-nav{

	position: fixed;

	top: 0;

	z-index: 6666666;

}

.toplogo{

	width: 360px;

	height: 95px;

	float: left;

}

.toplogo img{

	margin-top: 10px;

}





.topheader-mid{

	width: 1200px;

	position: absolute;

	left: 50%;

	margin-left: -600px;

	top: 0;

	z-index:3;

	background: #fff;

	height:88px;

}

.header.scroll{

	background: url("../images/bg_header.png") repeat-x center bottom;

}

.topheader .w{

	width: 100%;

	height: 88px;

	background: #fff;

}

.h-top{

	position: absolute;

	right: 5px;

	top: 0;

	z-index: 2;

	height: 38px;

	line-height: 38px;

}

.h-top p{

	padding-left: 10px;

	color: #fff;

	filter:alpha(opacity=85); 

	opacity: 0.85;

}

.h-top a{

	display: inline-block;

	padding: 0 10px;

	background: url("../images/bg_line20.png") no-repeat right center;

	color: #fff;

	filter:alpha(opacity=85); 

	opacity: 0.85;

	transition: opacity 0.5s;

}

.h-top a:hover{

	filter:alpha(opacity=100); 

	opacity: 1;		

}



.topnav{

	width: 750px;

	height: 88px;

	margin-left: 15px;

}

ul.topnav-ul{

	width: 100%;

}

li.topnav-sub{

	width: 12.5%;

	float: left;

}

li.topnav-sub a.tit{

	display: inline-block;

	width: 100%;

	height: 64px;

	font-size: 18px;

	font-weight:700;

	line-height: 64px;

	color: #fff;

	text-align: center;

	transition: color 0.5s;

	font-family: "microsoft yahei";

}

li.topnav-sub:hover a.tit{

	display: inline-block;

	width: 100%;

	height: 64px;

	font-size: 18px;

	font-weight:700;

	line-height: 64px;

	color: #fff;

	text-align: center;

	transition: color 0.5s;

	font-family: "microsoft yahei";

	background:#0b76be;

}

.topnav a.tit:hover{

	color: #0564c6;

}

.topnav-line{

	left:0;

	bottom: -2px;

	height: 2px;

	background: #ef011c;

	z-index: 66

}

.h-tips{

	width: 190px;

	z-index:9999;

	font-size: 11px;

	line-height: 95px;

	color: #787878;

	float: right;

	height: 95px;

}

.h-tips p{

	position: absolute;

	left: 0;

	top: 0;

	padding: 17px 0 9px;

}

.h-tips a.nav-sub{

	position: absolute;

	left: 122px;

	top: 0;

	height: 88px;

	display: inline-block;

	padding: 17px 0 9px;

	color: #787878;

	transition: color 0.5s;

}

.h-tips a:hover{

	color: #0c4da2;

}



.h-tips .login-box{

	float:left;

	width: 88px;

	height: 85px;

	padding: 5px 0 5px;

	background: #fff;

	border-left: 1px solid #eee;

	z-index:9999;

	text-align: center;

	color: #fff;

	font-size: 16px;

	line-height: 90px;

}

.h-tips .login-box:hover .hxx{

	display: block;

}

.hxx{

	width: 120px;

	height: 120px;

	padding: 10px;

	background: #fff;

	top:95px;

	position: absolute;

	display: none;

	z-index:9999;

}

.hxx img{

	width: 100%;

	height: 100%;

}

.h-tips .login-box a.login{

	display: inline-block;

	width: 100%;

	height: 100%;

	background: url("../images/wxh.jpg") no-repeat center 10px;

	line-height: 140px;

	color: #000;

}

.h-tips .login-box a.name{

	display: inline-block;

	float: left;

	width: 100%;

	margin-top: 15px;

	line-height: 18px;

	color: #fff;

	text-align: center;

}

.h-tips .login-box a.out{

	display: inline-block;

	float: left;

	width: 100%;

	line-height: 18px;

	color: #fff;

	text-align: center;	

}

.h-tips .topsearch-box{

	float:right;

	width: 88px;

	height: 95px;

	background: #0b76be;

}

.h-tips .topsearch-box .in{

	float:left;

	font-size: 16px;

	width: 88px;

	height: 95px;

	line-height:130px;

	transition: border 0.5s;

	background: url("../images/bg_sign24.png") no-repeat center 25px;

	cursor:pointer;

	color: #FFF;

	text-align: center;



}

.h-tips .topsearch-box .in.cur{

	border: 1px solid #ccc;

}

.h-tips .topsearch-box input{

	left: 0;

	top: 0;

	width: 196px;

	height: 24px;

	padding-left: 10px;

	border: 0;

	background: none;

	line-height: 24px;

	color: #666;

}

.h-tips .topsearch-box input.submit{

	left: auto;

	right: 0;

	width: 32px;

	background: url("../images/bg_sign24.png") no-repeat center;

}

.h-map{

	right: 0;

	top: 0;

	width: 88px;

	height: 62px;

	padding: 17px 0 9px;

	background: url("../images/bg_sign01.png") no-repeat center 55% #ddd;

	cursor: pointer;

}

.modal{position:fixed;z-index:50;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:none;}

.modal-dialog{position:absolute;left:0;top:-174px;width:100%;background-color: #2b2b2b; z-index:8888;}

.modal-content{width:1050px;margin:auto;padding:22px 0}

.modal-content>div{float:left}

.modal-content .search-logo{width:162px;height:128px;}

.modal-content .search-bar{margin:47px 30px 47px 50px;width:760px;height:34px;background:#eee;border-radius:4px;overflow:hidden}

.modal-content .search-bar label{margin-top:-8px;display:inline-block;width:46px;height:34px;background:url("../images/searchbg.png") no-repeat center;vertical-align:middle}

.modal-content .search-bar .keyword{float:left;padding-left:10px;width:700px;height:34px;line-height:34px;font-size:16px;border:none;}

.modal-content .search-bar .search-btn{float:left;width:50px;height:34px;line-height:34px;text-align:center;font-size:16px;border:none;background:#0b76be;color:#fff;cursor:pointer}

.modal-content .search-close{float:left;margin:47px 0;width:34px;height:34px;line-height:28px;text-align:center;color:#666;font-size:26px;font-weight:700;text-shadow: 0 1px 0 #666;vertical-align:top;cursor:pointer;}

.modal-content .search-close:hover{color:#ccc}

.modal-open{overflow:hidden;padding-right:17px}



.topnav-sub:hover .nav_menu{

   display: block;

}

.nav_menu { background: #f0f0f0; border-top: 1px solid #dfdfe0; position: absolute; left: 50%; top:63px;display: none; margin-left: -980px; width: 1960px; padding-bottom: 40px;overflow: hidden;}

.nav_menu .inner { width: 1200px; margin:0 auto; }

.nm_pro { line-height: 46px; font-size: 18px; float: none }

.nm_pro li { width: 155px; margin-right: 25px;  text-align: center; float: left;margin-top: 20px;}

.nm_pro li.last { margin: 0; }

.nm_pro li dt { font-size: 18px; line-height: 44px; }

.nm_pro li dt h3 a { display: block; border-bottom: 2px solid #0b76be;color: #000}

.nm_pro li dd { font-size: 14px; padding-top: 15px; }

.nm_pro li dd p { margin: 0 0 10px; height: 20px; }

.nm_pro li dd a { padding: 0 20px; line-height: 20px;display: block;color: #000}

.nm_pro li dd a:hover { background: #0b76be;color: #fff }

.qita-list-left{

  width: 25%;

  float: left;

  margin-top: 10px

}

.qita-list-left a{

  margin-top: 15px;

  width: 45%;

  float: left;

  height: 35px;

  line-height: 35px;

  border-bottom: 2px solid #999;

  text-align: center;

  color: #999;

  margin-right: 10px;

  font-size: 16px

}

.qita-list-left a:hover{

  color: #333;

}

.qita-list-right{

  width: 65%;

  float: right;

}

.top-jianjie{

  width: 490px;

  float: right;

  line-height: 25px;

  margin-top: 40px;

}

.topx-nav-rigt-a{

  width: 26px;

  height: 26px;

  float: right;

  margin-top: 11px;

  margin-left: 15px;

}

.topx-nav-rigt-a a{

  width: 26px;

  height: 26px;

  float: left;

  background:url('../images/webqq.png');

}

.topx-nav-rigt-a a:hover{

  transform: rotateY(-360deg);

  background:url('../images/webqq2.png');

  transition: all  ease .5s;

}

.topx-nav-rigt-b{

  width: 26px;

  height: 26px;

  float: right;

  margin-top: 11px;

  margin-left: 15px;



}

.topx-nav-rigt-b div.av{

  width: 26px;

  height: 26px;

  float: left;

  background:url('../images/wx1.png');

  position: relative;

  z-index:99999;

}

.topx-nav-rigt-b div.av:hover{



  background:url('../images/wx2.png');

  transition: all  ease .5s;

}

.topx-nav-rigt-b div.av span{

  position:absolute;

  right: -58px;

  top: 26px;

  float: left;

  display: block;

  background: url('../images/wxzbg.png') no-repeat;

  width: 140px;

  height: 152px;

  display: none;

}

.topx-nav-rigt-b div.av span img{

  width: 120px;

  height: 120px;

  margin-left: 10px;

  margin-top: 22px;

}

.topx-nav-rigt-b div.av:hover span{

  display: block;

}





/*头部*/



.head { background:url("../images/headbg.jpg") repeat-x top center #e70014; height:200px; margin-bottom:1px; font-family:"微软雅黑"}

.head a{ color:#666;}

.head-box { font-size:12px; text-align:left;  height:146px; line-height:32px; color:#666; width:1160px; margin:0 auto;}

.head-left { float:left;}

.head-right { float:right;}

.head-tel{ clear:both; float:right; margin-top:56px; font-size:34px; color:#d00; font-weight:700;}





/* 导航 */

.nav {

	text-align: center;

	border-top:#e8e8e8 1px solid;

	width:100%;

}

.juzhong{ width:1170px; margin:0 auto}

.nav ul ul {

	display: none;

}

.nav ul li:hover > ul {

		display: block;

	}

.nav ul {

 

	list-style: none;

	position: relative;

	display: inline-table;

	z-index:9999999999999

}

.nav ul:after {

		content: ""; clear: both; display: block;

	}

.nav ul li {

		float: left; width:146px;  position:relative

	}

.nav ul li:hover {

			background: #A00;

	

		}

.nav ul li:hover a {

				color: #fff;

			}

		

.nav ul li a {

			display: block; 

			color: #fff; text-decoration: none; font-size:16px;line-height:53px;

		}

			

.nav ul ul {

		background: #A00; border-radius: 0px; padding: 0;

		position: absolute; top: 100%; z-index:999; left:0

	}

.nav ul ul li {

			float: none; 

			border-top: 1px solid #94020f;

			position: relative;

		}

.nav ul ul li a {

				padding: 0;

				color: #fff;

				font-size:12px;

				line-height:40px

			}	

.nav ul ul li a:hover {

					background: #fff; color:#333;

				}

		

.nav ul ul ul {

		position: absolute; left: 100%; top:0;

	}

		

.product h1 {

    font-size: 20px;

    text-align: center;

    font-weight: normal;

    line-height: 80px;

    color: #6c5a54;

}

.product .info {

    border-top: 1px dashed #dbd4cd;

    border-bottom: 1px dashed #dbd4cd;

    line-height: 35px;

    text-align: center;

    margin-bottom: 35px;

}

.product .text {

    line-height: 2em;

    color: #333;

    font-size: 15px;

}

.newlb h1 {

    font-size: 20px;

    text-align: center;

    font-weight: normal;

    line-height: 80px;

    color: #6c5a54;

}

.newlb .info {

    border-top: 1px dashed #dbd4cd;

    border-bottom: 1px dashed #dbd4cd;

    line-height: 35px;

    text-align: center;

    margin-bottom: 35px;

}

.newlb .text {

    line-height: 2em;

    color: #333;

    font-size: 15px;

}

.anli h1{

    font-size: 20px;

    text-align: center;

    font-weight: normal;

    line-height: 80px;

    color: #6c5a54;

}

.anli .info {

    border-top: 1px dashed #dbd4cd;

    border-bottom: 1px dashed #dbd4cd;

    line-height: 35px;

    text-align: center;

    margin-bottom: 35px;

}

.anli .text {

    line-height: 2em;

    color: #333;

    font-size: 15px;

}



/*在线客服*/

.yb_conct {
    position: fixed;
    z-index: 9999999;
    top:100px;
    right: 1px;
    cursor: pointer;
    transition: all .3s ease;
}
.yb_bar ul li {
    width: 180px;
  
    font: 16px/53px 'Microsoft YaHei';
    color: #fff;
    text-indent: 54px;
    margin-bottom: 3px;
    border-radius: 3px;
    transition: all .5s ease;
    overflow: hidden;
}
.yb_bar .yb_top {
    background: #1281d6  url(../images/fixCont.png) no-repeat 0 0;
}
.yb_bar .yb_phone {
    background: #1281d6  url(../images/fixCont.png) no-repeat 0 -57px;
}
.yb_bar .yb_QQ {
    text-indent: 0;
    background: #1281d6  url(../images/fixCont.png) no-repeat 0 -113px;
}
.yb_bar .yb_ercode {
    height:200px;
    background: #1281d6  url(../images/fixCont.png) no-repeat 0 -169px;
}
.hd_qr {
    padding: 0 29px 25px 29px;
}
.yb_QQ a {
    display: block;
    text-indent: 54px;
    width: 100%;
    height: 100%;
    color: #fff;
}