a:link,a:visited,a:hover,a:active{ctext-decoration:none;}
.m-banner{ height:700px; margin-bottom:60px; background:url(qdjf.jpg) center top no-repeat}
.g-con{ width:1200px; margin:0 auto; overflow:hidden}
.m-tt-1{ padding-left:100px; margin-bottom:60px; background:url(tit01.png) left center no-repeat}
.m-tt-1 h2 a{display:block; margin-bottom:10px;line-height:50px; text-align:center; font-size:48px; color:#333; font-weight:bold}
.m-tt-1 p{display:block; color:#666; font-size:16px}
.m-tt-2{ display:block; height:50px; margin-bottom:10px; line-height:50px; text-align:left; font-size:22px; color:#039; font-weight:normal}
.g-box-1{overflow:hidden; margin-bottom:40px}
.g-box-2{float:right; width:500px;}
.g-box-3{ float:left; width:860px; overflow:hidden}
.g-box-4{ width:1200px; margin:0 auto; padding:80px 0; overflow:hidden}
.g-box-5{float:right; width:280px}
.g-box-6{ float:left; width:420px; overflow:hidden}

.m-lst-1{border-bottom:1px dashed #e3e3e3; padding-bottom:10px; margin-bottom:18px}
.m-lst-1 h2 a{display:block; height:28px; margin-bottom:10px; font-size:24px; color:#333}
.m-lst-1 p{display:block; margin-bottom:15px; font-size:14px}
.m-lst-1 li a{display:block; height:30px; line-height:30px; font-size:16px; color:#333}
.m-lst-1 li a:hover{ text-decoration:underline}
.m-lst-2{float:left; width:660px}
.m-lst-2 h2 a,.m-lst-2 p{ display:block}
.m-lst-2 h2 a{ height:30px; margin-bottom:10px; line-height:30px; color:#333; font-size:24px;}
.m-lst-2 p{ margin-bottom:20px; font-size:16px;}
.m-lst-3{ width:1280px}
.m-lst-3 li{display:block; float:left; width:538px; height:120px; padding:20px; margin:0 40px 40px 0; overflow:hidden; border:1px dashed #e3e3e3; background:#f3f3f3}
.m-lst-3 img{float:left; width:150px; height:100px; margin-right:20px; }
.m-lst-3 strong a{ display:block; margin-bottom:10px; font-size:22px; color:#333; font-weight:normal}
.m-lst-3 p{ display:block; height:48px; line-height:24px; overflow:hidden}
.m-lst-4{float:right; width:290px; padding-left:50px}
.m-lst-4 li{ padding-bottom:17px; margin-bottom:17px; border-bottom:1px dashed #e3e3e3}
.m-lst-4 strong{ display:block; margin-top:4px;font-size:16px; font-weight:normal; color:#333}
.m-lst-4 p{ color:#03C; font-size:16px}
.m-lst-4 p span{ display:block;float:left; width:6px; height:6px; margin:7px 6px 0 0;  border:1px solid #03C; border-radius:6px}

.m-pic-1,.m-lst-3{ overflow:hidden}
.m-pic-1 li img{ display:block; float:left; width:240px; height:135px}
.m-pic-3{ position:relative}
.m-pic-3 img{width:280px; height:200px; display:block}
.m-pic-4{ float:right; width:254px; height:520px; padding:10px 10px 10px 20px; background:url(sj-pic.png) center top no-repeat}
.m-pic-5{float:right; width:730px; overflow:hidden }
.m-pic-5 h2{ display:block; font-size:22px; color:#fff; margin-bottom:15px; font-weight:normal}
.m-pic-5 li{ display:block; float:left; width:100%; height:220px; margin-bottom:30px}
.m-pic-5 img{ width:100%}


.m-bj{ height:700px; margin-bottom:70px; background:url(bj_06.jpg) center top no-repeat}
.m-tab{ height:120px; padding:30px 0 0 260px; border-top:2px dotted #aaa}
.m-tab strong{ display:block; float:left; width:120px; height:120px; margin-right:20px; border-radius:100px; background:#ccc}
.m-tab strong img{ display:block; width:110px; height:110px; border-radius:100px; margin:5px 0 0 5px}
.m-tab strong.on{background:#cc0000}
.m-tt-3{ display:block; margin-bottom:80px; font-size:60px; text-align:center; color:#fff}

/*头图*/
.yx-rotaion{float:left; width:665px; height:375px }
.yx-rotaion-btn,.yx-rotaion-title,.yx-rotation-focus,.yx-rotation-t,.yx-rotaion-btn{position:absolute}
.yx-rotation-title{position:absolute;width:100%;height:60px;line-height:60px;background:#000;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;left:0;bottom:0;_bottom:-1px;z-index:1}
a.yx-rotation-t{color:#fff;font-size:20px;font-family:microsoft yahei;z-index:2;bottom:0;left:20px;line-height:60px}
.yx-rotation-focus span,.yx-rotaion-btn span{background:url(../images/ico.png) no-repeat;display:block;}
.yx-rotation-focus{height:50px;line-height:50px;right:20px;bottom:0;z-index:2}
.yx-rotation-focus span{width:12px;height:12px;line-height:12px;float:left;margin-left:5px;position:relative;top:14px;cursor:pointer;background-position:-24px -126px;text-indent:-9999px}
.yx-rotaion-btn{width:100%;height:41px;top:50%;margin-top:-20px;}
.yx-rotaion-btn span{width:41px;height:41px;cursor:pointer;filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity:0.3;opacity:0.3;position:relative}
.yx-rotaion-btn .left_btn{background-position:-2px -2px;float:left;left:10px}
.yx-rotaion-btn .right_btn{background-position:-2px -49px;float:right;right:10px}
.yx-rotaion-btn span.hover{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8}
.yx-rotation-focus span.hover{background-position:-10px -126px}
.rotaion_list{width:0;height:0;overflow:hidden;}
.rotaion_list img{ width:665px; height:375px}


.about-history{padding:100px 100px 150px 100px;background:#000 url(time.jpg) no-repeat center fixed;-webkit-background-size:100% 100%;background-size:100% 100%}
.about-title{margin-bottom:25px}
.about-title h3{margin:0 0 10px;font-size:34px;font-weight:400;color:#2c2c2c}
.about-title p{margin:0;font-size:36px;font-weight:300;color:#ececec}
.title-white h3{color:#d6d6d6}
.title-white p{color:rgba(222,222,222,.09)}
.about-history-list{position:relative}
.about-history-list .flex-viewport{padding:0 31px}
.about-history-list .flex-viewport:before{position:absolute;top:50%;right:0;left:0;border-top:1px solid #c7c7c7;content:''}
.about-history-list .slides li{position:relative; float:left; display:block;width:260px;height:470px;margin-right:30px}
.about-history-list .slides li .item{position:absolute;right:-32px;bottom:0;left:-32px;min-height:152px;padding:44px 0 0;background-color:#fff;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}
.about-history-list .slides li .item:before{position:absolute;top:-49px;left:50%;width:20px;height:20px;overflow:hidden;margin-left:-10px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;background-color:rgba(218,183,101,.6);content:''}
.about-history-list .slides li .item:after{position:absolute;top:-45px;left:50%;width:12px;height:12px;overflow:hidden;margin-left:-6px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;background-color:#dab765;content:''}
.about-history-list .slides li:nth-child(even) .item{top:0;bottom:auto;padding:0 0 44px}
.about-history-list .slides li:nth-child(even) .item:before{top:auto;bottom:-49px}
.about-history-list .slides li:nth-child(even) .item:after{top:auto;bottom:-45px}
.about-history-list .slides li .item:hover{background-color:#cf0005}
.about-history-list .slides li .item h3{position:absolute;top:0;right:0;left:0;height:44px;line-height:44px;margin:0;font-size:20px;font-weight:400;color:#fff;text-align:center;background-color:#cf0005;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}
.about-history-list .slides li .item:hover h3{color:#232323;background-color:#fff}
.about-history-list .slides li .item h3:before{position:absolute;bottom:100%;left:50%;margin-left:-9px;border-width:0 9px 18px;border-style:solid;border-color:transparent transparent #cf0005;content:''}
.about-history-list .slides li:nth-child(even) .item h3{top:auto;bottom:0}
.about-history-list .slides li:nth-child(even) .item h3:before{top:100%;bottom:auto;border-width:18px 9px 0;border-color:#cf0005 transparent transparent}
.about-history-list .slides li .item .desc{line-height:24px;padding:20px;font-size:14px;color:#333; font-size:16px}
.about-history-list .slides li .item:hover .desc{color:#fff}
.about-history-list .slides li .item .desc p{margin:0}
.about-history-list .flex-direction-nav{padding:0;margin:0;list-style:none}
.about-history-list .flex-direction-nav a{position:absolute;top:50%;width:48px;height:160px;line-height:160px;overflow:hidden;margin-top:-80px;font-size:50px;font-family:simsun;color:#fff;text-align:center}
.about-history-list .flex-direction-nav a.flex-prev{left:-48px}
.about-history-list .flex-direction-nav a.flex-next{right:-48px}
.about-history-swiper{width:100%}
.about-history-swiper .swiper-slide .item{overflow:hidden;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-color:#fff}
.about-history-swiper .swiper-slide .item h3{margin:0;height:40px;line-height:40px;overflow:hidden;font-size:20px;text-align:center;color:#999;background-color:#e2e2e2}
.about-history-swiper .swiper-slide .item .desc{line-height:20px;padding:10px;font-size:14px;color:#929292}
.about-history-swiper .swiper-slide .item .desc p{margin:0}
.about-history-swiper .about-history-pagination{position:static;margin-top:10px}
.about-history-swiper .about-history-pagination .swiper-pagination-bullet{background:#fff}
.about-history-swiper .about-history-pagination .swiper-pagination-bullet-active{background:#c91523}
a{color:#414141;text-decoration:none;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}
a:hover{text-decoration:none}
.pull-left{float:left}
.pull-right{float:right}
.pull-none{float:none}

.m-pic-6{ overflow:hidden; padding-bottom:30px; height:400px}
.m-pic-6 img{ display:block; float:left; width:400px; height:400px; margin-right:40px}
.m-pic-6 strong{ display:block;font-size:36px; color:#333; margin-bottom:15px}
.m-pic-6 p{ font-size:16px; line-height:30px}
.m-bg-1{ padding-bottom:60px; background:url(bj01jpg.jpg)}
.m-lst-5{ float:left; width:360px; margin-right:60px;font-size:16px}
.m-lst-5 h3{ display:block; height:28px;padding-left:15px; line-height:28px; border-left:4px solid #cc0000; color:#cc0000; margin-bottom:20px; font-size:28px;}
.m-lst-5 img{ display:block; width:360px; height:230px; margin-bottom:5px}
.m-lst-5 strong{ display:block; margin-bottom:15px; text-align:center; font-weight:normal}
.m-lst-5 li{ display:block; line-height:30px}
.m-lst-5 a:hover{ color:#cc0000}

<!--滚动-->
.carousel{width:1200px;}
.prev,.next {display:block;width:30px;height:150px;overflow:hidden;display:block;text-decoration:none;cursor:pointer; outline:0; position:absolute; z-index:99}
.prev{left:0px; top:0;background:#fff url(j01-l.png) center no-repeat;}
.next{right:0px; top:0; background:#fff url(j01-r.png) center no-repeat}
.m-pic-2{overflow:hidden}
.m-pic-2 li,.m-pic-2 img,.m-pic-2 strong,.m-pic-2 span{display:block;; font-size:16px;}
.m-pic-2 li,.m-pic-2 img{width:265px; height:150px}
.m-pic-2 li{position:relative; float:left; margin-left:27px}
.m-pic-2 strong,.m-pic-2 span{width:92%; height:40px; padding:0 4%; line-height:40px; position:absolute; left:0; bottom:0; text-align:center; font-weight:normal; color:#fff;z-index:2; overflow:hidden; font-size:16px}
.m-pic-2 span{background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);z-index:1}
/*图片切换*/
#app .box4{width:1000px;margin:35px auto 0}
#app .box4 .importantList{width:1001px;height:562px;margin-top:30px}
#app .box4 .importantList .importantItem{position:relative;float:left;width:333px;height:562px;background:#222}
#app .box4 .importantList .importantItem .full,#app .box4 .importantList .importantItem .hoverImg,#app .box4 .importantList .importantItem .mask{position:absolute;left:0;right:0;top:0;width:100%;height:562px}
#app .box4 .importantList .importantItem .hoverImg{z-index:4}
#app .box4 .importantList .importantItem .hoverImg .hoverImgFull{position:absolute;left:0;right:0;top:0;height:562px;width:0;-moz-transition-property:width;-o-transition-property:width;-webkit-transition-property:width;transition-property:width;-moz-transition-duration:0.5s;-o-transition-duration:0.5s;-webkit-transition-duration:0.5s;transition-duration:0.5s}
#app .box4 .importantList .importantItem .hoverImg #hoverImg1,#app .box4 .importantList .importantItem .hoverImg #hoverImg2,#app .box4 .importantList .importantItem .hoverImg #hoverImg4{left:auto;right:0}
#app .box4 .importantList .importantItem .hoverImg #hoverImg3,#app .box4 .importantList .importantItem .hoverImg #hoverImg5,#app .box4 .importantList .importantItem .hoverImg #hoverImg6{left:0;right:auto}
#app .box4 .importantList .importantItem .hoverImg .showActive{z-index:5}
#app .box4 .importantList .importantItem .hoverImg .showRight{width:333px}
#app .box4 .importantList .importantItem .hoverImg .showLeft{width:333px}
#app .box4 .importantList .importantItem .full{z-index:3}
#app .box4 .importantList .importantItem .mask{background:url(http://p0.ifengimg.com/l/2018/5/15a8462c875f75e/mask.png)}
#app .box4 .importantList .importantItem h1{margin-top:250px;margin-left:30px;width:270px;font-weight:bold;font-size:20px;line-height:28px;color:#fff;text-shadow:0 2px 5px rgba(0,0,0,0.3)}
#app .box4 .importantList .importantItem p{margin-top:10px;margin-left:30px;width:270px;font-size:14px;line-height:21px;color:#fff;max-height:1px;text-shadow:0 2px 5px rgba(0,0,0,0.3);overflow:hidden;-moz-transition-property:max-height;-o-transition-property:max-height;-webkit-transition-property:max-height;transition-property:max-height;-moz-transition-duration:1s;-o-transition-duration:1s;-webkit-transition-duration:1s;transition-duration:1s}
#app .box4 .importantList .importantItem img{margin-top:10px;margin-left:30px}
#app .box4 .importantList .importantItem:hover p{max-height:100px}
#app .box5{width:1000px;margin:35px auto 0}
#app .box5 .boxTitle{margin-bottom:30px}
#app .box5 .navList{width:1001px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex}
#app .box5 .navList .navItem{float:left;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;width:156px;font-size:16px;color:#222;line-height:1;text-align:center;padding:8px 0;border:1px solid #e8e8e8;margin-right:10px;margin-bottom:10px;cursor:pointer}
#app .box5 .navList .navItem:hover,#app .box5 .navList .navActive{background:#d41e26;border:1px solid #d41e26;color:#fff;font-weight:bold}
#app .box5 .meetBox .meetImg{float:left;width:660px;height:370px;overflow:hidden}
#app .box5 .meetBox img{-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-webkit-transition-property:-webkit-transform;transition-property:transform;-moz-transition-duration:0.3s;-o-transition-duration:0.3s;-webkit-transition-duration:0.3s;transition-duration:0.3s}
#app .box5 .meetBox .meetText{position:relative;float:right;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;width:298px;height:328px;border:1px solid #e8e8e8;padding:20px}
#app .box5 .meetBox .meetText h1{font-size:24px;font-weight:bold;line-height:36px;padding-bottom:15px;border-bottom:1px solid #e8e8e8;color:#222}
#app .box5 .meetBox .meetText p{font-size:16px;line-height:28px;color:#666666;margin-top:20px}
#app .box5 .meetBox .meetText span{position:absolute;right:20px;bottom:20px;color:#d41e26;font-size:16px}
#app .box5 .meetBox .meetInner:hover img{-moz-transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1)}
#app .box5 .meetBox .meetInner:hover h1{color:#d41e26}
#app .box5 .meetBox .meetInner:hover p{color:#f54343}
#app .box5 .meetBox .meetInner:hover span{text-decoration:underline}
#app .box5 .meetBox .line7{width:100%;height:1px;background:#e8e8e8}
#app .box5 .meetBox .meetList{width:100%;margin-top:20px;margin-bottom:20px}
#app .box5 .meetBox .meetList .meetItem{float:left;margin-right:20px}
#app .box5 .meetBox .meetList .meetItem .meetItemImg{width:320px;height:180px;overflow:hidden;margin-bottom:15px}
#app .box5 .meetBox .meetList .meetItem .meetItemImg img{width:100%;height:100%;object-fit:cover;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-webkit-transition-property:-webkit-transform;transition-property:transform;-moz-transition-duration:0.3s;-o-transition-duration:0.3s;-webkit-transition-duration:0.3s;transition-duration:0.3s}
#app .box5 .meetBox .meetList .meetItem p{width:302px;overflow:hidden;position:relative;color:#222222;font-size:18px;line-height:18px;white-space:nowrap;padding-left:18px}
#app .box5 .meetBox .meetList .meetItem p:before{content:"";position:absolute;left:0;top:5px;width:8px;height:8px;background:#d41e26}
#app .box5 .meetBox .meetList .meetItem:hover p{color:#d41e26}
#app .box5 .meetBox .meetList .meetItem:hover .meetItemImg img{-moz-transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1)}