@charset "utf-8";
html,body{margin: 0px;padding: 0px;height: 100%;}
div,a,p,img,input,span,font,h1,textarea{transition-duration:0.5s;text-decoration: none;font-family: arial,'Microsoft YaHei','微软雅黑';}
.clear{clear:both;}
ul,li{list-style: none;margin: 0px;padding: 0px;}
::-webkit-scrollbar{width:6px;background-color:#e1e5ea}
::-webkit-scrollbar-thumb{background-color:#b10011;border-radius:6px;border:0px solid #e1e5ea;}
::-webkit-scrollbar-thumb:hover{background-color:#e6061c;}
::-webkit-scrollbar-thumb:active{border:0;border-radius:10;background-color:#e6061c}
::-webkit-scrollbar-thumb:window-inactive{background-color:#4c97da}

.wrap{width: 100%;}
.head{width: 100%;height: 60px;background:rgba(0, 0, 0, 0.2);position: fixed;top: 0px;left: 0px;z-index: 99}
.head .logo{height: 30px;float: left;margin-left: 3%;margin-top: 18px;}
.head .logo img{height: 24px;}
.head .logo img.logoa{display: block;}
.head .logo img.logob{display: none;}
.head .slogo{height: 30px;position: absolute;top: 18px;left: 180px;}
.head .slogo a{line-height: 30px;color: #FFFFFF;font-size: 16px;}
.head nav{position: absolute;height: 20px;top: 20px;right: 100px;}
.head nav a{line-height: 20px;color: #FFFFFF;padding: 0px 30px;font-size: 15px;}
.head nav a:last-child{border-right: none;}
.head nav i{display: inline-table;width: 1px;height: 12px;background: #FFFFFF;}
.head nav a:hover{color: #b10011;}

.shesads{width: 100%;height: 60px;background:rgba(255, 255, 255, 0.95);position: fixed;top: 0px;left: 0px;z-index: 99;box-shadow: 1px 1px 2px #CCCCCC;}
.shesads .logo{height: 30px;float: left;margin-left: 3%;margin-top: 18px;}
.shesads .logo img{height: 24px;}
.shesads .logo img.logoa{display: none;}
.shesads .logo img.logob{display: block;}
.shesads .slogo{height: 30px;position: absolute;top: 18px;left: 180px;}
.shesads .slogo a{line-height: 30px;color: #b10011;font-size: 16px;}
.shesads nav{position: absolute;height: 20px;top: 20px;right: 100px;}
.shesads nav a{line-height: 20px;color: #333333;padding: 0px 30px;font-size: 15px;}
.shesads nav a:last-child{border-right: none;}
.shesads nav i{display: inline-table;width: 1px;height: 12px;background: #333333;}
.shesads nav a:hover{color: #b10011;}

.banner{height: 90%;width: 100%;background: url(../Images/newbannaer2.jpg) no-repeat center;background-size: cover;overflow: hidden;}

.banner .con{height:0;padding-top:50%;background-size:cover;background-position:50% 50%;background-repeat:no-repeat}
.banner .slick-dots{position:absolute;left:0;width:100%;bottom:22px;text-align:center;font-size:0}
.banner .slick-dots li{display:inline-block;vertical-align:middle;width:12px;height:12px;margin:0 6px;cursor:pointer;background:#FFFFFF;-moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px;}
.banner .slick-dots li.slick-active{background:#b10011;width:36px;height:12px;}
.banner .item{overflow:hidden;position:relative}
.banner .item .bg_video{position:absolute;left:50%;top:50%;min-width:101%;min-height:101%;transform:translate(-50%,-50%)}

.banner .slick-arrow{border:none;position: absolute; top: 50%;height: 40px; width:40px; z-index: 9;cursor: pointer;}

.banner .slick-prev{left: 10px;background:url(../Images/prev.png) no-repeat;opacity: 0;}
.banner .slick-next{right: 10px;background:url(../Images/next.png) no-repeat;opacity: 0;}
.banner .slick-prev:hover{left: 10px;background:url(../Images/prev.png) no-repeat;opacity: 1;}
.banner .slick-next:hover{right: 10px;background:url(../Images/next.png) no-repeat;opacity: 1;}


.banner .text{width: 50%;padding:20% 25%; text-align: center;position: absolute;top:0px; left: 0px;}
.banner .text .btitle{}
.banner .text .btitle a{font-size: 54px; color: #FFFFFF;line-height: 40px;font-weight: 600;outline: none;}
.banner .text .curs{margin-top: 20px;padding:0px 20%;}
.banner .text .curs a{font-size: 24px; color: #FFFFFF;line-height: 40px;outline: none;}



.menu-handler{width:60px;height:60px;cursor:pointer;right:0px;top:0px;background:none;position:fixed;z-index:100; transition-duration:0.5s;background: #b10011;}
.menu-handler .burger{width:31px;height:3px;background:#FFFFFF;display:block;position:absolute;z-index:80;top:19px;left:50%;margin:0px 0px 0px -12px;transform-origin:center;-webkit-transform-origin:center;-moz-transform-origin:center;-o-transform-origin:center;-ms-transform-origin:center;}
.menu-handler .burger-2{top:28px;}
.menu-handler .burger-3{top:37px;}

.menu-handler.active{background: none;}
.menu-handler.active .burger-1{top:27px;-moz-transform:rotate(225deg);-webkit-transform:rotate(225deg);-o-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg);z-index: 90;position: absolute;background: #b10011;}
.menu-handler.active .burger-2{ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);opacity:0;-moz-opacity:0;-khtml-opacity:0;-webkit-opacity:0;left:100%;}
.menu-handler.active .burger-3{top:27px;-moz-transform:rotate(-225deg);-webkit-transform:rotate(-225deg);-o-transform:rotate(-225deg);-ms-transform:rotate(-225deg);transform:rotate(-225deg);z-index: 90;position: absolute; background:#b10011; }



.menu-handler:hover.active{
animation: xuanzhuan 0.5s 1;
-webkit-animation: xuanzhuan 0.5s 1;
-moz-animation: xuanzhuan 0.5s 1;
}
@keyframes xuanzhuan {
from {
transform: perspective(400px) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
animation-timing-function: linear;
}
20% {
transform: perspective(400px) translate3d(0, 0, 0) rotate3d(0, 1, 0, -300deg);
animation-timing-function: linear;
}
40% {
transform: perspective(400px) translate3d(0, 0, 0) rotate3d(0, 1, 0, -240deg);
animation-timing-function: linear;
}
60% {
transform: perspective(400px) translate3d(0, 0, 0) rotate3d(0, 1, 0, -180deg);
animation-timing-function: linear;
}
80% {
transform: perspective(400px) translate3d(0, 0, 0) rotate3d(0, 1, 0, -60deg);
animation-timing-function: linear;
}
to {
transform: perspective(400px) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);;
animation-timing-function: linear;
}
}


.menuBox{position: fixed;
top: 0px;
right: -100%;
overflow: hidden;
width: 100%;
bottom: 0px;
background-color: rgba(255,255,255,0.95);
z-index: 99;}


.mobmenu{width: 30%;float: left;margin-left: 10%;padding: 5%;}
.mobmenu ul li{width: 100%;margin: 20px;border-bottom: 1px dotted #CCCCCC;height: 80px;}
.mobmenu ul li a{line-height: 80px;font-size: 26px;color: #333333;}
.mobmenu ul li:hover a{padding-left: 40px;}
.mobmenu ul li a:before{content: '';position: absolute;margin-top: 40px;margin-left: 0px;height: 2px;width: 0px;background: #b10011;}
.mobmenu ul li:hover a:before{width: 30px;margin-left: -40px;}

.mobmenuright{width: 30%;float: right;;margin-right: 10%;padding: 6% 5%;}
.mobmenuright ul li{width: 100%;margin: 20px;height: 80px;padding-left: 60px;}
.mobmenuright ul li p{font-size: 13px;margin: 10px 0px;}
.mobmenuright ul li span{font-size: 16px;}
.mobmenuright ul li img{width: 120px;}
.mobmenuright ul li.one{background: url(../Images/menu1.png) no-repeat top left;background-size: 40px 40px;}
.mobmenuright ul li.two{background: url(../Images/menu2.png) no-repeat top left;background-size: 40px 40px;}
.mobmenuright ul li.three{background: url(../Images/menu3.png) no-repeat top left;background-size: 40px 40px;}
.mobmenuright ul li.four{background: url(../Images/menu4.png) no-repeat top left;background-size: 40px 40px;}


.indexa{text-align: center;margin: 40px;}
.indexa a{font-size: 24px;color: #333333;line-height: 55px;}
.indexa a span{color: #FF0000;}

.indexb{width: 100%;display: table;}
.indexb ul li{width: 27.33%;float: left;height: 200px;background: #FF0000;padding: 3%;}
.indexb ul li.one{background: #f15b25;}
.indexb ul li.two{background: #e30c21;}
.indexb ul li.three{background: #f1bb30;}
.indexb ul li.four{background: #92c156;}
.indexb ul li.five{background: #41b6da;}
.indexb ul li.six{background: #66328f;}

.indexb ul li h1{color: #FFFFFF;}
.indexb ul li p{color: #FFFFFF;}
.indexb ul li:hover h1{margin-top: 10px;}



.ourtitle{margin: 80px;}
.ourtitle h1{font-size: 22px;color: #999999;margin: 0px;font-weight: normal;}
.ourtitle p{font-size: 32px;color: #6a6d73;margin: 15px 0px;}
.ourtitle p span{font-weight: bold;}

.ourcaselist{display: table;}
.ourcaselist ul li{width: 33.333%;float: left;height: 350px;overflow: hidden;margin: 0px  0px 20px 0px;display: block;}
.ourcaselist ul li .pic{height: 300px;width: 100%;overflow: hidden;}
.ourcaselist ul li .pic img{width: 100%;height: 300px;}
.ourcaselist ul li:hover .pic img{transform:scale(1.1);}
.ourcaselist ul li .pic .black{background:rgba(0, 0, 0, 0);position: relative;margin-top: -310px;margin-left: 0px;width: 100%;height: 350px;z-index: 20;}
.ourcaselist ul li p.names{position: relative;z-index: 30;padding:0px 30px;}
.ourcaselist ul li p.texts{position: relative;z-index: 30;padding:0px 30px;margin-top: -300px;opacity: 0;}
.ourcaselist ul li:hover .pic .black{background:rgba(170, 0, 0, 0.9);}
.ourcaselist ul li:hover p.names{margin-top: -100px;color: #FFFFFF;padding:30px 30px;font-size: 26px;}
.ourcaselist ul li:hover p.texts{opacity: 1;color: #FFFFFF;padding:40px 30px;font-size: 16px;line-height: 30px;}
.ourcaselist ul li:hover p.texts i{padding-right: 10px;}


.ournewslist{display: table;width: 90%;margin: 0 5%;}
.ournewslist ul li{width: 50%;float: left;margin-bottom: 40px;border-bottom: 1px dotted #CCCCCC;height: 111px;}
.ournewslist ul li .leftone{float: left;width: 20%;text-align: center;}
.ournewslist ul li .lefttwo{float: left;width: 75%;}
.ournewslist ul li .leftone p.newstime span{font-size: 50px;color: #333333;display: block;line-height: 60px;font-weight: bold;}
.ournewslist ul li .leftone p.newstime font{font-size: 16px;color: #333333;display: block;}
.ournewslist ul li .lefttwo p.newstitles{font-size: 22px;color: #333333;display: block;font-weight: bold;margin: 0px;background: #FFFFFF;}
.ournewslist ul li .lefttwo p.newstext{font-size: 14px;color: #999999;display: block;line-height: 25px;overflow: hidden;height: 50px;}
.ournewslist ul li .lefttwo p.newstitles:before{height: 2px;width: 0px;background: #000000;display: block;float: left;content: '';position: absolute;margin-left: 0px;margin-top: 15px;opacity: 0;}
.ournewslist ul li:hover .lefttwo p.newstitles{text-indent: 35px;}
.ournewslist ul li:hover .lefttwo p.newstitles:before{margin-left: 0px;width: 30px;opacity: 1;z-index: 0;}
.ournewslist ul li:hover .leftone p.newstime span{color: #b10011;margin-top: -5px;}
.ournewslist ul li:hover .leftone p.newstime font{color: #b10011;margin-top: -5px;}



footer{background: url(../Images/footbg.png) no-repeat center;width: 100%;height: 256px;}
footer ul{padding: 40px 5%;}
footer ul li{width: 15%;float: left;}
footer ul li p{color: #FFFFFF;}
footer ul li a{color: #CCCCCC;display: block;font-size: 13px;line-height: 30px;}
footer ul li:last-child{float: right;margin-right: 5%;text-align: center;}
footer ul li:last-child img{width: 120px;margin-top: 30px;}
footer ul li:last-child p{font-size: 14px;margin: 0px;margin-top: 10px;}

.foot{text-align: center;color: #333333;line-height: 50px;font-size: 13px;margin: 0px;}
.foot span{color: #b10011;}
.foot a{color: #333333;text-decoration: none;}


.banneri{height: 700px;width: 100%;background: url(../Images/banner.jpg) no-repeat center;background-size: cover;}
.banneri h1{padding-top: 15%;text-align: center;font-size: 70px;color: #FFFFFF;margin: 0px;}
.banneri h2{color: #FFFFFF;text-align: center;color: #FFFFFF;font-weight: normal;font-size: 30px;}
.banneri h2.spec{font-size: 24px;line-height: 40px;}
.banneri .ads{width: 300px;padding: 10px;border: 1px solid #FFFFFF;text-align: center;height: 20px;margin: auto;border-radius:5px;margin-top: 150px;}
.banneri .ads p{margin: 0px;color: #FFFFFF;font-size: 18px;line-height: 20px;letter-spacing:10px}

.banneris{height: 300px;width: 100%;background: url(../Images/banner.jpg) no-repeat center;background-size: cover;}



.wrap{width: 90%;margin: 5%;}
.slo{text-align: center;}
.slo p{font-size: 18px;color: #666666;line-height: 43px;}
.aboutcon{width: 100%;margin: 0px ;}
.aboutcon p{font-size: 18px;color: #666666;line-height: 43px;margin: 0px 0px;}
.office{width: 100%;}
.office ul li{width: 23%;margin: 1%;height: 180px;overflow: hidden;float: left;}
.office ul li img{width: 100%;}
.office ul li:hover img{transform:scale(1.2);}

.casetitle{text-align: center;margin: 80px;}
.casetitle p{font-size: 40px;color: #000000;font-weight: bold;margin: 8px;}
.casetitle span{font-size: 20px;color: #000000;}


.newtitle{text-align: center;}
.newtitle p{color: #b10011;font-size: 30px;}
.newtime{text-align: center;}
.newtime p{color: #333333;}

.newcon{margin: 50px 0px;}
.newcon p{font-size: 16px;line-height: 35px;color: #666666;}

.contactleft{width: 60%;float: left;margin-bottom: 80px;}
input[type="text"]{width: 45%;float: left;margin: 1.5%;border:none;border-bottom: 1px solid #CCCCCC;outline: none;height: 50px;line-height: 50px;}
textarea{width: 94%;float: left;margin: 1.5%;border:none;border-bottom: 1px solid #CCCCCC;outline: none;height: 150px;line-height: 30px;}
input[type="button"]{width: 30%;float: right;margin: 1.5%; margin-right: 3.5%;border:none;outline: none;height: 50px;line-height: 50px;}
input[type="button"]:hover{background: #b10011;color: #FFFFFF;}

.contactright{width: 30%;float: right;}
.contactright .text{width: 80%;padding: 10%;}


.contactright .text ul li{width: 100%;margin: 20px;height: 80px;padding-left: 60px;}
.contactright .text ul li p{font-size: 13px;margin: 10px 0px;}
.contactright .text ul li span{font-size: 16px;}
.contactright .text ul li img{width: 120px;}
.contactright .text ul li.one{background: url(../Images/menu1.png) no-repeat top left;background-size: 40px 40px;}
.contactright .text ul li.two{background: url(../Images/menu2.png) no-repeat top left;background-size: 40px 40px;}
.contactright .text ul li.three{background: url(../Images/menu3.png) no-repeat top left;background-size: 40px 40px;}
.contactright .text ul li.four{background: url(../Images/menu4.png) no-repeat top left;background-size: 40px 40px;}






.result{height:30px; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px; margin-top:30px; margin-bottom:40px;}
.result a{height:30px; padding:8px 15px; line-height:35px; background:#FFFFFF; border:1px solid #F2F2F2; margin:0px 4px;}
.result a:hover{color:#008CD6; border:1px solid #008CD6;}

.result a.prev{background:#FFFFFF; }
.result a.prev:hover{color:#008CD6; border:1px solid #008CD6;}
.result a.prev.current:hover{color:#008CD6; border:1px solid #008CD6;}
.result a.next{background:#FFFFFF; color:#333333;}
.result a.next:hover{color:#008CD6; border:1px solid #008CD6;}
.result a.next:hover.current{background:#FFFFFF; color:#666666;}
.result a.current:hover{color:#FFFFFF; border:1px solid #008CD6;}
.result a.current{color:#FFFFFF; border:1px solid #008CD6; background: #008CD6}
.result a.next.current{background:#FFFFFF; color:#666666; border:1px solid #F2F2F2;}
.result a.prev.current{background:#FFFFFF; color:#666666; border:1px solid #F2F2F2;}
.result a.next.current:hover{background:#FFFFFF; color:#666666; border:1px solid #F2F2F2;}
.result a.prev.current:hover{background:#FFFFFF; color:#666666; border:1px solid #F2F2F2;}