@charset "utf-8";
* {	margin: 0;	padding: 0;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,img {	border: medium none;	margin: 0;	padding: 0; }
body,button,input,select,textarea {	 font-family:"寰蒋闆呴粦","瀹嬩綋",tahoma,Srial,helvetica,sans-serif;	outline: none;}
body{ overflow-x:hidden;}
h1,h2,h3,h4,h5,h6 {	font-size: 100%;}
ul,ol,li {	list-style: none; }
a {	text-decoration: none;	color: #373737;    vertical-align: top;-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;}
a:hover {	color: #f15a28;}
img {	border: 0px;}
em{ font-style:normal;}
table {	border-collapse: collapse;	border-spacing: 0;}
html,body {	color: #373737;	background: #fff;	margin: 0 auto;font-size: 14px !important; line-height:24px;}
::selection { color: #fff; background-color: #f15a28;}    
::-moz-selection { color: #fff; background-color: #f15a28;} 
.hide {	display: none;}
.clear {clear: both;}
.center{ text-align:center;}
.pic100 img{width:100%;}
.justify_fix{display:inline-block;*display: inline; *zoom:1; width:100%; height:0; overflow:hidden; }
.f-turn{-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;}
.fl{float:left;}
.fr{float:right;}
.overflow{ overflow:hidden;}
.white,.white a{ color:#fff;}
.rela{ position:relative;}
.padtop{ padding-top:100px;}
.pad100{ padding:100px 0;}
.padbot{padding-bottom:80px;}


.padtt{ padding-top:65px;}






.large-header{position:fixed;width: 100%; top:0;left:0; z-index:1;}
.left_line{position:fixed; top:0; left:0; width:10px; background-color:#fd5822; height:100%; z-index:999;}
.logo{float:left; margin:10px 0;}
.rela{ position:absolute;width:100%; z-index:99;background-color:#efeeee; top:0; left:0;}
nav{ float:right;}
nav ul{ margin-top:40px;}
nav li{ float:left;font-size:18px; text-align:center; padding:0 20px; line-height:40px; height:40px;}
nav li a{display:block;}
nav li a:hover{ color:#f15a28;}
nav li .cur_nav{color:#f15a28;}
.langue{display:inline-block; overflow:hidden; height:40px; margin-left:20px;}
.langue a{display:block; width:40px; height:40px; background-color:#eeeeee; font-size:16px; line-height:40px; text-align:center; border-radius:40px; float:left; margin:0 5px;}
.langue a.cur{background-color:#f15a28; color:#fff;}
.videodiv{position:absolute; top:-50px; left:0;}
.h_banner{width:100%; height:920px; overflow:hidden; position:relative;}
.videodiv,video{ min-width:100%;min-height:800px; overflow:hidden;font-size: 0;}

.video_cover{display:block; position:absolute;top:120px;left:0;width:100%;height:800px; z-index:1; background:url(../images/video_cover.png) repeat;}
.banner_font{width:100%; position:absolute; top:420px; left:0; z-index:99999;}
.banner_font h2{font-size:60px; text-align:center; font-weight:bold; color:#fff; line-height:90px;}
.banner_font h2 span{color:#f15a28;}
.banner_font h4{font-size:24px; text-align:center; color:#fff; line-height:36px;}
.banner{ background:url(../images/banner4.jpg) no-repeat center; height:600px;  background-size: 100% 100%;}
.banner .banner_font{width:100%; position:absolute; top:270px; left:0; z-index:99999;}
.banner .banner_font h2{font-size:60px; text-align:center; font-weight:bold; color:#fff; line-height:90px;}
.banner .banner_font h2 span{color:#f15a28;}
.banner .banner_font h4{font-size:24px; text-align:center; color:#fff; line-height:36px;}
.about_text{ overflow:hidden; padding-top:40px;}
.about_text .about_img{ float:left; display:inline-block; width:49%;}
.about_text .about_img img{ width:100%;}
.about_text .about_box{ float: right; display:inline-block; width:49%;}
.about_text .about_box .about_title{ font-size:30px; color:#101010; padding:20px 0;}
.about_text .about_box .about_details{ color:#858484; font-size:16px; padding-top:25px;}
.about_zhong{overflow:hidden; width:100%; background:url(../images/videobg.jpg) no-repeat center top; background-attachment:fixed; margin:90px 0; z-index:999999; position:relative;}
.about_zhong img{width:384px; display:block; margin:0 auto;}
.zoomIn {
      -webkit-animation-name:zoomIn;
      animation-name:zoomIn
  }
.overlay{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.2);
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
}
.layerBox{
    border-radius: 2px;
    /*margin:auto;*/
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1001;
    height: auto;
    background: #fff;
    box-shadow: 0 0 3px rgba(0,0,0,0.2);
}
.layerHeader{
    height: 35px;
    line-height: 35px;
    padding-left: 15px;
    border-bottom: 1px solid #edeeee;
    background: #f8f8f8;
    cursor: move;
}
.layerContianer{
    height:calc(100% - 35px) ;
    background: #fffdfa;
	    text-align: center;
    line-height: 200px;
}
.layer-size{
    display: block;
    width: 15px;
    height: 15px;
    position: absolute;
    right: 0;
    bottom: 0;
    cursor: se-resize;
}
.close_btn{
    display: block;
    width: 18px;
    height: 18px;
    float: right;
    margin: 7px 5px;
    background: url("../img/close.png") no-repeat center;
    cursor: pointer;
}


.about_tab02{overflow:hidden; height:439px;}
.about_tab02 .about_tab02_r{width:50%; height:439px; float:right;}
.about_tab02 .about_tab02_l{width:50%;; height:439px; float:left; padding:50px; background-color:#fff;}
.about_tab02 .about_tab02_l .about_tabt{ font-size:48px; color:#2c2c2c;  padding-bottom:20px; line-height:50px;}
.about_tab02 .about_tab02_l .about_d{ font-size:16px; line-height:36px; color:#0d0d0d;}
.about_tab02 .about_tab02_l .about_d span{ color:#f15a28}
.about_tab01{overflow:hidden; height:439px;}
.about_tab01 .about_tab01_l{width:50%; height:439px; float:left;}
.about_tab01 .about_tab01_r{width:50%; height:439px; float:right; padding:50px; background-color:#fff;}
.about_tab01 .about_tab01_r .about_tabt{font-size:48px; color:#2c2c2c; padding-bottom:20px; line-height:50px;}
.about_tab01 .about_tab01_r .about_d{ font-size:16px; line-height:36px; color:#0d0d0d;}


.lists{ text-align:center;}
.lists li{ display:inline-block; background:#f15a28; }
.lists li .list-name{ font-size:24px; color:#fff; padding:45px 70px; }
.lists li .list-name span{ display:block; padding-top:10px;}
.lists li .line{ border-left:#f15a28 solid 3px; height:20px; position:relative; left:120px; margin-bottom:-40px;}
.lists li:hover{ background:#fff;  position:relative; top:-30px;}

.lists li .list-name:hover{ color: #f15a28;}
.lists .n{  background:#fff;  position:relative; top:-30px;}
.lists .n .list-name{ color: #f15a28;}
.product_list{ overflow:hidden; padding-top:20px;}


.product_list li{ float:left; width:23%; margin:1%; text-align:center; background:#fff; padding:20px;}

.product_list li .product_tu img{ width:100%;}
.product_list li .product_t{ color:#101010; font-size:16px; padding-top:20px;line-height:24px;height:44px;overflow:hidden;}
.product_list li a:hover .product_t{ color:#f15a28;}
.list_details{ overflow:hidden; }

.list_details li { margin:0.1%; float:left;}
.list_details li a:hover{  background:#f15a28;color:#fff;}
.list_details li a{display:block;background:#fff; text-align:center; color:#101010; font-size:16px; line-height:48px; padding:0 15px;}

.product_details{ text-align:center; font-size:30px;line-height:36px;margin-bottom:30px;}
.date{ font-size:14px; color:#b2b2b2; padding-top:20px; padding-bottom:30px; text-align:center;}
.date span{ padding:0 10px;}
.product_text{ background:#fff; padding:60px; }
.product_text p{ line-height:24px; font-size:14px;}
.product_text a{ display:block;}
.product_text .line{ border-bottom:#b2b2b2 solid 1px; margin:40px 0;}
.product_text .product_tu{ text-align:center; padding:40px 0;}
.product_text .product_tu span{ display:block; font-size:14px; padding-top:20px;}
.parolsit{width:100%;}

.news_list{ overflow:hidden;  padding-top:20px;}
.news_list li{ float:left; width:31.3%; margin:1%; }

.news_list li .news_box{ background:#fff; padding:30px 20px; border-bottom:#fff solid 5px;}
.news_list li .news_box .news_title{ color:#101010; font-size:24px; line-height:30px; height:30px; overflow:hidden;}

.news_list li .news_box .news_time{ color:#101010; font-size:24px; color:#b2b2b2; font-size:14px; padding:10px 0;}
.news_list li .news_box .news_time span{margin-right:10px;}
.news_list li .news_box .news_text{ color:#858484; font-size:14px; line-height:24px; height:72px; overflow:hidden;}
.news_tu{width:100%;}
.news_tu img{ width:100%;max-height:279px;overflow:hidden;}
.news_list li a:hover .news_title{ color:#f15a28;}
.news_list li a:hover .news_box{border-bottom:#f15a28 solid 5px;}

.recruit_text{ text-align:center; font-size:16px; padding-top:20px; line-height:28px;}

.recruit_img{ padding-top:40px;}
.recruit_img span{ padding:0 7px;}


.contact_box{ background:#fff; overflow:hidden; margin-top:20px;}	
.contact_box .contact_text{ float:left; width:40%; padding:70px; overflow:hidden;}
.contact_box .contact_text .contact_title{ font-size:30px; padding-bottom:20px; }
.contact_box .contact_text .contact_details{ padding-top:20px; overflow:hidden;}
.contact_box .contact_text .contact_details .contact_dizi{ display:inline-block; float:left; width:10%; }
.contact_box .contact_text .contact_details .contact_diziw{ display:inline-block; float: right; width:82%; font-size:16px; }
.contact_box .contact_text .contact_details .contact_diziw span{ display:block; color:#f15a28; font-size:18px;}

.contact_box .contact_map{ float:right; width:60%; padding:10.5px;} 


.index_bg{width:100%; background: #efeeee; background-attachment:fixed;}
.index_aboutbox{width:100%; position:relative; z-index:999;}
.index_about_pos{position:absolute; top:10px; left:5%; background:url(../images/company.png) no-repeat center; width:117px; height:584px; z-index:9999;}
.index_name{width:100%; font-size:48px; text-align:center; line-height:50px; margin-bottom:25px;}
.index_detial{width:90%; margin:0 auto; padding-top:20px; font-size:16px; line-height:30px; color:#6d6d6d; text-align:center; padding-bottom:40px;}
.index_about_more{width:140px; height:44px; text-align:center; line-height:44px; border:solid 1px #c0c0c0; color:#6d6d6d; font-size:16px; border-radius:40px; margin:0 auto; display:block;}
.index_about_more:hover{background-color:#f15a28; color:#fff; border:solid 1px #f15a28}
.index_about_img{width:810px; overflow:hidden; margin:50px auto 0 ;}
.index_about_img li{ float:left; width:50%; padding:50px 0;background-color:#fd5822; color:#fff; text-align:center;}
.index_about_img li .about_img_img{width:100%;}
.index_about_img li .about_img_img img{width:120px; display:block; margin:0 auto;}
.index_about_img li .about_img_title{width:100%; font-size:24px; margin-top:20px; line-height:36px;}
.index_about_img li .about_img_detail{width:100%; font-size:16px;}
.index_about_img li:nth-child(2){background-color:#e74d1a;}
.strength{}
.strengthMain{overflow:hidden;margin-top:30px;}
.strengthMain li{float:left;width:33.3%;height:350px;overflow:hidden;background:#000;position:relative; z-index:9999999;}
.strengthMain li img{width:100%;height:350px;transition:all .5s;opacity:0.7;filter:alpha(opacity=70);}
.strengthMain li .font{width:100%;height:350px;top:0;left:0;position:absolute;color:#fff;text-align:center;font-size:16px;padding-top:125px;}
.strengthMain li .font h3{font-size:36px;color:#fff;font-weight:normal;margin-bottom:20px;line-height:36px;}
.strengthMain li:hover img{transform: scale(1.05, 1.05);}
.strengthMain li .font::before,.strengthMain li .font::after{position:absolute;content:'';opacity:0;transition:all 0.5s;}
.strengthMain li .font::before{top:25px;right:15px;bottom:25px;left:15px;border-top:1px solid #fff;border-bottom:1px solid #fff;transform:scale(0,1);-webkit-transform-origin:0 0;transform-origin:0 0}
.strengthMain li .font::after{top:15px;right:25px;bottom:15px;left:25px;border-right:1px solid #fff;border-left:1px solid #fff;transform:scale(1,0);transform-origin:100% 0;}
.strengthMain li:hover .font::before,.strengthMain li:hover .font::after{opacity:1;transform:scale(1);transition: all 0.5s;}
.index_new_pos{position:absolute; top:80px; right:5%; background:url(../images/news.png) no-repeat center; width:115px; height:316px; z-index:9999;}
.index_new_title{font-size:16px; color:#6d6d6d; text-align:center; margin-top:20px;}
.index_new{width:100%; overflow:hidden; margin-top:30px; max-height:357px;}
.index_new .index_new_l{width:24.5%; float:left; position:relative; max-height:357px; overflow:hidden;}
.index_new .index_new_l img{display:block; width:100%;}
.index_new .index_new_l span{display:block; position:absolute; bottom:0; left:0; color:#fff; font-size:18px; width:100%; padding:0 20px; height:60px; line-height:60px; overflow:hidden; background:url(../images/newbg1.png) repeat;}
.index_new .index_new_m{width:24.5%; float:left; margin-left:1%; position:relative;}
.index_new .index_new_m img{display:block; width:100%;}
.index_new .index_new_m span{display:block; position:absolute; bottom:0; left:0; color:#fff; font-size:18px; width:100%; padding:0 20px; height:60px; line-height:60px; overflow:hidden; background:url(../images/newbg2.png) repeat;}
.index_new .index_new_r{width:50%;float:right; background-color:#fff; padding:50px; max-height:357px; overflow:hidden;}
.index_new .index_new_r .index_new_01{width:100%; padding-bottom:30px; border-bottom:solid 1px #dcdcdc; overflow:hidden;}
.index_new .index_new_r .index_new_01 .index_new_01_l{width:30%; float:left;}
.index_new .index_new_r .index_new_01 .index_new_01_l img{width:100%;}
.index_new .index_new_r .index_new_01 .index_new_01_r{width:65%; float:right;}
.index_new .index_new_r .index_new_01 .index_new_01_r .index_new_01_r_title{font-size:18px; line-height:30px; overflow:hidden; height:30px;}
.index_new .index_new_r .index_new_01 .index_new_01_r .index_new_01_r_time{font-size:14px; line-height:40px; overflow:hidden; height:40px; color:#b3b3b3;}
.index_new .index_new_r .index_new_01 .index_new_01_r .index_new_01_r_detail{font-size:14px; line-height:24px; overflow:hidden; height:48px; color:#868686;}
.index_new .index_new_r .index_new_02{width:100%; margin-top:20px;}
.index_new .index_new_r .index_new_02 li{width:100%; overflow:hidden;}
.index_new .index_new_r .index_new_02 li .index_new_02_line{width:4px; height:12px; background-color:#fd5822; float:left; margin-top:8px;}
.index_new .index_new_r .index_new_02 li .index_new_02_title{width:70%; float:left; line-height:30px; height:30px; overflow:hidden; font-size:18px; margin-left:1%;}
.index_new .index_new_r .index_new_02 li .index_new_02_time{width:23%; float:right; line-height:30px; height:30px; overflow:hidden; font-size:18px; color:#b3b3b3;}

.footer_box{width:100%; background-color:#282828;margin-top:140px; border-bottom:solid 1px #2f2f2f;}
.footer_box .footer{position:relative;}
.footer_box .footer .footer_l{float:left;}
.footer_box .footer .footer_m{ position:absolute; bottom:40px; right:380px;}
.footer_box .footer .footer_r{position:absolute; bottom:40px; right:0px;}
.copy_box{width:100%; background-color:#282828; padding:35px 0; color:#949494; position:relative; z-index:10;}
.copy_box .copy{ }
.copy_box .copy .copy_l{width:65%; float:left; font-size:14px;}
.copy_box .copy a{color:#949494;}
.copy_box .copy a:hover{color:#fff;}
.copy_box .copy .copy_r{width:23%; float:right; font-size:14px;}
.copy_box .copy .copy_r SELECT { float:right;}
.copy_box .copy .copy_r SELECT {LINE-HEIGHT: 40px;BORDER: #393939 1px solid;}
.copy_box .copy .copy_r option { background-color:#282828;BORDER: #393939 1px solid !important; font-size:14px; line-height:24px;}
.copy_box .copy .copy_r .footer_sel {BORDER: #393939 1px solid;  padding:0 15px;LINE-HEIGHT:40px;WIDTH:230px;HEIGHT:40px; background-color:#282828;COLOR: #949494;}



.index_banner{position:inherit; z-index:99;}

.loader1 { width:70px; margin:0 auto;
   font-size:0px;
   padding:0px;
}
.loader1 span {
   vertical-align:middle;
   border-radius:100%;
   
   display:inline-block;
   width:10px;
   height:10px;
   margin:3px 2px;
   -webkit-animation:loader1 0.8s linear infinite alternate;
   animation:loader1 0.8s linear infinite alternate;
}
.loader1 span:nth-child(1) {
   -webkit-animation-delay:-1s;
   animation-delay:-1s;
  background:rgba(241, 90, 40,0.6);
}
.loader1 span:nth-child(2) {
   -webkit-animation-delay:-0.8s;
   animation-delay:-0.8s;
  background:rgba(241, 90, 40,0.8);
}
.loader1 span:nth-child(3) {
   -webkit-animation-delay:-0.26666s;
   animation-delay:-0.26666s;
  background:rgba(241, 90, 40,1);
}
.loader1 span:nth-child(4) {
   -webkit-animation-delay:-0.8s;
   animation-delay:-0.8s;
  background:rgba(241, 90, 40,0.8);
  
}
.loader1 span:nth-child(5) {
   -webkit-animation-delay:-1s;
   animation-delay:-1s;
  background:rgba(241, 90, 40,0.4);
}

@keyframes loader1 {
   from {transform: scale(0, 0);}
   to {transform: scale(1, 1);}
}
@-webkit-keyframes loader1 {
   from {-webkit-transform: scale(0, 0);}
   to {-webkit-transform: scale(1, 1);}
}
.iphone {position: relative;}
.iphone__item {width:100%;height:100%;position: absolute;bottom: -2em;color: #158f76;text-align: center;}
.iphone__power-btn {width: 2.188em;height: .188em;background: #e0e0e0;position: absolute;right: 2.5em;top: -0.188em;}
.iphone__left-btn {width: .188em;height: 1.250em;top: 3.250em;left: -0.188em;position: absolute;background: #e0e0e0;}
.iphone__left-btn:before {content: '';width: .188em;height: .875em;position: absolute;top: 3em;background: #e0e0e0;}
.iphone__left-btn:after {content: '';width: .188em;height: .875em;position: absolute;top: 5.5em;background: #e0e0e0;}
.iphone__details {width: .438em;height: .438em;border-radius: 100%;position: relative;top: 1.313em;left: 8em;background: #7c7c7c;}
.iphone__details:before {content: '';width: 2.5em;height: .25em;border-radius: .25em;position: absolute;top: 1em;left: -1em;background: #7c7c7c;}
.iphone__home-btn {width: 2.25em;height: 2.25em;border-radius: 100%;position: absolute;bottom: 1em;right: 6.75em;background: #f7f7f7;}
.iphone__home-btn:before {content: '';width: .813em;height: .813em;border: .15em solid #a8a8a8;border-radius: .2em;position: absolute;top: .6em;left: .57em;}
.iphone__screen {width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.iphone__content {position: relative;background-color: #fff;width: 100%;height: 100%;}
.nav {position:fixed;z-index: 100;opacity: 0;-webkit-transition-property: all;transition-property: all;-webkit-transition-duration: 300ms;
          transition-duration: 300ms;}
.nav--active .nav {opacity: 1;background-color: #333; position:fixed;}
.nav__list {margin: 0;font-size: 14px;padding: 60px 30px 15px 30px;}
.nav__list li{ margin:10px 0;}
.nav__list li div{padding:10px 15px; font-size:15px; display:none;}
.nav__list li div p{ padding:8px 0;}
.nav__item {list-style-type: none;text-align: left;margin: 10px 0;}
.nav__link {font-size: 1.3em;text-transform: uppercase;text-decoration: none;color: #FFFFFF;opacity: 1;
  -webkit-transition: opacity 300ms ease-in-out;
  transition: opacity 300ms ease-in-out;}
.nav li a{ color:#fff; display:block;}
.nav li > a{ display:block;padding:5px 0; border-bottom:1px dashed #525151;}
.nav__trigger {display: none;position: absolute;width: 30px;height: 25px;right: 10px;top: 20px;z-index: 200;}
.nav--active .nav__trigger {    z-index: 99999999;opacity: 0.5;}
.nav__icon { display: inline-block;position: relative;width: 30px;height: 3px;background-color:#f15a28;
  -webkit-transition-property: background-color, -webkit-transform;
  transition-property: background-color, -webkit-transform;
  transition-property: background-color, transform;
  transition-property: background-color, transform, -webkit-transform;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;}
.nav__icon:before,
.nav__icon:after {content: '';display: block;width: 30px;height: 3px;position: absolute;background:#f15a28;
  -webkit-transition-property: margin, -webkit-transform;
  transition-property: margin, -webkit-transform;
  transition-property: margin, transform;
  transition-property: margin, transform, -webkit-transform;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.nav__icon:before {margin-top: -8px;}
.nav__icon:after {margin-top: 8px;}
.style-1 .nav {    z-index: 999999;width: 100%;height: 100%;overflow-y: scroll;
-webkit-transform: translateX(-100%);
          transform: translateX(-100%);}
.style-1 .nav__link {opacity: 0;
  -webkit-transition-delay: 500ms;
          transition-delay: 500ms;}
.style-1 .nav--active .nav__link {opacity: 1;}
.style-1 .nav--active .nav__trigger{ position:fixed;}
.style-1 .nav--active .nav {
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  -webkit-transform: translateX(0);
          transform: translateX(0);}
.style-1 .nav--active .nav__icon {background: rgba(0, 0, 0, 0);}
.style-1 .nav--active .nav__icon:before {margin-top: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);}
.style-1 .nav--active .nav__icon:after {margin-top: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);}
.nav--active .nav__icon:before,.nav--active .nav__icon:after{background: #fff;}

.slider {
	position: relative;
	width: 100%;
	height: 720px;
	overflow: hidden;
}
	
.slides {height: 100%;
/* Simple clear fix */
overflow: hidden;
/**	
* Prevent blinking issue
 * Not tested. Experimental.
*/
-webkit-backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
/**
* Here is CSS transitions 
 * responsible for slider animation in modern broswers
 */
-webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
-moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
-ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
-o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);}



.paging{ width:800px; margin:0 auto;}
.jg_fenye{}
.jpg_fenye{font-family:"寰蒋闆呴粦";}
.jg_fenye_le{height:48px; float:left;font-size:14px; color:#969796; line-height:48px; margin-top:40px;}
.jg_fenye_le1{width:48px; height:48px; margin-right:12px; float:left;  color:#fff; background-color:#fff; text-align:center;font-size:14px;border:solid 1px #e8e4e1; color:#969796; line-height:48px; }
.jg_fenye_le1:hover{width:48px; height:48px; color:#fff; background-color:#f15a28; border:solid 1px #f15a28;}
.jg_fenye_le1_h{width:48px; height:48px; color:#fff; background-color:#f15a28; border:solid 1px #f15a28;}
.jg_fenye_le2{width:20px; height:48px; margin-right:12px; float:left; text-align:center;font-size:14px; color:#969796; line-height:42px;}
.jg_fenye_le3{width:120px; height:48px; margin-right:12px; float:left; background-color:#fff ;border:solid 1px #e8e4e1;text-align:center;font-size:14px; color:#969796; line-height:48px; }
.jg_fenye_le3:hover{color:#fff; background-color:#f15a28; border:solid 1px #f15a28;}

.index_new .index_new_r .index_new_01 .index_new_01_r .index_new_01_r_time span{margin-right:10px;}
.about_z{display:none;}
.yjbh{ display:none;}




@media(max-width:991px){
nav,.zcdl,footer{ display:none !important;}
.nav__trigger{ display:block;}
.paging {padding-bottom:0px;}
.logo img{width:50%;}
.padtop{ padding-top:40px;}
.paging{ width:90%; margin:0 auto; height:40px;}
.jg_fenye{ }
.jpg_fenye{font-family:"寰蒋闆呴粦";}
.jg_fenye_le{height:30px; float:left;font-size:12px; color:#969796; line-height:30px; margin-top:20px; margin-bottom:0px;}
.jg_fenye_le1{width:40px; height:30px; margin-right:3px; float:left;  color:#fff; background-color:#fff; text-align:center;font-size:14px;border:solid 1px #e8e4e1; color:#969796; line-height:30px; margin-bottom:3px;}
.jg_fenye_le1:hover{width:30px; height:30px; color:#fff; background-color:#f15a28; border:solid 1px #f15a28;}
.jg_fenye_le1_h{width:30px; height:30px; color:#fff; background-color:#f15a28; border:solid 1px #f15a28;}
.jg_fenye_le2{width:20px; height:30px; margin-right:3px; float:left; text-align:center;font-size:12px; color:#969796; line-height:30px; margin-bottom:3px;}
.jg_fenye_le3{width:60px; height:30px; margin-right:3px; float:left; background-color:#fff ;border:solid 1px #e8e4e1;text-align:center;font-size:12px; color:#969796; line-height:30px;  margin-bottom:3px;}

.index_name{width:100%; font-size:28px; text-align:center; line-height:30px; margin-bottom:10px;}

.index_about_img{ width:100%; margin:30px auto 0;}

.strengthMain li{ width:50%; height:auto;}
.strengthMain li img{height:201px;}
.index_new{ width:100%; max-height: none;}

.index_new .index_new_l { width: 49%;}
.index_new .index_new_m { width: 49%;}

.index_new .index_new_r{ width:100%; padding: 20px 0px; max-height:none;}
.copy_box .copy .copy_r{width:100%; float:right; font-size:14px; padding-top:10px; display:none;}

.footer_box .footer .footer_r img{ width:259px; height:111px;}
.footer_box .footer .footer_r{position:absolute; bottom:120px; right:0px; display:none;}
.footer_box .footer .footer_m{ position:absolute; bottom:30px; right:0px;}
.copy_box .copy .copy_l{width:100%; float:left; font-size:12px;}
.product_text img{width:100%;}
.copy_box .copy .copy_r .footer_sel { width:350px;}
.about_text .about_img{ float:left; display:inline-block; width:100%;}
.about_text .about_box{ width:100%; float:right;}

.about_tab02 .about_tab02_l { width:100%; float:left; padding:30px 10px; height:auto; }
.about_tab02 .about_tab02_l .about_d{ font-size:12px;  line-height:24px;}
.rela{height:70px !important;position:inherit;z-index:0;top:inherit;left:inherit;}
.about_tab02 .about_tab02_l .about_tabt { font-size: 22px;  padding-bottom:0px; text-align:center;}
.about_tab02 .about_tab02_r{ float:right; width:100%; height:auto;}
.about_tab02 .about_tab02_r img{width:100%;}
.about_tab01{height:auto;}
.about_tab02{height:auto;}
.about_tab01 .about_tab01_l { width:100%; float:left; height:auto;}
.about_tab01 .about_tab01_r .about_d{ font-size:12px;  line-height:24px;}
.about_tab01 .about_tab01_l img{width:100%;}
.about_tab01 .about_tab01_r  .about_tabt { font-size: 22px; padding-bottom:0px; text-align:center;}
.about_tab01 .about_tab01_r{ float: right; width:100%; padding:30px 10px; height:auto; }
.h_banner { width: 100%; height: 240px;}
.banner_font{width:100%; position:absolute; top:120px;}
.banner_font h2{font-size:20px; line-height:30px;}
.banner_font h4{font-size:13px; line-height:30px;}


.banner{ height:240px;  background-size: 100% 100%;}
.banner .banner_font{ top:130px;}
.banner .banner_font h2{font-size:20px; line-height:30px;}
.banner .banner_font h4{font-size:13px; line-height:30px;}
.index_new .index_new_r .index_new_01 .index_new_01_l { width:100%; float: left;}
.index_new .index_new_r .index_new_01 .index_new_01_r { float:right; width:94%; max-height:none; margin:0 3%;}
.index_new .index_new_r .index_new_01 .index_new_01_r .index_new_01_r_detail{font-size:12px; }
.index_new .index_new_r .index_new_01 .index_new_01_r .index_new_01_r_title{margin-top:15px;}
.index_new .index_new_r .index_new_01 .index_new_01_r .index_new_01_r_time{height:30px; line-height:30px;}
.index_new .index_new_r .index_new_02 li .index_new_02_title {font-size: 14px; float:left; width:95%; margin-left:10px;}
.index_new .index_new_r .index_new_02 li .index_new_02_time { display:none;}
.about_text .about_box .about_details {padding-top: 10px; font-size:14px;}
.about_text .about_box .about_title {padding-bottom:0px; font-size:22px;}
.lists{ display:none;}
.product_list li{ width:48%; float:left; margin:1%; padding:2%;}
.product_list li .product_t{font-size:14px; line-height:30px; height:40px; padding-top:10px;overflow:hidden;}
.news_list li{ width:100%; float:left;}
.news_list li .news_box .news_title{ font-size:22px;}
.product_details { font-size: 22px; padding-bottom:15px;line-height:24px;margin-bottom:0;}
.list_details li a{font-size:12px; padding:0 10px; line-height:36px;}
.date{padding-top:0; padding-bottom:10px; font-size:12px;}
.parolsit img{width:100%;}
.date span{padding:0 2px;}
.product_text .line{margin:20px 0;}
.padtt{padding-top:20px;}
.product_text { padding:3%;}
.contact_box .contact_text { float: left; width: 100%; padding: 20px;}
.contact_box .contact_map {float: right; width: 100%;}
.large-header{display:none;}
.left_line{display:none;}
.index_detial{font-size:14px; line-height:24px; width:100%; padding-top:10px; padding-bottom:25px;}
.index_about_img li{padding:30px 0;}
.index_about_img li .about_img_img{width:40%; margin:0 auto;}
.index_about_img li .about_img_img img{width:100%;}
.index_about_pos{display:none;}
.index_about_img li .about_img_title{font-size:20px; margin-top:15px; line-height:24px;}
.index_about_img li .about_img_detail{font-size:14px;}
.strengthMain li .font{height:auto; padding:50px 0;}
.strengthMain li .font h3{font-size:22px; margin-bottom:5px;}
.strengthMain li .font p{font-size:14px; padding:0 10px; line-height:20px;}
.index_new_title{margin-top:0;}
.index_new .index_new_l span{font-size:14px; line-height:20px; height:60px; overflow:hidden; padding:10px;}
.index_new .index_new_m span{font-size:14px; line-height:20px; height:60px; overflow:hidden; padding:10px;}
.index_new .index_new_r .index_new_01{padding-bottom:20px;}
.index_new .index_new_r .index_new_02{margin:3%;}
.footer_box{margin-top:40px;}
.footer_box .footer .footer_l img{width:80%;}
.about_text{padding-top:25px;}
.about_zhong{padding:20px 0;}
.recruit_text{font-size:14px; line-height:24px; padding-top:10px;}
.recruit_img{padding-top:25px; width:100%;}
.recruit_img img:nth-child(1){width:24%; float:left; height:87px; overflow:hidden;}
.recruit_img img:nth-child(2){width:20%; float:left; height:87px; overflow:hidden;}
.recruit_img img:nth-child(3){width:50%; float:left; height:87px; overflow:hidden;}
.recruit_img span{padding:0;}
.contact_box .contact_text .contact_title{font-size:22px; padding-bottom:0;}
.about_z{display:block; margin-top:30px;}
.about_zhong{display:none;}
.index_new .index_new_r .index_new_02 li{width:92%;}
.yjbh{ display:block; width:100%; z-index:99999999; position: fixed; bottom: 0;  _left: expression((document.body.offsetWidth-100%)/);   _top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);    _position: absolute; background: #fd5822; text-align: center; padding:5px 0;}
.yjbh li{width:25%; float:left;}
.yjbh li img{display:block; margin:0 auto; width:25%;}
.yjbh li span{display:block; width:1005; font-size:12px; text-align:center; color:#fff;}
.copy_box{padding:20px 0; margin-bottom:56px;}

.videodiv, video{width:100%;height:180px;min-height:180px; position:inherit; top:inherit;  left:inherit; overflow:hidden !important;}
.video_cover{display:block; position:inherit;top:inherit;left:inherit;width:100%;height:180px;overflow:hidden; z-index:1; background:url(../images/video_cover.png) repeat;}


}