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



#ftcont{width:10%; }

#contant1{ font-size:36px; }








/*ipad 横向样式*/
@media only screen and (min-width: 956px) and (max-width: 1268px){
.footertopone h2{ line-height:0.8em; }
.footertopone h1 a{ font-size:0.6em;}
.footertopone h2 a{ font-size:0.6em; }
.footerbleft h1 img{ width:80%; }
.footerbright p{ font-size:0.8em;}
body{ font-family:微软雅黑,Arial, Helvetica, sans-serif; }
.job h1{ font-size:2em; }
.job{ padding-bottom:10%; }
.cz_employc_bt div{ font-size:1em; }
.cz_employc_bt .b{ font-size:1em; }
.job h1,.job h2{ line-height:2em;  font-size:1.6em; }
.job h1 span a{font-size: 0.6em;}
.demotopon h1 img{ width:80%; }
.demotopon h2 span{ font-size:0.5em; }
.demotopon h2 b{ font-size:0.8em; }
.demobottomleft h1{ font-size:3em; }
.demobottomleft h2{ font-size:1.2em; }
.demobottomleft h3{ font-size:1em;    margin-bottom: 8%; }
.demobottomright img{ width:90%; }
.demobottomleft h4 a{ font-size:0.8em; }
.demobottomleft h4{ line-height:2em; }
.demotopon{ margin-bottom:2%; margin-top:2%;  }
.news1 h3{ font-size:0.8em; }
.news1 h4{ font-size:0.7em; color:#666; width:50%; }
.news1 h4 span{ width:16%; }
.news1 h4 span img{ width:100%; }
.news1 h2{ font-size:1.2em; }
.logo{ width:40%; }
.global-nav .global-nav-inner{    top: 2%;right: 12%;}
.global-nav .global-nav-link{ font-weight:900; }
.banner3 h4,.banner4 h4,.banner5 h4{ width:18%; }
.banner2 h4{ width:34%;}
.banner1 h2{ font-size:3em; width:60%; }
.banner1 h1{ width:64%; font-size:3en; margin-bottom: 5%;}
.banner2 h1{ font-size:1.8em; }
.banner2 h2{ font-size:3em; }
.banner2{    width: 60%; margin-left: 40%;}
.banner3{padding-top: 26%;}
.pageabout2one, .pageabout2two, .pageabout2three{background-position: center;background-repeat: no-repeat;background-size: cover;}
.honor h2 span{ font-size:1em; }
.honor h2{ font-size:1em; color:#444; } 
.honor h1{font-size: 0.7em; color:#444;}
.newsright h1{    font-size: 1.3em;}
.newsright h2{    padding-bottom: 2%;}
.newsright h3{ font-size:0.9em; }
.pdow h2{ font-size:0.8em; }
.invite dd p{ width: 80%;ine-height: 1.6em;font-size: 0.8em;  }
.cons_lb li img{ width:24%; }
.left{ width:34%;}
.right{ width:66%; }
.p_l10{     width: 50%!important; }
.color_6{ font-size:1em; }
.footer{    padding-left: 0px;  padding-right: 0px; }
.parameter p span,.parameter p b{    width: 50%;}
 
}














/* ipad 竖向样式 */
@media only screen and (min-width: 750px) and (max-width: 1000px){

.parameter p span,.parameter p b{    width: 50%;}
body{ font-family:微软雅黑,Arial, Helvetica, sans-serif; }
.foottop,.footerbottom{ width:98%; }
.footertopone h1 a,.footertopone h2 a{ font-size:0.5em; }
.footertopone h2{ line-height:0.8em; }
.footertopone{ width:16%; }
.footerbleft h1 img{    width: 60%;}
.footerbleft h2{ text-align:left;     font-size: 0.5em;}
.footerbright p{ font-size:0.6em; }
.footer{    padding-left: 0px;  padding-right: 0px; }
.footerbright{ margin-right:6%; }
.cons_lb li{ width:100%; }
.textarea_a{ width:100%; }
.njob a h1{ font-size:1.4em; }
.njob a h2{ font-size:1em; }
.page .p{ font-size:1em; }
.contant_left,.contant_right{ width:100%;     }
.contant_right{    padding-top: 0%;}
.global-nav .global-nav-inner{ top: 1.2%;    right: 14%}
.job,.demobottom,.demotopon{ width:98%; }
.demotopon h2 span{font-size: 0.5em;}
.demotopon h1 img{ width:80%; }
.demotopon h2 b{ font-size:0.78em}
.demobottomleft h1{ font-size:2.3em; }
.demobottomleft h2{ font-size:1.2em;  }
.demotopon{    margin-left: 1%;}
.demobottomleft h3{    font-size: 0.9em;}
.demobottomleft h4{    width: 30%;line-height: 2em;}
.home2{    padding-top: 90%;}
.news1 h2{    font-size: 1.1em;}
.news1 h3{ font-size: 0.8em;}
.news1 h4{ width:80%;     color: #666; font-size: 0.8em;}
.news1 h4 span{}
.news1 h4 span img{width: 60%;}
.slider{ height:70%; }
.lyz_tab_right{ width:98%;    margin-left: 1%; }
.pro_con111 UL LI,.pro_con111 UL LI.hover{width:23.5%;    margin-left: 1%;}
.header{ height:7%; }
.logo span{ width:40%; }
.logo div{font-size: 140%;    margin-top: 9%;}
.banner1 h1,.banner1 h2{ width:86%; }
.banner1 h2{    margin-top: 4%;    margin-bottom: 3%;font-size: 4em;}
.banner2{padding-top: 25%;margin-left: 20%;width: 80%;}
.banner2 h1,.banner3 h1{ font-size:2em; }
.banner2 h2{font-size:3.2em;}
.banner3 h2{ font-size:3em; }
.banner3 h3{ font-size:1em;}
.banner3,.banner4{padding-top: 30%;}
.banner3 h4,.banner4 h4{ width:30%; }
.nbanner{ height:40%; }
.nbanner a{ padding-top: 20%; font-size: 2.5em;}
.pagetit{width:98%;    padding-left: 1%;}
.pagetit a{ padding: 1% 3% 1% 3%; font-size: 1.2em; }
.pageaboutinfo1 .pageaboutinfo1_1,.pageaboutinfo3 .pageaboutinfo1_1{ width: 90%; }
.from{top: 34%;}
.pageaboutwhone p{ font-size:1em; }
.pageaboutwhtwo .pic img{ width:30%; }
.pageaboutwh1{top: -3%;    width: 96%;}
.pageaboutwhtwo .img{ height:10em; }
.pageabout2txtright b{ font-size:0.8em; }
.pageabout2txtright span{    font-size: 1.6em;}
.honor h2,.honor h2 span{ font-size:1em; }
.honor h1{ font-size:0.8em; }
.newsright h1{    font-size: 1.2em;}
.newsright h2{ padding-bottom: 2%;}
.newsleft img{     padding-top: 5%;}
.newsright h3{     font-size: 0.6em;}
.news_tit{     font-size: 1.6em; }
.caseleft,.caseright{ height: 14em;    width: 50%;}
.caseright h2{ font-size: 0.8em;}
.caseright h1{ font-size:1.2em; }
.page{ width:98%; }
.pdow h3{ width:50%; font-size:0.5em; background-color: #fff;    color: #666;}
.pdow h2{ font-size:0.8em;width: 94%;}
}














 
 /*手机站样式开始*/
@media screen and (max-width:740px){
body{ font-family:微软雅黑,Arial, Helvetica, sans-serif; }
.logo{width:60%;margin-top: 2%;}
.logo span{width:40%;}
.logo div{ font-size: 124%; margin-top: 8%; }
.en{    margin-top: 7%;font-size: 0.8em;     border-left: 0px solid #000;}
.global-nav .global-nav-inner{ top:2%; right: 82px;}
.header{ height:13%;     background-color: rgba(243, 243, 243, 0.98);}
.footer{ padding-left: 0px; padding-right: 0px;}
.news1{ width: 98%; float: none;}
.news1 h1{  width: 86%;}
.news1 h2{ width: 90%;border-bottom: 0px solid #888;margin-left: 5%;text-align: left; font-size: 1.2em;padding-bottom: 2%;}
.news1 h3{    float: none;width: 90%;overflow: hidden;text-align: left;font-size: 0.7em;    padding-top: 2%; padding-bottom: 4%;}
.news1 h4{float: none;width: 90%;overflow: hidden;font-size: 0.5em;}
.news1 h4 span{     display: none; }
.news1 h4 span img{ width:100%; }
.news1 h1 img{ padding: 8%;    padding-bottom: 0; }
.home2{ padding-top: 150%;}
.pro_con111 UL LI,.pro_con111 UL LI.hover{ width: 40%;    margin-bottom: 1rem;  font-size: 1em; line-height: 2rem;font-size: 1em;}
.tab_box{margin: 2% auto;}
.demotopon{width: 98%; margin-left: 1%;padding-bottom: 5%;}
.demotopon h2{ float: left; width: 70%}
.demotopon h1{    float: left; width: 16%;}
.demotopon h1 img{ width:100%; }
.demotopon h2 span{line-height: 1.2em;font-size: 0.4em;    margin-bottom: 2%;}
.demotopon h2 b{ font-size: 0.7em; line-height:1.1em;    display: block;}
.demotopon h3{ width:1%;}
.demotop{ padding-bottom: 3%; padding-top: 3%;}
.the01 .body label{width: 40%;}
.the01 .body select{width:50%;padding-left: 12.5%;margin-bottom: 1em;}
.the01 .body .btn{position: absolute;top: 95%;width: 99%;}
.demobottom{ width:98%; }
.demobottomleft,.demobottomright{width:100%;}
.demobottomleft h1{    font-size: 2em;}
.demobottomleft h2{font-size: 1.2em;}
.demobottomleft h3{    font-size: 0.6em;}
.demobottomleft h4{ width: 40%; font-size: 1em;    line-height: 1.8em;}
.job h1{ font-size: 1.4em;}
.job .jobtie h1,.jobtie h2{font-size: 1em;}
.job h1 span{ display: block;width: 100%;float: none;}
.cz_employc_bt div,.cz_employc_bt .b{font-size: 0.9em;}
.foottop,#ftcont{ width:98%; }
.footertopone{width:98%; border-bottom: 1.5px solid #ccc;    padding-bottom: 10%;}
.footertopone h1{    text-align: left;font-size: 1.6em;}
.footertopone h2{   text-align: left;font-size: 1.2em;line-height: 1em;float: left;width: 33%; }
.footerbright p{    text-align: left; font-size:0.8em; }
.footerbleft:{ width:30%; }
.demobottomleft{    z-index: 999999;position: relative;}
.demobottomright{position: relative; top:-4em; }
.demobottomright img {width: 60%;margin-left: 40%;}
.nbanner a{font-size: 2em; padding-top: 34%;}
.pagetit a{ font-size: 1em;    width:40%;     margin-top: 2%; margin-bottom: 2%;}
.pageaboutinfo1 .pageaboutinfo1_1,.pageaboutinfo3 .pageaboutinfo1_1{width: 90%;}
.pageaboutinfo1 .pageaboutinfo1_1 p,.pageaboutinfo2 .pageaboutinfo1_1 p,.pageaboutinfo3 .pageaboutinfo1_1 p{font-size: 1em; line-height: 1.6em;}
.page p{font-size: 1em; line-height: 1.6em;}
.pageaboutwhone p{line-height: 1.6em;font-size: 1em;}
.pageaboutwhone{width: 100%;}
.pageaboutwhtwo{ float: none;  width: 100%;}
.pageaboutwhtwo .pic{ height: 4em;}
.pageaboutwhtwo .pic img{    width: 40%;}
.pageaboutwhtwo .img{ height:10em; }
.pageaboutwhtwo .txt{ font-size:0.8em; }
.pageaboutwh1{width: 98%;    top: 0%;}
.pageabout2txt{ width: 90%; }
.pageabout2txtleft{     font-size: 0.6em; float: none; width: 100%;}
.pageabout2txtright b{    line-height: 1.6em; font-size:1em; }
.pageabout2txtright {float: left;width: 90%;margin-left: 5%;}
.honor h2 span,.honor h2{    font-size: 1em; line-height: 1.6em;}
.honor h1{font-size: 0.8em; line-height: 1.4em;}
.newsleft,.newsright{    width: 100%;}
.newsright h1{     font-size: 1.2em; }
.news_tit{font-size: 1.2em; line-height: 1.6em;}
.news_date{line-height: 1.2em; font-size: 1em;}
.caseleft,.caseright{    width: 100%;height: 10em;}
.caseright h1,.page p{ width: 90%;font-size: 1.2em;    padding-top: 0; margin-top: 1%;}
.caseright h2{width: 90%; font-size: 0.9em;}
.caseright h3{    margin-left: 5%; width: 40%;}
.caseright h3 a{    margin-top: 5%;line-height: 1.6em;font-size: 0.8em;}
.case_show_more2,.case_show_more{ height:3em; width:100%;     line-height: 3em;}
.pdow{ width:98%;    margin-top: 5%; }
.pdow h1{ width:50%;     padding-top: 5%; padding-bottom: 2%;}
.pdow h2{padding-bottom: 0%;width: 100%; font-size: 1em;}
.pdow h3{    background: #fff; color: #999;}
.page .parameter p{width: 100%;    margin-bottom: 10%;}
.parameter p b{width: 100%; text-align: left;font-size: 0.8em;line-height: 1em;}
.parameter p span{width: 100%; }
.contant_left,.contant_right{    float: none; width: 100%;}
.contant_left p{    font-size: 1em; width: 100%;}
#contant1{ font-size:1.2em; }
.page .p{ font-size:1em; line-height:1.6em;     color: #666;}
.njob{    width: 100%;}
.njob a h1{    font-size: 1.4em;}
.njob a h2{    font-size: 0.7em;}
.page{ width:98%; }

.banner1,.banner2,.banner3,.banner4,.banner5{padding-top: 40%;}
.banner1 h1,.banner1 h2{width: 90%; font-size: 1.4em;margin-bottom: 10%;}
.banner1 h4,.banner2 h4,.banner3 h4,.banner4 h4,.banner5 h4{ width:40%;    font-size: 0.6em; }
.banner2 h2{font-size: 1.8em;}
.banner3 h1{ font-size:1.4em; }
.banner2{width:90%;margin-left: 10%; }
.banner2 h3{    font-size: 0.8em; line-height: 1.2em;}
.banner2 h1,.banner3 h2{width: 90%; font-size: 1.2em;}
.banner3 h3,.banner4 h3{    font-size: 0.7em; line-height: 1.4em;}
.banner4 h1,.banner4 h2{font-size: 1.6em;line-height: 1.6em;}
.banner5 h1,.banner5 h3{ font-size:1em;line-height: 1.6em;width: 90%;}
.banner5 h2{font-size:1.6em;   }
.index_case li{ width: 100%;     border-bottom: 1px solid #eee;}
.index_case li .ico{    float: right;}
.index_case li span{     font-size: 1em; }

 
}