*{transition:color 300ms,background-color 300ms;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{padding:0;margin:0;}body,input,button,select,textarea{ font:14px/1.5 Arial Verdana,Microsoft yahei,sans-serif;color:#000;} 
body { color:#333; background:#ececec;}
textarea{resize: none;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:none;vertical-align:middle;}
address,caption,cite,code,dfn,em,strong,th,var,em,i{font-weight:normal;font-style:normal;}
ol,ul{list-style:none;}list{vertical-align:middle;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:none;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}
a{text-decoration:none; color:#333;}
a:hover{text-decoration:none!important;color:#c00;}
input {vertical-align:middle;}
button{overflow:visible;}
.hide{display:none;}.show{display:block;}
.clearfix:after{content:'.';display:block;height:0;clear:both;visibility:hidden}.clearfix{display:inline-block;} *html .clearfix{height:1%}.clearfix{display:block;}.zoom{zoom:1}
.left{float:left;display:inline;}
.right{float:right;display:inline;}
.pointer{ cursor: pointer;}
.banner,.hall { width:100%}
.clr{clear:both; height: 0px; line-height:0; font-size:0} 
.text-center { text-align:center;}
.top { padding:0 10px; border-bottom:1px solid #dfdfdf; height:30px; line-height:30px; overflow:hidden; background:#fff;}
.wrapper { margin:0 auto; content:'.';display:block; overflow:hidden; width:1200px;}

.G1 { background:#141414 url(images/banner.jpg) top center no-repeat;}
.G1 p { width:710px; margin:0 auto; padding:700px 0 0; color:#999; font-size:16px; line-height:28px; text-indent:32px;}
.G2 { background:#373737 url(images/bg_0.jpg) top center no-repeat;}
.G3 { background:#ececec url(images/bg_1.jpg) top center no-repeat;}
.G4 { background:#9c0b00 url(images/bg_2.jpg) top center no-repeat;}
.G5 { background:#555 url(images/bg_3.jpg) top center no-repeat;}
.G5 h2 { text-align:center; color:#fff; font-size:50px; margin:60px 0 70px;}
.swiper_box_l { padding:145px 90px 0 110px; float:left; width:385px;}
.swiper_box_l h2 { color:#fff; font-size:50px; text-align:center; margin-bottom:155px;}
.swiper_box_l ul { overflow:hidden}
.swiper_box_l ul li { width:190px; height:70px; line-height:70px; color:#fff; font-size:22px; text-align:center; margin:1px; float:left; background:#d32626;}
.swiper_box_r ul li { background:#000;}
.swiper_box_l .btn { width:400px; height:56px; background:#fff; font-size:18px; font-weight:700; text-align:center; margin-top:150px; line-height:56px; color:#9c0b00; border-radius:40px; display:block;}
.swiper_box_r .btn { color:#000}
.G3 h2 { color:#9c0b00; font-size:50px; line-height:50px; text-align:center; margin:100px 0 10px;}
.G3 h3 { color:#9c0b00; font-size:22px; text-align:center; margin:0 0 60px;}
.G3 .text { padding:70px 30px 0; font-size:16px; line-height:28px; width:700px; margin:0 auto;} .G3 .text b { font-size:18px; font-weight:700} 
.G3 .text a { color:#9c0b00}.G3 .text a:hover { color:#9c0b00; text-decoration:underline;}
.pic_list { overflow:hidden; width:950px; margin:0 auto;}
.pic_list li { float:left; width:186px; height:186px; margin:10px 25px; position:relative; }
.pic_list li.first { margin:5px 30px 5px 150px;}
.pic_list li:hover img { opacity:.9; filter:brightness(0.4);}
.pic_list li:hover p { display:block}
.pic_list li img { border-radius:50%;}
.pic_list li p { font-size:22px; color:#fff; text-align:center; position:absolute; text-align:center; width:100%; top:40%; left:0; display:none}
.pics { display:none}

.about-pc{ overflow:hidden;} .about-wap { display:none}
.about-pc li { float:left; width:200px; height:580px; overflow:hidden; position:relative;}
.about-pc li .img_hov,.about-pc li .about_opy { display:none;}
.about-pc li:hover .img_hov { display:block; position:absolute; left:0; top:0; z-index:2;}
.about-pc li .about_opy { opacity:.7; color:#fff; font-style:italic; font-size:14px;width:158px; height:120px;  padding:20px; bottom:130px; left:0; z-index:3; position:absolute; background:#000}
.about-pc li .about_opy span { font-style:inherit!important; font-size:30px; color:#c00; font-family:Arial; font-weight:700; margin-bottom:-10px; display:inline-block}
.about { width:1200px; margin:0 auto; padding:60px 0; overflow:hidden}
.about-pc li:hover .about_opy { display:block;width:158px;height:120px; }
.about_bt { width:100%; height:100px; background:#000; color:#fff; position:absolute; bottom:0; left:0; text-align:center; padding:30px 0 0}
.about_bt h3 { font-size:20px; font-weight:700; margin-bottom:10px;}
.about_bt h4 { font-size:14px;}
.about-pc li:hover .about_bt { background:#9c0b00}


.about dl { float:left; margin:0 0 0 110px;}
.about dl dt { font-size:14px; margin-bottom:30px; color:#333; font-weight:700}
.about dl dd { font-size:14px; color:#333; margin-bottom:10px;}
.code { float:left; margin:0 -80px 0 120px}
.keyword { height:920px; position:relative;}
.keyword a { color:#fff; display:inline-block; border:1px dashed #fff; padding:0 10px; position:absolute;}
.keyword a:hover { background:#fff; border:1px solid #fff; color:#9c0b00;}
.keyword .f46 { font-size:46px; left:275px; top:150px;}
.keyword .f32 { font-size:32px; right:300px; top:175px;}
.keyword .f53 { font-size:53px; right:70px; top:300px;}
.keyword .f22 { font-size:22px; right:130px; top:500px;}
.keyword .f34 { font-size:34px; right:320px; top:550px;}
.keyword .f50 { font-size:50px; right:190px; top:700px;}
.keyword .f36 { font-size:36px; left:245px; top:715px;}
.keyword .f33 { font-size:33px; left:10px; top:575px;}
.keyword .f26 { font-size:26px; left:230px; top:460px;}
.keyword .f40 { font-size:40px; left:80px; top:300px;}
.swiper-container { height:100%!important}
.swiper-container,.swiper-wrapper{ margin:0 auto; content:'.';display:block;}
.swiper-pagination-bullet{width:10px!important; height:10px!important;background: #fff!important;opacity: .4!important;}
.swiper-pagination-bullet-active{opacity: 1!important;}
@-webkit-keyframes tipmove{0%{bottom:10px;opacity:0}50%{bottom:15px;opacity:1}100%{bottom:20px;opacity:0}}
#array{ z-index:999;-webkit-animation: tipmove 1.5s infinite ease-in-out; width:30px; margin-top:10px;}
.swiper-button-next,.swiper-button-prev { bottom:40px!important; left:50%!important; top:inherit!important; background:none!important}
.footer { padding:30px 0; content:'.';display:block; text-align:center;color:#666; font-size:14px; background:#ececec; width:100%;}
.footer span { margin:0 10px;}

@media screen and ( max-width:414px) {
    .wrapper { width:100%; margin:0 auto; content:'.';display:block; overflow:hidden;}
    .G1 { background-size:300%; height:720px!important;}
    .G1 p { width:auto; padding:0; position:absolute; bottom:80px; font-size:14px; line-height:22px; padding:0 20px;}
    .G2 { background-size:400%;height:620px!important;}
    .swiper_box_l { float:left; width:50%; padding:50px 0; text-align:center}
    .swiper_box_l h2 { color:#fff; font-size:22px; text-align:center; margin-bottom:100px;}
    .swiper_box_l ul { overflow:hidden; margin:0 auto; width:120px;}
    .swiper_box_l ul li {  width:120px; height:35px; line-height:35px; color:#fff; font-size:16px; text-align:center; margin:1px; background:#d32626; display:inline-block}
    .swiper_box_r ul li { background:#000;}
    .swiper_box_l .btn { width:160px; height:30px; background:#fff; font-size:12px; font-weight:700; text-align:center; margin-top:100px; line-height:30px; color:#9c0b00; border-radius:40px; display:inline-block;}
    .swiper_box_r .btn { color:#000}
    .pic_list { display:none} .pics { display:block; width:100%; margin-bottom:10px;}
	.G3 { height:700px!important; background:#ececec;}
    .G3 h2 { font-size:30px; margin:20px 0 0;} 
    .G3 h3 { font-size:16px; margin:0 0 10px;}
    .G3 .text { font-size:12px; padding:0 20px; line-height:20px; width:auto;} .G3 .text b { font-size:14px;}
    .G4 { background:#9c0b00 url(images/bg_2_w.jpg) top center no-repeat; background-size:100%; height:550px!important;}
    .keyword { height:920px; position:inherit; padding:250px 15px 0}
    .keyword a { color:#fff; display:inline-block; border:1px dashed #fff; padding:0 10px; position:inherit; font-size:16px!important; width:78px; float:left; text-align:center; margin:10px 5px;}
    .swiper-button-next,.swiper-button-prev { bottom:0px!important;}
    .footer { position:inherit}
    .G5 { height:auto!important; padding-bottom:30px;}
    .G5 h2 { font-size:30px; margin:30px 0}
    .about-pc { display:none}
    .about-wap { overflow:hidden; display:block}
    .about-wap li { margin:10px 0 0 10px; padding:10px; background:#fff; width:41%; float:left; height:290px;}
    .about-wap li img { width:100%}
    .about-wap li .name { border-bottom:1px solid #ccc; padding:5px 0; overflow:hidden}
    .about-wap li .name h3{ color:#333; font-size:18px; float:left; overflow:hidden;}
    .about-wap li .name span { float:right; font-size:14px; padding-top:3px; color:#666;}
    .about-wap li .text { font-size:14px; color:#666; font-style:italic; padding:10px 5px 5px;}
    .about-wap li .text span { color:#c00; font-size:18px; display:block; margin-right:10px; float:left; height:60px;}
    .about { width:auto; padding:50px 0 0}
    .about dl { float:none; margin:0 0 30px 50px;}
    .about dl dt { margin-bottom:15px; font-size:18px;}
    .about dl dd { margin-bottom:5px; font-size:16px;}
    .code { display:none}
}