img{max-width: 100%;height: auto;}
header{ position: relative;z-index: 5;}
header .logo{ opacity: 0;/*margin-top: 20px;*/}
.nav-collapse{overflow:hidden; height:0px;margin-top: 32px;}
.nav-collapse ul{ text-align:center; font-size:0;}
.nav-collapse ul li{ height:45px; line-height:45px; font-size:14px; border-bottom:1px #bbb solid;}
.nav-collapse ul li a{ display:block; color:#333;-webkit-transition:all .15s linear; -moz-transition:all .15s linear; transition:all .15s linear;}
.nav-collapse ul li:hover a{ background:#999999;}
.nav-collapse ul li.on a{ background:#999999;}
.nav-collapse-search{ position:relative; padding-top:5px; height:45px; background:#eee; text-align:center;}
.nav-collapse-search .search-box{ z-index:100; margin:0 auto; width:70%;}
.nav-collapse-search .search-box.mask{ display:block;}
.nav-collapse-search input{ float:left; padding-left: 5px; width:80%; height:35px; border:2px #999 solid; vertical-align:middle;}
.nav-collapse-search button{ float:left; width:20%; height:35px; background:#999; color:#ffffff; vertical-align:middle;}
.nav-collapse-search-button{ display:none; width:45px; height:inherit; background:url(../images/search-ico.png) center no-repeat #999999; cursor:pointer;}
.nav-collapse-search-button.mask{ position:fixed; left:0; top:0; z-index: 99; width:100%; height:100%; background:#000; opacity:0.7; filter:alpha(opacity=70);}
.nav-collapse-button{ position:absolute; right:8px; top:8px; background:#eeeeee; text-align:center; cursor:pointer; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-user-select:none; -moz-user-select:none; user-select:none;}
.nav-collapse-button button{display:inline-block; width:40px; height:35px;  text-align:center; outline:none;}
.nav-collapse-button i{ position:relative; display:inline-block; width:70%; height:50%; border-top:2px #555 solid; border-bottom:2px #555 solid; -webkit-transition:all .15s linear; -moz-transition:all .15s linear; transition:all .15s linear;}
.nav-collapse-button i:before{ position:absolute; left:0; top:50%; margin-top:-1px; width:100%; height:2px; background-color:#555; content:"";}
.nav-collapse-button.active i{ height:30%; -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); transform:rotate(90deg);}
header .lang{position: absolute;right: 0;top:18px;font-size: 16px;line-height: 21px;display: block;padding-left: 20px;background-image: url(../images/language.png);background-repeat: no-repeat;background-position:0 2px; }

/*banner*/
.scroll-06{ position: relative; top:10px;}
.scroll-06 .swiper-slide{}
.scroll-06 .swiper-slide img{width: 100%;}
/*.scroll-06 .swiper-slide img{ float: left; margin-top: 30px; width: 40%;}
.scroll-06 .swiper-slide img:first-child{ margin-left: 10%; margin-right: 5%;}*/

/*2019.2.25右侧固定悬浮栏*/
.fixed-box{z-index: 10;position: fixed;right: 0;top: 450px;width: 70px;background-color: #fff;border: 1px solid #ccc;border-bottom: 0;}
.fixed-box .item{display: block;padding: 10px 0;border-bottom: 1px solid #ccc;text-align: center;cursor: pointer;}
.fixed-box .item img{display: inline-block;width: 30px;height: 30px;}
.fixed-box .item span{display: block;color: #999;}
.fixed-box .item:hover{opacity: .8;}

/*con1*/
.con1{ position: relative; padding-bottom: 200px;}
.con1 h3{ font-size: 30px; line-height: 100px; text-align: center; color: #000000;}
.con1 h3 span{ font-weight: normal;}
.effect-01{max-width:1200px;}
.effect-01 li{ position: relative; opacity: 0;}
.effect-01 li a:after{ padding-bottom:100%;}
.effect-01 li i{}
.effect-01 li:hover i{ transform: scale(1.1); transition: 600ms;}
/*.effect-01 li em{ position: absolute; left: 0; top: 100%; padding: 0 20%; width: 100%; height: 100%; text-align: center; background: rgba(0,0,0,0);transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);-webkit-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);-moz-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);}
.effect-01 li em p{ color: #fff;}
.effect-01 li em p.p_chi{ height: 45px; margin-top: 30%; font-size: 24px; line-height: 45px; overflow: hidden;}
.effect-01 li em p.p_eng{ height: 40px; font-size: 12px; line-height: 20px; overflow: hidden;}
.effect-01 li em span{ display: inline-block; margin-top: 8%; border: 2px solid #fff; width: 30px; height: 30px; font-size: 20px; line-height: 25px; color: #fff;-webkit-transition: -webkit-transform 0.5s ease-out;-moz-transition: -moz-transform 0.5s ease-out;}
.effect-01 li:hover em{ top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); background: rgba(0,0,0,.5);}
.effect-01 li:hover span{ transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);}*/
.effect-01 li em{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0); transition: 500ms;}
.effect-01 li p{position: absolute; width: 100%; text-align: center; color: #fff; transition: 300ms; overflow: hidden; opacity: 0;}
.effect-01 li .p_chi{ top: 20%; height: 45px; font-size: 24px; line-height: 45px; transition-delay: 0.2s;}
.effect-01 li .p_eng{ top: 40%; height: 30px; line-height: 15px; transition-delay: 0.4s;}
.effect-01 li span{display: inline-block; position: absolute; top: 80%; left: 50%; margin: -15px 0 0 -15px; border: 2px solid #fff; width: 30px; height: 30px; font-size: 20px; text-align: center; line-height: 25px; color: #fff; transition: 300ms; transition-delay: 0.5s; opacity: 0;}
.effect-01 li:hover em{ bottom: 0; background: rgba(0,0,0,0.5);}
.effect-01 li:hover p{ opacity: 1;}
.effect-01 li:hover .p_eng{ opacity: 0.5;}
.effect-01 li:hover span{ top: 70%; opacity: 1;}
.tit{ position: absolute; left: 50%; bottom: 100px; margin: -30px 0 0 -50px; opacity: 0;}
.tit h4{ transition: 400ms;}
.tit h4 a{ display: block;}
.tit h4 i{ display: inline-block; border: 3px solid #da1517; width: 100px; height: 40px;}
.tit h4 i img{ margin: 10px 0 0 35px; transition: 400ms;}
.tit h4 p{ font-size: 14px; text-align: center; text-transform: uppercase; color: #da1517;}
/*.tit h4:hover{ transform: translateY(5px);}*/
.tit h4:hover img{ margin:15px 0 0 35px;}

/*con2*/
.con2{ height: 400px; background: url(../images/demo/bg_img1.jpg) no-repeat center; opacity: 0;}
.bg_black{ height: inherit; background: rgba(0,0,0,0.8);}
.con2 h3{ font-size: 30px; line-height: 100px; text-align: center; color: #fff;}
.con2 h3 span{ font-weight: normal;}
.scroll-01{ padding: 0 20px;}
.scroll-01 .swiper-button-prev{ left: 0px;}
.scroll-01 .swiper-button-next{ right: 0px;}
.scroll-01 ul{}
.scroll-01 li{ padding: 0 10px;}
.scroll-01 li h4{ border-bottom: 1px solid #fff; font-size: 14px; font-weight: normal; text-align: left; line-height: 18px; color: #fff; opacity: 0.5; filter: alpha(opacity=50);}
.scroll-01 li h5{ font-size: 16px; font-weight: normal; line-height: 60px; color: #fff;width: 100%;height: 60px;overflow: hidden;}
.scroll-01 li p{ height: 90px; line-height: 18px; color: #fff; opacity: 0.8; filter: alpha(opacity=80); overflow: hidden;}
.scroll-01 li .more{ display: inline-block; margin-top: 20px; border:2px transparent solid; padding: 0 10px; height:35px; line-height:35px; color:#fff; text-indent:10px;transition:all ease-out .3s;}
.scroll-01 li .more i{ text-indent:-15px; color:#fff; transition:all ease-out .3s; opacity: 0;}
.scroll-01 li .more:hover{ border: 2px solid #fff; text-indent:0; color:#000; background: #fff;}
.scroll-01 li .more:hover i{ display: inline-block; text-indent:20px; color: #000; opacity: 1;}
.fa{ display: inline-block;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;transform: translate(0, 0);}
.fa-angle-right:before{ content: "→";}
/*.scroll-01 li a{ display: inline-block; margin-top: 20px; border: 2px solid #fff; padding: 0 10px;}
.scroll-01 li a i{ display: none; line-height: 30px; color: #000000;}
.scroll-01 li a span{ line-height: 30px; color: #fff;-webkit-transition: -webkit-transform 0.3s ease-out;-moz-transition: -webkit-transform 0.3s ease-out;}
.scroll-01 li a:hover{ background: #fff;}
.scroll-01 li a:hover i{ display: inline-block;}
.scroll-01 li a:hover span{ color: #000000; transform: translateX(10px); -webkit-transform: translateX(8px); -moz-transform: translateX(10px);}*/

/*con3*/
.con3{ position: relative; padding-bottom: 200px;}
.con3 h3{ font-size: 30px; line-height: 100px; text-align: center; color: #000000;}
.con3 h3 span{ font-weight: normal;}
.con3 .text{ padding: 20px ; background: #f5f5f5; opacity: 0;font-size: 14px;}
.con3 .text p{ height: 80px; margin-top: 30px; line-height: 20px; color: #666666; overflow: hidden;}
.con3 .img{ position: relative; opacity: 0;}
.con3 .img img{ position: absolute; left: 0; top: 10%; z-index: 99;}
.con3 .img .img-load{ height: 200px;}

/*foot*/
.footer{ height: 250px; background: url(../images/foot.jpg) no-repeat center;}
.footer p{ margin-top: 100px; font-size: 30px; font-weight:bold; text-align: center; color: #fff; opacity: 0;}
.foot{ padding: 10px 0; background: #666;}
.foot p{ text-align: center; line-height: 20px; color: #fff;}
.foot p a{ color: #fff;}
.foot .right{ text-align: center;}
.foot .right img{ margin-top: 5px;}

/*内页*/
.p_banner{ position: relative;}
.p_banner .img-load{ height: 200px;}
.p_banner img{ position: absolute; bottom: 0; left: 50%; margin-left: -20%; opacity: 0;}

.navi{ position: relative;  z-index: 5;}
.navi p{ font-family: arial; font-weight: bold; font-size: 30px; text-transform: uppercase; line-height: 30px; color: #000;}
.navi h3{ display: inline-block; margin-top: 10px; padding: 0 10px; font-size: 18px; line-height: 30px; color: #fff; background: #d12218;}

.p_con{min-height: 700px;padding-bottom: 100px;}
.p_con .bread{ margin-bottom: 30px; border-bottom: 1px solid #a0a0a0; padding-top: 20px; line-height: 30px; color: #000; opacity: 0.5; filter: alpha(opacity=50);}
.p_con .bread a{ color: #000;}
.p_con .l_nav{}
.p_con .l_nav ul{}
.p_con .l_nav li{ margin-bottom: 10px; padding: 0 10px; font-size: 16px; text-align: center; line-height: 50px; opacity: 0;}
.p_con .l_nav li a{ display: block; color: #000; background: #f2f2f2;}
.p_con .l_nav li.on a{ color: #fff; background: #666;}
.p_con .l_nav li:hover a{ color: #fff; background: #666; transition: all .3s linear; -webkit-transition: all .3s linear; -moz-transition: all .3s linear;}
.p_con .r_con{}
.p_con .r_con .title{ margin-top: 40px; margin-bottom: 30px; border-bottom: 1px solid #eeeeee; padding-bottom: 20px;}
.p_con .r_con .title h3{ font-size: 18px; text-align: center; line-height: 30px; color: #000;}
.p_con .r_con .title h3 p{ font-family: arial; font-weight: normal; font-size: 36px; color: #d7d7d7;}

.p_con .r_con .ny_con{}

.p3_det{ margin-top: 20px; padding: 0 3%;}
.p3_det h3{ font-size: 24px; text-align: center; line-height: 35px; color: #000000; opacity: 0;}
.p3_det h3 span{ font-size: 12px; font-weight: normal; color: #7e7e7e;}
.p3_det .img-load{ margin: 30px 0;}
.p3_det .img-load:after{ padding-bottom: 100%;}
.p3_det p{ line-height: 22px; color: #000000; opacity: 0;}

/*新闻列表*/
.list-01{max-width:1200px;}
.list-01 li{ position:relative; padding-left:30px; border-bottom:1px dotted #b2b2b2; line-height:40px;}
.list-01 li:before{ position:absolute; left:0; top:10px; width:20px; border: 2px solid #000; text-align: center; line-height: 16px; background:#999; content:"→";}
.list-01 li a{ color: #000000; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; transition:all 0.2s linear;}
.list-01 li:hover a{-webkit-transform:translateX(-6px); transform:translateX(-6px);}
.list-01 li span{ display:none; text-align:right; color: #000;}

/*翻页*/
.page-turn-02{ margin-top:40px; text-align:center;}
.page-turn-02 a{ display:inline-block; position:relative; vertical-align:middle; margin:0 1px; width:36px; height:36px; border:1px #c1c1c1 solid; background:#f7f7f7; line-height:35px; text-align:center;-webkit-transition:all .15s linear; transition:all .15s linear;}
.page-turn-02 a.prev:before{ position:absolute; left:14px; top:12px; border-top:6px transparent solid; border-bottom:6px transparent solid; border-right:6px #4e4e4e solid; content:"";}
.page-turn-02 a.next:before{ position:absolute; left:16px; top:12px; border-top:6px transparent solid; border-bottom:6px transparent solid; border-left:6px #4e4e4e solid; content:"";}
.page-turn-02 span{ margin-left:17px;}
.page-turn-02 input{ width:32px; height:36px; padding:0 4px; border:1px #c1c1c1 solid; text-align: center;}
.page-turn-02 a.go{ font-family:Georgia; color:#7f7f7f;}
.page-turn-02 a.num{}
.page-turn-02 a.num.on{ background:#000; border:1px #000 solid; color:#ffffff;}
.page-turn-02 a.num:hover{ background:#000; border:1px #000 solid; color:#ffffff;}
.page-turn-02 a.go:hover{border:1px #000 solid; color:#000;}
.page-turn-02 a.prev:hover{ border:1px #000 solid;}
.page-turn-02 a.prev:hover:before{ border-right:6px #000 solid;}
.page-turn-02 a.next:hover{ border:1px #000 solid;}
.page-turn-02 a.next:hover:before{ border-left:6px #000 solid;}

/*图片列表*/
.list-02{}
.list-02 li{ padding:15px; opacity: 0;}
.list-02 li .img-load:after{ padding-bottom: 70%;}
.list-02 li .img-load i{background-size: contain;}
.list-02 li p{ line-height:22px; text-align:left;height: 44px;}
.list-02 li p a{}
.list-02 li .img-load:hover i{-webkit-transform-origin: center center;-webkit-transform: scale(1.1, 1.1);-moz-transform-origin: center center;-moz-transform: scale(1.1, 1.1);}
.list-02 li em{ display: block; position: absolute; left: 50%; top: 50%; padding: 0 10px; width: 0%; height: 0%; text-align: center; background: rgba(0,0,0,0);}
.list-02 li em p{ color: #fff;}
.list-02 li em p.p_chi{ height: 40px; margin-top: 15%; font-size: 24px; line-height: 40px; overflow: hidden;}
.list-02 li em p.p_eng{ height: 30px; font-size: 12px; line-height: 15px; overflow: hidden; opacity: 0.5;}
.list-02 li em span{ display: none; margin-top: 8%; border: 2px solid #fff; width: 28px; height: 28px; font-size: 20px; line-height: 25px; color: #fff;}
.list-02 li:hover span{ display: inline-block;}
.list-02 li:hover em{ left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5);}
.animate {-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;}

/*翻页2*/
.article-turn-01{ margin-top:40px; padding:10px 20px; border: 1px solid #000; opacity: 0;}
.article-turn-01 a{ display:block; line-height:22px; color:#000;}
.article-turn-01 a span{ margin-left:5px; -webkit-transition:all .15s linear; transition:all .15s linear;}
.article-turn-01 a:hover span{text-decoration:underline; opacity: .75; filter: alpha(opacity=75);}


/*地图*/
.map{width: 90%;margin:0 auto;height: 300px;margin-top: 20px;display: block;}

@media (min-width:768px){
	
    header .logo{ float:left;}
    .nav-collapse{ height:auto;}
    .nav-collapse .n1{ margin-top: 10px; margin-left:30px; float:left;}
    .nav-collapse ul li{ display:inline-block; border-bottom: none;/* background: none;*/}
    .nav-collapse ul li a{ margin:0 10px; color: #333; background: transparent bottom; transition: 400ms;}
    .nav-collapse ul li:hover a{ background: url(../images/nav_hover.png) no-repeat bottom;}
    .nav-collapse-button{ display:none;}

    .nav-collapse-search{ float:right; margin-top:0; background:none;}
    .nav-collapse-search .search-box{ display:none; position:absolute; right:0; top:5px; width:230px;}
    .nav-collapse-search-button{ display:block;}
    
    .scroll-06{ top: 10px;}
    .scroll-06 .swiper-slide{}
    /*.scroll-06 .swiper-slide img{ margin-top: 120px; width: 35%;}
	.scroll-06 .swiper-slide img:first-child{ margin-left: 15%; margin-right: 5%;}*/
    
    .effect-01 li .p_eng{ top: 40%;}
    .effect-01 li:hover span{ top: 70%;}
    
    .con2{ height: 500px;}
    .con2 h3{ line-height: 150px;}
    .scroll-01 li a{ margin-top: 40px;}
    
    .con3 .text{ height: 400px;padding: 25px;overflow: hidden;}
	.con3 .text p{ height: 120px;}
    .con3 .img .img-load{ height: 400px;}
    
    /*foot*/
	.foot p{ text-align: left; line-height: 25px;}
	.foot img{ text-align: right;}
	
	/*内页*/
	.p_con .l_nav li{padding-right: 15%;}
	.p3_det{ padding: 0 5%;}
	.p_con .r_con .title{ margin-top: 0;}
	.p_con .r_con .title h3{ text-align: left;}

	
	/*新闻列表*/
	.list-01 li span{ display:block;}
}

@media (min-width:1200px){
    .nav-collapse-search{ margin-top: 10px; padding-top:5px;}
    .nav-collapse-search .search-box{ display:block;}
    .nav-collapse-search-button{ display:none;}
    .scroll-06 .swiper-slide{}
    /*.scroll-06 .swiper-slide img{ margin-top: 120px;}*/
    .effect-01 li .p_eng{ top: 35%;}
    .effect-01 li:hover span{ top: 60%;}
    .con3 .text{font-size: 16px;}
}

@media (max-width:768px){
    header .logo img{width:280px;display: inline-block;}
    .nav-collapse{margin-top:0;}
    header .lang{top:63px;font-size: 14px;right:6px;}
    .navi{padding:0 10px;}
    .p_con{padding:0 10px;}
    header.container{padding:0 5px;}
}