@charset "utf-8";


/*Reset*/
*{ padding:0; margin:0; outline:none;}
*html{background-image:url(about:blank);background-attachment:fixed;}
html,div,ul,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,img,form,embed,label{margin:0;padding:0;border:0; font-size:100%; font-weight:normal;}
img{border:none}
ul,ul li{ list-style:none;} 
.cls{clear:both; line-height:0px!important; height:0px!important;font-size:0px!important;} 
select,input{ vertical-align:middle;font-size:100%;}  
a {color:#666;text-decoration:none;}
a:hover {color:#e60213;}
a:active {color:#e60213;}
.hidden{ display:none}
i{ font-style:normal}
/*basic*/ 
body{margin:0px; padding:0px;font-family:"\5FAE\8F6F\96C5\9ED1","\5B8B\4F53", Arial, Helvetica, sans-serif; font-size:12px;color:#666;}  


@font-face {
  font-family: 'gilroy';
  src: url('../fonts/gilroy.eot');
  src: url('../fonts/gilroy.eot?#iefix') format('embedded-opentype'),
       url('../fonts/gilroy.woff2') format('woff2'), 
       url('../fonts/gilroy.woff') format('woff'), 
       url('../fonts/gilroy.ttf') format('truetype'), 
       url('../fonts/gilroy.svg#glyphicons_halflingsregular') format('svg');
      
}

/*index*/
.headbox{float: left; width: 100%; position:fixed; _position: absolute; z-index: 100; top:0; _top:expression(eval((document.body.scrollTop||document.documentElement.scrollTop)+((self.innerHeight||document.documentElement.clientHeight)/2)-40)); left: 0; }
.head{ float: left; width: 100%;  height:80px; transition: all 0.2s ease 0s;}
.header_hover .head{ background: #fff; border-bottom: 1px solid #dcdcdc;}
.head_wrap{margin:0 auto; min-width: 320px; max-width:1200px; width: 93.75%; position: relative;}
.logo{ float: left; width: 176px; margin:28px 0 0; transition: all 0.2s ease 0s;}
.header_hover .logo{ margin: 20px 0 0;}
.logo img{ width: 100%;}
.logo span{ display: none;}
.header_hover .logo span{ display: block;}
.header_hover .logo i{ display: none;}
.menubox{ float: right;  margin: 0 48px 0 0; display: inline;transition: margin 0.2s ease 0s; position: relative; z-index: 2;}
.menu li{ float: left; margin: 0 0 0 20px; display: inline; line-height: 40px; font-size: 16px;transition: all 0.2s ease 0s;}
.menu li a{ display: block; padding: 28px 18px 12px;background: url(lihover.png) repeat-x 0 -80px;transition:all 0.3s ease-in-out; color: #fff;}
.header_hover .menu li a{ color: #666; background: url(lihover.gif) repeat-x 0 -80px; padding: 20px 18px;}
.menu li.on a,.menu li a:hover{ background-position: 0 0; color: #fff;}
.tel{background: url(tel1.png) no-repeat 0 center; padding: 0 30px 0 40px; font-size: 20px; line-height: 40px; margin: 28px 30px 0 0; display: inline; float: right; font-weight: bold; position: relative; z-index: 2; color: #fff;transition: all 0.2s ease 0s;}
.header_hover .tel{ background: url(tel2.png) no-repeat 0 center; color: #666; margin: 20px 30px 0 0;}
.searchform{ position: absolute; right: 0; width: 262px; height: 30px; top: 33px; overflow: hidden;transition: all 0.2s ease 0s;}
.header_hover .searchform{ top: 25px;}
.txt_searchbg{ position: absolute; left: 0; top: 0; background: url(searchbg.png) no-repeat; width: 262px; height: 30px; display: none;transition: all 0.2s ease 0s;}
.header_hover .txt_searchbg{background: url(searchbg1.png) no-repeat;}
.txt_search{ background: transparent; padding: 0 36px 0 16px; width: 210px; border: medium none; height: 30px; line-height: 30px; color: #505050; font-family:"\5FAE\8F6F\96C5\9ED1"; font-size: 14px;}
.btn_search{ position: absolute; right: 0; top: 0; background: url(searchbtn.png) no-repeat; width: 30px; height: 30px; border: medium none; cursor: pointer;}
.header_hover .btn_search{ background: url(searchbtn2.png) no-repeat;}
.searchform_hover{ z-index: 3;}
.searchform1{ float: left; width: 100%; position: relative; display: none;}
.txt_search1{ float: left; width: 75%; height: 50px; line-height: 50px; padding: 0 20% 0 5%; border: medium none; background: #e8e8e8; border-radius: 5px; font-family: "微软雅黑"; font-size:22px; color: #666;}
.btn_search1{ position: absolute; right: 0; top: 0; background: url(fdj1.png) no-repeat center center; width: 16%; height: 50px; border: medium none; }
.topban{ float: left; width: 100%; display: none;}
.topban img{ display: block; width: 100%; vertical-align: bottom;}
.topnavbtn{ float: right; width: 38px; margin: 34px 0 0; text-align: center; cursor: pointer; display: none;transition: all 0.2s ease 0s;}
.header_hover .topnavbtn{ margin: 26px 0 0;}
.topnav img{ width:  100%; display: block; vertical-align: bottom;}
.topnav span{ display: none;}
.header_hover .topnav span{ display: block;}
.header_hover .topnav i{ display: none;}
.navclose{ color: #fff; font-size: 40px; line-height: 27px; display: none;}
.header_hover .navclose{color: #b5b5b5;}
.main{ float: left; width: 100%;transition: margin 0.2s ease 0s;}
.banner{width: 100%; float: left; position: relative;}   
.titlebox{ text-align: center; margin:60px 0 42px;}
.titlebox span{color: #e60213; font-size: 38px; display: block; line-height: 72px; transition: all 0.2s ease 0s;}
.titlebox em{ display: block; margin: 0 auto; width: 60px; height: 10px; border-top: 1px solid #999;}
.titlebox i{ display: block; line-height: 24px; font-size: 14px; font-family: arial; text-transform: uppercase;transition: all 0.2s ease 0s;}
.ztlist{ float: left; width: 100%; }
.ztlist li{ float: left; width: 16%; margin: 0 2%; display: inline; text-align: center;transition: all 0.2s ease 0s;}
.ztpic{ margin: 0 auto; width: 53.9%;transition: width 0.2s ease 0s;}
.ztpic img{ display: block; width: 100%; vertical-align: bottom;}
.ztpic i{display: none;}
.ztlist li.hover .ztpic i{ display: block;}
.ztlist li.hover .ztpic span{ display: none;}
.zttlecn{ display: block; font-size: 20px; line-height: 40px; margin: 13px 0 0;}
.zttleen{ display: block; font-size: 13px; text-transform: uppercase; line-height: 20px; height: 40px; margin: 5px 0 0;}
.banner2{ display: none;}
.banner3{ display: none;}
.greybg{ float: left; width: 100%; background: #f5f5f5; padding: 0 0 90px; margin: 70px 0 0;transition: all 0.2s ease 0s;}
.titlebox1 em{border-bottom:1px solid  #e60213; border-top: medium none;}
.titlebox1 p{ background: url(line.gif) repeat-x 0 center;}
.titlebox1 p i{ display: inline-block; background: #f5f5f5; padding: 0 3%;}
.newstabcon{ float: left; width: 100%;}
.newsdl{ float: left; width: 100%;display: none;}
.newsdl dt{ float: right; width: 47%;transition: width 0.2s ease 0s;}
.newsdl dt img{ display: block; width: 100%; vertical-align: bottom;}
.newsdl dd{ float: left; width: 46%; border-bottom: 1px solid #dcdcdc;transition: width 0.2s ease 0s;}
.title1{ margin: 0 0 20px;}
.title1 a{ color: #222;font-size: 30px; line-height: 40px; height: 80px; overflow: hidden;transition: all 0.2s ease 0s; display: block;}
.title1 span{ display: block; width: 12%; height: 25px; border-bottom: 1px solid #999;transition: all 0.2s ease 0s;}
.detail1{ font-size: 15px; line-height: 30px;}
.more{ margin: 30px 0 0; float: left; width: 100%;}
.more a{ display: inline-block; padding:0 24px; line-height: 40px; color: #fff; font-size: 16px; background: #e60213;}
.slidebtn{ float: right;} 
.slidebtn span{ float: left; cursor: pointer;}
.newstablist{ float: left; margin: 20px 0 0;}
.newstablist span{ display:inline-block; background: #c7c7c7; width: 10px; height: 10px; margin: 0 16px 0 0; border-radius: 100%; cursor: pointer;}
.newstablist span.current{ background: #e60213;}
.industrybox{ float: left; width: 100%; background:url(industrybg.gif) repeat-y center top; padding: 88px 0 40px;}
.industrydl{ float: left; width: 100%; display: none;}
.industrydl dt{ float: right; width:50%;}
.industrydl dt img{ display: block; width: 100%; vertical-align: bottom;}
.industrydl dd{ float: left; width: 44%;}
.title2{ float: left; width: 100%; margin-bottom: 20px;}
.title2 a{ float: left; border-bottom: 1px solid #fb9e9e; color: #fff; font-size: 26px; line-height: 40px; padding: 0 0 10px;position: relative;transition: all 0.2s ease 0s;}
.title2 em{ position: absolute; left: 0; bottom: -2px; width: 40%; border-bottom: 3px solid #fb9e9e; height: 10px;}
.detail2{font-size: 20px; line-height: 36px; color: #fff; margin: 10px 0 20px;transition: all 0.2s ease 0s;}
.industrylist{ float:left; width: 100%;}
.industrylist li{ float: left; width: 50%; }
.industrylist li span{ display: block; background: url(ico1.gif) no-repeat 0 center; line-height: 40px; color: #fff; padding: 0 0 0 26px; font-size: 16px;transition: all 0.2s ease 0s;}
.more1 a{ color: #e60213; background: #fff;}
.more1{ margin: 30px 0 0;}
.knowledgetabcon{float: left; width: 45%;transition: all 0.2s ease 0s; margin: 10px 0 0; }
.knowledgedl{ float: left; width: 100%; display: none;}
.knowledgedl dt img{ display: block; width: 100%; vertical-align: bottom;}
.title3{ font-size: 18px; font-weight: bold; line-height: 28px; margin: 20px 0 8px;}
.title3 a{color: #222;transition: all 0.2s ease 0s;}
.title3 a:hover{color: #e60213;}
.detail3{ line-height: 28px; font-size: 14px;}
.knowledgetablist{ float: right;width: 52%;transition: all 0.2s ease 0s; margin-top: -38px;}
.more2{ float: right; font-size: 18px; text-transform: uppercase; line-height: 38px; margin: 0 0 10px;}
.knowledgetablist dl{ float: left; width: 92.6%; border-bottom: 1px solid #d4d4d4; padding: 28px 3.7%;transition: all 0.2s ease 0s;}
.knowledgetablist dl.hover{ background: #e60213;}
.knowledgetablist dt{ float: left; width: 17.5%; font-size: 76px; color: #999; line-height: 78px;font-family: gilroy;transition: all 0.2s ease 0s;}
.knowledgetablist dl.hover dt{ color: #f8cbcd;}
.knowledgetablist dd{ float: right; width:82.5%;}
.title4{ float: left;width: 100%; margin: 0 0 10px; height: 20px; line-height: 20px; overflow: hidden;transition: all 0.2s ease 0s;}
.title4 a{color: #222;font-size: 16px;transition: all 0.2s ease 0s;}
.title4 a:hover{ text-decoration: underline;}
.title4 span{ float: right; }
.detail4{ line-height:24px; float: left; width: 100%; height: 48px; overflow: hidden;transition: all 0.2s ease 0s;}
.knowledgetablist dl.hover .title4,.knowledgetablist dl.hover .title4 a,.knowledgetablist dl.hover .detail4{ color: #fff;}
.titlebox2 em{ border-bottom: 1px solid #999;}
.titlebox2 p{background: url(line1.gif) repeat-x 0 center;}
.titlebox2 p i{ background: #fff;}
.interview_tabcon { float: left; width: 100%; margin: 0 0 60px; position: relative; transition: all 0.2s ease 0s;}
.interview_tabcon dl{ display: none;}
.interview_tabcon dt{ float: left; width: 45%;transition: all 0.2s ease 0s;}
.interview_tabcon dt img{display: block; width: 100%; vertical-align: bottom;}
.interview_tabcon dd{ float: right; width: 49%;transition: all 0.2s ease 0s;}
.title5{font-size: 26px; line-height: 32px; height: 32px; overflow: hidden; margin: 30px 0; font-weight: bold;}
.title5 a{color: #222;}
.title5 a:hover{ color: #e60213;}
.detail5{ font-size: 14px; line-height: 28px;}
.industrydl .detail5{ color: #fff;}
.inter_page{ position: absolute; left:0; top: 0; background: #fff; font-size: 16px;padding: 0 20px; line-height: 38px; font-family: arial;}
.inter_page i{ margin: 0 5px;}
.tItem{ font-size: 18px;}
.cItem{font-size: 22px; color: #e60213; font-weight: bold;}
.inter_btnbox{ margin: 0 auto; width: 72%;transition: all 0.2s ease 0s;}
.inter_btn{ float: left; width: 100%; position: relative;}
.slidenumpic{ float: left; width: 100%; }
.slidenumpic span{ width: 20.5%; margin: 0 6% 0 0; display: inline-block; background: #e60213;}
.slidenumpic span.noright{ margin-right: 0;}
.slidenumpic span img{ display: block; width: 100%; vertical-align: bottom; opacity:1;filter:Alpha(opacity=100);}
.slidenumpic span.current img{opacity: 0.3;filter:Alpha(opacity=30);}
.lbtn3{ position: absolute; left: -38px; top: 50%;margin-top: -13px; cursor: pointer;}
.rbtn3{ position: absolute; right: -38px; top: 50%; margin-top: -13px; cursor: pointer;}
.faqbg{background: #f2f2f2; margin: 80px 0 0; padding: 0 0 65px;}
.faqlist{ float: left; width: 100%; margin: -15px 0 0;}
.faqlist li{ float: left; width: 44%; margin: 0 12% 0 0; padding: 30px 0; border-bottom: 1px solid #e3e3e3;transition: all 0.2s ease 0s;}
.faqlist li.noright{ margin-right: 0;}
.faqlist li dt{ float: left; width: 13.2%;}
.faqlist li dt img{ display: block; width: 100%; vertical-align: bottom;}
.faqlist li dd{ float: right; width: 80%;}
.title6{ font-size: 22px; height: 24px; line-height: 24px; overflow: hidden; margin: 0 0 10px;transition: all 0.2s ease 0s;}
.title6 a{ color: #222;}
.detail6{ line-height: 28px; font-size: 13px; height: 56px; overflow: hidden;transition: all 0.2s ease 0s;}
.more3{ text-align: center; margin: 60px 0 0;}
.gotop{float:left; max-width:40px; width: 12%; position:fixed; _position: absolute; z-index: 90; bottom:60px; _top:expression(eval((document.compatMode&&document.compatMode=="CSS1Compat")?documentElement.scrollTop+documentElement.clientHeight-this.clientHeight-1:document.body.scrollTop+document.body.clientHeight-this.clientHeight-1));  right:10px; display:none; cursor: pointer;}
.gotop img{ display:block; width:100%;  vertical-align:bottom;}
.partnertabbox{ background: url(line.gif) repeat-x 0 center; margin: 80px 0 70px;}
.partnertablist{ margin: 0 auto; width: 350px; padding: 0 5.5%; background: #fff;transition: all 0.2s ease 0s;}
.partnertablist span{display: inline-block; width: 50%; transition: all 0.2s ease 0s;}
.partnertablist span i{text-align: center; line-height: 56px; border: 1px solid #666; font-size: 24px; color: #666;background: #fff; display: block;transition: all 0.2s ease 0s;}
.partnertablist span.on i{ background: #e60213; color: #fff; border: 1px solid #e60213;}
.partnertabcon{ float: left; width: 100%; padding: 0 0 75px; }
.partnertabcon ul{display: none;}
.partnertabcon li{ float: left; width: 24.025%; *width: 24%; margin: 0 1.3% 15px 0; *margin: 0 1.2% 15px 0; transition: all 0.2s ease 0s;}
.partnertabcon li.noright{ margin-right: 0;}
.partnertabcon li span{ display: block; border: 1px solid #f2f2f2; padding: 6px;}
.partnertabcon li img{ display: block; width: 60%; margin: 20px 20%; vertical-align: bottom;}
.partnertabcon li.hover span{ border: 7px solid #e60213; padding: 0;}
.foot{ float:left; width:100%; background:#4c5154; padding:30px 0 60px 0; }
.foottop{ float:left; width:100%; margin:50px 0 0; background:url(../images/line2.gif) repeat-x 0 bottom; padding:0 0 42px;}
.footmid{ float:left; width:100%; margin:26px 0 0; padding:0 0 42px; background:url(../images/line2.gif) repeat-x 0 bottom;}
.footleft{ float:left; width:625px;}
.footlink a{ color:#828b90;}
.footlink a:hover{ color:#ffc261;}
.footlink i{ margin:0 5px; color:#828b90;}
.footbtm{ float:left; width:100%; margin:30px 0 0;}
.copyright{ line-height:18px; color:#828b90; margin:15px 0 0;}
.copyright a{color:#828b90; }
.ewm{ float:right; width:232px; position: relative;}
.ewm li{ float:left;width:89px; height:89px; border:5px solid #474B4F; border-radius:3px; margin:0 34px 0 0;}
.ewm li.noright{ margin:0;}
.ewm li img{ width:89px; height:89px; display:block; vertical-align:bottom;}
.hbwb{ width:90px; height:90px; background:url(../images/hbwb.png); float:right; margin-top:30px;}
.hbwb a{ display:block; outline:none;width:90px; height:90px;}
.hbwb a:hover{background:url(../images/hbwb2.png);}
.hbwx{ width:90px; height:90px; background:url(../images/hbwx.png);margin-left:30px;margin-top:30px; float:right; position: relative;}
.hbwx a{ display:block; outline:none;width:90px; height:90px;}
.hbwx a:hover{background:url(../images/hbwx2.png); }
#hbewm{width:120px;height:151px;background:url(../images/hbewm2.png) no-repeat;position: absolute;top: 7px;display:none;left: 50%; top: -160px; margin-left: -60px;}
.btmaddress{ float:left; width:100%;}
.addressleft{  float: left; width: 30%; margin: 0 5% 0 0; display: inline;  padding-bottom:25px;  }
.addressnoright{margin-right: 0;}
.addresstle3{ background:url(../images/fico3.gif) no-repeat 0 center; padding:0 0 0 30px; }
.addresstle4{ background:url(../images/fico4.gif) no-repeat 0 center; padding:0 0 0 30px; }
.addresstle5{ background:url(../images/fico5.gif) no-repeat 0 center; padding:0 0 0 30px; }
.addresstle6{ background:url(../images/fico6.png) no-repeat 0 center; padding:0 0 0 30px; }
.addresstle{ font-size:25px; color:#fff;line-height:30px;}
.addresstle1{ background:url(../images/fico1.gif) no-repeat 0 center; padding:0 0 0 20px; }
.addresstle2{ background:url(../images/fico2.gif) no-repeat 0 center; padding:0 0 0 30px; }
.btmtel{ float:right; line-height:30px; font-size:16px; color:#828b90;}
.btmtel i{ color:#ffc261; font-size:21px; font-family:Impact, Arial;}
.btmcontact{ float:left; width:100%; margin:20px 0 0;}
.btmcontact dt{ float:left; color:#828b90; line-height:18px;}
.btmcontact dd{ float:right; color:#828b90; line-height:18px;}
.detail17{  color:#828b90; line-height:18px;}



/*index end*/

@media screen and (max-width: 1366px) {
.banner1{ display: none;}
.banner2{ display: block;}
.ztpic{ width: 62%;}
}

@media screen and (max-width: 1280px) {
.zttleen{ font-size: 12px; margin: 0;}
.ztlist{ margin: 20px 0 0;}
.titlebox{ margin: 45px 0 24px;}
.greybg{  padding: 0 0 60px;}
	}

@media screen and (max-width: 1270px) {
.tel{ display: none;}
.menubox{ margin:0 70px 0 0;}
	}

@media screen and (max-width: 1200px) {
.zttlecn{ font-size: 20px; margin: 10px 0 0;}
.title1 a{ font-size: 24px; line-height: 38px; height: 76px;}
.detail1{ font-size: 14px; line-height: 30px;}
.more a{ font-size: 14px; line-height: 36px; padding:0 14px;}
.detail2{font-size: 16px; line-height: 30px;}
.industrylist li span{font-size: 14px; line-height: 36px;}
.knowledgetablist dt{ font-size: 62px;}
.title5{font-size: 24px; line-height: 30px; height: 30px; font-weight: normal;}

}	

@media screen and (max-width: 1024px) {
.head{ height: 74px;}
.header_hover .logo{margin: 17px 0 0;}
.header_hover .topnavbtn{margin: 24px 0 0;}
.head_wrap{ position:static;}
.topnavbtn{ display: block;}
.menubox{position: absolute; margin: 0; left: 0; top: 96px; width: 100%; background: #fff; padding:20px 0 40px;  box-shadow: 0 0.625rem 0.84rem rgba(0,0,0,0.19); display: none;transition: top 0.2s ease 0s;}
.header_hover .menubox{ top: 74px;}
.menu_wrap{ margin: 0 auto;width: 93.75%;}
.searchform{ display: none;}
.searchform1{ display: block;}
.menu{ margin: 24px 0; float: left; width: 100%;}
.menu li{ margin: 0; line-height: 76px; font-size: 18px; width: 16%; text-align: center; }
.menu li a{float: none; color: #666; padding: 0;}
.header_hover .menu li a{ padding: 0;background: none;}
.menu li.on a,.menu li a:hover{ color: #e60213; background: none;}
.topban{ display: block;}
.ztlist li{ width: 32%; margin: 0 0.665% 30px;}
.knowledgetablist dt{ font-size: 58px;}
.title4 span{ display: none;}
.title5{ margin: 16px 0;}
.detail5{ font-size: 12px; line-height: 24px;}
.faqlist li{ width: 46%; margin: 0 8% 0 0;}
.title6{ font-size: 20px;}
.detail6{ font-size: 12px; line-height: 24px; height: 48px;}
.partnertabbox{ margin: 80px 0 60px;}
.partnertablist{ width: 340px;}
.partnertablist span i{ font-size: 22px; line-height: 50px;}
.partnertabcon{ padding: 0 0 60px;}
#jiahb_dibu{ display: none;}
.greybg{ margin: 30px 0 0;}
.ewm{ float: left; width: auto;}
.ztpic{ width: 47%;}
	}	

@media screen and (max-width: 800px) {
	.knowledgetablist dt{ font-size: 48px;}
}

@media screen and (max-width: 768px) {
.ztpic{ width: 52%;}
.banner2{ display: none;}
.banner3{ display: block;}
.menu li{ width: 50%; border-bottom: 1px solid #dcdcdc; line-height: 64px;}
.menu li.nav_nobtm{ border-bottom: medium none;}
.titlebox span{ font-size: 36px; line-height: 68px;}
.titlebox i{ font-size: 13px; line-height: 22px;}
.newsdl dt{ width: 100%;}
.newsdl dd{ width: 100%; margin: 20px 0 0;}
.title1{ margin: 0 0 10px;}
.title1 span{ height: 10px;}
.industrybox{ background:none; padding: 0;}
.industrydl dt{ width: 100%;}
.industrydl dd{ width: 93.75%; background: #f63c3d; padding: 40px 3.125%;}
.knowledgetabcon{ width: 100%; margin: 0;}
.knowledgetablist{ width: 100%; margin: 22px 0 0;}
.knowledgetablist dl{padding: 20px 3.7%;}
.knowledgetablist dt{ font-size: 76px; line-height: 54px;}
.detail4{ height: 24px;}
.interview_tabcon{ margin:0 0 30px;}
.interview_tabcon dt{ width: 100%;}
.interview_tabcon dd{ width: 100%;}
.lbtn3,.rbtn3{ display: none;}
.inter_btnbox{ width: 100%;}
.faqlist li{ width: 100%; padding: 40px 0;}
.title6{ font-size: 26px; line-height: 36px; height: auto;}
.detail6{ font-size:22px; line-height: 38px; height: auto;}
.partnertabcon li{ width: 49%; margin: 0 2% 10px 0;}
.partnertabcon li.noright2{ margin-right: 0;}
.partnertablist{ width: 300px;}
.detail2{ font-size: 20px; line-height: 36px;}
.industrylist li span{ font-size: 16px; line-height: 40px;}
.addressleft{ width: 100%; margin: 0 0 20px;}
.footleft{ width: 100%;}
}	

@media screen and (max-width: 640px) {
.knowledgetablist dt{ font-size: 60px;}
.title6{ font-size: 24px; }
.faqlist li{padding: 32px 0;}
.detail6{ font-size:18px; line-height: 34px;}
.detail2{font-size: 16px; line-height: 30px;}
.industrylist li span{font-size: 14px; line-height: 36px;}
.menu{ margin: 10px 0;}
.ztpic{ width: 58%;}
.zttleen{ display: none;}
}

@media screen and (max-width: 480px) {
.ztpic{ width: 70%;}	
.zttlecn{ font-size: 16px;}
.ztlist{margin: 0;}
.ztlist li{ width: 30%; margin: 0 1.66% 25px;}
.head{ height: 60px;}
.logo{ width: 160px; margin: 16px 0 0;}
.header_hover .logo{ margin: 12px 0 0;}
.topnavbtn{ width: 30px; margin: 24px 0 0;}
.header_hover .topnavbtn{ margin: 20px 0 0;}
.menubox{ top:70px;}
.header_hover .menubox{ top: 60px;}
.titlebox{ margin: 60px 0 38px;}
.titlebox span{ font-size: 30px; line-height: 58px;}
.titlebox i{ font-size: 13px; line-height: 24px;}
.title1 a{ font-size: 20px; line-height: 30px; height: 60px;}
.detail1{ font-size: 12px; line-height: 24px;}
.title2 a{font-size: 24px;}
.detail2{font-size: 12px; line-height: 24px;}
.industrylist li span{font-size: 12px; line-height: 24px;}
.knowledgetablist dt{ font-size: 48px;}
.title5{font-size: 20px;}
.title6{ font-size: 20px; }
.detail6{ font-size:16px; line-height: 30px;}
.faqlist li{padding: 20px 0;}
.partnertablist{ width: 240px;}
.partnertablist span i{ font-size: 18px; line-height: 48px;}
}

@media screen and (max-width: 350px) {
.zttlecn{ font-size: 14px; line-height: 20px;}
.titlebox{ margin: 46px 0 38px;}
.knowledgetablist dt{ font-size: 40px;}
.title6{ font-size: 16px; line-height: 20px; }
.detail6{ font-size:12px; line-height: 24px;}
.partnertablist{ width: 200px;}
.partnertablist span i{ font-size: 16px; line-height: 40px;}
}

/*share*/
.yahei{ font-family:"\5FAE\8F6F\96C5\9ED1";} 
.div_clear {clear: both; font-size: 0; height: 0; line-height: 0; overflow: hidden; width: 100%; margin:0; padding:0;}
.wrap{margin:0 auto; min-width: 320px; max-width:1200px; width: 93.75%;}
.wrap1{margin:0 auto; min-width: 320px; max-width:1600px; width: 93.75%;}
.fl{ float:left;}
.fr{ float:right;}
.fl100{ float:left; width:100%;}
/*share end*/