/*----page_banner----*/
.page_banner{width: 100%; height: 790px; position: relative}
.page_banner .page_bg{width: 100%; height: 100%; background-size: cover; background-position: center}
.page_banner .page_txt{width: 1200px; position: absolute; top: 0; left: 50%; margin-left: -600px;}
.page_banner .page_txt img{display: block; float: none; margin: 26% auto 10px auto}
.page_banner .page_txt p{font-size: 16px; color: #fff; text-align: center}

/*----page_con----*/
.page_con{position: relative; background: #fff}

/*----page_title----*/
.page_title{width: 100%; position: absolute; font-size: 0; left: 0; margin-top: -100px; z-index: 2}
.page_title .w1600{border-top: 1px solid rgba(255,255,255,.4);}
.page_title a{display: inline-block; width: 25%; font-size: 20px; color: #fff; padding: 30px 0; text-align: center; margin-top: -1px;}
.page_title a.on{border-top: 1px solid #fff; background: url("../image/logo.png") no-repeat 30% 50%; background-size: 53px 35px;}
.page_title a:hover{border-top: 1px solid #fff; background: url("../image/logo.png") no-repeat 30% 50%; background-size: 53px 35px;}

.page_title.page_t1 a{width: 50%;}
.page_title.page_t1 a.on{background: url("../image/logo.png") no-repeat 40% 50%; background-size: 53px 35px;}
.page_title.page_t1 a:hover{background: url("../image/logo.png") no-repeat 40% 50%; background-size: 53px 35px;}

.page_t{margin-bottom: 40px; text-align: center}
.page_t h1{font-size: 46px; color: #181818;}
.page_t .line{display: block; width: 40px; height: 4px; margin: 20px auto 0 auto; border-radius: 4px; background: linear-gradient(to right,rgba(215,1,16,1),rgba(246,141,98,1))}
.page_t p{font-size: 15px; color: #666; margin-top: 20px;}

.pro_title{width: 100%; position: absolute; font-size: 0; left: 0; margin-top: -110px; z-index: 2}
.pro_title .w1600{margin-bottom: 49px;}
.pro_title h2{width: 22%; font-size: 46px; color: #fff; display: inline-block}
.pro_title .line{display: inline-block; width: 78%; height: 20px; border-top: 1px solid rgba(255,255,255,.6);}
.pro_title .pro_t{width: 92%; padding-left: 60px; background: linear-gradient(to right,rgba(215,1,16,1),rgba(246,141,98,1)); border-bottom-right-radius: 60px;}
.pro_title .pro_t a{position: relative; display: inline-block; width: 12.5%; font-size: 18px; color: #fff; padding: 30px 0; text-align: center; margin-top: -1px;}
.pro_title .pro_t a:after{content: "" ; display: block; width: 1px; height: 20px; background: rgba(255,255,255,.6); position: absolute; top: 0; right: 0; margin: 32px 0 0 0;}

/*----page_about----*/
.page_about{position: relative; padding: 80px 0}
.page_about .about_left{width: 50%;}
.page_about .about_left h1{font-size: 42px; color: #181818; font-weight: bold; margin-bottom: 30px;}
.page_about .about_left img{display: block; float: none;}

.page_about .about_right{width: 50%;}
.page_about .about_right h3{font-size: 24px; color: rgba(215,1,16,1); margin-bottom: 40px;}
.page_about .about_right img{width: 100%; float: none; display: block; margin-bottom: 30px;}
.page_about .about_right p{font-size: 18px; color: #7a7a7a; line-height: 30px;}

.page_abouts{padding-left: 160px; margin-top: 40px; margin-bottom: 80px; position: relative}
.page_abouts .img{width: 100%; overflow: hidden; position: relative; border-top-left-radius: 60px;}
.page_abouts .img img{width: 100%}
.page_abouts .txt{width: 30%; height: 100%; position: absolute; top: 0; right: 0; padding: 100px 80px; background: linear-gradient(to right,rgba(215,1,16,1),rgba(246,141,98,1))}
.page_abouts .txt .li{margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid rgba(255,255,255,.4)}
.page_abouts .txt .li span{font-size: 46px; color: #fff; font-family: 'DisneyEnglish-Bold'}
.page_abouts .txt .li p{float: right; font-size: 16px; color: #fff; text-align: right}

.page_course{margin-left: 160px; padding-right: 320px; margin-bottom: 80px; overflow: hidden}
.page_course .course_con{}
.page_course .course_con .li{margin-right: 20px; position: relative}
.page_course .course_con .li .img{width: 60%; padding: 100px 0 100px 160px; overflow: hidden; position: relative; z-index: 2}
.page_course .course_con .li .img img{width: 100%;}
.page_course .course_con .li .txt{width: 40%; padding: 160px 0 50px 80px;}
.page_course .course_con .li .txt p{font-size: 16px; color: #666; margin-bottom: 20px;}
.page_course .course_con .li span{display: block; font-size: 186px; color: rgba(215,1,16,1); position: absolute; top: 0; left: 0; margin: -48px 0 0 0; font-family: 'DisneyEnglish-Bold'}

.page_course .course_con .slick-list{overflow: visible}
.page_course .course_con .slick-prev, .page_course .course_con .slick-next{background: #f0f0f0; border-radius: 100%; bottom: -20px;}
.page_course .course_con .slick-prev{left: 0;}
.page_course .course_con .slick-next{left: 80px;}
.page_course .course_con .slick-prev:before{content: ""; display: inline-block; border-left: 2px solid rgba(215,1,16,1); border-bottom: 2px solid rgba(215,1,16,1); width: 6px; height: 6px; transform: rotate(45deg); margin-left: 3px; opacity: 1}
.page_course .course_con .slick-next:before{content: ""; display: inline-block; border-right: 2px solid rgba(215,1,16,1); border-bottom: 2px solid rgba(215,1,16,1); width: 6px; height: 6px; transform: rotate(-45deg); margin-left: -3px; opacity: 1}
.page_course .course_con .slick-prev:hover{background: linear-gradient(to right,rgba(215,1,16,1),rgba(246,141,98,1));}
.page_course .course_con .slick-next:hover{background: linear-gradient(to right,rgba(215,1,16,1),rgba(246,141,98,1));}
.page_course .course_con .slick-prev:hover:before{border-left: 2px solid #fff; border-bottom: 2px solid #fff;}
.page_course .course_con .slick-next:hover:before{border-right: 2px solid #fff; border-bottom: 2px solid #fff;}

/*----page_layout----*/
.page_partners{position: relative; padding: 100px 0; background: #fbe8e9}
.page_partners .img{width: 100%; overflow: hidden; border-top-left-radius: 60px;}
.page_partners .img img{width: 100%;}

.page_partners .par_con{}
.page_partners .par_con .list{}
.page_partners .par_con .list li{width: 16.6666%; float: left;}
.page_partners .par_con .list li img{width: 100%;}

.page_layout{padding: 80px 0;}
.page_layout .layout_con{}
.page_layout .layout_con .li{}
.page_layout .layout_con .li .txt{width: 40%; padding-right: 5%;}
.page_layout .layout_con .li .txt h1{font-size: 52px; font-weight: bold}
.page_layout .layout_con .li .txt .line{display: block; width: 30px; height: 4px; background: linear-gradient(to right,rgba(215,1,16,1),rgba(246,141,98,1)); margin: 30px 0}
.page_layout .layout_con .li .txt p{font-size: 16px; color: #666; line-height: 28px;}

.page_layout .layout_con .li .img{width: 60%; overflow: hidden; border-top-left-radius: 60px;}
.page_layout .layout_con .li .img img{width: 100%;}

.page_layout .layout_con .slick-list{}
.page_layout .layout_con .slick-prev, .page_layout .layout_con .slick-next{background: #f0f0f0; border-radius: 100%; bottom: 20px;}
.page_layout .layout_con .slick-prev{left: 0;}
.page_layout .layout_con .slick-next{left: 80px;}
.page_layout .layout_con .slick-prev:before{content: ""; display: inline-block; border-left: 2px solid rgba(215,1,16,1); border-bottom: 2px solid rgba(215,1,16,1); width: 6px; height: 6px; transform: rotate(45deg); margin-left: 3px; opacity: 1}
.page_layout .layout_con .slick-next:before{content: ""; display: inline-block; border-right: 2px solid rgba(215,1,16,1); border-bottom: 2px solid rgba(215,1,16,1); width: 6px; height: 6px; transform: rotate(-45deg); margin-left: -3px; opacity: 1}
.page_layout .layout_con .slick-prev:hover{background: linear-gradient(to right,rgba(215,1,16,1),rgba(246,141,98,1));}
.page_layout .layout_con .slick-next:hover{background: linear-gradient(to right,rgba(215,1,16,1),rgba(246,141,98,1));}
.page_layout .layout_con .slick-prev:hover:before{border-left: 2px solid #fff; border-bottom: 2px solid #fff;}
.page_layout .layout_con .slick-next:hover:before{border-right: 2px solid #fff; border-bottom: 2px solid #fff;}

/*----page_culture----*/
.page_culture{position: relative; padding: 100px 0; background: #fbe8e9}
.page_culture .list{border-top-left-radius: 62px; overflow: hidden; background: linear-gradient(to right,rgba(215,1,16,1),rgba(215,1,16,.9));}
.page_culture .list li{position: relative; float: left; width: 20%; background: linear-gradient(to right,rgba(215,1,16,1),rgba(215,1,16,.9)); border-right: 1px solid rgba(255,255,255,.5); overflow: hidden; cursor: pointer; box-sizing: border-box}
.page_culture .list li:nth-child(2){background: linear-gradient(to right,rgba(215,1,16,.9),rgba(215,1,16,.8));}
.page_culture .list li:nth-child(3){background: linear-gradient(to right,rgba(215,1,16,.8),rgba(215,1,16,.7));}
.page_culture .list li:nth-child(4){background: linear-gradient(to right,rgba(215,1,16,.7),rgba(215,1,16,.6));}

.page_culture .list li .text{padding: 170px 0; text-align: center}
.page_culture .list li .text .ico{display: block; width: 130px; height: 130px; margin: 0 auto;}
.page_culture .list li .text .ico01{background: url("../image/ico15.png") no-repeat; background-size: cover}
.page_culture .list li .text .ico02{background: url("../image/ico16.png") no-repeat; background-size: cover}
.page_culture .list li .text .ico03{background: url("../image/ico17.png") no-repeat; background-size: cover}
.page_culture .list li .text .ico04{background: url("../image/ico18.png") no-repeat; background-size: cover}
.page_culture .list li .text .line{display: block; width: 30px; height: 3px; background: #fff; margin: 30px auto 30px auto;}
.page_culture .list li .text h1{font-size: 28px; color: #fff;}

.page_culture .list li .txt{padding: 80px 0 60px 80px; position: absolute; top: 0; left: -200%; opacity: 0; transition: all ease .4s; -webkit-transition: all ease .4s}
.page_culture .list li .txt .ico{display: block; width: 90px; height: 90px; margin-bottom: 90px;}
.page_culture .list li .txt .ico01{background: url("../image/ico15.png") no-repeat; background-size: cover}
.page_culture .list li .txt .ico02{background: url("../image/ico16.png") no-repeat; background-size: cover}
.page_culture .list li .txt .ico03{background: url("../image/ico17.png") no-repeat; background-size: cover}
.page_culture .list li .txt .ico04{background: url("../image/ico18.png") no-repeat; background-size: cover}
.page_culture .list li .txt h1{font-size: 48px; color: #fff; font-weight: bold;}
.page_culture .list li .txt .line{display: block; width: 40px; height: 3px; background: #fff; margin: 20px 0 16px 0;}
.page_culture .list li .txt p{font-size: 18px; color: #fff; line-height: 38px;}

.page_culture .list li.on{width: 40%; background: url("../image/img10.jpg") no-repeat center; background-size: cover; border-top-left-radius: 60px; }
.page_culture .list li.on .text{opacity: 0;}
.page_culture .list li.on .txt{left: 0; opacity: 1}

.page_periodical{padding: 80px 0; overflow: hidden}
.page_periodical .list{margin-right: -2%}
.page_periodical .list li{width: 31.3333%; float: left; margin-right: 2%; margin-bottom: 40px; position: relative}
.page_periodical .list li .img{width: 100%; overflow: hidden}
.page_periodical .list li .img img{width: 100%; transition: all ease .4s; -webkit-transition: all ease .4s}
.page_periodical .list li .txt{width: 20%; height: 140px; position: absolute; bottom: 0; right: 0; padding: 20px 0 0 30px; margin-bottom: 50px; margin-right: -20px; border-top-left-radius: 60px; background: linear-gradient(to top,rgba(215,1,16,1),rgba(246,141,98,1)); transition: all ease .3s; -webkit-transition: all ease .3s; opacity: 0;}
.page_periodical .list li .txt h3{font-size: 56px; color: #fff; font-family: 'DisneyEnglish-Bold'}
.page_periodical .list li .txt p{font-size: 22px; color: #fff;}
.page_periodical .list li .txt .sp{display: block; width: 50px; height: 50px; background: #fff; border-radius: 100%; position: absolute; right: 0; top: 0; margin: 46px 40px 0 0}
.page_periodical .list li .txt .sp:after{content: ""; display: block; position: absolute; top: 40%; left: 50%; border-right: 2px solid rgba(215,1,16,1); border-bottom: 2px solid rgba(215,1,16,1); width: 8px; height: 8px; transform: rotate(-45deg); margin-left: -6px;}

.page_periodical .list li:hover .img img{transform: scale(1.1); -webkit-transform: scale(1.1)}
.page_periodical .list li:hover .txt{width: 80%; opacity: 1}

/*----page_quality----*/
.page_quality{position: relative;}
.page_quality .list{}
.page_quality .list li{width: 100%;}
.page_quality .list li .li_left{width: 50%; overflow: hidden}
.page_quality .list li .li_left img{width: 100%; transition: all ease .4s; -webkit-transition: all ease .4s}
.page_quality .list li .li_right{width: 50%; padding: 160px 160px 0 80px; position: relative}
.page_quality .list li .li_right h1{font-size: 52px; color: #181818;}
.page_quality .list li .li_right .line{display: block; width: 40px; height: 4px; margin: 40px 0; border-radius: 4px; background: linear-gradient(to right,rgba(215,1,16,1),rgba(246,141,98,1))}
.page_quality .list li .li_right p{font-size: 18px; color: #666; line-height: 28px;}
.page_quality .list li .li_right .t{display: block; font-size: 198px; color: rgba(215,1,16,.1); position: absolute; top: 0; right: 0; margin: 60px 160px 0 0; font-family: 'DisneyEnglish-Bold';}

.page_quality .list li:hover .li_left img{transform: scale(1.1); -webkit-transform: scale(1.1)}

/*----page_innovate----*/
.page_innovate{position: relative; padding: 160px 0 1px 0; background: #fbe8e9}
.page_innovate .innovate_li{padding: 0 80px; margin-bottom: 140px; background: linear-gradient(to right,rgba(215,1,16,1),rgba(215,1,16,.7)); border-top-left-radius: 60px;}
.page_innovate .innovate_li .img{width: 40%; position: relative; margin-top: -60px; overflow: hidden; border-top-left-radius: 60px;}
.page_innovate .innovate_li .img img{width: 100%;}

.page_innovate .innovate_li .txt{width: 60%; padding-top: 120px;}
.page_innovate .innovate_li .txt h1{font-size: 42px; color: #fff;}
.page_innovate .innovate_li .txt .line{display: block;  width: 40px; height: 4px; margin: 40px 0; border-radius: 4px; background: rgba(255,255,255,.5)}
.page_innovate .innovate_li .txt p{font-size: 18px; color: #fff; line-height: 32px;}

.page_innovate .innovate_li:nth-child(1) .txt{padding-left: 80px;}
.page_innovate .innovate_li:nth-child(2) .txt{padding-right: 80px;}

.innovate_list{padding: 80px 0;}
.innovate_list .innovate_con{display: flex; flex-wrap: wrap; justify-content: space-between;}
.innovate_list .innovate_con .li{position: relative}
.innovate_list .innovate_con .li01{width: 40%; position: relative}
.innovate_list .innovate_con .li01 a{overflow: hidden; position: relative}
.innovate_list .innovate_con .li01 .img{width: 100%; height: auto; transition: all ease .4s; -webkit-transition: all ease .4s}
.innovate_list .innovate_con .li01 .text{width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: flex; justify-content: center; flex-direction: column; align-items: center}
.innovate_list .innovate_con .li01 .text .ico{width: 140px; height: 140px; margin-bottom: 20px; display: block; float: none}
.innovate_list .innovate_con .li01 .text h1{font-size: 42px; color: #fff; font-weight: bold;}

.innovate_list .innovate_con .li_right{width: 57.5%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.innovate_list .innovate_con .li_right .li{position: relative}
.innovate_list .innovate_con .li_right .li02{width: 100%; margin-bottom: 38px;}
.innovate_list .innovate_con .li_right .li a{overflow: hidden; position: relative}
.innovate_list .innovate_con .li_right .li .img{width: 100%; height: auto; transition: all ease .4s; -webkit-transition: all ease .4s}
.innovate_list .innovate_con .li_right .li .text{width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: flex; justify-content: center; flex-direction: column; align-items: center}
.innovate_list .innovate_con .li_right .li .text .ico{width: 110px; height: 110px; margin-bottom: 20px; display: block; float: none}
.innovate_list .innovate_con .li_right .li .text h1{font-size: 32px; color: #fff; font-weight: bold;}
.innovate_list .innovate_con .li_right .li03{width: 47.8%;}
.innovate_list .innovate_con .li_right .li04{width: 47.8%;}

.innovate_list .innovate_con .li01:hover .img{transform: scale(1.1); -webkit-transform: scale(1.1)}
.innovate_list .innovate_con .li_right .li:hover .img{transform: scale(1.1); -webkit-transform: scale(1.1)}

.page_honor{position: relative; padding: 80px 0; background: #fbe8e9}

.page_honor .honor_list{}
.page_honor .honor_list .li{margin: 0 10px;}
.page_honor .honor_list .li .img{width: 100%; overflow: hidden}
.page_honor .honor_list .li .img img{width: 100%; display: block; float: none;}

.page_honor .honor_list .slick-dots{margin-bottom: -30px;}
.page_honor .honor_list .slick-dots li button:before{background: rgba(215,1,16,1)}


/*----page_innovates----*/
.page_innovates{position: relative; padding: 80px 0;}
.page_innovates .w1600{padding: 0 300px;}
.page_innovates h1{font-size: 50px; color: #666; margin-bottom: 40px; text-align: center}
.page_innovates .innovates_con p{font-size: 20px; color: #666; line-height: 28px;}
.page_innovates .innovates_con img{width: 100%; float: none; display: block; margin: 20px auto}

/*----page_product----*/
.page_product{position: relative; padding: 160px 0 80px 0}
.page_product .list{}
.page_product .list li{width: 33.3333%; float: left; margin-bottom: 30px; padding: 60px 0 40px 0; position: relative; cursor: pointer; overflow: hidden}
.page_product .list li .bg{width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; background-position: top center;  transition: all ease .3s; -webkit-transition: all ease .3s}
.page_product .list li .bg2{opacity: 0;}
.page_product .list li .pro_img{width: 100%; padding-top: 20px; margin-bottom: 30px; position: relative; z-index: 1}
.page_product .list li .pro_img img{width: 100%; margin: 0 auto; float: none; display: block; transform: scale(0.8); -webkit-transform: scale(0.8); transition: all ease .4s; -webkit-transition: all ease .4s}
.page_product .list li h1{font-size: 26px; color: #000; text-align: center; position: relative; z-index: 1; transition: all ease .2s; -webkit-transition: all ease .2s}
.page_product .list li .r{display: block; width: 50px; height: 50px; background: linear-gradient(to right,rgba(215,1,16,1),rgba(246,141,98,1)); border-radius: 100%; position: absolute; left: 50%; bottom: 0; margin: 0 0 -60px -25px; opacity: 0; transition: all ease .3s; -webkit-transition: all ease .3s}
.page_product .list li .r:after{content: ""; display: block; position: absolute; top: 40%; left: 50%; border-right: 2px solid #fff; border-bottom: 2px solid #fff; width: 8px; height: 8px; transform: rotate(-45deg); margin-left: -6px;}

.page_product .list li:hover .pro_img img{transform: scale(1) translateY(-20px); -webkit-transform: scale(1) translateY(-20px);}
.page_product .list li:hover .bg2{opacity: 1}
.page_product .list li:hover h1{transform: translateY(-40px); -webkit-transform: translateY(-40px)}
.page_product .list li:hover .r{margin: 0 0 10px -25px; opacity: 1}

.pro_con{width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0,0,0,.7); z-index: 3; display: none;}
.pro_con .pro_li{width: 62.5%; margin: 14% auto 0 auto; background: #fff; padding: 0 60px 40px 60px; border-top-left-radius: 60px; position: relative;}
.pro_con .pro_li .pro_left{width: 47%; margin-right: 5%; padding: 100px 0; background: url("../image/product-item-bg2.png") no-repeat center; background-size: 470px 469px;}
.pro_con .pro_li .pro_left img{width: 92%; margin: 0 auto; float: none; display: block}
.pro_con .pro_li .pro_right{width: 48%;}
.pro_con .pro_li .pro_right h2{font-size: 42px; color: #181818; font-weight: bold; padding-top: 80px;}
.pro_con .pro_li .pro_right h4{font-size: 16px; color: #7a7a7a; padding: 30px 0;}
.pro_con .pro_li .pro_right .line{display: block; width: 100%; height: 1px; background: rgba(0,0,0,.2);}
.pro_con .pro_li .pro_right h6{font-size: 16px; color: #7a7a7a; padding: 30px 0;}
.pro_con .pro_li .pro_right .pro_link{margin-top: 40px;}
.pro_con .pro_li .pro_right .pro_link a{display: inline-block; width: 140px; line-height: 50px; font-size: 14px; color: #fff; text-align: center; margin-right: 20px; border-radius: 60px; background: linear-gradient(to right,rgba(215,1,16,1),rgba(246,141,98,1));}
.pro_con .pro_li .but{width: 40px; height: 40px; font-size: 18px; color: #999; line-height: 40px; text-align: center; position: absolute; top: 0; right: 0; margin: 10px 10px 0 0; outline: none; border: none; background: transparent}

.pro_con .pro_li .pro_left .slick-dots{margin-bottom: -80px;}
.pro_con .pro_li .pro_left .slick-dots li{width: 20px; padding: 0; float: none}
.pro_con .pro_li .pro_left .slick-dots li button{border-radius: 100%; background: linear-gradient(to right,rgba(215,1,16,1),rgba(246,141,98,1))}
.pro_con .pro_li .pro_left .slick-dots li button:before{background: transparent}

/*----page_productc----*/
.page_productc .list{margin-right: -3%;}
.page_productc .list li{width: 30.3333%; margin-right: 3%; margin-bottom: 30px; padding: 0;}
.page_productc .list li .pro_img{padding-top: 0; margin-bottom: 20px; overflow: hidden}
.page_productc .list li .pro_img img{width: 100%; transform: none; -webkit-transform: none; }
.page_productc .list li:hover .pro_img img{transform: scale(1.1) translateY(0); -webkit-transform: scale(1.1) translateY(0);}
.page_productc .list li:hover h1{color: #000; transform: translateY(0); -webkit-transform: translateY(0)}
.page_productc .list li:hover .r{margin: 0 0 80px -25px; opacity: 1; z-index: 2}


.page_productc .pro_con .pro_li .pro_left{padding: 0; background: none;}


.slideBox{width: 100%; height: auto; overflow:hidden; position:relative;}
.slideBox .hd{display: none; height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }

.pro_con .pro_li .pro_left .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.pro_con .pro_li .pro_left .slideBox .bd li{width: 100%; zoom:1; vertical-align:middle; }
.pro_con .pro_li .pro_left .slideBox .bd img{width: 100%; display:block; float: none;}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../image/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }





/*----page_news----*/
.page_news{padding-bottom: 100px;}
.page_news .news_one{margin-top: 80px;}
.page_news .news_one .news_left{width: 50%;}
.page_news .news_one .news_left a{border-top-left-radius: 60px; overflow: hidden}
.page_news .news_one .news_left img{width: 100%; transition: all ease .4s; -webkit-transition: all ease .4s}
.page_news .news_one .news_right{width: 50%; padding: 100px 0 0 80px;}
.page_news .news_one .news_right h1{font-size: 36px; color: #181818; margin-bottom: 30px; padding-right: 80px;}
.page_news .news_one .news_right p{font-size: 18px; color: #666; line-height: 28px;}
.page_news .news_one .news_right .n_link{width: 240px; font-size: 16px; color: #fff; line-height: 56px; margin-top: 60px; border-radius: 60px; text-align: center; background: linear-gradient(to right,rgba(215,1,16,1),rgba(246,141,98,1)); font-family: 'Montserrat-Light'}
.page_news .news_one .news_right h6{position: absolute; top: 0; right: 0; font-size: 13px; color: rgba(215,1,16,1); font-family: 'DisneyEnglish-Bold'}
.page_news .news_one .news_right h6 i{display: block; font-size: 46px; font-style: normal; margin-top: -6px;}
.page_news .news_one:hover .news_left img{transform: scale(1.1); -webkit-transform: scale(1.1)}

.page_news .news_list{margin-top: 80px;}
.page_news .news_list .list{margin-right: -3%;}
.page_news .news_list .list li{float: left; width: 30.3333%; margin-right: 3%; margin-bottom: 30px; border-bottom: 6px solid #fff; transition: all ease .4s; -webkit-transition: all ease .4s}
.page_news .news_list .list li .img{width: 100%; height: 260px; overflow: hidden}
.page_news .news_list .list li .img img{width: 100%; transition: all ease .4s; -webkit-transition: all ease .4s}
.page_news .news_list .list li .txt{width: 100%; padding: 30px 40px; border: 1px solid rgba(215,1,16,.6); border-top: none; position: relative}
.page_news .news_list .list li .txt h1{font-size: 28px; color: #181818; height: 74px;}
.page_news .news_list .list li .txt .line{display: block; width: 100%; height: 1px; background: rgba(0,0,0,.2); margin: 20px 0;}
.page_news .news_list .list li .txt h6{font-size: 13px; color: rgba(215,1,16,1); font-family: 'DisneyEnglish-Bold'}
.page_news .news_list .list li .txt h6 i{display: block; font-size: 46px; font-style: normal; margin-top: -6px;}
.page_news .news_list .list li .txt .r{display: block; width: 50px; height: 50px; background: linear-gradient(to right,rgba(215,1,16,1),rgba(246,141,98,1)); border-radius: 100%; position: absolute; right: 0; bottom: 0; margin: 0 40px 40px 0}
.page_news .news_list .list li .txt .r:after{content: ""; display: block; position: absolute; top: 40%; left: 50%; border-right: 2px solid #fff; border-bottom: 2px solid #fff; width: 8px; height: 8px; transform: rotate(-45deg); margin-left: -6px;}

.page_news .news_list .list li:hover{border-bottom: 6px solid rgba(215,1,16,1); box-shadow: 0 3px 15px 6px rgba(215,1,16,.1)}
.page_news .news_list .list li:hover .img img{transform: scale(1.1); -webkit-transform: scale(1.1)}

.page_video{padding: 100px 0;}
.page_video .list{margin-right: -2%;}
.page_video .list li{position: relative; float: left; width: 31.3333%; margin-right: 2%; margin-bottom: 30px; border-bottom: 6px solid #fff; overflow: hidden; transition: all ease .4s; -webkit-transition: all ease .4s}
.page_video .list li .img{width: 100%; overflow: hidden}
.page_video .list li .img img{width: 100%; transition: all ease .4s; -webkit-transition: all ease .4s}
.page_video .list li .txt{width: 100%; height: 100%; position: absolute; top: 0; left: 0; margin: 44% 0 0 40px;}
.page_video .list li .txt h1{font-size: 22px; color: rgba(215,1,16,1); font-weight: bold; margin-bottom: 10px;}
.page_video .list li .txt .r{display: block; width: 46px; height: 46px; background: url("../image/ico20.png") no-repeat; background-size: cover; transition: all ease .4s; -webkit-transition: all ease .4s}
.page_video .list li:hover .img img{transform: scale(1.1); -webkit-transform: scale(1.1)}
.page_video .list li:hover .txt .r{width: 56px; height: 56px;}


.page_activity{position: relative; padding: 80px 0}
.page_activity .li{position: relative; margin-bottom: 40px;}
.page_activity .li .img{width: 100%; border-top-left-radius: 80px; overflow: hidden}
.page_activity .li .img img{width: 100%;}
.page_activity .li .txt{width: 460px; padding: 70px 50px; position: absolute; top: 0; right: 0; margin: 60px 40px 0 0; border-top-left-radius: 60px; background: rgba(255,255,255,.8)}
.page_activity .li .txt h1{font-size: 38px; color: #181818; margin-bottom: 60px;}
.page_activity .li .txt p{font-size: 16px; color: #666; line-height: 28px;}
.page_activity .li .txt .b_link{width: 120px; height: 40px; font-size: 16px; color: #fff; text-align: center; line-height: 40px; margin-top: 40px; background: linear-gradient(to right,rgba(215,1,16,1),rgba(246,141,98,1)); border-radius: 24px;}
.page_activity .li .txt h6{font-size: 16px; color: rgba(215,1,16,1); position: absolute; bottom: 0; right: 0; margin: 0 50px 70px 0; font-family: 'Montserrat-Light'}

.page_activity .li .txt:hover{background: linear-gradient(to right,rgba(215,1,16,1),rgba(246,141,98,1))}
.page_activity .li .txt:hover h1{color: #fff;}
.page_activity .li .txt:hover p{color: #fff;}
.page_activity .li .txt:hover h6{color: #fff;}
.page_activity .li .txt:hover .b_link{background: #fff; color: rgba(215,1,16,1)}

/*----page_videos----*/
.page_videos{position: relative; padding: 80px 0;}
.page_videos .videos_title{margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #f0f0f0;}
.page_videos .videos_title h1{display: block; font-size: 42px; color: rgba(215,1,16,1); font-weight: bold; margin-bottom: 20px;}
.page_videos .videos_title span{display: block; font-size: 18px; color: rgba(215,1,16,1); font-family: 'DisneyEnglish-Bold'}
.page_videos .videos_title span i{padding-right: 6px;}
.page_videos .videos_con{width: 100%;}
.page_videos .videos_con .video_li{width: 100%;}



/*----page_show----*/
.page_show{padding: 100px 0; background: #f0f0f0;}
.page_show .show_left{width: 62%; margin-right: 3%; padding: 60px; box-shadow: 0 0 10px 3px rgba(0,0,0,.2); border-top: 6px solid rgba(215,1,16,1)}
.page_show .show_left .news_title{padding-bottom: 20px; margin-bottom: 30px; border-bottom: 1px solid rgba(0,0,0,.2)}
.page_show .show_left .news_title h1{display: block; font-size: 42px; color: rgba(215,1,16,1); font-weight: bold; margin-bottom: 20px;}
.page_show .show_left .news_title span{display: block; font-size: 18px; color: rgba(215,1,16,1); font-family: 'DisneyEnglish-Bold'}
.page_show .show_left .news_title span i{padding-right: 6px;}
.page_show .show_left .news_con p{font-size: 14px; color: #333; line-height: 26px;}
.page_show .show_left .news_con p a{display: inline-block; color: #333; font-weight: normal;}
.page_show .show_left .news_con img{display: block; width: 100%; margin: 20px auto}

.page_show .show_right{width: 35%; padding: 40px; border: 1px solid rgba(215,1,16,.4);; border-top: 6px solid rgba(215,1,16,1);}
.page_show .show_right h3{font-size: 32px; color: #181818; margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid #dedede;}
.page_show .show_right .list{}
.page_show .show_right .list li{margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #dedede; position: relative}
.page_show .show_right .list li h6{position: absolute; top: 0; left: 0; font-size: 13px; color: rgba(215,1,16,1); font-family: 'DisneyEnglish-Bold'}
.page_show .show_right .list li h6 i{display: block; font-size: 46px; font-style: normal; margin-top: -6px;}
.page_show .show_right .list li h1{font-size: 24px; color: #181818; padding-left: 80px;}

/*----page_tender----*/
.page_tender{position: relative; padding: 80px 0;}
.page_tender h1{font-size: 24px; color: rgba(215,1,16,.8); font-weight: bold; margin-bottom: 60px;}
.page_tender .list{}
.page_tender .list li{position: relative; margin-bottom: 10px; background: rgba(215,1,16,.06); padding: 40px 40px; cursor: pointer; transition: all ease .4s; -webkit-transition: all ease .4s}
.page_tender .list li span{display: inline-block;}
.page_tender .list li .s1{width: 89%; font-size: 24px; color: #181818;}
.page_tender .list li .s2{width: 10%; font-size: 18px; color: #999; font-family: 'DisneyEnglish-Bold'}
.page_tender .list li .s2 i{padding-right: 6px; font-size: 20px;}
.page_tender .list li:before{content: ""; display: block; width: 5px; height: 100%; background: linear-gradient(to top,rgba(215,1,16,1),rgba(246,141,98,1)); position: absolute; top: 0; left: 0;}
.page_recruit .list li{transition: all ease .4s; -webkit-transition: all ease .4s}
.page_recruit .list li .s1{width: 65%;}
.page_recruit .list li .s2{text-align: right}
.page_recruit .list li .s3{width: 15%; font-size: 20px; color: #999; font-weight: 100;}
.page_recruit .list li .s3 i{font-size: 22px; padding-right: 10px;}
.page_recruit .list li .s4{width: 9%; font-size: 24px; color: #999; text-align: center}

.page_recruit .recruit_con{display: none;}
.page_recruit .recruit_con .recruit_li{padding: 60px 0 30px 0; margin-bottom: 40px; border-bottom: 1px solid rgba(255,255,255,.2)}
.page_recruit .recruit_con .recruit_li span{display: inline-block; font-size: 16px; color: #fff; margin-right: 80px;}
.page_recruit .recruit_con .recruit_list{display: flex; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid rgba(255,255,255,.2)}
.page_recruit .recruit_con .recruit_list h5{width: 12%; font-size: 16px; color: #fff;}
.page_recruit .recruit_con .recruit_list .text{width: 88%;}
.page_recruit .recruit_con .recruit_list .text p{font-size: 16px; color: #fff; line-height: 30px;}
.page_recruit .recruit_con .a_mail{width: 360px; line-height: 58px; background: #fff; border-radius: 80px; font-size: 18px; margin: 30px 0 0 160px; color: rgba(215,1,16,1); text-align: center; font-family: 'Montserrat-Light'}
.page_recruit .recruit_con .a_mail i{font-size: 22px; padding-right: 10px;}

.page_recruit .list li.active{background: linear-gradient(to right,rgba(215,1,16,1),rgba(246,141,98,1));}
.page_recruit .list li.active:before{display: none}
.page_recruit .list li.active span{color: #fff;}

/*-----page_contact----*/
.page_contact{padding-right: 160px; background: transparent}
.page_contact .contact_con{position: relative; top: -100px; border-top-right-radius: 60px; background: transparent; overflow: hidden}
.page_contact .contact_con .contact_left{width: 40%; height: 660px; padding: 100px 80px 0 160px; background: linear-gradient(to top,rgba(215,1,16,1),rgba(246,141,98,1))}
.page_contact .contact_con .contact_left h1{font-size: 46px; color: #fff; margin-bottom: 80px;}
.page_contact .contact_con .contact_left .li{width: 100%; margin-bottom: 50px;}
.page_contact .contact_con .contact_left .li span{display: block; font-size: 18px; color: #fff}
.page_contact .contact_con .contact_left .li span i{padding-right: 10px; color: rgba(255,255,255,.6)}
.page_contact .contact_con .contact_left .li .t{font-size: 20px; color: #fff; margin-top: 8px; font-family: 'Montserrat-Light'}

.page_contact .contact_con .contact_right{width: 60%;}
.page_contact .contact_con .contact_right .map{width: 100%; height: 660px;}

/*----page_message----*/
.page_message{width: 100%; height: auto; padding: 0 55% 80px 60px; margin: 0; float: none; background: url("../image/img22.jpg") no-repeat; background-size: cover}
.page_message p {margin: 7px 0 20px 0;  position: relative;  display: block;  padding-left: 100px;}
.page_message p span {margin-left: -10px; line-height: 60px; font-size: 15px; color: #999; display: block; position: absolute;  left: 0;  top: 0;  width: 100px;  text-align: right;}
.page_message p input {width: 100%;  height: 60px; border: 1px solid rgba(215,1,16,1);  font-size: 15px; color: #999; text-indent: 5px;  outline: 0;}
.page_message p textarea {width: 100%; height: 100px; border: 1px solid rgba(215,1,16,1); font-size: 15px; text-indent: 5px; outline: 0; color: #999; padding-top: 10px;}
.page_message p.yanz {}
.page_message p.yanz span {float: left; padding-right: 10px;}
.page_message p.yanz input {width: 40%;  float: left;}
.page_message p.yanz img {height: 37px;  display: block;  float: right;}
.page_message p .btn {width: 50%; height: 60px; font-size: 18px; border: none; margin-top: 40px; border-radius: 80px; background: linear-gradient(to right,rgba(215,1,16,1),rgba(246,141,98,1)); color: #fff; cursor: pointer}




/*-----公共样式-------*/
/*----product_show----*/
.page_productshow .con table{margin-top: 20px; width: 100%}
.page_productshow .con th, .page_productshow .con td{height: 36px; line-height: 20px; text-align: center; border-right: 1px solid #fff; vertical-align: middle;}
.page_productshow .con th{background: #666; color: #fff; font-size: 14px; font-weight: normal}
.page_productshow .con tr:nth-child(1) th{background: #0551a9; font-size: 15px; font-weight: bold}
.page_productshow .con td{font-size: 14px; color: #666; background: #f4f4f4; padding-left: 20px; line-height: 26px;}
.page_productshow .con tr:nth-of-type(odd) td{background: #f2efeb}

.productshow_hot{margin-top: 20px;}
.productshow_hot h6{font-size: 15px; color: #666; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px dashed #ddd;}
.productshow_hot h6 i{font-size: 13px; color: #999; font-style: normal; font-weight: normal; padding-left: 4px; font-family: 'novecentowide-book'}
.productshow_hot .list{list-style: none; margin-right: -1%}
.productshow_hot .list li{width: 24%; float: left; margin-right: 1%; margin-bottom: 10px}
.productshow_hot .list li .img{width: 100%; margin: 0; border: none; overflow: hidden}
.productshow_hot .list li .img img{width: 100%;}
.productshow_hot .list li .txt{padding-top: 10px;}
.productshow_hot .list li .txt h1{font-size: 14px; color: #181818;}

.product_key{margin-top: 20px;}
.product_key h1{font-size: 15px; color: #666; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dashed #ddd; text-align: left}
.product_key h1 i{font-size: 13px; color: #999; font-style: normal; font-weight: normal; padding-left: 4px; font-family: 'novecentowide-book'}
.product_key a{display: inline-block; font-size: 13px; color: #666; border: 1px dotted #dedede; padding: 5px 16px; margin: 0 2px 2px 0;}

.product_city{margin-top: 20px;}
.product_city h1{font-size: 15px; color: #666; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dashed #ddd; text-align: left}
.product_city h1 i{font-size: 13px; color: #999; font-style: normal; font-weight: normal; padding-left: 4px; font-family: 'novecentowide-book'}
.product_city a{display: inline-block; font-size: 13px; color: #666; border: 1px dotted #dedede; padding: 5px 16px; margin: 0 2px 2px 0}

/*----page_search----*/
.page_search{padding: 80px 0}
.page_search .list{list-style: none; margin-right: -2%;}
.page_search .list li{width: 23%; float: left; margin-right: 2%; margin-bottom: 30px; position: relative}
.page_search .list li .pro_img{width: 100%; overflow: hidden}
.page_search .list li .pro_img img{width: 100%}
.page_search .list li h1{font-size: 20px; color: #000; padding-top: 10px; text-align: center; position: relative; z-index: 1; transition: all ease .2s; -webkit-transition: all ease .2s}
.page_search .list li .r{display: block; width: 50px; height: 50px; background: linear-gradient(to right,rgba(215,1,16,1),rgba(246,141,98,1)); border-radius: 100%; position: absolute; left: 50%; bottom: 0; opacity: 0; margin: 0 0 -60px -25px; transition: all ease .3s; -webkit-transition: all ease .3s}
.page_search .list li .r:after{content: ""; display: block; position: absolute; top: 40%; left: 50%; border-right: 2px solid #fff; border-bottom: 2px solid #fff; width: 8px; height: 8px; transform: rotate(-45deg); margin-left: -6px;}

.page_search .list li:hover .pro_img img{transform: scale(1); -webkit-transform: scale(1);}
.page_search .list li:hover .r{margin: 0 0 50px -25px; opacity: 1}

.page_search .pro_con .pro_li .pro_left{padding: 40px 0;}

/*-----page_tag----*/
.tag{border-top: 1px dashed #ddd; border-bottom: 1px dashed #ddd; line-height: 36px; margin-top: 40px;}
.tag span{font-size: 13px; color: #333}
.tag a{display: inline-block; font-size: 12px; color: #666; padding-left: 12px;}

/*----tag_show----*/
.page_tag{}
.page_tag .list{list-style: none; margin-right: -1%;}
.page_tag .list li{width: 24%; float: left; margin-right: 1%; margin-bottom: 10px;}
.page_tag .list li .img{width: 100%; overflow: hidden}
.page_tag .list li .img img{width: 100%}
.page_tag .list li p{font-size: 14px; color: #333; line-height: 36px;}


/*----page_city----*/
.page_city{padding: 200px 0 50px 0;}
.page_city .w1200{width: 800px;}
.page_city .title{border-bottom: 1px solid #dedede; margin-bottom: 20px; padding-bottom: 10px;}
.page_city .title h1{font-size: 24px; color: #666; font-weight: bold; float: left}
.page_city .title .city_link{width: 120px; font-size: 13px; color: #fff; text-align: center; padding: 10px 0; background: #333; float: right; transition: all ease .3s; -webkit-transition: all ease .3s}
.page_city .title .city_link:hover{background: #181818;}

.page_city .city_list{ margin-bottom: 20px; padding-bottom: 20px}
.page_city .city_list dl{border-bottom: 1px solid #dedede; padding: 20px 0;}
.page_city .city_list dl dt{margin-bottom: 20px}
.page_city .city_list dl dt a{display: inline-block; width: 120px; font-size: 13px; color: #fff; text-align: center; line-height: 36px; background: #999;}
.page_city .city_list dl dd{margin-left: 0;}
.page_city .city_list dl dd a{display: inline-block; width: 110px; font-size: 13px; color: #333; text-align: center; line-height: 32px; margin-bottom: 6px; background: #f0f0f0;}

/*----site_map----*/
.page_webmap{padding: 200px 0 50px 0;}
.page_webmap .title{border-bottom: 1px solid #dedede; margin-bottom: 40px; padding-bottom: 10px;}
.page_webmap .title h1{font-size: 24px; color: #666; font-weight: bold; float: left}
.page_webmap .title .city_link{width: 120px; font-size: 13px; color: #fff; text-align: center; padding: 10px 0; background: #333;; float: right; transition: all ease .3s; -webkit-transition: all ease .3s}
.page_webmap .title .city_link:hover{background: #181818;}

.page_webmap .webmap_nav{transition: all .4s; -webkit-transition: all .4s}
.page_webmap .webmap_nav .list{list-style: none}
.page_webmap .webmap_nav .list .li{margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px dashed #e0e0e0}
.page_webmap .webmap_nav .list .li>a{font-size: 18px; color: #333;}

.page_webmap .webmap_nav .list_son{list-style: none; margin-top: 20px}
.page_webmap .webmap_nav .list_son li{float: left; margin-right: 40px;}
.page_webmap .webmap_nav .list_son li a{font-size: 14px; color: #333;}

/*----show_page----*/
.show_pages{margin: 20px 0;}
.show_pages p{font-size: 13px; color: #666; line-height: 26px;}
.show_pages p a{font-size: 13px; color: #282828; display: inline-block}

/*----pages----*/
.pagination{text-align: center;}
.pagination p{position: relative; width: 50px; height: 50px; font-size: 2px; color: transparent; line-height: 64px; display: inline-block; margin: 0 6px; border-radius: 100%; background: linear-gradient(to right,rgba(246,141,98,1),rgba(246,141,98,.6)); cursor: pointer}
.pagination p:after{content: ""; display: block; position: absolute; top: 40%; left: 50%; border-left: 2px solid #fff; border-top: 2px solid #fff; width: 8px; height: 8px; transform: rotate(315deg); -webkit-transform: rotate(315deg); margin-left: -3px;}
.pagination p:last-child:after{transform: rotate(135deg); -webkit-transform: rotate(135deg); margin-left: -6px;}
.pagination p:hover{background: linear-gradient(to right,rgba(215,1,16,1),rgba(246,141,98,1))}

.pagination a{display: inline-block; margin: 0 2px; padding: 0; width: 36px; height: 50px; font-size: 28px; color: #666; line-height: 50px; background: transparent; border: none; font-family: 'DisneyEnglish-Bold'}
.pagination a:hover{color: rgba(215,1,16,1)}
.pagination a.cur{color: rgba(215,1,16,1)}

.pagination a.fis{position: relative; width: 50px; font-size: 16px; line-height: 64px; color: transparent; margin: 0 6px; border-radius: 100%; background: linear-gradient(to right,rgba(246,141,98,1),rgba(246,141,98,.6));}
.pagination a.fis:after{content: ""; display: block; position: absolute; top: 40%; left: 50%; border-right: 2px solid #fff; border-bottom: 2px solid #fff; width: 8px; height: 8px; transform: rotate(135deg); margin-left: -3px;}
.pagination a.fis:hover{background: linear-gradient(to right,rgba(215,1,16,1),rgba(246,141,98,1))}

.pagination a:last-child{position: relative; width: 50px; font-size: 16px; line-height: 64px; color: transparent; margin: 0 6px; border-radius: 100%; background: linear-gradient(to right,rgba(246,141,98,1),rgba(246,141,98,.6));}
.pagination a:last-child:after{content: ""; display: block; position: absolute; top: 40%; left: 50%; border-right: 2px solid #fff; border-bottom: 2px solid #fff; width: 8px; height: 8px; transform: rotate(-45deg); margin-left: -6px;}
.pagination a:last-child:hover{background: linear-gradient(to right,rgba(215,1,16,1),rgba(246,141,98,1))}