@charset "utf-8";
/* CSS Document */

*{ padding:0; margin:0; box-sizing:border-box; }

img,a,span,p{transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}

body{font-size:14px;color:#666;font-family:'微软雅黑';}
a{ text-decoration:none; color:#333;}
li{ list-style:none;}
img{ max-width:100%; margin:0 auto; display:block;}
.clr{ clear:both;}
.ri{ float:right;}
.le{ float:left;}
.w1200{ max-width: 1200px; margin: 0 auto;}
.w1600{ max-width:1600px; margin:0 auto;}
.clear::after{ display:block; content:""; clear:both;}
.table{ display: table; width: 100%; height: 100%;}
.tbc{ display: table-cell; vertical-align: middle; width: 100%; height: 100%;}


.wap{ display:none;}
.hei50{ height:50px; width:100%;}
.sp_header{height:50px;overflow:hidden;background:#fff;position:fixed;z-index:10;width:100%; box-shadow:0 0 5px rgba(0,0,0,0.3);}
.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:#f2a92f;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:fixed;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;}
.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}
#zhonggkh{padding-top:80px;}
.top{ height: 80px; position: fixed; top: 0; left: 0; width: 100%; z-index: 10; transition: all 0.3s ; -webkit-transition: all 0.3s ; -moz-transition: all 0.3s ; -ms-transition: all 0.3s ; -o-transition: all 0.3s ; }
.top .w1600{ position: relative;}
.top.gizle{ background: rgba(0,0,0,0.5);}
.top .lang{ position: absolute; right: 0; top: 0; height: 80px;}
.top .lang a{ width: 40px; height:40px; border-radius: 100%; background-color: #f2a92f; color: #fff; font-size: 16px; display: block; line-height: 40px; text-align: center; margin-top: 20px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; }
.logo{ width: 150px;}
.logo img{ margin-left: 0;}
.nav{ padding-right: 130px;}
.nav li{ margin-left: 40px; display: inline-block; }
.nav >ul>li> a{ cursor:pointer; line-height: 76px; color: #353535; font-size: 16px;padding:0 10px; display: block;}
.nav >ul>li.on> a{ border-bottom: 4px solid #f2a92f; color: #f2a92f;}
.nav >ul>li> a:hover{ color:#f2a92f}
.nav >ul>li{ position:relative;}
.submenus{ display:none; position:absolute; width:300%; text-align:left; left:0; top:81px; padding:20px 20px; background:#fff;}
.submenus li{ display:block; margin-left:0; padding:8px 0;}
.submenus li a:hover{ color:#f2a92f}

.gizle .submenus{ background:rgba(0,0,0,0.5);}
.gizle .submenus li a{ color:#fff;}

.top.gizle .nav >ul>li> a{ color: #fff;}
.top.gizle  .nav >ul>li.on> a{ color: #f2a92f;}
.top.gizle  .nav >ul>li> a:hover{ color:#f2a92f}

.banner .swiper-slide{}
.banner .swiper-slide .txts{ position: absolute; width: 100%; max-width: 1600px; height: 100%; top: 0; left:50%; transform: translateX(-50%); -moz-transform:; -webkit-transform:; -ms-transform:; height: 100%;  -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform:translateX(-50%); }
.banner .swiper-slide .txts p{ transition: all 1s; position: relative; left: 100px; opacity: 0; font-size: 44px; color: #f20207; max-width: 750px; display: block; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; }
.banner .swiper-slide .txts .line{ transition: all 1.3s; position: relative; left: 100px; opacity: 0; width: 580px; height: 1px; background-color: #d6d8d7; margin: 50px 0 30px; -webkit-transition: all 1.3s; -moz-transition: all 1.3s; -ms-transition: all 1.3s; -o-transition: all 1.3s; }
.banner .swiper-slide .txts .line2{ width: 110px; height: 1px; background-color: #ed3134;}
.banner .swiper-slide .txts b{ transition: all 1.6s; position: relative; left: 100px; opacity: 0; font-weight: normal; font-size: 30px; color: #403e3e; -webkit-transition: all 1.6s; -moz-transition: all 1.6s; -ms-transition: all 1.6s; -o-transition: all 1.6s; }
.banner .swiper-slide .txts a{ transition: all 2s; position: relative; left: 100px; opacity: 0; margin-top: 40px; display: block; width: 160px; height: 50px; line-height: 50px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; color: #fff; font-size: 16px; padding-left: 30px; background: url(../icon/moreicon.png) 102px center no-repeat; background-color: #f20207; -webkit-transition: all 2s; -moz-transition: all 2s; -ms-transition: all 2s; -o-transition: all 2s; }

a.demohuoqu{ position: relative; margin-top: 40px; display: block; width: 160px; height: 50px; line-height: 50px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; color: #fff; font-size: 16px; text-align:center;  background-color: #f2a92f; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; }


.banner .swiper-slide.swiper-slide-active .txts p { left: 0; opacity: 1;}
.banner .swiper-slide.swiper-slide-active .txts .line { left: 0; opacity: 1;}
.banner .swiper-slide.swiper-slide-active .txts b { left: 0; opacity: 1;}
.banner .swiper-slide.swiper-slide-active .txts a { left: 0; opacity: 1;}

a.mores{ margin: 0 auto; margin-top: 55px; display: block; width: 150px; height: 35px; text-align: center; line-height: 35px; color: #fff; background-color: #f2a92f; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
a.mores img{ display: inline-block; vertical-align: middle; margin-top: -4px; margin-left: 5px;}
.title,.title2{ text-align: center;}
.en_tit{ font-size: 40px;color: #303030; text-transform: uppercase; font-weight: normal;}
.ch_tit{ font-size: 30px; color: #303030; padding-top: 10px;}
.line3{ width: 70px; height: 2px; background-color: #f2a92f; margin: 20px auto;}
.main_01{padding-top: 120px; padding-bottom: 70px;}
.main_01 .w1600{ position: relative;}
.main1_le{ width: 45%; max-width: 720px; position: relative; height: 100%; }
.about_index { padding-top:40px}
.about_index p{font-size: 14px; line-height: 36px;}
.main_01 a.mores{ margin-left: 0;}

.main_01 .title{ text-align: left;}
.main_01 .line3{ margin-left: 0;}
.main_01 .title2 .line3{ margin-left: auto;}
.main_01 .title .en_tit{ font-size:20px;}
.main_01 .title .ch_tit{ font-size:20px;}
.main1_ri{ width: 50%; max-width: 700px;}
.main_02{ background-image: url(../images/indexbac_04.jpg); background-size: cover ; background-position: center; padding: 40px 0;}
.intro_index{ max-width: 700px; margin: 20px auto; font-size: 14px; line-height: 36px; text-align: center;}

.teamslide{ margin-top: 40px;}
.teamslide .swiper-slide{ position: relative;}
.teamslide .zhezhao{ background-color: rgba(255,255,255,0.5); position: absolute; width: 100%; height: 100%; left: 0; top: 0;}

.teamslide .swiper-slide.swiper-slide-next .zhezhao{ display: none;}

.teamslide .swiper-button-prev{ background-image: url(../icon/left.png); width: 66px; height: 66px; background-size: 66px 66px; margin-top: -33px; left: 20%;}
.teamslide .swiper-button-next{ background-image: url(../icon/riicon.png); width: 66px; height: 66px; background-size: 66px 66px;margin-top: -33px; right: 20%;}

.main_03{ padding: 40px 0;}.main_03_box{ padding-top: 30px;}


.main_04{ padding:40px 0 0}
.main_04_box { height: 700px; margin: 40px auto;}
.main_04_box li{ position: relative; transition: all 0.3s; background-size: cover; width: 33.3%; height: 700px; float: left; background-position: center; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; }

.main_04_box li.active{ width: 50%;}
.main_04_box li.active2{ width: 25%;}

.main_04_box li .zhezhaos{ position: absolute; height: 32%; width: 100%; bottom: 0; left: 0; overflow: hidden; padding:0 55px}
.main_04_box li .zhezhaos .tbc>img{ margin-bottom:60px;}
.main_04_box li .zhezhaos p{ color: #fff; line-height: 34px;}
.main_04_box li .zhezhaos .p_p { height: 102px; overflow: hidden;}

.main_04_box li.active .zhezhaos{ height: 100%; background: rgba(242,169,47,0.8);}
.main_04_box li.active .zhezhaos .p_p{ height: auto;}
.main_04_box a.mores{ background-color: #fff; color: #f2a92f; display: none;}
.main_04_box li.active a.mores{ display: block;}
.main_05_box ul{ padding: 40px 0;}
.main_05_box li{ width: 23.3333333333333333333%; border: 1px solid #e5e5e5; float: left; display: inline-block; height: 112px; margin-bottom: 2.2%; margin-right: 2.22222222%;}
.main_05_box li:nth-child(4n){ margin-right: 0;}

.main_05_box li:hover img {
	animation: flipInY 1.2s ease-out forwards;
	-webkit-animation: flipInY 1.2s ease-out forwards
}


.main_06 { padding: 80px 0 110px; background: #fff0e1;}
.main_06_box{ padding-top: 40px;}
.main_06_box p{ font-size: 24px; line-height: 48px; display: block; text-align: center;}
.main_07 { padding-bottom: 90px;}
.main_07 img{ margin-top: -90px;}


.flipper {
	width: 130px;
	height: 110px;
	perspective-origin: center;
	transform-style: preserve-3d;
	transition: transform 1s;
  }
  
  .main_08 li:hover .flipper {
	transform: rotateY(180deg);
  }
  
  .front, .back {
	width: 130px;
	height: 110px;
	backface-visibility: hidden;
	text-align: right;
	position: absolute;
  }
  
  .front {
	background: #fff;
  }
  .front b{ font-size: 36px; color: #303030; font-weight: normal;}
  .front span{ font-size: 18px;color: #303030;}
  
  .back {
	transform: rotateY(-180deg);
  }

  .main_08{ background-image: url(../images/indexbac_06.jpg); background-size: cover; background-position: center; padding: 60px 0 40px;}
  .main_08 li { width: 48.5%; float: left; margin-right: 3%; margin-bottom: 3%; padding: 15px; padding-right: 40px; background-color: #fff;}
  .main_08 li:nth-child(2n){ margin-right: 0;}
  .main_08 li h2 a{ margin: 15px 0; color: #666666; font-size: 16px; font-weight: normal; display: block; padding-right: 40px;	overflow: hidden;	white-space: nowrap;	text-overflow: ellipsis;;}
  .main_08 li .imgs{ width: 130px;} 
  .main_08 li .txts{ width: calc(100% - 160px);}
  .main_08 li .txts p{ font-size: 14px; line-height: 24px; color: #999; max-height: 48px; overflow: hidden;}
  .main_08 li:hover h2 a{ color: #f2a92f; background-image: url(../icon/newsicon.jpg); background-position:  right center; background-repeat: no-repeat;}
  .main_08 a.mores{ margin-top: 0;}
  .main_08 ul{ padding:40px 0 0}
  
  .footer2_ri{ width: calc(100% - 300px); position: relative;}
  .links { width: 45%; padding: 80px 0; padding-left: 50px;}
  .rexian{ width: 55%; padding: 70px 0 80px; padding-left: 40px; position: absolute;; height: 100%;border-left: 1px solid #7d7d7d;border-right: 1px solid #7d7d7d;}
  .rexian>div{ background-position: left center; background-repeat:no-repeat; padding: 10px 0; padding-left: 40px; background-position: left center; background-repeat: no-repeat;}
  .ewm{ padding-top: 80px;}
  .rexian>div p{  font-size: 16px; color: #fff;}
  .rexian>div p b{ font-size: 30px; color: #fff;}

  .rexian>div.tels{ background-image: url(../icon/ficon5.png);}
  .rexian>div.youxiang{ background-image: url(../icon/ficon6.png);}
  .rexian>div.add{ background-image: url(../icon/ficon7.png);}

  .footer{background-color: #313131; border-bottom: 1px solid #7d7d7d; padding: 20px 0;}
  .footer .nav_le a{ color: #fff; display: inline-block; margin-right: 40px; line-height: 40px;}
  .footer .nav_le a:hover{ color: #f2a92f;} 
  .ri_nav span{ color: #f2a92f; font-size: 16px; display: inline-block; padding: 10px 0; margin-left: 30px; padding-left: 35px; background-position: left center; background-repeat: no-repeat; }
  .ri_nav span.icon_01{ background-image: url(../icon/ficon1.png);}
  .ri_nav span.icon_02{ background-image: url(../icon/ficon2.png);}
  .ri_nav span.icon_03{ background-image: url(../icon/ficon3.png);}
  .footer2 { background-color: #313131;}
  .footer3{ text-align: center; background-color: #1b1b1b; padding: 15px; color: #fff;}
.footer3,.footer3 a{ font-size: 16px; color: #fff;}

.links b{ display: block; font-size: 24px; color: #fff; border-left: 3px solid #f2a92f; font-weight: normal; padding-left: 15px; margin-bottom: 50px;}
.links a{ display: inline-block;}

.links a:hover img {
	animation: flipInY 1.2s ease-out forwards;
	-webkit-animation: flipInY 1.2s ease-out forwards
}

.banner .swiper-pagination-bullet-active{ background-color: #f20207;}



.lxwm{ padding-top: 160px; padding-bottom: 70px; text-align: right;}
.lxwm .con_ch{ font-weight: bold; font-size: 36px; color: #000;    text-align: center;}
.lxwm .con_en{ font-weight: bold; font-size: 50px;color: #000;    text-align: center;}
.lxwm .con_intro{ font-size: 14px; color: #999999;    text-align: center;}

.con_box{ padding: 100px 0 40px;}
.con_box_le,.con_box_ri{ width: 50%;}
.con_box_le b{ font-size: 24px; color: #4472c4; font-weight: normal; line-height: 36px;}
.con_box_le p{ font-size: 14px; color: #666666; line-height: 36px;}
.con_anniu { padding-bottom: 70px;}
.con_anniu img{ display: inline-block; margin-right:20px ;}


.bd_tit{ text-align: center; padding-bottom: 60px;}
.bd_tit span{ display: inline-block; padding-left: 50px; background: url(../icon/lxwm_16.jpg) no-repeat left center; font-size:24px ; line-height: 30px; color: #333;}
.forms { padding-bottom: 60px;}
.forms span{ display: inline-block; text-align: justify; text-align-last: justify; font-size: 16px; color: #999999; width: 90px; display: inline-block; float: left; line-height: 45px;}
.forms input,.forms textarea{ padding: 10px; border: 1px solid #d2d2d2; height: 43px; width: calc(100% - 95px); float: right; }
.forms .w50{ width: 48%;}
.forms .w100 { width: 100%;}
.forms textarea{ height: 150px;}
.forms .inputs,.forms .inputss{margin-bottom: 20px;}
.forms button{ width: 130px; height: 35px; border: none; background: #f2a92f; color: #fff; font-size: 18px; display: block; margin: 0 auto;}


.main_ny{ padding-top: 80px;}

.positon{ border-bottom: 1px solid #dcdcdc;border-top: 1px solid #dcdcdc;}
.positon a,.posi{ line-height: 55px;}
.posi a{ font-size: 14px; color: #666;}
.positon a.ri{ font-size: 14px; color: #999;}
.positon a:hover{ color: #f2a92f;}

.news_box_arti h1{font-size: 24px; display: block; padding: 40px 0 0;}
.news_box_arti .times{ font-size: 14px; color: #999; padding: 30px 0; }
.bodies p{ font-size: 14px; color: #666; line-height: 36px; display: block;margin-bottom:30px ;}
.prev_next{ padding: 40px 0; margin-top: 40px;border-top: 1px solid #dcdcdc;}
.prev_next>div{ width: 48%;}
.prev_next>div a{ font-size: 14px; color: #666666; line-height: 24px; text-align: left;}
.prev_next>div.nexts{ text-align: right;}
.prev_next>div a:hover { color: #f2a92f;}

.news_nav{ text-align: right; padding-bottom: 60px;}
.news_nav a{ font-size: 16px; color: #999; margin-left: 55px; padding-bottom:15px ;}
.news_nav a.on{ border-bottom: 2px solid #f2a92f;}
.news_nav a:hover{ color: #f2a92f;}
.news_list li{ margin-bottom: 55px;}
.news_list li .imgs{ width: 260px; height: 210px; overflow: hidden;}
.news_list li .imgs img{ width: 100%;}
.news_list li:hover .imgs img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.news_list li .txts{ width: calc(100% - 300px); position: relative;}
.news_list li .txts h2 a{overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis; font-weight: normal; font-size: 16px; color: #333; display: block; padding: 30px 0; padding-right: 150px; border-bottom: 1px solid #d2d2d2;}

.news_list li .txts .timess{ position: absolute; right: 0; padding: 30px 0; top: 0; font-size: 16px; color: #999999;}
.news_list li .txts p{ font-size: 14px; color: #999; line-height: 36px; text-indent: 2em; height: 72px; overflow: hidden; margin-top: 30px;}
.news_list li:hover h2 a{ color: #f2a92f;}
.news_list li:hover .timess{ color: #f2a92f;}


.pageslist{ text-align: center; padding-bottom: 70px;}
.pageslist li{ display: inline-block; margin-bottom: 5px;}
.pageslist li a,.pageslist span{ display: block; padding:5px  15px; border-radius: 5px; border: 1px solid #dddddd; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.pageslist li.active a,.pageslist li a:hover{ background: #f2a92f; color: #fff;}


.fuwuzhichi img{ margin: 40px auto;}
.about_intor{ font-size: 14px; color: #5b5b5b; line-height: 36px; text-align: center; padding: 60px;}

.about_top ul li{ width: 33.333333333%; float: left; border-left:1px solid #bfbfbf; padding: 30px; text-align: center;}
.about_top ul li:last-child{ border-right:1px solid #bfbfbf ;}
.about_top ul li b{ font-size: 14px; color: #f2a92f; font-weight: normal;}
.about_top ul li b em{ padding-right: 5px; font-style: normal; font-weight: bold; font-size:30px ;color: #f2a92f;}
.about_top ul li .line4{ height: 3px; width: 40px; background: #f2a92f; margin: 15px auto 20px;}
.about_top ul li p{ color: #686868; font-size: 14px;}
.about_top .w1200> img{ margin: 40px auto;}

.team_lists li{ border-radius: 5px; overflow: hidden; width:31% ; float: left; display: inline-block; margin-right: 3.5%; margin-bottom: 3.5%; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.team_lists li:nth-child(3n){ margin-right: 0;}
.team_lists li .zhezhao{ display: none; font-size: 16px; position: absolute; top:0; left: 0; width: 100%; height: 100%; text-align: center; background: rgba(255,255,255,0.5);}
.team_lists li:hover .zhezhao{ display: block;}


.culture_tit{ text-align: center; padding-bottom: 60px;} 
.culture_tit .culture_cn{ color: #333; font-size: 30px; font-weight: normal; padding-bottom: 10px;}
.culture_tit .culture_en{ font-size: 16px; color: #999;}
.culture_01_box img{ width: 640px;}
.culture_01_box .txts{ width:calc(100% - 700px);}
.culture_01_box .txts p{ display: block; font-size:14px; line-height: 36px; padding-top: 20px; padding-bottom: 60px;}
.culture_01_box .guaihuai { padding-top: 50px;}
.culture_01_box .guaihuai span{ padding-left: 40px; font-size: 24px; font-weight: bold; color: #333; position: relative;}
.culture_01_box .guaihuai span::before{ display: block; content: ""; width: 12px; position: absolute; left: 0; top: 50%; margin-top: -6px; height: 12px; border-radius:100% ; background-color: #f2a92f; -webkit-border-radius:100% ; -moz-border-radius:100% ; -ms-border-radius:100% ; -o-border-radius:100% ; }

.culture_02{ padding:60px 0 0}

.jingshen li{ width: 33.3333333%; display: inline-block; float: left; text-align: center;}
.jingshen li b{ display: block; font-size: 24px; color: #666; text-transform: uppercase; padding: 5px 0;}
.jingshen>p{ font-size: 14px; line-height: 36px; text-align: center; display: block; margin: 40px auto;}


.ban_txt{ width:880px; background-color: rgba(255,255,255,0.6); padding: 35px; text-align: center; position: absolute; top: 50%; left:50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); }

.ban_txt p{ font-size:16px; line-height:26px; color:#303030; font-weight: normal;}
.banner_subnav{ position: relative; width: 100%; height: 600px; background-position: center; background-repeat: no-repeat; background-size: cover;}

.kehu_box{ padding-bottom: 50px;}
.kehu_box .img_lis{ margin-top: 50px; position: relative;}
.kehu_box .img_lis .imgs{ position:relative; cursor:pointer;}
.kehu_box .img_lis .imgs .zhezhao{ padding:0 20%; position:absolute; width:100%; top:0; left:0; height:100%; background-color:rgba(0,0,0,0.4); display:none;}
.kehu_box .img_lis .imgs .zhezhao .tbc::after{ display:block; content:""; clear:both;}
.kehu_box .img_lis .imgs .zhezhao p{ display:block; float:left; width:48%; margin-right:4% ;color:#fff; font-size:16px; line-height:36px; padding-left:15px; position:relative;}
.kehu_box .img_lis .imgs .zhezhao p:nth-child(2n){ margin-right:0}
.kehu_box .img_lis .imgs .zhezhao p:nth-child(2n+1){ clear:left;}
.kehu_box .img_lis .imgs .zhezhao p::before{ display:block; content:""; width:5px; height:5px; background:#fff; position:absolute; left:0; top:50%; margin-top:-2.5px; border-radius:100%;}
.kehu_box .txts,.kehu_box .imgs{ width: 48%;}
.img_le >.imgs{ float: left;}
.img_le >.txts{ float: right; right: 0; padding-left:8%;}

.kehu_box .txts{ position: absolute; height: 100%; top: 0;}
.kehu_box .txts>a{ display: block; position: absolute; right: 0; bottom: 0;}

.img_ri >.imgs{ float:right;}
.img_ri >.txts{ float:  left; left: 0;padding-right:8%;}

.kehu_box .txts b{ font-size: 24px; color: #303030; font-weight: normal;}
.kehu_box .txts .line5{ width: 80px; height: 2px; background-color: #f2a92f; margin-top: 20px; margin-bottom: 50px;}
.kehu_box .txts p{ font-size: 16px; line-height: 36px;}
.kehu_box .txts span{ display: none ; padding: 7px 14px; background-color: #00a0e9; margin-top: 90px;}


.ban_txt2{ text-align: left; padding:40px;  left: 10%; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); }
.ban_txt2 p,.ban_txt3 p{color: #2767eb; font-weight: bold; font-size: 36px; line-height: 56px;}


.kine_tit { text-align: center;}
.kine_tit .kine_cn{ font-size: 30px; padding: 70px 0 55px; text-transform: uppercase;}
.kine_intro{ max-width: 1100px; margin: 0 auto; font-size: 16px; line-height: 36px; color: #373737; padding: 0 20px;}

.ban_txt3{ padding: 40px;}

.videps { height: 500px;}

.video-js .vjs-big-play-button{ width:55px; height:55px; border-radius:100%; top:50%; left:50%; margin-left:-27px; margin-top:-27px;}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder, .vjs-icon-play{ line-height:50px;}

video{ object-fit:fill;}
.vjs-poster{ background-size: cover;}


.con_anniu a{ border-radius:100%; width:50px; height:50px; display:inline-block; border:1px solid #e8e8e8; background-color:#fff;background-position:center; background-repeat:no-repeat; margin-right:20px;}
.con_anniu a:hover{ background-color:#f2a92f; border:1px solid #f2a92f;}
.con_anniu a.emials{ background-image:url(../images/hplxwmicon_06.png); }
.con_anniu a.xinxis{ background-image:url(../images/hplxwmicon_03.png); }

.con_anniu a.emials:hover{ background-image:url(../images/hplxwmicon_06w.png); }
.con_anniu a.xinxis:hover{ background-image:url(../images/hplxwmicon_03w.png); }


@media screen and (max-width:1640px){
	.w1600{ padding-left: 40px; padding-right: 40px;}
	.top{ left: 0; width: 100%; margin: 0;;}
	.top .lang{ right: 40px;}
	.main1_le{ left: 40px;}
	.banner .swiper-slide .txts p{ font-size: 30px;}
	.banner .swiper-slide .txts b{ font-size: 20px;}
	.main_01{ padding: 120px 0 40px;}
	
   }
   @media screen and (max-width:1440px){
	.nav{ padding-right: 80px;}
	.nav li{ margin-left: 10px;}
	.footer .nav_le a{ margin-right: 15px;;}
	.kehu_box .txts span{ margin-top: 30px;}
	.kehu_box .txts .line5{ margin-bottom: 30px;}
	.img_le >.txts{padding-left: 20px;}
	.img_ri >.txts{ padding-right: 20px;}
	.ban_txt p{ font-size: 18px;}
	.kehu_box .img_lis .imgs .zhezhao p{ font-size:14px; line-height:28px;}
   }
   @media screen and (max-width:1220px){
	.nav >ul>li> a{ padding:0 5px; margin-left: 5px;}
	.main_04_box li .zhezhaos{ padding: 0 15px;}
	.w1200{ padding-left: 40px; padding-right: 40px;}
	.en_tit,.ch_tit{ font-size: 24px;}
	.about_index p{ line-height: 28px;}
	.main_01 a.mores{ margin-top: 20px;}
	.culture_01_box .guaihuai span{ font-size: 16px;}
	.culture_01_box .guaihuai{ padding-top: 10px;}
	.culture_01_box .txts{ width: 48%;}
	.culture_01_box .txts p{ padding: 0;}
	.culture_01_box img.le{width: 50%}
	.nav_le,.ri_nav{ width: 100%; float:none; text-align: center;}
	.videps { height: 400px;}
	.kehu_box .img_lis .imgs .zhezhao{ padding:0 20px;}
   }
   @media screen and (max-width:960px){

	.wap{ display:block;}
	.pc{ display:none;}
	.main1_le{ position: static;}
	.intro_index{ line-height: 28px;}
	.main_08 li{ width: 100%; margin: 0; margin-bottom: 15px;}
	.rexian>div p{ font-size:14px}
	.rexian,.links{ width: 100%; float: none; position: static; border: none; padding-top: 40px; padding-left: 0; padding-bottom: 0;}
	.links{ padding-bottom: 40px;}
	.footer2_ri{ width: 100%;}
	.ewm{ width: 100%;}
	.lxwm{ padding:40px 0;}
	.main_ny{ padding-top: 0;}
	.news_list li .txts .timess,.news_list li .txts h2 a{ position: static; padding: 15px 0;}
	.kehu_box .txts p{ line-height: 28px; font-size: 14px;}
	.kehu_box .txts b{ font-size: 20px;}
	.kehu_box .txts .line5{ margin: 10px 0;}
	.ban_txt{ width: 90%; margin: 0 auto;}
	.kine_intro{ font-size: 14px; line-height: 28px;}
	.kine_tit .kine_cn{ padding: 30px 0; font-size: 24px;}
   }
.map iframe{ height: 540px;}
@media screen and (max-width:768px){
	.map iframe{ height: 340px;}
	.teamslide .swiper-button-prev,.teamslide .swiper-button-next{ width: 33px; height: 33px; background-size: 33px 33px;margin-top: -16px;}
	.w1600,.w1200{ padding-left: 15px; padding-right: 15px;}
	.main_04_box li.active{ width: 100%;}
	.main_04_box li.active2{ width: 100%;}
	.main_04_box li{ width: 100%;}
	.banner .swiper-slide .txts p{ font-size: 20px;}
	.banner .swiper-slide .txts .line{ margin-top: 20px; margin-bottom: 15px;}
	.banner .swiper-slide .txts a{ height: 35px; line-height: 35px; margin-top: 15px; font-size: 14px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; }
	.banner .swiper-slide .txts .line{ max-width: 580px; width: 100%;}
	.banner .swiper-slide .txts b{ font-size: 16px;}
	.banner img{ min-height: 260px;}
	.main_04_box{ height: auto;}
	.main_05_box li{ height: 60px;}

	.main_05_box li,.main_05_box li:nth-child(4n){ width: 31.3333333333%; margin: 1%;}
	.main_06_box p{ font-size: 16px; line-height: 30px;}
	.main_06_box{ padding-top: 20px;}
	.main_07{ padding-bottom: 30px;}
	.main_08,.main_08 ul{ padding: 30px 0;}

	.front, .back,.flipper,.main_08 li .imgs{ width: 100px; height: 80px;}
	.main_08 li .txts{ width: calc(100% - 115px);}
	.main_08 li{ padding-right: 15px;}
	.main_08 li h2 a{ margin: 0; margin-bottom: 10px;}
	.front b{ font-size: 26px;}
	.main1_le{ width: 100%; max-width: none;float: none;}
	.about_index{ width: 100%;}
	.main1_ri{ float: none; width: 100%; margin-top: 20px;}
	.main_01 .title{ text-align: center;}
	.main_01 .line3,.main_01 a.mores{ margin-left: auto;}
	.en_tit, .ch_tit{ font-size: 20px;}
	.ri_nav span{ margin-left: 10px; font-size: 12px;}
	.rexian>div p b{ font-size: 20px;}
	.links b{ font-size: 20px;}
	.footer3, .footer3 a{ font-size:12px}

	.main_04_box li{ height:500px}
	.main_04_box li .zhezhaos{ height: 45%;}
	.main_04_box li .zhezhaos .tbc>img{ margin-bottom: 30px;}
	.main_04_box a.mores{ margin-top: 30px;}
	.lxwm .con_ch,.lxwm .con_en{ font-size: 20px;}
	.lxwm{ text-align: center;}
	.con_box_le, .con_box_ri{ width: 100%; float: none;text-align: center;}
	.con_box_le{ padding-bottom: 40px;}
	.con_box{ padding: 40px 0;}
	.con_anniu{text-align: center;}
	.forms .w50{ width: 100%; float: none;}
	.forms .w50.le{ margin-bottom: 20px;}
	.bd_tit span,.con_box_le b{ font-size: 20px;}
	.bodies p{ line-height: 28px;}
	.prev_next>div{ width: 100%; float: none; padding: 5px 0;}
	.prev_next>div.nexts{ text-align: left;}
	.news_box_arti h1{ font-size: 18px;}
	.news_box_arti .times{ padding: 20px 0;}
	.prev_next { padding: 30px 0;}
	.news_nav{ text-align: center;}
	.news_nav a{ margin: 10px; font-size: 14px;}
	.news_list li .imgs{ width: 100px; height: 80px;}
	.news_list li .txts{ width: calc(100% - 110px);}
	.news_list li .txts .timess, .news_list li .txts h2 a{ padding: 0; padding-bottom: 5px; margin-bottom: 5px;}
	.news_list li{ margin-bottom: 25px;}
	.news_list li .txts p { margin-top: 0; line-height: 24px; height: 48px;}
	.news_list li .txts .timess{ display:none}
	.news_list li .txts h2 a{ font-size: 14px;}
	.pageslist{ padding-bottom: 40px;}
	.culture_tit .culture_cn{ font-size: 20px;}
	
	.culture_01_box .txts{ width: 100%;}
	.culture_01_box img.le{width: 100%}
	.culture_01_box .guaihuai{ padding-top: 20px;}
	.jingshen li b{ font-size: 14px; font-weight: normal;}
	.jingshen>p{ line-height: 28px;}
	.culture_01_box .txts p{ padding-top: 20px; line-height: 28px;}
	.jingshen li b{ padding: 0; padding-top:10px;}

	.banner_subnav{ height: auto; padding: 40px 20px;}
	.ban_txt{ position: static; transform: translate(0,0); -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); }
	.ban_txt p{ font-size: 16px; line-height: 28px; margin: 5px auto;}

	.kehu_box .txts, .kehu_box .imgs{ width: 100%; float: none; position: static; padding: 0;}
	.kehu_box .imgs{ margin-bottom: 20px;}
	.kehu_box .img_lis{ margin-top: 30px;}
	.videps{ height: 300px;}
	.about_intor{ padding:20px 20px 40px;}
	.about_top ul li b em{ font-size: 20px;}
	.about_top ul li p{ font-size: 12px;}
	.about_top ul li{ padding: 20px 5px;}
	.team_lists li{ width: 49%; margin-right: 2%; margin-bottom: 2%;}
	.team_lists li:nth-child(3n){margin-right: 2%;}
	.team_lists li:nth-child(2n){ margin-right: 0;}
	.pageslist{ padding-top: 20px;}
	.news_nav{ padding-bottom: 30px;}
	.main_05_box ul{ padding-top: 20px;}
	
	.kehu_box .img_lis .imgs .zhezhao p{ font-size:12px; line-height:20px;}
  .main_01 .title .en_tit{font-size:12px; padding-top:30px;}
  .main_01 .title .ch_tit{font-size:14px;}
  .main_01 .line3{display:none;}
  
	.kehu_box .txts>a{ position:static;}
	a.demohuoqu{ margin-top:10px;}
}
.demotanchuangs{ display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
	.tamotc_box span{ position:absolute; right:20px; top:10px; font-size:14px; cursor:pointer;}
	.demotanchuangs .tamotc_box{ max-width:300px; height:auto; width:95%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%); background:#fff; border-radius:10px; padding:50px 20px 30px;}
	.demotanchuangs .tamotc_box input,.demotanchuangs .tamotc_box button{ width:100%; height:35px; line-height:35px; margin-bottom:10px; border:1px solid #e1e1e1; padding:5px 10px; outline:none; background:none;}
	.demotanchuangs .tamotc_box button{ text-align:center; color:#fff; background:#f2a92f;cursor:pointer; padding:0; border:none;}
.demohuoqu{ cursor:pointer;}