@charset "utf-8";
html {width:100%;-ms-touch-action: none;}
*{margin: 0px;padding: 0px;list-style:none;}
a{text-decoration: none !important;color:black;}
ul li{list-style:none;}
body{width: 100%;*cursor: default;font: 16px/1.5 "Microsoft YaHei";}
body a:link,a:visited,a:hover,a:active {text-decoration: none;}
img{border: none;}
.fd{clear:both;}.cl{text-align: center;}
.fangda img{transition:all 0.6s;}
.fangda img:hover{transform:scale(1.4);}
#pageContain {overflow: hidden;}
/*----------------------------启动页----------------------------*/
.qd_bj{width: 100%;background: url(../images/qd.jpg) no-repeat center;background-size: 100% 100%;overflow: hidden;}
.qd_bj img{max-width: 100%;}
.qd_logo{width: 100%;text-align: center;padding-top: 8%;}
.qd_tit{width: 100%;text-align: center;margin-top: 3%;}
.qd_sx{width: 100%;text-align: center;margin-top: 1%;}
.qd_jr{width: 15%;padding: 1% 0; background: #f61f17;color: #fff;text-align: center;border-radius: 20px;margin: 3% 1% 0 1%;display: inline-block;}
/*---------------------------启动页end--------------------------*/
/*------------------------------------------首页------------------------------------------*/
/*分屏基本样式*/
.hiden{overflow: hidden;}
.page {display: none;width: 100%;height: 100%;overflow: hidden;position: absolute;top: 0;left: 0;}
.current {display: block;z-index: 1;}
.slide {display: block;z-index: 2;}
.swipe {display: block;z-index: 3;transition-duration: 0ms !important;-webkit-transition-duration: 0ms !important;}
.page1 {background: url(../images/page_01.jpg) no-repeat center;background-size: 100% 100%;}
.page2 {background: url(../images/page_02.jpg) no-repeat center;background-size: 100% 100%;}
.page3 {background: url(../images/page_03.jpg) no-repeat center;background-size: 100% 100%;}
.page4 {background: url(../images/page_04.jpg) no-repeat center;background-size: 100% 100%;}
.page5 {background: url(../images/page_05.jpg) no-repeat center;}
.page6 {background: url(../images/page_06.jpg) no-repeat center;background-size: 100% 100%;}
#navBar {z-index: 3;position: absolute;top: 15%;width: 41px;height: 800px;left: 35px;}
#navBar .active:nth-child(1){width: 29px;height: 94px;background: url(../images/yq1.png) no-repeat;}
#navBar .active:nth-child(2){width: 29px;height: 94px;background: url(../images/yq2.png) no-repeat;}
#navBar .active:nth-child(3){width: 29px;height: 94px;background: url(../images/yq3.png) no-repeat;}
#navBar .active:nth-child(4){width: 29px;height: 94px;background: url(../images/yq4.png) no-repeat;}
#navBar .active:nth-child(5){width: 29px;height: 94px;background: url(../images/yq5.png) no-repeat;}
#navBar .active:nth-child(6){width: 29px;height: 94px;background: url(../images/yq6.png) no-repeat;}
#navBar li {cursor: pointer;transition: all .7s ease;text-align: center;width: 29px;height: 94px;background: url(../images/yq_ac.png) no-repeat; margin-top: 15px; }
/*公共右侧*/
.public_righ{position: absolute;top:3%;right: 2%;text-align: center;margin: 0 auto;}
.public_righ img{max-width: 100%;}
.public_righ p{margin-top: 58%;margin-right: 10%;}
/*第一屏*/
.one{width: 100%;margin: 0 auto;text-align: center;margin-top: 5%;}
.one_tii{width: 100%;text-align: center;}
.one_tii img{max-width: 100%;}
.one_tiil{display: none;}
.one_tiil img{max-width: 100%;}
.one_con{width: 67%;margin: 0 auto;margin-top: 4%;}
.one_list{display: inline-block;margin: 0 2%;}
.one_list img{max-width: 100%;}
.one_list p{width: 100%;margin: 0 auto;margin-top: 2%;}
.one_con_gd{width: 20%;margin: 0 auto;text-align: center;margin-top: 3%;}
.one_con_gd img{max-width: 100%;margin-left: 15%;}
.one_con_sj_gd{display: none;}
.one_con_sj_gd img{max-width: 100%;}
/*第二屏*/
.two{width: 100%;margin: 0 auto;text-align: center;margin-top: 3%;}
.two_type{width: 350px;margin: 0 auto;text-align: center;position: relative;}
.two_type img{max-width: 100%;}
.two_t_d{width: 263px;margin: 0 auto;position: absolute;top:0;left: 45px;}
.two_t_d img{max-width: 100%;}
.two_left{position: relative;width: 30%;}
.two_left img{width: 90%;}
.two_left_n{position: absolute;left:60%;top: 10%;}
.two_left_p{position: absolute;left: 83%;top: 6em;}
.two_con{width: 43%;text-align: left;margin: 0 auto;margin-top: 3%;padding-left: 13%;}
.two_tit{width: 80%;color: #232323;float: left;}
.two_tit b{font-size: 2.3em;margin-left: 2%;}
.two_tit p{font-size: 1.5em;text-transform:uppercase;margin-left: 2%;}
.two_tit div{width: 100px;height: 2px;background: #222;margin-top: 2%;}
.two_jj{width: 97%;font-size: 0.9em;color: #222;margin-top: 5%;text-indent: 2em;line-height: 2em;margin-left: 2%;}
.two_sj_jj{display: none;width: 97%;font-size: 0.9em;color: #222;margin-top: 5%;text-indent: 2em;line-height: 2em;margin-left: 2%;}
.two_list{float: left;color: #fff;text-align: center;margin-top: 5%;margin-left: 2%;}
.two_list_gd{float: left;margin-top: 2%;}
/*第三屏*/
.three{width: 100%;margin: 0 auto;text-align: center;margin-top: 3%;}
.three_con{width: 70%;margin: 0 auto;position: relative;overflow:hidden;margin-top: 2%;}
.three_con .bd{ position:relative;width: 740px;margin: 0 auto;}
.three_con .bd li{width: 740px; zoom:1; vertical-align:middle; }
.three_con .bd img{ max-width:90%;display:block; }
.three_con .prev{position:absolute; left:3%; top:38%; width:48px; height:48px; background:url(../images/three_06.png) no-repeat;}
.three_con .next{position:absolute; right:3%; top:38%; width:48px; height:48px; background:url(../images/three_09.png) no-repeat;}
.gengdup{position: absolute;right:3%;top:10%;z-index: 9;}
.shangcheng{position: absolute;right:13%;top:0;z-index: 9;}
.shangcheng_sj{display: none;position: absolute;left:27%;bottom:-35%;z-index: 9;}
.shangcheng_sj img{max-width: 100%;}
/*第四屏*/
.four{width: 100%;margin: 0 auto;text-align: center;margin-top: 4%;}
.four_tit{width: 100%;text-align: center;}
.four_tit img{max-width: 37%;}
.four_tit p{color: #888;width: 100%;font-size: 1.1em;margin-top: 1%;text-transform:capitalize;letter-spacing:2px;}
.four_con{width: 80%;margin: 0 auto;margin-top: 5%;}
.four_list{width: 21%;margin: 0 2%;position: relative;float: left;}
.four_list img{max-width: 98%;}
.four_list_t{position: absolute;top:0;left:0;z-index: 1;}
.four_list_y{position: absolute;top:0;right:0;color: #888;font-size: 1.1em;text-transform:uppercase;z-index: 1;letter-spacing:2px;}
.four_list_img{width: 90%;padding: 13% 0 0 9%;position:relative;}
.four_list_img img{max-width: 100%;}
.four_text{width: 91%;margin: 0 0 2% 9%; height:90%;background-color:#740f0f;FILTER:alpha(opacity=60);opacity:0.7;-moz-opacity:0.7;position:absolute;left:0px;bottom:0px;}
.four_text p{padding-top: 50%;}
.four_text span{padding-top: 30%;}
/*第五屏*/
.five{width: 85%;margin: 0 auto;}
.five_sj{display: none;width: 85%;margin: 0 auto;}
/*左*/
.five_left{float: left;width: 40%;margin-top: 10%;}
.five_list{width: 100%;margin-top: 6%;}
.five_list:hover .five_list_l{background: #c01919;border: 1px solid #c01919;}
.five_list:hover .five_list_tit{color: #c01919;}
.five_list_l{width: 81px;height: 81px;border: 1px dashed #fff;font-size: 0.8em;text-align: center;color: #fff;float: left;}
.five_list_l p{font-size: 2em;border-bottom: 1px solid #fff;margin-bottom: 10%;padding-top: 5%;}
.five_list_r{float: left;width: 76%;margin-left: 3%;}
.five_list_tit{width: 100%;color: #fff;font-size: 1.2em;font-weight: bold;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.five_list_jj{width: 100%;height: 3em;color: #b3b3b3;font-size: 0.8em;margin-top: 3%;text-indent: 2em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
/*中*/
.five_type{float: left;width: 20%;text-align: center;position: relative;}
.five_type_k{padding-top: 12%;}
.five_two_type{width: 350px;margin: 0 auto;text-align: center;position: relative;}
.five_two_type img{max-width: 100%;}
.five_two_t_d{width: 263px;margin: 0 auto;position: absolute;top:0;left: 35px;}
.five_two_t_d img{max-width: 100%;}
.five_type_img{width: 100%;position: absolute;top:0;z-index: -1;}
.five_type_img img{max-width: 100%;}
.five_type_bot{width: 170%;position: absolute;bottom: 0;left: -35%;}
.five_type_bot img{max-width: 100%;}
.five_type_list{width: 142px;height: 52px;line-height: 52px;margin: 0 auto;margin-top: 5%; background: url(../images/kuang_06.png) no-repeat center;background-size: 100% 100%;color: #fff;}
.five_type_list:hover{background: url(../images/kuang_03.png) no-repeat center;color: #fcd684;}
/*右*/
.five_right{float: left;width: 40%;margin-top: 10%;}
.five_right_img{width: 75%;margin-left: 6%;}
.five_right_img img{max-width: 100%;vertical-align: middle;}
.five_right_tit{width: 100%;background: #c01919;color: #fff;padding: 2% 0;}
.five_right_tit p{width: 85%;float: left;padding-left: 5%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.five_right_tit span{width: 8%;float: left;text-align: right;margin-right: 2%;}
.five_right_tit img{max-width: 100%;}
/*第六屏*/
.six{width: 90%;margin: 0 auto;margin-top: 6%;}
.six_sj{display: none;}
.six_left{float: left;width: 22%;padding-left: 8%;padding-top: 3%;}
.six_left_on{margin-top: 2%;width: 33%;}
.six_left_on img{max-width: 100%;}
.six_left_tow{width: 100%;color: #fff;margin-top: 6%;line-height: 2em;}
.six_right{float: right;width: 70%;}
.six_right_con{width: 55%;padding: 0px 0 8% 0;margin-top: 8%;margin-left: 22%;background: url(../images/six_06.png) no-repeat center;background-size: 100% 100%;position: relative;}
.six_right_con_t{width: 100;color: #222;font-size: 1.4em; padding-top: 12%; padding-left: 8%;}
.six_right_con_c{width: 100;color: #222;font-size: 1em;padding-top: 4%;padding-left: 8%;line-height: 3em;}
.six_right_con_pic{position: absolute;right: -20%;bottom: 2%;}
.six_right_con_pic img{max-width: 100%;}
/*------------------------------------------首页end------------------------------------------*/
/*-------------------------------二级页面-------------------------------*/
/*二级导航*/
.navlistas{width: 100%;font-size: 2vw;}
.navlistas_left{float: left;width: 20%;}
.navlistas_left img{max-width: 100%;vertical-align: middle;}
.navlistas_right{float: left;width: 80%;}
.navlistas_l{float: left;width: 8%;font-size: 0.9vw;height: 5.4em;line-height: 5.4em;text-align: center;color: #222;}
.navlistas_l:hover{border-bottom: 2px solid #c11919;}
/*底部*/
.bucong{padding-top:4.5em; display: none;}
.sj_foot{width:100%;position:fixed;bottom:0;left: 0; background:#c11919;z-index: 9;padding: 2% 0;display: none;}
.foot1{width:49%;margin:0 auto;text-align:center;color:#FFF;display: inline-block;}
.foot1 img{max-width: 100%;}
.foot1 p{width: 100%;font-size:1em;}
/*轮播图*/
.block_home_slider {position: relative;padding: 0;text-align: center;line-height: 0px;font-size: 3vw;}
.block_home_slider li{position:relative;}
.slide_wz{position: absolute;top:30%;width: 25%;height: 200px;left:30%;}
.slide_wz_top{width: 100%;}
.slide_wz_bod{width: 100%;margin-top: 3%;}
.slide_wz_left{float: left;width: 60%;}
.slide_wz_right{float: left;width: 30%;}
.slide_wz_bot{width: 100%;}
.slide_wz_top img{max-width: 100%;}
.slide_wz_left img{max-width: 100%;}
.slide_wz_right img{max-width: 100%;}
.slide_wz_bot img{max-width: 100%;}
.block_home_slider .caption {padding:13px 16px 12px; position:absolute; left:0px; right:0px; bottom:0px; background:url(../images/bg_caption.png); text-align:left;}
.block_home_slider .caption p {padding-bottom:0px; font-size:11px; color:#dedede; text-shadow:0px -1px #000000; line-height:17px;}
.block_home_slider .caption p.title {padding-bottom:6px; font-size:15px; color:#ffffff; font-weight:bold; line-height:normal;}
.block_home_slider .flex-direction-nav a {width:25px; height:25px; margin-top:-27px; display:block; position:absolute; top:50%; background-repeat:no-repeat; text-indent:-9000px;}
.block_home_slider .flex-direction-nav a.flex-prev {left:36px; background-position:left top;}
.block_home_slider .flex-direction-nav a.flex-prev:hover {background-position:left bottom;}
.block_home_slider .flex-direction-nav a.flex-next {right:36px; background-position:right top;}
.block_home_slider .flex-direction-nav a.flex-next:hover {background-position:right bottom;}
.block_home_slider .flex-control-paging {padding-top:15px;display:inline-block;position: absolute;z-index: 9;bottom: 0;}
.block_home_slider .flex-control-paging li {margin:0 6px 0 6px;padding: 0px;float: left;overflow: hidden;list-style-type: none;}
.block_home_slider .flex-control-paging li a {width:12px; height:12px; display:block; background-repeat:no-repeat; text-indent:-9000px; cursor:pointer;}
.block_home_slider .flex-control-paging li a.flex-active {background-position:right top;}
.block_home_post_feature {width:300px;}
.block_home_post_feature p {padding-bottom:0px;}
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none;-webkit-backface-visibility: hidden;list-style-type: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}
/*分类*/
.public_type{width: 100%;margin-top: -3%;position: relative;z-index: 9;}
.public_type_l{float: left;width: 50%;}
.public_type_l img{max-width: 100%;vertical-align: middle;}
.public_type_r{float: left;width: 50%;}
.public_type_r_l{width: 15%;padding: 1% 0; margin-top: 10%;margin-right: 2%; float: left;color: #222;text-align: center;font-size: 0.8em;}
.public_type_r_l:hover{background: url(../images/danye_06.png) no-repeat center;background-size: 100% 100%;color: #fff;}
.public_type_sj{display: none;}
/*底部*/
.foot{width: 100%;padding-bottom: 2%;background: url(../images/danye_18.jpg) no-repeat center;background-size: 100% 100%;}
.foot_con{width: 84%;margin: 0 auto;}
.foot_top{width: 100%;padding-top: 8%;}
.foot_top_l{float: left;width: 30%;}
.foot_top_l img{max-width: 100%;}
.foot_top_r{float: left;width: 67%;margin-left: 3%;margin-top: 1.3%;}
.foot_top_r_li{float: left;width: 9%;color: #fff;text-align: center;font-size: 0.8em;}
.foot_bottom{width: 100%;padding-top: 5%;}
.foot_bottom_l{width: 30%;float: left;color: #fff!important;}
.foot_bottom_r{width: 20%;float: right;text-align: right;}
.foot_bottom_r img{max-width: 100%;}
.foot_bottom_l_t{font-size: 1.2em;}
.foot_bottom_l_c{font-size: 0.9em;line-height: 2em;margin-top: 2%;}
.foot_zc{width: 100%;text-align: center;color: #fff;font-size: 0.8em;margin-top: 3%;}
.foot_tj{width: 100%;text-align: center;color: #fff;font-size: 0.8em;}
.foot_bot{position: fixed;bottom: 15%;right: 5%;}
/*单页*/
.about{width: 65%;margin: 0 auto;margin-top: 3%;}
.about img{max-width: 100%;}
/*公司介绍*/
.referral{width: 100%;background: url(../images/jie_10.png) no-repeat center;background-size: 100% 100%;}
.referral_sj{display: none;width: 96%;margin: 0 auto;}
/*1*/
.referral_con{float: right;width: 80%;padding-top: 10%;overflow: hidden;}
.referral_con_l{float: left;width: 54%;margin-right: 3%;margin-left: 3%;}
.referral_con_l_t{width: 100%;margin-top: 6%;}
.pros_con_l_t{width: 100%;margin-top: 6%;}
.referral_con_l_j{width: 100%;font-size: 0.9em;color: #222;text-indent: 2em;margin-top: 5%;line-height: 2.5em;height: 10em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;}
.referral_sj_j{width: 100%;font-size: 0.8em;color: #222;text-indent: 2em;margin-top: 5%;line-height: 2.5em;}
.referral_con_r{float: right;width: 38%;text-align: right;}
.referral_con_r img{max-width: 100%;}
.referral_sj_r{width: 100%;text-align: center;}
.referral_sj_r img{max-width: 100%;}
/*2*/
.referral_two{width: 100%;overflow: hidden;}
.referral_list_tow{width: 25%;float:left;background: #fff;padding: 5% 0;}
.referral_list{width: 25%;float:left;background: #eee;padding: 5% 0;}
.referral_list_img{text-align: center;width: 100%;}
.referral_list_img p{color: #222;font-weight: bold;font-size: 1.2em;}
.referral_list_jj{height: 5.5em;line-height: 2em; font-size: 0.9em;color: #757575;text-align: left;width: 68%;margin: 0 auto;margin-top: 5%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
/*3*/
.referral_c{width: 100%;position: relative;margin-top: 5%;margin-bottom: 3%;}
.referral_c_con{width: 65%;margin: 0 auto;color: #222;}
.referral_c_bj{position: absolute;right: 0;bottom: 0;text-align: right;}
/*品牌故事*/
.story{width: 100%;background: url(../images/jie_31.jpg) no-repeat center;background-size: 100% 100%;}
.story_tit{padding: 3% 0 2% 0;width: 65%;margin: 0 auto;}
.story_con{width: 65%;margin: 0 auto;color: #222;padding-bottom: 5%;}
/*发展历程*/
.course{width: 100%;position: relative;}
.course_2004{position: absolute;top:0;right:0;text-align: right;}
.course_2018{position: absolute;bottom:0;left:0;}
.course_bj{position: absolute;bottom:0;right:0;text-align: right;}
.course_con{width: 65%;margin: 0 auto;padding: 3% 0;overflow: hidden;}
.course_list{width: 100%;position: relative;z-index: 1;}
.course_left{float: left;width: 10%;color: #c11919;font-size: 1.5em;font-weight: bold;}
.course_zhong{float: left;width: 5%;}
.course_zhong img{max-width: 100%;}
.course_right{float: left;width: 85%;}
.course_right p{color: #222;font-size: 0.8em;margin-top: 2%;}
.course_r_t{color: #c11919;font-size: 1.5em;width: 100%;font-weight: bold;}
/*企业文化*/
.culture{width: 100%;overflow: hidden;}
.culture_left{width: 50%; float: left;padding: 3% 0;background: #c11919;color: #fff;}
.culture_right{width: 50%; float: left;padding: 3% 0;color: #222;background: #fff;}
.culture_tit{width: 100%;text-align: center;}
.culture_tit img{max-width: 100%;}
.culture_con{width: 80%;margin: 0 auto;margin-top: 8%;}
.culture_biao{width: 80%;margin:0 auto;margin-top: 6%;}
/*董事长简介*/
.ceo{width: 100%;position: relative;margin: 3% 0;overflow: hidden;}
.ceo_bj{position: absolute;top:30%;left:0;}
.ceo_con{width: 65%;margin: 0 auto;}
.ceo_left{float: left;width: 52%;margin-right: 3%;}
.ceo_left img{max-width: 80%;}
.ceo_l_tit{color: #757575;font-size: 1em;margin-top: 5%;}
.ceo_l_tit p{color: #222;font-size: 1.6em;font-weight: bold;}
.ceo_l_con{color: #222;margin-top: 6%;}
.ceo_right{float: left;width: 45%;}
.ceo_right img{max-width: 100%;}
/* 新闻列表 */
.New_tj{width: 100%;padding: 3% 0;background: #eee;}
.New_tj_con{width: 65%;margin: 0 auto;overflow: hidden;}
/*左*/
.New_tj_left{float: left;width: 60%;}
.New_tj_right{float: right;width: 35%;border-top: 10px solid #c11919;background: #fff;}
.New_tj_img{width: 100%;}
.New_tj_img img{max-width: 100%;vertical-align: middle;}
.New_tj_list{width: 90%;padding: 3% 5%;position: relative;background: url(../images/new_l_bj_03.png) no-repeat center;background-size: 100% 100%;}
.New_tj_sj{width: 100%;color: #222;font-size: 0.8em;margin: 2% 0;}
.New_tj_tit{width: 100%;color: #222;font-size: 1.2em;margin-bottom: 3%;}
.New_tj_jj{width: 100%;color: #757575;font-size: 0.8em;text-indent: 2em;}
.New_tj_xia{width: 100%;color: #c11919;margin-top: 3%;}
.New_tj_xia span{font-size: 0.9em;text-transform:uppercase;float: left;}
.New_tj_xia p{float: left;margin-left: 3%;}
/*右*/
.New_tj_r_list{width: 80%;margin: 0 auto;padding: 10% 0;border-bottom: 1px dashed #dcdcdc;}
.New_tj_r_sj{width: 100%;color: #222;font-size: 0.8em;margin: 3% 0;}
.New_tj_r_tit{width: 100%;color: #222;font-size: 1.2em;margin-bottom: 5%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.New_tj_r_jj{width: 100%;color: #757575;font-size: 0.8em;text-indent: 2em;height: 6em;line-height: 2em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;}
.New_tj_r_xia{width: 100%;color: #c11919;margin-top: 5%;}
.New_tj_r_xia span{font-size: 0.9em;text-transform:uppercase;float: left;}
.New_tj_r_xia p{float: left;margin-left: 3%;}
/*列表*/
.News_con{width: 100%;margin-bottom: 10%;margin-top: 5%;overflow: hidden;}
.News_conect{width: 65%;margin: 0 auto;}
.New_list{margin-top: 3%;width: 100%;}
.New_list_l{float: left;width: 10%;color: #c11919;font-size: 1.2em;font-weight: bold;margin-top: 3%;}
.New_list_t{float: left;width: 20%;color: #222;font-size: 1.2em;margin-left: 2%;margin-right: 2%;margin-top: 3%;}
.New_list_jj{float: left;width: 45%;padding-bottom: 3%;border-top: 1px solid #e5e5e5;padding-top: 3%;}
.New_list_jjs{width: 100%;font-size: 0.8em;height: 3.5em;line-height: 2em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.New_list_jj p{width: 20%;border: 1px solid #c3c3c3;text-align: center;color: #c3c3c3;margin-top: 3%;}
.New_list_img{float: left;width: 18%;margin-left: 2%;}
.New_list_img img{max-width: 100%;}
/*手机列表*/
.New_list_sj{width: 98%;margin: 0 auto;display: none;}
.New_list_sj_l{float: left;width: 68%;text-align: left;margin-top: 5%;}
.New_list_sj_sj{color: #c11919;font-size: 1.2em;font-weight: bold;width: 100%;}
.New_list_sj_tit{color: #222;font-size: 1.2em;width: 100%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.New_list_sj_jj{border-top: 1px solid #e5e5e5;font-size: 0.8em;margin-top: 3%;width: 100%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; }
.New_list_sj_r{float: left;width: 30%;margin-top: 5%;margin-left: 2%;}
.New_list_sj_r img{max-width: 100%;}
/*查看更多*/
.page_gengduo{width: 100%;text-align: center;margin-top: 5.5%;margin-bottom: 1%;}
.page_gengduo a{padding: 1% 2%;border: 1px solid #e5e5e5;color: #757575;}
.page_gengduo a:hover{background: #c11919;color: #fff;text-decoration:none;}
.select{background: #c11919;color: #fff!important;text-decoration:none;}
.pagegengduo{width: 40%;margin: 0 auto; padding: 2% 0;text-align: center;margin-top: 6%;border: 1px solid #c11919;color: #c11919;display: none;}
/*新闻详情*/
.new_show{width: 65%;margin: 0 auto;margin-top: 6%;margin-bottom: 6%;}
.new_show_tit{width: 100%;text-align: center;font-size: 1.5em;color: #222;font-weight: bold;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.new_show_sj{width: 100%;text-align: center;font-size: 0.8em;color: #757575;margin-top: 3%;padding-bottom: 3%;border-bottom: 1px solid #e5e5e5;}
.new_show_img{width: 100%;text-align: center;margin-top: 3%;}
.new_show_img img{max-width: 100%;}
.new_show_con{width: 100%;margin-top: 3%;}
.new_show_con img{max-width: 100%;}
.new_show_page{width: 100%;margin-top: 6%;}
.new_show_shang{width: 50%;color: #222;font-size: 0.9em;float: left;text-align: left;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.new_show_xia{width: 50%;color: #222;font-size: 0.9em;float: left;text-align: right;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.new_fx{margin-top: 3%;text-align: left;}
/*分享代码*/
@font-face{font-family:"socialshare";src:url("fonts/iconfont.eot");src:url("fonts/iconfont.eot?#iefix") format("embedded-opentype"),url("fonts/iconfont.woff") format("woff"),url("fonts/iconfont.ttf") format("truetype"),url("fonts/iconfont.svg#iconfont") format("svg")}.social-share{font-family:"socialshare" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale}.social-share *{font-family:"socialshare" !important}.social-share .icon-tencent:before{content:"\f07a"}.social-share .icon-qq:before{content:"\f11a"}.social-share .icon-weibo:before{content:"\f12a"}.social-share .icon-wechat:before{content:"\f09a"}.social-share .icon-douban:before{content:"\f10a"}.social-share .icon-heart:before{content:"\f20a"}.social-share .icon-like:before{content:"\f00a"}.social-share .icon-qzone:before{content:"\f08a"}.social-share .icon-linkedin:before{content:"\f01a"}.social-share .icon-diandian:before{content:"\f05a"}.social-share .icon-facebook:before{content:"\f03a"}.social-share .icon-google:before{content:"\f04a"}.social-share .icon-twitter:before{content:"\f06a"}.social-share a{position:relative;text-decoration:none;margin:4px;display:inline-block;outline:none}.social-share .social-share-icon{position:relative;display:inline-block;width:32px;height:32px;font-size:20px;border-radius:50%;line-height:32px;border:1px solid #666;color:#666;text-align:center;vertical-align:middle;transition:background 0.6s ease-out 0s}.social-share .social-share-icon:hover{background:#666;color:#fff}.social-share .icon-weibo{color:#ff763b;border-color:#ff763b}.social-share .icon-weibo:hover{background:#ff763b}.social-share .icon-tencent{color:#56b6e7;border-color:#56b6e7}.social-share .icon-tencent:hover{background:#56b6e7}.social-share .icon-qq{color:#56b6e7;border-color:#56b6e7}.social-share .icon-qq:hover{background:#56b6e7}.social-share .icon-qzone{color:#FDBE3D;border-color:#FDBE3D}.social-share .icon-qzone:hover{background:#FDBE3D}.social-share .icon-douban{color:#33b045;border-color:#33b045}.social-share .icon-douban:hover{background:#33b045}.social-share .icon-linkedin{color:#0077B5;border-color:#0077B5}.social-share .icon-linkedin:hover{background:#0077B5}.social-share .icon-facebook{color:#44619D;border-color:#44619D}.social-share .icon-facebook:hover{background:#44619D}.social-share .icon-google{color:#db4437;border-color:#db4437}.social-share .icon-google:hover{background:#db4437}.social-share .icon-twitter{color:#55acee;border-color:#55acee}.social-share .icon-twitter:hover{background:#55acee}.social-share .icon-diandian{color:#307DCA;border-color:#307DCA}.social-share .icon-diandian:hover{background:#307DCA}.social-share .icon-wechat{position:relative;color:#7bc549;border-color:#7bc549}.social-share .icon-wechat:hover{background:#7bc549}.social-share .icon-wechat .wechat-qrcode{display:none;border:1px solid #eee;position:absolute;z-index:9;top:-205px;left:-84px;width:200px;height:192px;color:#666;font-size:12px;text-align:center;background-color:#fff;box-shadow:0 2px 10px #aaa;transition:all 200ms;-webkit-tansition:all 350ms;-moz-transition:all 350ms}.social-share .icon-wechat .wechat-qrcode.bottom{top:40px;left:-84px}.social-share .icon-wechat .wechat-qrcode.bottom:after{display:none}.social-share .icon-wechat .wechat-qrcode h4{font-weight:normal;height:26px;line-height:26px;font-size:12px;background-color:#f3f3f3;margin:0;padding:0;color:#777}.social-share .icon-wechat .wechat-qrcode .qrcode{width:105px;margin:10px auto}.social-share .icon-wechat .wechat-qrcode .qrcode table{margin:0 !important}.social-share .icon-wechat .wechat-qrcode .help p{font-weight:normal;line-height:16px;padding:0;margin:0}.social-share .icon-wechat .wechat-qrcode:after{content:'';position:absolute;left:50%;margin-left:-6px;bottom:-13px;width:0;height:0;border-width:8px 6px 6px 6px;border-style:solid;border-color:#fff transparent transparent transparent}.social-share .icon-wechat:hover .wechat-qrcode{display:block}
/*联系我们*/
.gbook_con{float: right;width: 80%;padding-top: 9.5%;overflow: hidden;}
.gbook_con_l{float: left;width: 54%;margin-right: 3%;margin-left: 3%;}
.gbook_con_l_t{width: 100%;margin-top: 6%;}
.gbook_con_l_j{width: 70%;float: left; font-size: 0.9em;color: #222;margin-top: 5%;line-height: 2.5em;height: 10em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;}
.gbook_con_l_r{float: left;width: 20%;margin-top: 6%;}
.gbook_con_l_r img{max-width: 100%;}
.gbook_sj_j{width: 100%;text-align: left;font-size: 0.8em;color: #222;margin-top: 5%;line-height: 2.5em;}
.gbook_sj_j img{max-width: 100%;}
.gbook_con_r{float: right;width: 38%;text-align: right;}
.gbook_con_r img{max-width: 100%;}
.gbook_sj_r{width: 100%;text-align: center;}
.gbook_sj_r img{max-width: 100%;}
.gbook_content{width: 61%;margin: 0 auto;margin-top: 5%;}
.gbook_content_l{float: left;width: 50%;color: #222;line-height: 2em;margin-left: 2%;}
.gbook_content_tit{color: #222;font-size: 1.3em;font-weight: bold;margin-bottom: 2%;}
.gbook_content_r{float: left;width: 47%;}
.gbook_content_r img{max-width: 100%;}
.gbook_dt{width: 70%;margin: 0 auto;margin-bottom: 3%; height:30em;margin-top: 3%;}
.gbook_dt label{max-width: none;}
/*留言*/
.gbook{width: 70%;margin: 0 auto;margin-bottom: 8%;}
.gbook_list{width: 100%;margin-top: 5%;}
.gbook_lists{width: 100%;margin-top: 5%;text-align: center;}
.gbook_list input{width: 97%;border: none;background: #f6f4f5;padding: 1.5% 0 1.5% 3%;}
.gbook_list textarea{width: 97%;border: none;background: #f6f4f5;padding: 1.5% 0 5.5% 3%;}
.gbook_lists button{width:30%;border: none;background: #c11919;padding: 2% 0;margin: 0 auto;text-align: center;color: #fff;}
.gbook_name{width: 100%;color: #222;font-weight: bold;margin-bottom: 1%;}
.gbook_name span{color: #c11919;margin-left:1%;}
.gbook_list p{color: #757575;width: 100%;}
/*产品列表*/
.pros{width: 100%;background: url(../images/pro_12.png) no-repeat center;background-size: 100% 100%;}
.pro{width: 70%;margin: 0 auto;margin-top: 3%;overflow: hidden;position: relative;margin-bottom: 8%;}
.pro_left{float: left;width: 20%;position: relative;text-align: center;}
.itype_span1,.itype_span2{width: 100%;background: #fff;color: #222;padding: 5% 0;border: 1px solid #c11919;margin-top: 10%;position: relative;}
.itype_span1 p{position: absolute;left:0;top:-30%; width: 30%;}
.itype_span1 img{max-width: 100%;}
.itype_span2 p{position: absolute;left:0;top:22%; width: 30%;margin-right: 2%;margin-top: -10%;}
.itype_span2 img{max-width: 100%;}
.itype_span1:hover{background: #c11919;color: #fff;}
.itype_span3{width: 100%;background: #c11919;color: #fff;padding: 5% 0;margin-top: 10%;border: 1px solid #c11919;position: relative;}
.itype_span3 p{position: absolute;left:0;top:-30%;width: 30%;}
.itype_span3 img{max-width: 100%;}
.Products_type_tow1{width: 100%;background: #fff;color: #222;padding: 5% 0;margin-top: 10%;border: 1px solid #c11919;position: relative;}
.Products_type_tow1:hover{background: #c11919;color: #fff;}
.Products_type_tow1 p{position: absolute;left:0;top:-30%;width: 30%;}
.Products_type_tow1 img{max-width: 100%;}
.Products_type{margin-top: 10%;}
.Products_type a{display: block;text-decoration:none;}
.Products_type_tow{width: 100%;padding: 5% 0;background: #f5f5f5;}
.Products_type_tow a{color: #666;}
.Products_type_tow:hover a{color: #cb242b;}
.Pro_sty_sj{display: none;}
.pro_right{float: left;width: 75%;margin-left: 5%;margin-top: 2%;}
.Products_list{width: 30%;float: left;margin: 0 1% 3% 1%;text-align: center;}
.Products_img{width: 100%;overflow: hidden;text-align: center;border: 2px solid #e5e5e5;}
.Products_img img{max-width: 100%;vertical-align:middle;}
.Products_list p{width: 100%;color: #666;font-size: 0.9em;margin-top: 5%; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
/*产品详情*/
.pro_show{width: 100%;text-align: center;position: relative;}
.pro_show_tit{width: 100%;color: #222;font-size: 1.5em;}
.pro_show_sj{width: 100%;color: #757575;font-size: 0.8em;margin-top: 3%;border-bottom: 1px solid #e5e5e5;padding-bottom: 4%;margin-bottom: 3%;}
.pro_show_con{width: 100%;margin-top: 3%;margin-bottom: 5%;}
.pro_show_cons{width: 100%;margin-top: 3%;margin-bottom: 5%;display: none;}
.pro_show_img{width: 100%;text-align: center;margin: 0 auto;margin-top: 3%;margin-bottom: 3%;}
.pro_show_img img{max-width: 100%;}
.pro_show_con img{max-width: 100%;}
.pro_show_cons img{max-width: 100%;}
#DB_gallery{position: relative;}
#DB_gallery ul, #DB_gallery li{list-style:none;margin:0;padding:0}
#DB_gallery ul, #DB_gallery li{list-style:none;margin:0;padding:0}
#DB_gallery .DB_imgSet {position:relative;width:55%;height:35em;overflow:hidden;}
#DB_gallery .DB_imgSet .DB_page{position:absolute;bottom:0;font:11px tahoma bold;padding:5px;color:#ffffff}
#DB_gallery .DB_imgSet .DB_prevBtn{position:absolute;top:50%;margin-top:-45px;cursor:pointer;left:0;}
#DB_gallery .DB_imgSet .DB_nextBtn{position:absolute;top:50%;margin-top:-45px;cursor:pointer;right:0;}
#DB_gallery .DB_thumSet {position:relative;margin-top:10px;overflow:hidden;width: 48%;margin: 0 auto;}
#DB_gallery .DB_thumSet .DB_thumMove{position:relative;white-space:nowrap;font-size:0;width: 10000px;}
#DB_gallery .DB_thumSet .DB_thumMove li{float: left; width: 100px;height: 100px; border-radius: 50px;overflow: hidden;margin: 0 10px;}
#DB_gallery .DB_thumSet .DB_thumMove li img{max-width: 100%;}
.DB_prevPageBtn_l{position:absolute;bottom:5%;cursor:pointer;left:10%;}
.DB_nextPageBtn_r{position:absolute;bottom:5%;cursor:pointer;right:10%;}
#DB_gallery .DB_thumSet .DB_thumLine{position:absolute;width:98px;height:98px;border:1px solid #ff0000;left:0;top:0;border-radius: 50px;overflow: hidden;margin: 0 10px;}
#DB_gallery .DB_thumSet .DB_thumLine img{max-width:100%;}
.slideBox{ width:100%;overflow:hidden; position:relative;text-align: center;margin-top: 2%;display: none; }
.slideBox .bd{ position:relative; height:100%; z-index:0; }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ max-width:100%; display:block;text-align: center;margin: 0 auto; }
.slideBox .prev{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/z.png) no-repeat; filter:alpha(opacity=50);opacity:0.5; }
.slideBox .next{ position:absolute;left:auto; right:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/y.png) no-repeat; filter:alpha(opacity=50);opacity:0.5; }
.slideBox .prev:hover,.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1; }
.slideBox .prevStop{ display:none; }
.slideBox .nextStop{ display:none; }
/*在线视频*/
.video_con{width: 70%;margin: 0 auto;margin-top: 3%;margin-bottom: 5%;}
.video_list{width: 22%;float: left;text-align: center;margin: 0 2% 2% 1%;}
.video_list p{width: 100%;color: #666;font-size: 0.9em;margin-top: 6%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.video_img{width: 98%;border: 1px solid #e5e5e5;padding: 1%;overflow: hidden;text-align: center;}
.video_img img{max-width: 100%;vertical-align:middle;}
.ry_img{width: 100%;border: 4px solid #cb242b;overflow: hidden;text-align: center;}
.ry_img img{max-width: 100%;vertical-align:middle;}
.video_show{width: 100%;}
.Produc{width: 70%;margin: 0 auto;margin-top: 2%;margin-bottom: 5%;overflow: hidden;position: relative;}
/*文化旅游*/
/*1*/
.Museum{width: 100%;overflow: hidden;}
.Museum_left{width: 50%;float: left;position: relative;}
.Museum_l_tit{width: 40%;margin: 0 auto;margin-top: 10%;}
.Museum_l_cons{display: none;}
.Museum_l_con{width: 38%;height: 452px;margin-left: 33%; color: #222;line-height: 2em;margin-top: 5%;position: relative;z-index: 1; writing-mode: tb-lr;-webkit-writing-mode: vertical-lr;writing-mode: vertical-lr;*writing-mode: tb-lr;}
.Museum_l_bj{position: absolute;top:40%;right: 0;text-align: right;}
.Museum_l_bj img{max-width: 100%;}
.Museum_right{width: 50%;float: left;}
.Museum_right img{max-width: 100%;vertical-align:middle;}
/*2*/
.noodles{background: #f2f2f2;width: 100%;}
.noodles_con{width: 70%;margin: 0 auto;padding-top:5%;overflow: hidden;}
.noodles_left{float: left;width: 35%;}
.noodles_right{float: right;width: 60%;}
.noodles_left_t{width: 100%;}
.noodles_left_t img{max-width: 100%;}
.noodles_left_tit{color: #c11919;font-size: 1.5em;width: 100%;margin-top: 5%;font-weight: bold;}
.noodles_left_yw{color: #757575;font-size: 0.8em;line-height: 2em;margin-top: 5%;text-transform:uppercase;}
.noodles_right_top{width: 100%;color: #222;margin-top: 6%;text-indent: 2em;line-height: 2em;}
.noodles_right_bot{width: 100%;color: #222;margin-top: 3%;}
.noodles_r_b_l{float: left;width: 70%;margin-top: 5%;}
.noodles_r_b_l span{float: left;margin-right: 2%;margin-top: 2.5%;}
.noodles_r_b_l p{margin-top: 3%;}
.noodles_r_b_r{float: left;width: 30%;}
.noodles_r_b_r img{max-width: 100%;}
.noodles_tu{width: 100%;margin-top: 5%;}
.noodles_tu img{max-width: 100%;vertical-align:middle;}
/*3*/
.Norma{width: 70%;margin: 0 auto;margin-bottom: 5%;overflow: hidden;}
.Norma_left{float: left;width: 55%;}
.Norma_tit{width: 100%;margin-top: 10%;}
.Norma_tit img{max-width: 100%;}
.Norma_con{width: 80%;margin-top: 6%;color: #222;font-size: 0.8em;line-height: 2em;}
.Norma_right{float: left;width: 45%;}
.Norma_right img{max-width: 100%;}
.Norma_list{float: left;width: 23%;margin-left: 1.1%;margin-top: 5%;}
.Norma_list img{max-width: 100%;}
.Norma_list p{text-align: center;width: 100%;color: #9a9a9a;padding: 2% 0;}
/*4*/
.Tourism{width: 100%;padding: 5% 0;background: #f2f2f2;}
.Tourism_con{width: 70%;margin: 0 auto;}
.Tourism_tit{margin-bottom: 6%;}
.w3cFocus{ width:70%; position:relative; margin: 0 auto; text-align: center; }
.w3cFocus .prev{ position:absolute; left:10px; top:13em; width:46px; height:62px; background:url(../images/focusAdvBg.png) no-repeat; }
.w3cFocus .next{ position:absolute; right:0; top:13em; width:46px; height:62px; background:url(../images/focusAdvBg.png) no-repeat; background-position:-51px 0; }
.w3cFocusIn{ width:75%; height: 35em; position:relative; margin:0 auto; }
.w3cFocusIn .bd li{ vertical-align:middle;}
.w3cFocusIn .bd li img{ max-width:100%; }
.w3cFocusIn .hd{ position: absolute; left:0; bottom:0; }
.w3cFocusIn .hd ul{ vertical-align:middle; display:inline-block; *display:inline; overflow:hidden; zoom:1;width: 100%;margin-left: 15px; }
.w3cFocusIn .hd ul li{ position:relative; float:left;width: 10%; display:inline;margin-right:2%; filter:alpha(opacity=80); opacity:0.8; cursor:pointer; }
.w3cFocusIn .hd ul li img{ max-width:100%; border:2px solid #fff; display:block; }
.w3cFocusIn .hd ul li.on{ filter:alpha(opacity=100);opacity:1; background:url(../images/focusArrow.png) center 0 no-repeat; }
.w3cFocusIn .hd ul li.on img{ border:2px solid #3499EA; border-bottom-width:4px; }
.picFocus{ margin:0 auto; width:83%; position:relative; zoom:1; display: none; }
.picFocus .hd{ width:100%; padding-top:5px; overflow:hidden; }
.picFocus .hd ul{ margin-right:-5px; overflow:hidden; zoom:1;}
.picFocus .hd ul li{ padding-top:5px; float:left; text-align:center; width: 23%;margin-right:2%; }
.picFocus .hd ul li img{ max-width:100%; border:2px solid #ddd; cursor:pointer; }
.picFocus .hd ul li.on img{ border-color:#f60; }
.picFocus .bd li{ vertical-align:middle; }
.picFocus .bd img{ max-width:100%; display:block; }
/*网络营销*/
.sales{width: 100%;position: relative;padding-bottom: 6%;}
.sales_bj{position: absolute;left:0;bottom: 0;width: 25%;}
.sales_bj img{max-width: 100%;}
.sales_right_bj{position: absolute;right: 0;bottom: 35%;width: 25%;}
.sales_right_bj img{max-width: 100%;}
.sales_con{width: 65%;margin: 0 auto;margin-top: 3%;}
.sales_con_tit{width: 100%;color: #c11919;font-weight: bold;font-size: 1.5em;}
.sales_left{width: 470px;height: 808px;text-align: center;position:relative;float: left;}
.sales_left img{max-width: 100%;}
.map_tem{height:20px;width:20px;position:absolute;cursor:pointer;}
.sales_right{float: left;width: 54%;margin-left: 5%;}
.sales_content{width: 90%;border: 2px solid #c11919;border-radius: 20px;padding: 5% 5%;line-height: 2em;margin-top: 20%; }
.sales_right_er{width: 100%;margin-top: 16%;}
.sales_r_l{float: left;width: 30%;}
.sales_r_l img{max-width: 100%;}
.map_tem1{top:10.1%;right:25.2%;}
.map_tem2{top:19.4%;right:41.8%;}
.map_tem3{top:33.3%;right:40%;}
.map_tem4{top:40.3%;right:43%;}
.map_tem5{top:44.3%;right:21%;}
.map_tem6{top:45.8%;right:70.8%;}
.map_tem7{top:46%;right:39%;}
.map_tem8{top:52.3%;right:53.3%;}
.map_tem9{bottom:25.5%;left:30.8%;}
.map_tem10{bottom:35.2%;left:35%;}
.map_tem11{bottom:27.8%;right:30.7%;}
.map_tem12{bottom:16.5%;right:42.3%;}
.map_tem13{bottom:11.6%;left:13.9%;}
.sales_bsc{width: 90%;margin: 0 auto;margin-top: 3%;}
.sales_bsc_tit{color: #c11919;font-size: 1.3em;font-weight: bold;}
.sales_bsc_tit p{float: right;width: 80%;height: 1px;background: #c11919;margin-top: 2%;}
.bsc_con{margin: 0 auto; margin-top: 6%;width: 705px;height: 360px;background: url(../images/yxwl_16.png) no-repeat center;background-size: 100% 100%;}
.bsc_con_t{width: 100%;text-align: center;padding: 3% 0;border-bottom: 1px dashed #c9c9c9;}
.bsc_con_t span{color: #c11919;font-weight: bold;float: left;margin-left: 18%;}
.bsc_con_tit{width: 100%;text-align: center;padding: 1.5% 0;}
.bsc_con_tit span{display: inline-block;color: #222;font-weight: bold;margin: 0 9%;}
/*-------------------------------二级页面 end -------------------------------*/
/*------------------------------------------------------------手机导航------------------------------------------------------------*/
.GPS{width: 41px;height: 41px;position: fixed;left:40px;top:50px;z-index: 999; background: url(../images/one_03.png) no-repeat center;background-size: 100% 100%;}
.Navs{display: none; width: 41px;height: 41px;position: fixed;right:40px;top:20px;z-index: 999; background: url(../images/one_03.png) no-repeat center;background-size: 100% 100%;}
.Gps_sj{display: none;}
.Gps_con{width: 100%;text-align: center;}
.Gps_con_logo{width: 100%;margin-top: 1%;margin-bottom: 3%;}
.Gps_con_logo img{max-width: 100%;}
.Gps_list{width: 43px;height: 170px;padding-right: 22px; display: inline-block;color: #fff;margin:0 0.3%;writing-mode: tb-rl;-webkit-writing-mode: vertical-rl;writing-mode: vertical-rl;*writing-mode: tb-rl;}
.Gps_list:hover{color: #eeaa4f;background: url(../images/gps_07.png) no-repeat center;background-size: 100% 100%;}
.Gps_con_sh{width: 100%;text-align: center;margin-top: 3%;}
.Gps_con_sh_l{display: inline-block;margin: 0 0.5%;}
.Gps_con_sh_l img{max-width: 100%;}
.Gpg_bq{width: 100%;text-align: center;color: #fff;margin-top: 3%;}
.nav{
width: 100%;
background-color: rgba(0,0,0,0.5);
padding-bottom: 0%;
position: fixed;
z-index: 50;
top: -8px;
left: 0;
animation:animation1_nav 1s ease 0s;
-webkit-animation:animation1_nav 1s ease 0s;
}
@keyframes animation1_nav {0% { left: -1000px; opacity:0.1;}100% { left:0; opacity:1; }}
@-webkit-keyframes animation1_nav {0% { left: -1000px; opacity:0.1;}100% { left:0; opacity:1; }}
nav a{ color:#fff;}
.cd-nav-trigger a{ color:#fff;}
.cd-nav-trigger {
top:15%;
left: 0;
height: 41px;
width: 41px;
z-index: 995;
/*image replacement */
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
margin-top:2%;
margin-left: 5%;
margin-right:2%;
position: relative;
float: right;
}
.cd-nav-trigger .cd-icon {
/* icon created in CSS */
position: absolute;
left: 50%;
top: 50%;
bottom: auto;
right: auto;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
display: inline-block;
width: 25px;
height: 3px;
/*background-color: #4e473f;/*导航横条的颜色*/*/
z-index: 999;
}
.cd-nav-trigger .cd-icon::before, .cd-nav-trigger .cd-icon:after {
/* upper and lower lines of the menu icon */
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
/*background-color: #4e473f;/*导航横条的颜色*/*/
/* Force Hardware Acceleration in WebKit */
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
/* apply transition to transform property */
-webkit-transition: -webkit-transform .2s;
-moz-transition: -moz-transform .2s;
transition: transform .2s;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
content: '';
}
.cd-nav-trigger .cd-icon::before {-webkit-transform: translateY(-6px) rotate(0deg);-moz-transform: translateY(-6px) rotate(0deg);-ms-transform: translateY(-6px) rotate(0deg);-o-transform: translateY(-6px) rotate(0deg);transform: translateY(-6px) rotate(0deg);}
.cd-nav-trigger .cd-icon::after {-webkit-transform: translateY(6px) rotate(0deg);-moz-transform: translateY(6px) rotate(0deg);-ms-transform: translateY(6px) rotate(0deg);-o-transform: translateY(6px) rotate(0deg);transform: translateY(6px) rotate(0deg);}
.cd-nav-trigger::before, .cd-nav-trigger::after {/* 2 rounded colored backgrounds for the menu icon */position: absolute;top: 0;left: 0;border-radius: 50%;height: 100%;width: 100%;/* Force Hardware Acceleration in WebKit */-webkit-transform: translateZ(0);-moz-transform: translateZ(0);-ms-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;transition-property: transform;}
.cd-nav-trigger::before {background-color: #178ef0;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);-webkit-transition-duration: 0.2s;-moz-transition-duration: 0.2s;transition-duration: 0.2s;-webkit-transition-delay: 0.3s;-moz-transition-delay: 0.3s;transition-delay: 0.3s;}
.cd-nav-trigger::after {background-color: #178ef0;-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);-webkit-transition-duration: 0s;-moz-transition-duration: 0s;transition-duration: 0s;-webkit-transition-delay: 0s;-moz-transition-delay: 0s;transition-delay: 0s;color:#000;}
.cd-nav-trigger.close-nav::before {/* user clicks on the .cd-nav-trigger element - 1st rounded background disappears */-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);}
.cd-nav-trigger.close-nav::after {/* user clicks on the .cd-nav-trigger element - 2nd rounded background appears */-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);-webkit-transition-duration: 0.2s;-moz-transition-duration: 0.2s;transition-duration: 0.2s;-webkit-transition-delay: 0.3s;-moz-transition-delay: 0.3s;transition-delay: 0.3s;}
.cd-nav-trigger.close-nav .cd-icon {/* user clicks on the .cd-nav-trigger element - transform the icon *//*background-color: rgba(255, 255, 255, 0.2);*/}
.cd-nav-trigger.close-nav .cd-icon::before, .cd-nav-trigger.close-nav .cd-icon::after {
background-color: #fff;/*小×的颜色*/
}
.cd-nav-trigger.close-nav .cd-icon::before {-webkit-transform: translateY(0) rotate(45deg);-moz-transform: translateY(0) rotate(45deg);-ms-transform: translateY(0) rotate(45deg);-o-transform: translateY(0) rotate(45deg);transform: translateY(0) rotate(45deg);}
.cd-nav-trigger.close-nav .cd-icon::after {-webkit-transform: translateY(0) rotate(-45deg);-moz-transform: translateY(0) rotate(-45deg);-ms-transform: translateY(0) rotate(-45deg);-o-transform: translateY(0) rotate(-45deg);transform: translateY(0) rotate(-45deg);}
/*黑色2*/
.cd-primary-nav {
/* by default it's hidden */
position: fixed;
left: 0;
top: 0;
height: 100%;
width: 100%;
z-index: 990;
background: url(../images/gps.jpg) no-repeat center;background-size: 100% 100%;
overflow: auto;
/* this fixes the buggy scrolling on webkit browsers - mobile devices only - when overflow property is applied */
-webkit-overflow-scrolling: touch;
visibility: hidden;
opacity: 0;
-webkit-transition: visibility 0s, opacity 0.2s;
-moz-transition: visibility 0s, opacity 0.2s;
transition: visibility 0s, opacity 0.2s;
}
.cd-primary-nav li {/*margin: 3% 0;*/padding: 1.5% 0;text-align: center;text-transform: capitalize;}
.cd-primary-nav a {/*font-size: 20px;*/-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-transition: color 0.2s;-moz-transition: color 0.2s;transition: color 0.2s;}
.no-touch .cd-primary-nav a:hover {color: #ffffff;}
.cd-primary-nav.fade-in {/* navigation visible at the end of the circle animation */padding-top: 6%;visibility: visible;opacity: 1;}
@media only screen and (min-width: 768px) {
.cd-primary-nav li {
/*margin: 2em 0;*/
}
.cd-primary-nav a {
/*font-size: 28px;*/
/*font-size: 1.75em;*/
}
}
@media only screen and (min-width: 1170px) {
.cd-primary-nav li {
/*margin: 2.6em 0;*/
}
.cd-primary-nav a {
/*font-size: 32px;*/
/*font-size: 2em;*/
}
}
/*黑色*/
.cd-overlay-nav, .cd-overlay-content {
/* containers of the 2 main rounded backgrounds - these containers are used to position the rounded bgs behind the menu icon */
position: fixed;
top: 18px;
right: 5%;
height: 4px;
width: 4px;
-webkit-transform: translateX(-20px) translateY(20px);
-moz-transform: translateX(-20px) translateY(20px);
-ms-transform: translateX(-20px) translateY(20px);
-o-transform: translateX(-20px) translateY(20px);
transform: translateX(-20px) translateY(20px);
}
.cd-overlay-nav span, .cd-overlay-content span {display: inline-block;position: absolute;border-radius: 50%;/* Force Hardware Acceleration in WebKit */-webkit-transform: translateZ(0);-moz-transform: translateZ(0);-ms-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0);-webkit-backface-visibility: hidden;backface-visibility: hidden;will-change: transform;-webkit-transform-origin: 50% 50%;-moz-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;-o-transform-origin: 50% 50%;transform-origin: 50% 50%;-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);}
.cd-overlay-nav.is-hidden, .cd-overlay-content.is-hidden {/* background fades out at the end of the animation */opacity: 0;visibility: hidden;-webkit-transition: opacity .2s 0s, visibility 0s .2s;-moz-transition: opacity .2s 0s, visibility 0s .2s;transition: opacity .2s 0s, visibility 0s .2s;}
.cd-overlay-nav {/* main rounded colored bg 1 */z-index: 2;}
.cd-overlay-nav span {
/*background:url(../images/main.jpg);*/
background:rgba(0,0,0,0.5);/*弹出的背景色*/
}
/*黑色结束*/
.cd-overlay-content {
/* main rounded colored bg 2 */
z-index: 4;
}
.cd-overlay-content span {
background:#000;/*弹出缩回的时候背景色*/
}
/*------------------------------------------------------------手机导航 end------------------------------------------------------------*/
/*----------------------------树叶飘落----------------------------*/
/*树*/
.tree{position: absolute;top:0;left:58%;}
.tree1{width: 317px;height: 164px}
.tree2 img{position: absolute;top:137px;right:250px;animation: tree1 20s linear infinite; z-index:22222;animation-delay:0s;-webkit-animation: tree1 20s linear infinite; z-index:2222;-webkit-animation-delay:3s;}
.tree3 img{position: absolute;top:133px;right:308px;animation: tree2 20s linear infinite; z-index:22222;animation-delay:3s;-webkit-animation: tree2 20s linear infinite; z-index:2222;-webkit-animation-delay:5s;}
.tree4 img{position: absolute;top:200px;right:332px;animation: tree3 20s linear infinite; z-index:22222;animation-delay:5s;-webkit-animation: tree3 20s linear infinite; z-index:2222;-webkit-animation-delay:0s;}
@keyframes tree1
{
from {top: 137px;right:250px;transform:rotate(0);}
to {top: 1200px;right:900px;transform:rotate(360deg);}
}
@keyframes tree2
{
from {top:133px;right:308px;transform:rotate(0);}
to {top: 1200px;right:1000px;transform:rotate(360deg);}
}
@keyframes tree3
{
from {top: 200px;right:332px;transform:rotate(0);}
to {top: 1200px;right:1200px;transform:rotate(360deg);}
}
/*山*/
.mountain{position: absolute;bottom: 106px;left: 0;width: 100%;}
.moun1{position: absolute;bottom:30px;left:0;}
.moun2{position: absolute;bottom:-6px;left:780px;}
.moun3{position: absolute;bottom:138px;right:0px;}
.moun1,.moun2{
-webkit-animation: moun1 75s linear infinite;
-moz-animation: moun1 75s linear infinite;
-o-animation: moun1 75s linear infinite;
animation: moun1 75s linear infinite;
}
@keyframes moun1{
0%{-webkit-transform:translateX(-125px);transform:translateX(-125px)}
100%{-webkit-transform:translateX(1200px);transform:translateX(1200px)}}
/*第二屏花瓣*/
.shuimo{position: absolute;top:0;right:0;width: 100%;height: 100%;}
.pao2 img{position: absolute;width: 100px;height: 100px; top:300px;left:-100px;animation: pao2 10s linear infinite; z-index:22222;animation-delay:0s;-webkit-animation: pao2 10s linear infinite; z-index:2222;-webkit-animation-delay:1s;}
@keyframes pao2
{
from {top: 300px;left:-100px;transform:rotate(0);}
to {top: -150px;left:300px;transform:rotate(360deg);}
}
.shuimo2 img{position: absolute;top:100px;right:200px;animation: shuimo2 20s linear infinite; z-index:22222;animation-delay:0s;-webkit-animation: shuimo2 20s linear infinite; z-index:2222;-webkit-animation-delay:3s;}
.shuimo3 img{position: absolute;top:200px;right:0px;animation: shuimo3 20s linear infinite; z-index:22222;animation-delay:3s;-webkit-animation: shuimo3 20s linear infinite; z-index:2222;-webkit-animation-delay:5s;}
.shuimo4 img{position: absolute;top:200px;right:332px;animation: shuimo4 20s linear infinite; z-index:22222;animation-delay:5s;-webkit-animation: shuimo4 20s linear infinite; z-index:2222;-webkit-animation-delay:0s;}
@keyframes shuimo2
{
from {top: 100px;right:200px;transform:rotate(0);}
to {top: 600px;right:1200px;transform:rotate(360deg);}
}
@keyframes shuimo3
{
from {top:200px;right:0;transform:rotate(0);}
to {top: 1200px;right:1000px;transform:rotate(360deg);}
}
@keyframes shuimo4
{
from {top: 200px;right:332px;transform:rotate(0);}
to {top: 1200px;right:1200px;transform:rotate(360deg);}
}
.text{width: 384px;height: 250px;background: url('../images/text.png') no-repeat;position: absolute;top:235px;right:-67px;}
.words{position: absolute;left:674px;top:233px;}
.words1{position: absolute;top:0;left:8px;}
.words2{position: absolute;top:168px;left:20px;}
.words3{position: absolute;top:172px;left:0px;}
/*叶子*/
.leaf{width: 100%;height: 100%;position: absolute;top:0;right: 0;}
.f1{position: absolute;bottom:130px;left:-110px;-webkit-animation: myfirst 20s linear infinite; animation: myfirst 20s linear infinite; z-index:2222;animation-delay:0s;-webkit-animation: myfirst 20s linear infinite; z-index:2222;-webkit-animation-delay:0s;}
.f2{position: absolute;right:-196px;bottom: 290px;-webkit-animation:myfirst2 22s 1s linear infinite; animation: myfirst2 22s 1s linear infinite;animation-delay:2s;width:70px;-webkit-animation: myfirst2 22s 1s linear infinite;-webkit-animation-delay:2s;}
.f3{position: absolute;top:76px;right:140px;width: 63px;-webkit-animation: myfirst3 22.2s linear infinite; animation: myfirst3 22.2s linear infinite; z-index:2222;animation-delay:0s;-webkit-animation: myfirst3 22.2s linear infinite;-webkit-animation-delay:0s;}
.f4{position: absolute;bottom: 320px;right: 659px;animation: myfirst4 21s 0.2s linear infinite; z-index:2222;animation-delay:2s;-webkit-animation: myfirst4 21s 0.2s linear infinite;-webkit-animation-delay:1s;}
.f5{position: absolute;top:275px;left:-35px;-webkit-animation: myfirst 20s linear infinite; animation: myfirst5 19.5s 1.2s linear infinite; z-index:2222;animation-delay:0s;-webkit-animation: myfirst 20s linear infinite; z-index:2222;-webkit-animation-delay:0s;}
.f6{position: absolute;left: -360px;top:410px;-webkit-animation:myfirst2 22s 1s linear infinite; animation: myfirst2 22s 1s linear infinite;animation-delay:1s;width:70px;-webkit-animation: myfirst2 22s 1s linear infinite;-webkit-animation-delay:2s;}
@keyframes myfirst
{
from {bottom: 130px;left:-110px;transform:rotate(0);}
to {bottom: -200px;left:-500px;transform:rotate(360deg);}
}
@keyframes myfirst2
{
from {bottom: 290px;right:-196px;transform:rotate(0);}
to {bottom: -200px;right:1000px;transform:rotate(360deg);}
}
@keyframes myfirst3
{
from {top: 76px;right:140px;transform:rotate(0);}
to {top: 1200px;right:1100px;transform:rotate(360deg);}
}
@-webkit-keyframes myfirst
{
from {bottom: 130px;left:-110px;transform:rotate(0);}
to {bottom: -200px;left:-500px;transform:rotate(360deg);}
}
@-webkit-keyframes myfirst2
{
from {bottom: 290px;right:-196px;transform:rotate(0);}
to {bottom: -200px;right:1000px;transform:rotate(360deg);}
}
@-webkit-keyframes myfirst3
{
from {top: 76px;right:140px;transform:rotate(0);}
to {top: 1200px;right:1100px;transform:rotate(360deg);}
}
/*@keyframes myfirst4
{
from {bottom: 320px;transform:rotate(0);}
to {bottom: -200px;transform:rotate(360deg);}
}
@keyframes myfirst5
{
from {bottom: 275px;transform:rotate(0);}
to {top: 1200px;transform:rotate(360deg);}
}
*/
/*椅子动画*/
./*mu img{
animation: move 4s linear infinite;
-webkit-animation: move 4s linear infinite;}
@-webkit-keyframes move {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
30% {
-webkit-transform: rotate(1deg);
transform: rotate(1deg);
}
60% {
-webkit-transform: rotate(-1deg);
transform: rotate(-1deg);
}
100% {
-webkit-transform: rotate(0deg );
transform: rotate(0deg );
}
}*/
/*@keyframes move {
0% {
-webkit-transform: rotate3d(0, 0, 0);
transform: rotate3d(0, 0, 0);
}
30% {
-webkit-transform: rotate3d(30deg, 30deg, 30deg);
transform: rotate3d(30deg, 30deg, 30deg);
}
60% {
-webkit-transform: rotate3d(90deg, 90deg, 90deg);
transform: rotate3d(90deg, 90deg, 90deg);
}
100% {
-webkit-transform: rotate3d(180deg, 180deg, 180deg);
transform: rotate3d(180deg, 180deg, 180deg);
}
}*/
/*叶子6动画*/
/*.f6 {
animation: moveright 4s linear infinite;
-webkit-animation: moveright 4s linear infinite;
}*/
@-webkit-keyframes moveright {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
30% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
60% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes moveright {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
30% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
60% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
/*----------------------------树叶飘落end----------------------------*/
/*------------------------------------------------------------媒体查询------------------------------------------------------------*/
@media (max-width:1440px) {
.qd_bj img{max-width: 55%;}
.qd_logo img{max-width: 22%;}
/*第二屏*/
.two_left img{width: 80%;}
.two_left_p{left: 78%;top: 3.7em;}
.two_con{width: 48%;}
/*第三屏*/
.three_con .bd{width: 560px;}
.three_con .bd img{max-width: 75%;}
/*第四屏*/
.four{margin-top: 6%;}
.four_con{margin-top: 6%;}
.four_list img{max-width: 94%;}
.four_list_img{width: 93%;padding: 17% 0 0 9%;}
.four_text{width: 86%;margin: 0 0 2% 11%; height:87%;}
.four_text p{padding-top: 33%;}
/*第五屏*/
.five_list_l{width: 70px;height: 70px;}
.five_list_l p{margin-bottom: 10%;padding-top: 1%;}
.five_two_type{width: 250px;}
.five_two_t_d{width: 250px;top:0;left: -2px;}
.five_left{margin-top: 15%;}
.five_right{margin-top: 16%;}
/*第六屏*/
#navBar li {height:60px}
.six{width: 95%;}
.six_left{width: 15%;padding-left: 8%;padding-top: 0%;}
.six_right_con{width: 57%;padding: 0 0 7% 0;}
.six_right_con_t{font-size: 1.3em;padding-bottom: 5%;padding-top: 8%;padding-left: 8%;}
.six_right_con_c{font-size: 1em;padding-top: 0%;padding-left: 8%;line-height: 3em;}
.six_right_con_pic{right: -24%;bottom: 2%;width: 75%;}
.six_left_tow{line-height: 1.5}
/*------------二级页面------------*/
/*单页*/
.about{width: 70%;}
.referral_con{padding-top: 13%;}
.referral_con_l_t{margin-top: 3%;}
.referral_con_l_j{font-size: 0.8em;margin-top: 3%;line-height: 2em;}
.referral_c_con,.course_con,.story_con,.ceo_con,.new_show,.New_tj_con,.News_conect,.gbook_dt,.pro,.Produc,.video_con,.noodles_con,.Norma,.Tourism_con,.w3cFocus,.sales_con{width: 80%;}
/* 新闻列表 */
.New_tj_r_xia{margin-top: 7%;}
/*客户留言*/
.gbook_con{padding-top: 9.5%;}
.gbook_con_l_t{margin-top: 3%;}
.gbook_con_l_r{margin-top: 3%;}
.gbook_con_l_j{font-size: 0.8em;margin-top: 3%;line-height: 2em;}
/*图文详情*/
#DB_gallery .DB_imgSet {width:63%;}
#DB_gallery .DB_thumSet {width: 55%;}
/*文化旅游*/
.Museum_l_tit{width: 68%;}
.Museum_l_con{width: 50%;height: 370px;margin-left: 20%;}
.Museum_l_bj{top:40%;width: 50%;}
.noodles_r_b_r{width: 18%;margin-left: 3%;}
.sales_left{width: 445px;height: 780px;}
}
@media (max-width:1280px) {
.six_left{width: 25%;padding-left: 5%;padding-top: 0%;}
.six_left_on{width:21%;}
.six_left_tow{line-height: 1.3}
.six_right_con {margin-top: 0%;margin-left: 10%;}
}
@media (max-width:1200px) {
/*分屏基本样式*/
#navBar {height: 550px;}
#navBar li {height: 75px;margin-top: 10px;}
/*公共右侧*/
.public_righ img{max-width: 40%;}
.public_righ p{margin-top: 26%;}
/*第二屏*/
.two_type img{max-width: 52%;}
.two_t_d img{max-width: 90%;}
.two_left img{width: 70%;}
.two_left_n{left:20%;top: 17%;}
.two_left_p{left: 55%;top: 7em;}
.two_left_p img{width: 50%;}
.two_con{width: 58%;padding-left: 18%;}
.two_jj{margin-top: 3%;line-height: 1.6em;}
.two_list_gd{margin-left: 3%;}
/*第三屏*/
.three_con{margin-top: 5%;}
/*第四屏*/
.four{margin-top: 8%;}
.four_con{margin-top: 8%;}
.four_list{width: 23%;margin: 0 1%;}
.four_list img{max-width: 75%;}
.four_list_img{width: 91%;padding: 15% 0 0 13%;}
.four_list_img img{max-width: 100%;}
.four_text{width: 89%;margin: 0 0 2% 11%; height:89%;}
.four_text p{padding-top: 33%;}
/*第五屏*/
.five_list_l{width: 65px;height: 65px;}
.five_list_l p{margin-bottom: 1%;padding-top: 0%;}
.five_two_type{width: 250px;}
.five_two_t_d{width: 250px;top:0;left: -2px;}
.five_left{margin-top: 15%;}
.five_right{margin-top: 16%;}
/*第六屏*/
.six{width: 95%;}
.six_left{width: 22%;padding-left: 8%;padding-top: 5%;}
.six_right_con{width: 66%;padding: 0 0 7% 0;margin-top: 20%;margin-left: 16%;}
.six_right_con_t{font-size: 1.3em;padding-bottom: 5%;padding-top: 8%;padding-left: 8%;}
.six_right_con_c{font-size: 1em;padding-top: 0%;padding-left: 8%;line-height: 3em;}
.six_right_con_pic{right: -24%;bottom: 2%;width: 75%;}
/*导航*/
.Gps_con_logo img{max-width: 80%;}
.Gps_con_sh_l img{max-width: 80%;}
/*------------二级页面------------*/
.navlist{font-size: 3vw;}
.public_type_r_l{width: 20%;}
/*单页*/
.about,.referral_c_con,.course_con,.story_con,.gbook{width: 80%;}
.ceo_con,.new_show,.New_tj_con,.News_conect,.pro,.Produc,.video_con,.noodles_con,.Norma,.Tourism_con,.w3cFocus,.sales_con{width: 90%;}
.referral_con_l_t{margin-top:0%;}
.referral_con_l_t img{max-width: 60%;}
.referral_con_l_j{font-size: 0.8em;margin-top: 1%;line-height: 1.8em;height: 9em;}
.referral_c_bj img{max-width: 50%;}
.course_2004 img{max-width: 50%;}
.course_2018 img{max-width: 50%;}
.course_bj img{max-width: 60%;}
.ceo_left{width: 50%;margin-right: 3%;font-size: 0.9em;}
.ceo_right{width: 47%;}
/* 新闻列表 */
.New_tj_r_xia{margin-top: 8%;}
/*联系我们*/
.gbook_con_l_t{margin-top:4%;}
.gbook_con_l_t img{max-width: 28%;}
.gbook_con_l_j{width: 75%; font-size: 0.8em;margin-top: 1%;line-height: 1.8em;height: 9em;}
.gbook_con_l_r{width: 13%;margin-left: 2%;}
.gbook_c_bj img{max-width: 50%;}
/*图文详情*/
#DB_gallery .DB_imgSet {width:68%;height:35em;}
#DB_gallery .DB_thumSet {width: 58%;}
.Museum_l_con{width: 56%;height: 315px;line-height: 1.6em;}
.sales_left{width: 420px;height: 725px;}
}
@media (max-width:991px) {
/*公共右侧*/
.public_righ{right: 0%;}
.public_righ img{max-width: 30%;}
.public_righ p{margin-top: 9%;margin-right: 5%;}
/*第一屏*/
.one_con{width: 87%;}
.one_tii img{max-width: 60%;}
.one_list img{max-width: 60%;}
.one_list{margin: 0 -2%;}
/*第二屏*/
.two_left{display: none;}
.two_con{width: 75%;padding-left: 3%;text-align: center;}
.two_tit{width: 100%;}
.two_tit b{font-size: 1.5em;}
.two_tit p{font-size: 1em;}
.two_tit div{width: 100px;height: 2px;background: #fff;margin: 0 auto;margin-top: 2%;}
.two_jj{font-size: 0.9em;line-height: 1.5em;margin-left: 2%;text-align: left;}
.two_list{float: none;display: inline-block;}
.two_list_gd{display: none;}
/*第三屏*/
.three_con{width: 80%;margin-top: 8%;}
.three_con .bd{width: 452px;}
.three_con .bd img{max-width: 46%;}
.three_con .prev{ left:0; top:38%;}
.three_con .next{ right:0; top:38%;}
/*第四屏*/
.four{margin-top: 8%;}
.four_con{margin-top: 8%;}
.four_list{width: 23%;margin: 0 1%;}
.four_list img{max-width: 56%;}
.four_list_img{width: 88%;padding: 14% 0 0 16%;}
.four_list_img img{max-width: 100%;}
.four_text{width: 85%;margin: 0 0 2% 15%; height:89%;}
/*第五屏*/
.five{display: none;}
.five_sj{display: block;}
.five_sj_ty{width: 100%;text-align: center;margin-top: 3%;}
.five_type_list{text-align: center;display: inline-block;margin: 0 2%;}
.five_two_type{width: 230px;margin-top: 3%;}
.five_two_t_d{width: 230px;top:0;left: -2px;}
.five_sj_con{width: 80%;margin: 0 auto;}
.five_list_l{width: 85px;height: 85px;}
.five_list_l p{margin-bottom: 11%;padding-top: 5%;}
/*第六屏*/
.six{width: 95%;}
.six_left{width: 20%;padding-left: 10%;padding-top: 10%;}
.six_left_on{margin-top: 6%;width: 40%;}
.six_left_tow{width: 131%;}
.six_right_con{width: 69%;padding: 0 0 5% 0;margin-top: 21%;margin-left: 16%;}
.six_right_con_t{font-size: 1.3em;padding-bottom: 5%;padding-top: 8%;padding-left: 8%;}
.six_right_con_c{font-size: 1em;padding-top: 0%;padding-left: 8%;line-height: 3em;}
.six_right_con_pic{right: -24%;bottom: 2%;width: 65%;}
/*导航*/
.Gps_con_logo img{max-width: 40%;}
.Gps_con_sh_l img{max-width: 70%;}
.Gps_con_sh{margin-top: 0;}
/*------------二级页面------------*/
.navlist{font-size: 3vw;}
.navlist_l{font-size: 1.2vw;height: 4em;line-height: 4em;width: 9%;}
.navlistas_l{width: 9%;}
.navlistas_left{width: 25%;}
.navlistas_right{width: 75%;}
.foot_con{width: 95%;}
.foot_top{margin-top: 6%;}
.foot_zc{margin-top: 0;}
/*单页*/
.about{width: 90%;}
.referral_c_con,.course_con,.story_con,.ceo_con,.gbook_dt{width: 90%;}
.ceo_l_tit{text-align: center;}
.ceo_left{float: none;width: 100%;margin-right: 3%;}
.ceo_right{float: none;width: 100%;text-align: center;}
/* 新闻列表 */
.New_tj_con,.News_conect,.pro,.video_con{width: 96%;}
.New_tj_r_tit{margin-top: 5%;margin-bottom: 8%;}
/*关于我们*/
.gbook_con_l_r{display: none;}
.gbook_con_l_j{float: none;width: 100%;}
.referral_con_l_t img{max-width: 30%;}
.pros_con_l_t img{max-width: 45%;}
/*图文详情*/
#DB_gallery .DB_imgSet {width:77%;}
#DB_gallery .DB_thumSet {width: 68%;}
/*文化旅游*/
.noodles_r_b_r{margin-top: 5%;}
.Tourism_con{width: 97%;}
.w3cFocusIn{width: 80%;}
/*网络营销*/
.sales_left{width: 345px;height: 595px;}
.sales_bj{display: none;}
.sales_right_bj{bottom: 0;}
.pro_show_con{display: none;}
.pro_show_cons{display: block;}
}
@media (max-width:768px) {
/*分屏基本样式*/
.page1 {background: url(../images/1.jpg) no-repeat center;background-size: 100% 100%;}
.page2 {background: url(../images/2.jpg) no-repeat center;background-size: 100% 100%;}
.page3 {background: url(../images/3.jpg) no-repeat center;background-size: 100% 100%;}
.page4 {background: url(../images/4.jpg) no-repeat center;background-size: 100% 100%;}
.page5 {background: url(../images/5.jpg) no-repeat center;background-size: 100% 100%;}
.page6 {background: url(../images/6.jpg) no-repeat center;background-size: 100% 100%;}
/*启动页*/
.qd_bj{width: 100%;background: url(../images/qdsj.jpg) no-repeat center;background-size: 100% 100%;}
.qd_bj img{max-width: 60%;}
.qd_logo{width: 96%;margin: 0 auto; text-align: center;padding-top: 12%;}
.qd_logo img{max-width: 30%;}
.qd_tit{width: 96%;margin: 0 auto; text-align: center;margin-top: 3%;}
.qd_sx{width: 96%;margin: 0 auto; text-align: center;margin-top: 1%;}
.qd_jr{width: 25%;padding: 1% 0; background: #f61f17;color: #fff;margin: 0 auto;text-align: center;border-radius: 20px;margin-top: 3%;}
/*公共右侧*/
.public_righ{display: none;}
#navBar {display: none;}
/*第二屏*/
.two_con{width: 94%;text-align: center;}
.two_list{float: left;width: 18%;margin-left: 1%;}
.two_list img{max-width: 100%;}
.two_type img{max-width: 49%;}
.two_t_d{margin-top: 2%;}
.two_t_d img{max-width: 60%;}
.one_con_gd{width: 100%;}
.one_con_gd img{margin-left: 8%;}
/*第三屏*/
.three_con{width: 75%;margin-top: 10%;}
.three_con .bd{width: 340px;margin-top: 15%;}
.three_con .prev{position:absolute; left:30%; top:0; width:48px; height:48px; background:url(../images/three_06.png) no-repeat;}
.three_con .next{position:absolute; right:30%; top:0; width:48px; height:48px; background:url(../images/three_09.png) no-repeat;}
.shangcheng{display: none;}
.shangcheng_sj{display: block;}
/*第四屏*/
.four_tit img{max-width: 65%;}
.four_tit p{font-size: 0.8em;margin-top: 1%;letter-spacing:2px;}
.four_con{width: 95%;margin-top: 6%;}
.four_list{width: 22%;margin: 0 1%;}
.four_list img{max-width: 61%;}
.four_list_t{text-align: left;}
.four_list_y{font-size: 0.8em;letter-spacing:1px;}
.four_list_img{width: 90%;padding: 16% 0 0 10%;}
.four_list_img img{max-width: 100%;}
.four_text{width: 90%;margin: 0 0 2% 10%; height:89%;}
.four_text img{max-width: 34%;}
/*第五屏*/
.five{display: none;}
.five_sj{display: block;width: 88%;}
.five_sj_ty{width: 100%;text-align: center;margin-top: 3%;}
.five_type_list{text-align: center;display: inline-block;margin: 0 2%;}
.five_two_type{width: 230px;margin-top: 3%;}
.five_two_t_d{width: 230px;top:0;left: -2px;}
.five_sj_con{width: 100%;margin: 0 auto;margin-top: 8%;}
.five_list_l{width: 85px;height: 85px;}
.five_list_l p{margin-bottom: 11%;padding-top: 5%;}
/*第六屏*/
.six{width: 100%;margin: 0 auto;margin-top: 6%;}
.six_left{display: none;}
.six_right{display: none;}
.six_sj{display: block;}
.six_right_con{width: 57%;padding: 0 0 4% 0;margin-top: 3%;margin-left: 20%;}
.six_right_con_t{font-size: 1.3em;padding-bottom: 4%;padding-top: 6%;padding-left: 8%;}
.six_right_con_c{font-size: 1em;padding-top: 0%;padding-left: 8%;line-height: 2.5em;}
.six_right_con_pic{right: -24%;bottom: 2%;width: 61%;}
.six_er{margin-top: 8%;width: 100%;text-align: center;}
.six_left_on{display: inline-block;width: 15%;margin: 0 4%;}
.six_left_tow{width: 100%;text-align: center;color: #fff;padding-left: 0;margin-top: 3%;}
.Gps_con{display: none;}
.Gps_sj{display: block;}
/*------------二级页面------------*/
/*二级导航*/
.navlistas{font-size: 6vw;position: fixed;top:0;left:0;z-index: 99;background: #fff; }
.navlistas_left{float: left;width: 40%;}
.navlistas_right{display: none;}
.Navs{display: block;}
.ziyou{padding-top: 10%;}
.public_type_r_l{width: 23%;padding: 2% 0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
/*底部*/
.foot{padding-bottom: 2%;}
.foot_top{width: 100%;padding-top: 3%;}
.foot_top_l{float: none;width: 90%;margin: 0 auto;text-align: center;}
.foot_top_r_li{width: 15%;}
.foot_top_r{float: none;width: 100%;margin-left: 0;margin-top: 1.3%;}
.foot_bottom_l{width: 40%;}
.foot_bottom_r{width: 25%;}
/*单页*/
.culture_con{font-size: 0.8em;}
.referral_list_jj{height: 4.5em;line-height: 1.5em; font-size: 0.9em;width: 68%;margin-top: 5%;}
.ceo_bj{display: none;}
/* 新闻列表 */
.New_tj_con{width: 98%;}
.New_tj_left{float: none;width: 100%;}
.New_tj_right{float: none;width: 100%;}
.page_gengduo{display: none;}
.pagegengduo{display: block;}
.New_list{display: none;}
.New_list_sj{display: block;}
/*联系我们*/
.gbook_content,.gbook_dt,.Produc{width: 96%;}
.gbook_con_r{margin-top: 3%;}
.gbook_dt{width: 100%;margin-bottom: 3%; height:21em;}
.gbook_list input{padding: 2% 0 2% 3%;}
/*产品列表*/
.pro_left{display: none;}
.Pro_sty_sj{display: block;width:96%;margin: 0 auto;height: 2em;}
.itype_box{width:136px;background: #cb242b; padding: 2% 0;text-align: center;color: #fff; z-index:8;float: right;font-family:"微软雅黑";font-size: 0.8em;font-weight: bold;}
.itype_box2{width:136px;background: #cb242b; padding: 2% 0;text-align: center;color: #fff; z-index:8;float: right;font-family:"微软雅黑";font-size: 0.8em;font-weight: bold;}
.Produ{position: relative;}
.itype{width:auto;position: absolute;right:15px;top:48px;z-index: 3;}
.itype_span1,.itype_span2{width: auto;margin-top: 0;border-bottom:1px solid #fff; display: block;text-align: center;font-size: 16px;line-height: 40px;height:40px;background: #cb242b;color:#fff; padding:0 35px 0 35px;}
.itype a{display: block;text-align: center;font-size: 14px;line-height: 40px;color:#fff;border-bottom:1px solid #fff;background: #cb242b;padding:0 3%;}
.itype2_tow2 a{display: block;text-align: center;font-size: 14px;line-height: 40px;color:#333;border-bottom:1px solid #fff;background: #f2f2f2;padding:0 3%;}
.pro_right{width: 100%;float: none;margin-top: 6%;margin-left: 0;}
.Products_list{width: 31%;}
.pros_con_l_t img{max-width: 50%;}
/*图文详情*/
#DB_gallery .DB_imgSet {width:74%;}
#DB_gallery .DB_thumSet {width: 66%;}
/*文化旅游*/
.Museum{width: 100%;}
.Museum_left{width: 100%;float: none;}
.Museum_l_tit{width: 90%;margin: 0 auto;margin-top: 10%;}
.Museum_l_con{display: none;}
.Museum_l_cons{display: block; width: 90%;margin: 0 auto;color: #222;line-height: 2em;margin-top: 5%;margin-bottom: 3%;}
.Museum_l_bj{display: none;}
.Museum_right{width: 100%;float: none;}
.noodles_con,.Norma,.Tourism_con{width: 93%;}
.noodles_left{float: none;width: 100%;}
.noodles_right{float: none;width: 100%;}
.noodles_r_b_r{float: left;width: 16%;margin-top: 2%; }
.Norma_list p{font-size: 0.8em;}
.Norma_left{float: none;width: 100%;}
.Norma_con{width: 100%;margin-top: 2%;}
.Norma_right{display: none;}
.w3cFocus{display: none;}
.picFocus{text-align: center;width: 100%;display: block;}
/*网络营销*/
.sales_left{width: 345px;height: 594px; float: none;text-align: center;margin: 0 auto;}
.sales_right{float: none;width: 100%;margin-left: 0%;}
.sales_content{margin-top: 10%;}
.sales_right_er{text-align: center;margin-top: 6%;}
.sales_r_l{float: none;display: inline-block;}
.sales_bsc_tit p{display: none;}
.bsc_con{width: 100%;height: auto;padding-bottom: 3%;}
.bsc_con_tit span{margin: 0 8%;}
.shuimo{display: none;}
}
@media (max-width:480px) {
/*启动页*/
.qd_bj img{max-width: 100%;}
.qd_logo{width: 96%;margin: 0 auto; text-align: center;padding-top: 20%;}
.qd_logo img{max-width: 50%;}
.qd_tit{width: 96%;margin: 0 auto; text-align: center;margin-top: 13%;}
.qd_sx{width: 96%;margin: 0 auto; text-align: center;margin-top: 3%;}
.qd_jr{width: 45%;padding: 1% 0; background: #f61f17;color: #fff;margin: 0 auto;text-align: center;border-radius: 20px;margin-top: 15%;}
/*第一屏*/
.one_tii{display: none;}
.one_tiil{display: block;position: absolute;left: 8%;top: 10%;width: 8%;}
.one_tiil img{max-width: 80%;}
.one_con{width: 85%;}
.one_list{margin: 10% 0 0 0;}
.one_list img{max-width: 40%;}
.one_con_gd{display: none;}
.one_con_sj_gd{display: block;position: absolute;right:6%;top:35%;width: 11%;}
.one_con_sj_gd img{max-width: 80%;}
/*第二屏*/
.two_list{float: left;width: 30%;margin-left: 1%;}
.two_list img{max-width: 70%;}
.two_type img{max-width: 50%;}
.two_t_d img{max-width: 65%;}
.two_tit b{font-size: 1.3em;}
.two_tit p{font-size: 0.8em;}
.two_jj{display: none;}
.two_sj_jj{display: block;text-align: left;line-height: 1.5em;margin-left: 2%;}
/*第三屏*/
.three_con .bd{width: 300px;margin-top: 25%;}
.three_con .bd img{max-width: 33%;}
.shangcheng_sj{right:3%;left:auto; }
/*第四屏*/
.four_tit img{max-width: 65%;}
.four_tit p{font-size: 0.8em;margin-top: 1%;letter-spacing:2px;}
.four_con{width: 95%;margin-top: 6%;}
.four_list{width: 43%;margin: 1% 3%;}
.four_list img{max-width: 50%;}
.four_list_t{text-align: left;}
.four_list_y{font-size: 0.7em;letter-spacing:0;margin-right: 10%;}
.four_list_img{width: 90%;padding: 13% 0 0 0%;text-align: right;}
.four_list_img img{max-width: 90%;}
/*第五屏*/
.five{display: none;}
.five_sj{display: block;width: 100%;}
.five_sj_ty{width: 100%;text-align: center;margin-top: 8%;}
.five_type_list{width: 90px;height: 40px;line-height: 40px;text-align: center;display: inline-block;margin: 0 1%;font-size: 0.8em;}
.five_two_type{width: 230px;margin-top: 3%;}
.five_two_t_d{width: 230px;top:0;left: -2px;}
.five_two_type img{max-width: 65%;}
.five_two_t_d img{max-width: 65%;}
.five_sj_con{width: 95%;margin: 0 auto;margin-top: 8%;}
.five_list_l{width: 60px;height: 60px;}
.five_list_l p{margin-bottom: 5%;padding-top: 0%;font-size: 1.8em;}
.five_list_tit{font-size: 1.1em;}
/*第六屏*/
.six{width: 100%;margin: 0 auto;margin-top: 6%;}
.six_left{display: none;}
.six_right{display: none;}
.six_sj{display: block;}
.six_right_con{width: 90%;padding: 0 0 5% 0;margin-top: 3%;margin-left: 5%;}
.six_right_con_t{font-size: 1em;padding-bottom: 4%;padding-top: 6%;padding-left: 8%;}
.six_right_con_c{font-size: 0.8em;padding-top: 0%;padding-left: 8%;line-height: 2em;}
.six_right_con_pic{right: -4%;bottom: -24%;width: 50%;}
.six_er{margin-top: 13%;width: 100%;text-align: center;}
.six_left_on{display: inline-block;width: 24%;margin: 0 3%;}
.six_left_tow{width: 100%;text-align: center;color: #fff;padding-left: 0;margin-top: 3%;font-size: 0.8em;line-height: 1.5em;}
.tree{display: none;}
/*导航*/
.GPS{width: 35px;height: 35px;position: fixed;top:10px;left:21px;}
.Navs ul li{font-size: 3.8vw;}
.cd-nav-trigger {width: 35px;height: 35px;}
.cd-primary-nav li {margin: 2% 0;padding: 2% 0;}
/*------------二级页面------------*/
/*二级导航*/
.ziyou{padding-top: 13%;}
.navlistas_left{float: left;width: 60%;}
.Navs{width: 35px;height: 35px;right:22px;top:6px;}
.public_type{display: none;}
.public_type_sj{width: 100%;margin: 2% 0;display: block;}
.public_type_sj_l{float: left;width: 22%;text-align: center;color: #fff;font-size: 0.8em;background: #E53333;margin: 1% 0 0 2%;padding: 1% 0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
/*底部*/
.foot_top_r{display: none;}
.foot_top_r_li{width: 25%;}
.foot_bottom_l{width: 100%;text-align: center;}
.foot_bottom{margin-bottom: 3%;}
.foot_bottom_r{display: none;}
.bucong{display: block;}
.sj_foot{display: block;}
/*单页*/
.referral{display: none;}
.referral_two{display: none;}
.course_bj{display: none;}
.referral_sj{display: block;}
.referral_con_l_t img{max-width: 50%;}
.pros_con_l_t img{max-width: 80%;}
.referral_list_jj{height: 3em;font-size: 0.8em;}
.course_left{float: none;width: 100%;border-bottom: 1px solid red;}
.course_zhong{display: none;}
.course_right{float: none;width: 100%;}
.culture_left{width: 100%; float: none;}
.culture_right{width: 100%; float: none;}
.culture_con{width: 96%;}
/* 新闻列表 */
.New_tj_r_list{display: none;}
.New_list_sj_sj{font-size: 1em;}
.New_list_sj_tit{font-size: 1em;}
.New_list_sj_jj{font-size: 0.9em; }
.New_list_sj_l{width: 63%;}
.New_list_sj_r{width: 35%;}
/*新闻详情*/
.new_show,.gbook{width: 96%;}
.new_show_tit{font-size: 1.5em;}
.new_show_sj{font-size: 0.8em;}
.new_show_page{margin-top: 8%;}
.new_show_shang{width: 100%;float: none;}
.new_show_xia{width: 100%;float: none;margin-top: 2%;text-align: left;}
.new_fx{margin-top: 8%;}
/*联系我们*/
.gbook_content_l,.gbook_content_r{float: none;width: 100%;}
.gbook_list input{padding:3% 0 3% 3%;}
.gbook_list textarea{padding: 1.5% 0 10% 3%;}
/*产品*/
.itype{width:auto;position: absolute;right:7px;top:33px;z-index: 3;}
.pros{display: none;}
center{display: none;}
.slideBox{display: block; }
/*在线视频*/
.video_list{width: 30%;}
.ry_img{border: 2px solid #cb242b;}
/*文化旅游*/
.noodles_right_top{text-indent: 0em;}
.noodles_r_b_r{display: none;}
.noodles_r_b_l{float: none;width: 100%;}
.picFocus{text-align: center;width: 100%;display: block;}
.picFocus .hd ul li{margin-right: 1.7%;}
/*网络营销*/
.sales_con{width: 98%;}
.sales_bsc{width: 100%;}
.sales_content{width: 96%;border: 1px solid #c11919;border-radius: 20px;padding: 5% 2%;line-height: 2em;margin-top: 10%; }
.bsc_con_t span{margin-left: 12%;}
.bsc_con_tit span{margin: 0 4%;}
.sales_right_bj{display: none;}
}
/*------------------------------------------------------------媒体查询------------------------------------------------------------*/