/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px; color:#666;/*font-family:'Microsoft YaHei';*/}
a{color:#666;}
a:hover{ color:#f60; /*text-decoration:underline;*/}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ max-width:1720px !important; margin:0 auto; width:90% !important}


.header-bg{ position:absolute; top:0; left:0; width:100%;color:#fff; z-index:99}
.header{ display: flex; align-items: center;justify-content: space-between; height:100px;}
.logo{ width:12%}
.logo a{  display: flex;   align-items: center; width:100%; height:100%}
.logo a img{ /*max-width:100%;*/  max-height:100%;}

.header01{display: flex; align-items: center;}
/*menu*/
.menu{height:35px;line-height:35px;/* background:#333; */}
.menu ul li{float:left;position:relative;/* border-right:#666 solid 1px; *//* width:120px; */padding: 0 1vw;}
.menu ul li dl{ background:#fff; width:100%; position:absolute; left:0px; top:35px; box-shadow:2px 2px 5px rgba(0,0,0,0.2); padding:10px 0;display:none; }
.menu ul li dl dd{ line-height:28px;border-bottom:#ddd dotted 1px; margin:0 10px; }
.menu ul li dl dd a{ font-size:12px; color:#666; font-weight:normal; display:inline; padding:0; text-align:left;}
.menu ul li dl dd a:hover{ color:#f60;}
.menu a{font-size:16px;color:#fff;text-decoration:none;font-weight: normal;display:block;text-align:center;}
.menu a:hover{color:#fff;}
/*a.menu_hover{ background:#666;color:#fff;}
.menu_down span{ display:block;background:url(../images/menu_down.gif) right 10px center no-repeat;}*/
.yuane{ display: flex; justify-content: center;  align-items: center;color:#98999d;}
.yuane a{ color:#ffffff; font-size:14px; margin:0 4px}
.yuane a.on{ color:#fff;}
.gaodu{margin-top:-100px; padding-top:100px}

.banenr{ position:relative}
.banenr>img{ width:100%; vertical-align:bottom}
.banner02{position:absolute;top: 34%;right: 11%;width: 24%;color:#fff;}
.banner02 h1{ font-size:42px; display:block}
.banner02 span{font-size:16px;display:block;line-height:1.6;margin-top: 5%;}

.cent01{ text-align:center; margin-top:3%;}
.cent01 h2{ display:block; font-size:26px; color:#656565; font-weight:normal; line-height:1.5;}
.cent01 span{ display:block; color:#999999; line-height:1.8; font-size:12px; margin-top:2%; margin-bottom:2%}
.tansuo{ display:inline-block; text-align:center; color:#8a6d5f; border-bottom:1px solid #8a6d5f; padding-bottom:10px; font-size:16px;}
.tansuo em{ font-style:normal; display:inline-block; margin-left:3vw;}
.cent01 ul{}
.cent01 ul li{ float:left; display:block;width:calc((100% - 60px)/4); margin-top:4%; margin-right:20px}
.cent01 ul li:nth-child(4n) {margin-right: 0% ;}
.cent01 ul li { display:block;}
.cent01 ul li  img{ width:100%; vertical-align:bottom;}

.title-bg{ display: flex;  align-items: center;justify-content: space-between;}
.title01{}
.title01 span{ font-size:16px; color:#666666; display:block; font-weight:bold; margin-bottom:10px}
.title01 h1{ font-size:65px; display:block; color:#333333;}

.cent02{ margin-top:3%;}
.cent02 ul{ margin-top:2%}
.cent02 ul li{display: flex;align-items: center;justify-content: space-between;box-shadow: 0px 0px 15px #ccc;box-sizing:border-box;padding:2.2%;border-radius:10px;margin-top:20px}
.cent02 .img{width:122px;text-align: center;}
.cent02 .img img{ width:70%;}
.cent0201{ border-left:1px solid #f2f2f2; border-right:1px solid #f2f2f2; min-height:300px; flex:1; padding:0 4vw; margin:0 4vw}
.cent0201 h2{ font-size:45px; display:block; color:#666666}
.cent0201>span{ font-size:22px; display:block; color:#999999; line-height:2; margin-top:3%;    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
   /*-webkit-line-clamp: 8;*/}
   
.cent0201 .dit{} 
.cent0201 .dit dl dd{ display: flex;   align-items: center;
justify-content: space-between; margin-top:10px}
.cent0201 .dit dl dd .imgjo{ width:200px; height:60px;  display: flex; justify-content: center;  align-items: center;}
.cent0201 .dit dl dd .imgjo img{ max-width:100%; max-height:100%}
.cent0201 .dit dl dd strong{ font-weight:normal; width:calc(100% - 70px); line-height:1.5; font-size:22px; color:#999999}

.cent02 .img02{ width:33%}
.cent02 .img02 img{ width:100%; vertical-align:bottom}


.cent03{ margin-top:3%;}
.cent0301{ margin-top:2%}
.cent0301 ul li{ float:left; display:block;width:calc(100%/3);}
.cent0301 ul li:nth-child(3n) .fur{ border-right:1px solid #ccc}
.cent0301 ul li { display:block;}
.cent0301 ul li  .img{ width:100%}
.cent0301 ul li  .img img{ width:100%; vertical-align:bottom;}
.fur{ border-left:1px solid #ccc; display:block; box-sizing:border-box; border-bottom:1px solid #ccc; padding:4%;height: 520px;}
.fur h2{ font-size:99px; line-height:1; color:#f2f2f2; display:block; margin-bottom:20px; font-weight:normal;}
.fur span{ display:block; color:#333333; line-height:1.8; font-size:28px; display:block; min-height:101px; margin-bottom:10%}
.fur .tse{ display:inline-block;  font-size:20px; color:#333333;  border-bottom:1px solid #ccc; padding-bottom:14px}
.fur em{ display:block; font-size:15px; color:#666; line-height:1.8; font-style:normal; margin-top:20px}


.cent04{ margin-top:3%}
.hlyd{ margin-top:2%}
.hlyd ul li{ font-size:22px; display: flex;   align-items: center; color:#999999; margin-bottom:20px}
.hlyd ul li em{ display:inline-block; width:10px; height:10px; background:#896d5f; border-radius:50%; margin-right:10px}

.cent05{ width:100%; box-sizing:border-box; padding-left:5%; margin-top:2%}

/*scroll_03*/
.scroll_03{ position:relative}
.scroll_03 .hd .prev,.scroll_03 .hd .next{ display:block;  width:68px; height:68px; line-height:10px;overflow:hidden;cursor:pointer; } 
.scroll_03 .hd .next{ position:absolute; top:50%; right:5%;  transform: translate(0,-50%); z-index:9}
.scroll_03 .hd .next img{ width:100%; height:100%;}
.scroll_03 .bd{ overflow:hidden; width:100%;} 
.scroll_03 .bd li{ float:left; width:700px; overflow:hidden; margin:0 10px;}
.scroll_03 .bd li .img{height:567px; border:#f4f4f4 solid 1px; padding:2px; background:#fff;}
.scroll_03 .bd li .img table tr td{ height:567px;}
.scroll_03 .bd li .img table tr td img{ max-width:700px; max-height:567px;}


.cent06{ margin-top:3%;}
.jiidna{ display: flex;  align-items: center;flex-wrap: wrap;  font-size:43px; color:#666666; font-weight:bold; margin-top:2%}
.jiidna img{ width:70px; display:block; margin-right:1vw;}
.wezie{ display:block; margin:2% auto 3%; font-size:22px; line-height:2; color:#999999}
.sbue{ float:left; display:block; width:26%}
.sbue img{ width:100%; vertical-align:bottom;}
.sbue02{ float:right; display:block; width:60%}
.sbue02 img{ width:100%; vertical-align:bottom;}
.cent06 .img{ width:100%; margin-top:2%}
.cent06 .img img{ width:100%; vertical-align:bottom;}


.cent07{ margin-top:3%}
.cent07 ul{ margin-top:3%}
.cent07 ul li{box-shadow: 0px 0px 15px #ccc; margin-bottom:20px}
.cent07 ul li { display: flex;  align-items: center;justify-content: space-between;}
.cent07 ul li  .img{width: 33%;}
.cent07 ul li  .img img{ width:100%; vertical-align:bottom;}
.cent07-r{box-sizing:border-box;width: 62%;padding-right: 8%;color:#676767}
.cent07-r h2{ font-size:35px; display:block; }
.cent07-r span{ font-size:22px; display:block; line-height:2; margin-top:2%}


.cent08{ margin-top:3%; margin-bottom:3%}
.cent08 dl dd{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;margin-top: 2%;}
.cent08 dl dd .img{width: 12%;margin-left: 3%;}
.cent08 dl dd .img img{ width:100%; vertical-align:bottom}
.cent08 dl dd .cent0801{width: 82%;}
.cent0801{}
.cent0801 ul li{ display: flex;  align-items: center;flex-wrap: wrap; margin:10px 0; }
.cent0801 ul li .img02{width: 29.5%;}
.cent0801 ul li .img02 img{ width:100%; vertical-align:bottom;}
.cent0802{ width:60%; box-sizing:border-box; padding-left:2vw;}
.shanghai{display: flex;  align-items: center;flex-wrap: wrap;}
.shanghai span{ font-size:22px; color:#666666; display:block; font-weight:bold;}
.shanghai img{ width:8vw; margin:0 2vw 0 3vw}
.juli{ display: flex;  align-items: center;flex-wrap: wrap; margin-top:2% }
.juli em{display: flex;  align-items: center; font-size:20px; color:#896c5c; margin-right:3vw; font-style:normal;}
.juli em img{ width:25px; margin-right:10px;}

 .houji{ margin-top:2%; font-size:16px; line-height:1.5;}


.footer-bg{position:relative;background:#000000;color:#fff;padding-top:4%;padding-bottom:2%;box-sizing: border-box;height: 94.5vh;}
.footer-bg:before { content: ""; height:1px; width:100%; background:#333333; display:block;}
.footer-bg a{ color:#fff;}

.footer{ padding-top:4%}
.footer span{ font-size:24px; line-height:1.5;}
.liuyan{ display: flex;  align-items: center;flex-wrap: wrap; margin-top:4%}
.liuyan .input_text{ background:none; height:78px; line-height:78px; font-size:20px; box-sizing:border-box; padding:0 20px; border-radius:5px; border:1px solid #fff;outline:none; margin-right:20px; width:20%; color:#fff;}
.liuyan .input_text::-webkit-input-placeholder{ color:#ccc;}
.liuyan>a{ font-size:18px; background:#333333; border-radius:30px; width:145px; text-align:center; line-height:78px;}
.footer .img{width:100%;margin-top:2%;/* height:40vh; */}
.footer .img img{ max-width:100%; vertical-align:bottom; /*height:40vh;*/ width: 30%;}

.footer02{ position:absolute; top:0%; right:0; width:370px; padding-top:4%; box-sizing:border-box;}
.footer02 ul li{ border-left:1px solid #333333; border-bottom:1px solid #333333; text-align:center; line-height:110px}
.footer02 ul li span{ }
.footer02 ul li span a{ font-size:17px; font-weight:bold;display:block; border-bottom:4px solid transparent}
.footer02 ul li:hover span a{ border-bottom:4px solid #8a6c61; background:#333230;}
.yune{display: flex;justify-content: space-evenly;align-items: center;width: 100%;}
.yune a{border-right:1px solid #333333;width: 50%; font-size:17px; font-weight:bold;border-bottom:4px solid transparent}
.yune a:nth-child(2n) {border-right:0px}
.yune a:hover{ border-bottom:4px solid #8a6c61; background:#333230;}

.sp_header{ display:none}
.sjj_nav{ display:none}

.inside_con{ padding:10px 0; min-height:300px;}


@media only screen and (max-width: 980px) {
.header-bg{ display:none}	/*---------------------------------------------------------------------------------------------------------------手机站导航开始----------*/
.sp_header{height:50px;overflow:hidden;background: #000000;position: relative;z-index:10;width:100%;display:block}
.sp_logo{padding:10px;float:left;height:50px}
.sp_logo img{margin:auto;max-height:30px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background: #8a6c61;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position: absolute;z-index:9;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;display:block}
.nav_show{top:50px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}
/*---------------------------------------------------------------------------------------------------------------手机站导航结束----------*/

.banner02{ width:80%; right:10%;    top: 21%;}
.banner02 h1{ font-size:24px}
.banner02 span{ font-size:14px;}

.cent01 h2{ width:90%; margin:0 auto; font-size:15px;}
.cent01 span{width:90%; margin:0 auto; font-size:14px; line-height:1.5; margin-top:4%}

.cent01 ul li{ width:100%; margin-right:0}

.title01 h1{ font-size:30px;}
.cent02{ margin-top:5%;}
.cent02 ul li{flex-wrap: wrap; }
.cent0201{ border:0; width:100%; flex:none; margin:0; padding:0; min-height:inherit;}
.cent0201 h2{ font-size:24px}
.cent0201>span{ font-size:18px; line-height:1.5;}
.cent02 .img02{ width:100%; margin-top:5%}
.cent0301 ul li{ float:none; display:block; width:100%;}
.fur span{ font-size:22px;}
.hlyd ul li{ font-size:18px; margin-bottom:10px}


.scroll_03 .bd li{ float:left; width:300px;}
.scroll_03 .bd li .img{height:250px; }
.scroll_03 .bd li .img table tr td{ height:250px;}
.scroll_03 .bd li .img table tr td img{ max-width:300px; max-height:250px;}

.jiidna{ font-size:24px;}
.jiidna img{ width:40px;}
.cent03{ margin-top:5%;}
.cent04{ margin-top:5%;}
.cent06{ margin-top:5%;}
.cent07{ margin-top:5%;}
.wezie{ line-height:1.5; font-size:18px;}

.cent07 ul li {flex-wrap: wrap;}
.cent07 ul li  .img{ width:100%}
.cent07 ul li  .cent07-r{ width:100%; margin-top:5%; padding:5%; margin:0}
.cent07-r h2{ font-size:24px;}
.cent07-r span{ font-size:18px; line-height:1.5;}
.cent08 dl dd .img{ display:none;}
.cent08 dl dd .cent0801{ width:100%}
.cent0801 ul li .img02{ width:100%;}
.cent0802{ width:100%; padding:5%; box-sizing:border-box;}
.shanghai span{ font-size:24px;}
.juli em{ font-size:16px; margin-top:10px}
.footer02{ display:none}
.footer .img img{ height:auto;width: 100%;}
.footer span{ font-size:16px;}
.liuyan .input_text{ line-height:40px; width:100%; margin-right:0; margin-bottom:5%; height:40px}
.liuyan>a{line-height:40px; height:40px; width:100%;}	
.footer .img { margin-top:5%; width:60%}	
	}