/*代码初始化*/

body{ color:#484848;}

h1,h2,h3,h4,h5,h6,p{ margin:0;}

.container{ width:1000px; padding:0;}

.color{ background-color:#f3f3f3;}

::selection { background:#ca1712; color: #fff;

  }



  ::-moz-selection {



      background:#ca1712;  color: #fff;

       }



  ::-webkit-selection {

      background:#ca1712; color: #fff;

  }



.hdtxt span{ margin-left: 15px; }

.hd_top{ background-color:#dcdcdd;}

.hd_top p{ margin:0 auto; padding: 5px 0; }

.hd_top p span{ color: #484848; }

.hd_top p i{ color: #ca1712; margin-right: 5px; }

.headtop{ background-color:#f3f3f3; padding: 25px 0;}

.fomser form{ position: relative; height: 35px; }

.fomser form .hedbtn{ position: absolute; right: 0; top: 0; height: 100%; background-color: #ca1712; border-radius: 0 3px 3px 0; color: #fff; border: none; width: 84px; }

.fomser form .topseae{ width: 100%; height: 100%; border: 1px solid #ca1712; border-radius: 3px; padding-left: 13px; }

.headtop .fr span{ color: #ca1712; display: inline-block; padding-bottom: 10px; }

.headtop .fr span a{ color: #484848; }

.headnav{ background-color: #ca1712; transition:0.3s; }

.header-frontend.p_fixed{ position:fixed; top:0; left:0; width:100%; z-index:99; box-shadow: 0 0 15px rgba(0,0,0,0.5);}

.navbar{ margin-bottom: 0; }

.navbar-nav{ width: 100%; }

.navbar-nav > li{ width: 12.5%; text-align: center; }

.navbar-nav > li > a{ width: 100%; padding: 15px 0; color: #fff; font-size: 16px; }

.navbar-nav > li > a:hover{ background-color:#a7130f;}

.headtop .fr .hedbtn span{ color:#fff; padding-bottom:0;}

.dropdown-menu{ background:#fff; padding:0px;width:120px;border:1px solid #ca1712;}

.dropdown-menu li{background:#fff!important;color:#fff; text-align: center;}

.dropdown-menu li a{ color:#5d5d5d!important; background:#fff!important; padding:15px 0;}

.dropdown-menu li a:hover{ background:#dcdcdd!important;}

.dropdown-menu li:hover{background:#fff !important; color:#ca1712 !important;}







.banner{ background:url(../images/casebanner.jpg) no-repeat center; text-align:center; padding:112px 0 132px;}

.banner h2{ font-size:32px;}

.banner i{ display:inline-block; background-image:linear-gradient(-90deg,rgba(0,0,0,0),rgba(0,0,0,0.5)); height:2px; width:72px;background-image:-webkit-linear-gradient(-180deg, rgba(0,0,0,0),rgba(0,0,0,0.5)); margin:13px 0 10px;}

.banner b{ display:inline-block; background-image:linear-gradient(90deg,rgba(0,0,0,0),rgba(0,0,0,0.5)); height:2px; width:72px;background-image:-webkit-linear-gradient(360deg, rgba(0,0,0,0),rgba(0,0,0,0.5)); margin:13px 0 10px;}



.casenav{ background-color:#d9d9d9; border-bottom:2px solid #ca1712;}

.casenav li{ float:left;}

.casenav li a{ display:inline-block; padding:15px 25px; border-radius:3px; transition:0.3s;}

.casenav li a:hover , .casenav li.on a{ background-color:#ca1712; color:#fff;}





.case-center{ background-color:#fff; width:1100px; margin:0 auto 60px; box-shadow: 0 0 20px rgba(0,0,0,0.3);}

.case-center .center-nav{ padding:10px 0 20px;}

.case-center .center{ width:940px; margin:0 auto 50px;}

.case-center .center .title{ box-shadow:0 0 15px rgba(0,0,0,0.3); padding: 30px 50px 40px; margin-bottom:40px;}

.case-center .center .title h3{ font-size:30px; text-align:center;}

.case-center .center .title i{ display:block; width:100px; height:4px; background-color:#ca1712; margin:10px auto 20px;}

.case-center .center .title p{ font-size:18px; line-height:1.6em; text-indent:2em;}

.case-center .center .content li{ margin-bottom:25px; box-shadow:0 0 15px rgba(0,0,0,0.2)}

.case-center .center .content li .img{ width:300px; border-right:1px solid #999;}

.case-center .center .content li .img .logo{ height: 56px; position: relative;}

.case-center .center .content li .img .logo img{ position: absolute; left: 30px; top: 0; bottom: 0; margin: auto; }

.case-center .center .content li .img .pic{ height: 299px; height: 166px; position: relative; overflow: hidden; }

.case-center .center .content li .img .pic img{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }

.case-center .center .content li .text{ width:640px; padding:35px 20px 0; position:relative; min-height:222px;}

.case-center .center .content li .text h4 a{ font-size:18px; color:#000; line-height:1.5em; font-weight:bold; transition:0.3s;}

.case-center .center .content li .text h4 a:hover{ color:#ca1712;}

.case-center .center .content li .text p{ line-height:1.3em; margin-top:10px;}

.case-center .center .content li .text .btns{ font-size:26px; display:inline-block; width:26px; height:26px; border:1px solid #000; border-radius:50%; text-align:center; line-height:24px; position:absolute; left:20px; bottom:30px; color:#000; transition:0.3s;}

.case-center .center .content li .text .btns:hover{ color:#ca1712; border-color:#ca1712; }



.case-center .center .content .page{ text-align:center; margin-top:40px;}

.case-center .center .content .page i{ display:inline-block; width:1px; height:30px; background-color:#ca1712; margin-bottom:-10px;}

.case-center .center .content .page a{ font-size:16px; transition:0.3s; display:inline-block; line-height:30px; text-align:center; padding:0; margin:0 10px 10px;}

.case-center .center .content .page a.on,.case-center .center .content .page a.on:hover{ width:30px; height:30px; background-color:#ca1712; color:#fff; border-radius:50%;}

.case-center .center .content .page a.on:hover{ width:30px; height:30px; background-color:#ca1712; color:#fff; border-radius:50%;}

.case-center .center .content .page a:hover{ color:#ca1712;}



footer{ background-color:#dbdbdc; padding:55px 0 40px;}

footer .left{ width:657px;}

footer .left ul{ width:20%; float:left;}

footer .left ul h5 a{ font-size:18px; color:#ca1712; font-weight:bold; margin-bottom:20px;}

footer .left ul li{ margin-top:15px;}

footer .left ul li a{ transition:0.3s; color:#000;}

footer .left ul li a:hover{ color:#ca1712;}





footer .right{ width:342px; border-left:1px solid #000; padding-left:50px;}

footer .right img{ margin-bottom:15px;}

footer .right h6{ margin-top:13px; color:#ca1712; font-size:14px; font-weight:bold;}

footer .right p{ margin-top:13px; color:#000;}

footer .right p a{ transition:0.3s; color:#000;}

footer .right p a:hover{ color:#ca1712;}

.copyright{ background:#626262; color:#fff; padding:20px 0; text-align:center;}





.case-center .showcenter{ width:auto; padding:0 77px; }

.showcenter h2{ text-align:center; width:640px; margin:0 auto; line-height:1.6em; font-weight:bold;}

.showcenter > i{ display:block; width:70px; height:4px; background-color:#ca1712; margin: 20px auto 60px;}

.showcenter .show{ text-align: center; }

.showcenter .show span{ padding:40px 25px; width:348px; display:block; font-size:16px; line-height:1.6em; float:left; font-weight:bold; text-indent:2em;}

.showcenter .cont{ padding: 0 20px 40px;}

.showcenter .cont p{ text-indent:2em; font-size:16px; line-height:1.6em; margin-top:5px;}





.case-center .management{ min-height:810px; padding:0;}

.management .mancont h3{ font-size:22px; color:#ca1712; font-weight:bold; margin-bottom:5px;}

.management .mancont p{ font-size:18px; line-height:1.5em; margin-bottom:30px;}







.case-center .center .content .busscon{ min-height:475px;}

.case-center .center .content .busscon li{ float:left;}

.case-center .center .content .busscon li a{ display:block; padding:40px 25px; width:450px; min-height:230px; border:1px solid rgba(202,23,18,0); transition:0.3s;}

.case-center .center .content .busscon li:nth-child(2n){ margin-left:40px;}

.case-center .center .content .busscon li a h3{ text-align:center; color:#333; font-size:24px; margin-bottom:20px; transition:0.3s;}

.case-center .center .content .busscon li a p{ line-height:1.5em; transition:0.3s;}

.case-center .center .content .busscon li a i{ display:inline-block; width:13px; height:13px; border:1px solid #333; text-align:center; line-height:12px; margin-left:10px; border-radius:50%; font-size:12px; transition:0.3s;}

.case-center .center .content .busscon li a:hover{ border-color: rgba(202,23,18,1)}

.case-center .center .content .busscon li a:hover h3{ color:#ca1712;}

.case-center .center .content .busscon li a:hover p{ color:#ca1712;}

.case-center .center .content .busscon li a:hover i{ color:#ca1712; border-color:#ca1712; margin-left:30px;}





.bussbanner{ background-image:url(../images/bussbanner.jpg);}



.case-center .showcenter .img{ text-align:center; margin:40px 0 30px;}



.case-center .buscenter{ min-height:790px;}

.buscenter .cont p{ margin-bottom:35px;}



.casenav li i{ display:inline-block; width:1px; height:18px; background-color:#fff; margin-bottom:-5px;}

.casenav li:hover i,.casenav li.on i{ background-color:rgba(255,255,255,0)}



.newsbanner{ background-image:url(../images/newsbanner.jpg);}

.case-center .center .newscon li{ box-shadow:none; background-color:#f3f3f3;}

.case-center .center .newscon li > a{ display:block; padding:15px; transition:0.3s;}

.case-center .center .newscon li .text{ min-height:124px; padding-top:25px; padding-right:75px; width:735px;}

.case-center .center .newscon li .img{ width:172px; border:none;}

.case-center .center .newscon li .text h4{ color:#000; font-size:18px; font-weight:bold; transition:0.3s;}

.case-center .center .newscon li .text p{ line-height:1.5em; transition:0.3s;}

.case-center .center .newscon li .text .btns{ right:10px; top:50%; margin-top:-13px; left:auto; transition:0.3s;}

.case-center .center .newscon li > a:hover{ background-color:#ca1712;}

.case-center .center .newscon li > a:hover .text h4{ color:#fff;}

.case-center .center .newscon li > a:hover .text p{ color:#fff;}

.case-center .center .newscon li > a:hover .text .btns{ color:#fff; border-color:#fff;}



.newsnav{}







/*视频页面*/

.case-center .center .newscon li .img{ position:relative;}

.case-center .center .newscon li .img .anniu{ position:relative; z-index:11; cursor:pointer;}

.case-center .center .newscon li .img .shipin{ position:absolute; width:22px; height:21px; left:5px; bottom:12px; z-index:12}

.tanchu{ width:856px; height:760px; background-color:#fff; z-index:101; box-shadow:0 0 20px rgba(0,0,0,0.5); OVERFLOW-y:auto; padding:45px 85px 75px;}

.video{ margin:10px auto 25px; position:relative; width:500px;}

.video input{ position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; width:97px; height:93px; background:url(../images/play.png) no-repeat center; border:none;}

.video input.on{ top:auto; bottom: 10px; left: 10px; right: auto; width: 35px; height: 33px; background-image: url(../images/plays.png); }

.video input:fouse{ border:none;outline:none;}

:focus {



    outline: 0;



}

.video iframe{ width: 100%; height: 300px; position: absolute; top: 0; left: 0; z-index: -1; }

.video iframe.on{ position: relative; z-index: 1; }

.video img.on{ display: none; }

.tanchu h2{ width:610px; margin:0 auto; text-align:center; font-size:18px; line-height:1.5em;}

.tanchu i{ width:140px; height:4px; background-color:#ca1712; display:block; margin:10px auto;}

.tanchu .time{ text-align:center; color:010101;}

.tanchu b{ line-height:1.5em; margin-bottom:10px; display:inline-block;}

.tanchu p{ line-height:1.5em; font-size:12px; text-indent:2em; margin-bottom:15px;}

.tanchu .closed{ background-color:#fff; text-align:center; position:fixed; width:856px; margin: auto; left: 0; right: 0; bottom:0; height:48px; cursor:pointer;}

.tanchu .closed span{ display:inline-block; padding:3px 16px; border:1px solid #ca1712; border-radius:10px; color:#ca1712;}



.case-center .center .videocon li{ padding:15px; cursor:pointer; transition:0.3s;}

.case-center .center .videocon li:hover{ background-color:#ca1712;}

.case-center .center .videocon li:hover .text h4{ color:#fff;}

.case-center .center .videocon li:hover .text p{ color:#fff;}

.case-center .center .videocon li:hover .text .btns{ color:#fff; border-color:#fff;}

.case-center .center .content .page li:hover{ background-color:transparent; }

.case-center .center .content .page li:hover a{ background-color:transparent; }



.videocenter .cont{ padding-top:0;}

.videocenter .cont p{ margin-top:5px;}



/*联系我们*/

.contbanner{ background-image:url(../images/contactbanner.jpg);}



.case-center .contactcenter{ padding:0; min-height:810px;}



.wrap{ margin-top:-50px; position:relative;}

.itemCon{ position:relative; margin:0 auto;}

#mapTipContainer{ left: 0 !important; }

.mapTipText{width: 300px;height: 510px;background-color: #ffffff; OVERFLOW-y:auto; box-shadow:0 0 15px rgba(0,0,0,0.2); padding:20px;}

.mapTipText i{ display: inline-block; width: 90%; height: 20px; background-color: #fff; position: absolute; bottom: 0; left: 0; }

.mapTipText b{ display: inline-block; width: 90%; height: 20px; background-color: #fff; position: absolute; top: 0; left: 0; }

.mapTipText .mapTipList{float: left;margin-left: 4px; width: 100%;}

.mapTipText .mapTipList h2{text-align: left; width: auto;}

.mapTipText .mapTipList h2 a{font-size: 16px; color: #080808;text-decoration:none;}

.mapTipText .mapTipList h2 a:hover{ color: #0085d2;}

.mapTipText .mapTipList .hongxian{ display:inline-block; width:33px; height:2px; background-color:#ca1712; margin-bottom: 30px;}

#stateTip{ left:15px !important; top:0 !important; display:inline-block !important;}

text{ display:none;}

.itemCon .maptitle .tit{ position:absolute;  display:inline-block; height:30px;}

.itemCon .maptitle .tit i{ width:20px; height:27px; overflow:hidden; display:inline-block; position:absolute; }

.itemCon .maptitle .tit i img{ max-width:none; top:0; left:0; position:absolute;}

.itemCon .maptitle .tit:hover i img{ left:-20px;}

.itemCon .maptitle .tit1{ top:240px; right:310px;}

.itemCon .maptitle .tit1 i{ width:20px; height:35px; overflow:hidden; display:inline-block; position:absolute; }

.itemCon .maptitle .tit2{ top:450px; right:510px;}

.itemCon .maptitle .tit3{ top:310px; right:280px;}

.itemCon .maptitle .tit4{ top:370px; right:240px;}

.itemCon .maptitle .tit5{ top:430px; right:230px;}

.itemCon .maptitle .tit6{ top:420px; right:360px;}

.itemCon .maptitle .tit7{ top:470px; right:290px;}

.itemCon .maptitle .tit8{ top:550px; right:320px;}

.itemCon .maptitle .tit b{ position:absolute; bottom:-25px; z-index:0;}

.itemCon .maptitle .tit1 b{ top:-25px; bottom:auto;}

.itemCon .maptitle .tit2 b{  left:21px;}



.svggroup{ background:url(../images/map.jpg) no-repeat center; }



.wrap #stateTip svg{ display: none; }

.wrap .tishi{ position:absolute; bottom:0; right:150px;}

.wrap .tishi p{ margin-top:10px;}

.wrap .tishi p img{ margin-right:5px;}

.wrap .tishi p i{ margin:0; margin-right:5px; display:inline-block; width:20px; height:27px; overflow:hidden; background-color:transparent; margin-bottom:-3px;}

.wrap .tishi p i img{ height:27px; max-width:none;}





.youpiao{ width:66px; text-align: center;padding-top: 30px; position: fixed;right:0; top:50%; }

.youpiao .kf{background: #ca1712;margin-top: 30px;}

.youpiao .kf img{color:#fff;padding-top: 20px; padding-bottom:20px; }

.youpiao .weixin,.youpiao .kf{ height: 66px; position: relative; background-color: #fff; transition: 0.3s; border: 1px solid #eaeaea; }

.youpiao .weixin:hover,.youpiao .kf:hover{ border-color: #ca1712; }

.youpiao h3{padding-top:15px;}

.youpiao p{padding-top:15px;padding-bottom: 0;margin-bottom:0;}

.youpiao .weixin .hoverd,.youpiao .kf .hoverd{ width: 33px; height: 33px; background: url(../images/weixin.png) no-repeat center; position: absolute; top: 7px; left: 0; right: 0; margin: auto; transition: 0.3s; }

.youpiao .kf .hoverd{ background-image: url(../images/qq.png); }

.youpiao .weixin:hover .hoverd{ background-image: url(../images/erweima.png); width: 150px; height: 150px; left: auto; right: 20px; top: 0; bottom: 0; }

.youpiao .weixin p,.youpiao .kf p{ margin-top: 25px; text-align: center; }

/*返回头部*/

.top{cursor:pointer; position:fixed; bottom:10%; right:10%; display:block; text-decoration:none;}