@charset "utf-8";
/* CSS Document */
 
body,html{  overflow-x:visible; }

/*--------------首页视频样式------*/
.index-3{    position: RELATIVE; overflow: hidden;display: block;width: 1300px;margin: 0 auto;    padding-top: 20px;}
.video-auto-box .at-img{width:100% !IMPORTANT;margin-left: 0 !important;height: auto !important;}
.index-3 ul li{    position: relative;}
.index-3 ul{    display: block;width: 100%;margin: 0;padding: 0;}
.auto-box-div img{    position: relative;width: 100%;height: auto;left: 0;top: 0;}
.index-3 .mask-txt{top:0;}
.index-3 ul li video {width: 1300px !important;height: auto !important;    margin-left: 0 !important;}
.index-3 .mask-txt{ }
.mark{ height:auto;}
.index-3 ul li:first-child{height:auto; }
#player{    display: block;width: 1300px;margin: 1em auto;}
.index-3 .mask-txt i{ margin-left:47.5%;}
.index-3 .mask-txt i c{    position: absolute;top: 44%;text-align: center;width: 100%;left: 0;display: block;color: #FFBD00;font-size: 40px;font-weight: bold;line-height: 2em;}
/*--------------首页视频样式------*/



.ipadsx { display:none;}




/*ipad 横向样式*/
@media only screen and (min-width: 956px) and (max-width: 1268px)
{

.div1 logo{ width:16%;margin-left: 2%;}
.div2 .menu{ width:54%;margin-left:2%;}
.div1 logo img{ height:40px;}
.menu > ul > li{padding: 0 0.7em;}
.div2{ width:100%;}
.div2_1{ width:100%;}
.div2_1 .menu{ width:54%;margin-left:2%;}
.div2_1 .top-r{ width:26%;}
.div1 .top-r{ width:26%;}
.cd-section{ padding:0;}
.menu > ul > li > ul.normal-sub > li a{ font-size:0.8em;}
.index-banner{padding-top: 0;width: 96%;}
.index-banner p span{ font-size:30px;}
.index-banner p a{ font-size:20px;}
.index-web{ width:96%;}
.index-web one .one-m{ width:100%;}
.index-web one .one-m dd span{font-size: 1.4em;padding-top: 0.7em;}
.index-web .action.xian{ width:100%;}
.xian{margin: 2em auto 2em;}
.index-web two div{ width:100%;}
.index-web two left{ height:400px;}
.index-web two right{ height:400px;}
.index-web two right dt{ height:190px;}
.index-web two right dt{ margin-bottom:20px;}
.index-web two left txt b{ font-size:24px;}
.index-web two left:hover txt b{ padding-top:18%;}
.index-web two right dt txt b{ font-size:26px;}
.index-web two right dt:hover txt b{margin: 15% auto 0;}
.index-web four div{ width:100%;}
.index-web four div dt div{ height:320px;}
.index-web four div dt div span b{ font-size:26px;}
.index-web four div dt div:hover span b{    padding-top: 20%;}
.index-web four div dd span b{ font-size:26px;}
.index-web three div{ width:100%;}
.index-web three dd txt b{font-size: 1.4em;padding-top: 0.7em;}
.footer div{width: 96%;margin: 0 auto;}
.footer left{ width:10%; padding:0;}
.footer right{width: 82%;padding-left: 30px;float: right;margin-top: 1%;}
.footer right h1 a{margin: 0 1em 0 0;}
.page-about1{width: 90%;margin: 0 auto;padding-bottom: 50px;padding-top: 60px;}
.page-about1 .page-a1-one{ width:100%;}
.page-about1 .page-a1-one h1{ font-size:28px;}
.page-about1 .page-a1-one h3{ font-size:18px;}
.page-about1 .page-a1-two{ width:100%;}
.page-about1 .page-a1-two dd span font, .page-about1 .page-a1-two dt span font{ font-size:14px;}
.page-about1 .page-a1-two dd span{ padding:4%;}
.page-about1 .page-a1-two .action.xian{ width:100%;}
.page-about1 .page-a1-two .xian{margin:3em auto 3em;}
.page-about1 .page-a1-two dd span span, .page-about1 .page-a1-two dt span span{ font-size:22px;margin-bottom: 0.6em;}
.page-about2{width: 90%;margin: 0 auto;padding-bottom: 50px;padding-top: 60px;}
.page-about2 .page-a2-one{ width:100%;}
.page-about2 .page-a2-one h1{ font-size:28px;}
.page-about2 .page-a2-one h3{ font-size:18px;}
.page-about2 .page-a2-one h4{ width:100%;}
.page-about2 .page-a2-one h4 .pagePadding .proinfoList{ width:100%;}
.proinfoList .tit{ font-size:13px;}
.proinfoList li{ margin:0;}
.page-about2 .action.xian{ width:100%;}
.page-about2 .xian{margin: 3em 0 3em;}
.page-about2 .page-a2-two{ width:100%;}
.page-about2 .page-a2-two span span{ font-size:20px;}
.page-about2 .page-a2-three .pagePadding .proinfoList{ width:100%;}
.page-about3{width: 90%;margin: 0 auto;padding-bottom: 50px;padding-top: 60px;}
.page-about3 .page-a3-one{ width:100%;}
.page-about3 .page-a3-one h1{ font-size:28px;}
.page-about3 .page-a3-two span{ font-size:13px;}
.page-about3 .page-a3-one h3{ font-size:18px;}
.page-about3 .page-a3-two{ width:70%;}
.page-about3 .page-a3-two font{ font-size:20px;}
.page-about4{width: 90%;margin: 0 auto;padding-bottom: 50px;padding-top: 60px;}
.page-about4 .page-a4-one{ width:100%;}
.page-about4 .page-a4-one h1{ font-size:28px;}
.page-about4 .page-a4-one h3{ font-size:18px;}
.page-about4 dl{ width:100%;}
.page-about4 dl .pagePadding .proinfoList ul li{ margin-bottom:0;}



.page-cj01{width: 90%;margin: 0 auto;padding-bottom: 50px;padding-top: 60px;}
.page-cj01 .page-cj-one{ width:100%;}
.page-cj01 .page-cj-one h2{ width:100%;}
.page-cj01 .page-cj-one h1{ font-size:28px;}
.page-cj01 .page-cj-one h2 span{ font-size:18px;}
.page-cj01 .page-cj-one .action.xian{ width:100%;}
.page-cj01 .page-cj-one .xian{margin: 3em auto 3em;}
.page-cj01 .page-cj-one h3{ width:100%;}
.page-cj01 .page-cj-one h3 img{width: 36%;}
.page-cj01 .page-cj-one h3 span{ width:70%; font-size:12px;}
.page-cj01 .page-cj-one h4{ width:100%;}
.page-cj01 .page-cj-one h4 .pagePadding .proinfoList ul li:nth-child(3n){width: 43%;margin: 0 2%;}
.page-cj01 .page-cj-one h4 .pagePadding .proinfoList ul li:first-of-type{}
.page-cj04{width: 90%;margin: 0 auto;padding-bottom: 50px;padding-top: 60px;}
.page-cj04 .page-cj04-1 h1{ font-size:28px;}
.page-cj04 .page-cj04-1 h2 span{ font-size:18px;}
.page-cj04 .action.xian{ width:100%;}
.page-cj04 .xian {margin: 3em 0 3em 0;}
.page-cj04 .page-cj04-2 h1 dd font{ font-size:26px;    line-height: 1.1;}
.page-cj04 .page-cj04-2 h1 dd{ width:70%;}
.page-cj03{width: 90%;margin: 0 auto;padding-bottom: 50px;padding-top: 60px;}
.page-cj03 .page-cj03-1 h1{ font-size:28px;}
.page-cj03 .page-cj03-1 h2 span{ font-size:18px;}
.page-cj03 .action.xian{ width:100%;}
.page-cj03 .page-cj03-2 h2{ width:70%; font-size:13px;}
.page-cj02{width: 90%;margin: 0 auto;padding-bottom: 50px;padding-top: 60px;}
.page-cj02 .page-cj02-1 h1{ font-size:28px;}
.page-cj02 .page-cj02-1 h2 font{ font-size:18px;}
.page-cj02 .action.xian{ width:100%;}
.page-cj02 .xian {margin: 3em 0 3em 0;}
.page-cj02 .page-cj02-3{ width:70%; font-size:13px;}
.page-cj05{width: 90%;margin: 0 auto;padding-bottom: 50px;padding-top: 60px;}
.page-cj05 .pagePadding .proinfoList{ width:100%;}
.page-cj05 .page-cj05-1 h1{ font-size:28px;}
.page-cj05 .page-cj05-1 h2 span{ font-size:18px;}
.page-cj05 .action.xian{ width:100%;}
.page-cj05 .xian {margin: 3em 0 3em 0;}
.page-cj05 .page-cj05-2{ width:100%;}
.page-cj06{width: 90%;margin: 0 auto;padding-bottom: 50px;padding-top: 60px;}
.page-cj06 .page-cj06-1 h1{ font-size:28px;}
.page-cj06 .page-cj06-1 h2 span{ font-size:18px;}
.page-cj06 .action.xian{ width:100%;}
.page-cj06 .xian {margin: 3em 0 3em 0;}
.page-cj06 .page-cj06-1 h3{ width:100%;}
.page-cj06 .page-cj06-1 h3 span{ width:70%; font-size:13px;}
.page-cj06 .page-cj06-4{ font-size:13px;padding-bottom: 2%;}
.page-cj06 .page-cj06-5 dd{ width:54%;}
.page-cj06 .page-cj06-5 dt{ width:42%;}
.page-cj06 .page-cj06-5 dt .pagePadding .proinfoList ul li img{ height:312px;}
.page-cj06 .page-cj06-5 dd .pagePadding .proinfoList ul li{margin-bottom: 2.2em;}
.page-cj06 .page-cj06-5 dd .pagePadding .proinfoList ul li .tit{ font-size:18px;}
.page-cj06 .page-cj06-5 dt .pagePadding .proinfoList ul li .tit{ font-size:18px;}
.page-cj06 .page-cj06-5 dd .pagePadding .proinfoList ul li:hover .tit{padding: 60px 0 0;}
.page-cj06 .page-cj06-5 dt .pagePadding .proinfoList ul li:hover .tit{padding: 140px 0 0;}
.page-cj06 .page-cj06-5 dt .pagePadding .proinfoList ul li:nth-child(2n) {float: left; margin-right: 0;}
.page-hhl{padding-bottom: 50px;padding-top: 60px;}
.page-hhl-banner{ width:90%;}
.page-hhl .pagePadding{ width:90%; margin:0 auto;}
.proinfoList{ width:100%;}
.page-hhl .pagePadding .proinfoList ul li{ margin-right:3%;margin-bottom: 4%;}
.page-hhl .pagePadding .proinfoList ul li:nth-child(3n){margin-right:0;}




.page-cj05 .page-cj05-2 font{ margin-bottom:0em;}
.page-space h2 img{ width:34%;}
.hsldr-nav-wrapper{ bottom:-2%;}
.div1 .top-r dt .cd-modal .cd-modal-content, .div2_1 .top-r dt .cd-modal .cd-modal-content {padding: 2%;}
.page-yuyue{ width:100%;    padding: 10px 0;}
.cd-modal-close{top:20px;}
.page-yuyue h4 dt strong, .page-yuyue h4 dt span{ line-height:18px;}
.page-yuyue h4 dt font{ line-height:26px;}
.div1 .page-yuyue h4 dt{ margin-bottom:0.6em;}
.page-yuyue h4{ width:40%;}
.page-yuyue form{ width:55%;}
.page-space{padding: 80px 0 50px;}
.page-space h2{ width:90%;    letter-spacing: 1px;}




.index-banner p{ opacity:1;bottom: 10%;}
.footer right h1{ display:none;}
.footer right h2{ display:none;}
.footer left img{ width:100%;height: 32px;}


.imgShowDemo .img{max-width:500px;}

.imgShowDemo .txt{width: 26%;}
.page-cj04 .page-cj04-2 h1 dd{ font-size:123x;}
.page-cj04 .page-cj04-2 h2 .pagePadding .proinfoList ul li{ width:36%;}
.page-cj02 .page-cj02-2 h1 span{ font-size:13px;}
.page-cj05 .page-cj05-2 span{ font-size:13px;}
.page-cj06 .page-cj06-3 dd font{font-size: 16px;line-height: 1;margin-top: 12px;}
.page-cj06 .page-cj06-3 dd span{font-size: 13px;line-height: 18px;margin-top: 10px;}



.imgShowBox{ z-index:99999999999;height:800px !important;}


.index-3{    width: 100%;}
.index-3 ul li video {width: 100% !important;height: auto !important;margin-left: 0 !important;}




}












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

.index-3{    width: 100%;}
.index-3 ul li video {width: 100% !important;height: auto !important;margin-left: 0 !important;}

body .target.pbl-h {transform: translate(0px,0px);-webkit-transform: translate(0px,0px);transition: 100ms ease 100ms;
-webkit-transition: 200ms ease 200ms;}

.div1{ display:none;}
.pbl-h, header {display: block;position: fixed;height: 60px;background: #fff;z-index: 9999999;width: 100%;}
header logo {margin-left: 2%;position: relative;overflow: hidden;float: left;}
header logo a {position: absolute;width: 100%;height: 100%;z-index: 999999999;top: 0;left: 0;}
header logo img.img1{height: 36px;margin-top: 15px;width: 40px;}
header logo img.img2{height: 36px;margin-top: 15px;width: 100px;}
.index-banner{ margin:0; padding-top:0;}
.index-banner{ width:100%;    padding-top: 6.5%;}
.index-banner img{ width:100%;}
.index-banner p{ opacity:1;bottom: 8%;}
.index-banner p span{ font-size:30px;}
.index-banner p a{ font-size:20px;}
.index-banner p strong{width: 40px;height: 40px;line-height: 32px;}
.index-web{ width:98%;}
.index-web one .one-m{ width:100%;}
.index-web one .one-m dd span{ font-size:15px;}
.index-web .action.xian{ width:100%;}
.xian{margin: 2em auto 2em;}
.index-web two div{ width:100%;}
.index-web two left{ height:360px;}
right{ height:360px;}
.index-web two right dt{ height:170px;margin-bottom: 20px;}
.index-web two right dt:hover txt b{margin: 15% auto 0;font-size: 26px;}
.index-web two left:hover txt b{ padding-top: 18%;font-size: 26px;}
.index-web four div{ width:100%;}
.index-web four div dt div{ height:220px;}
.four2.target.action{ height:220px;}
.index-web four div dt div img{ height:220px;}
.index-web four div dt div span b{ font-size:26px;}
.index-web four div dd span b{ font-size:1.4em;}
.index-web four div dd:hover span b{ padding-top:15%;font-size: 26px;}
.index-web three div{ width:100%;}
.index-web three dd txt b{ font-size:15px;}
.footer div{width: 98%;margin: 0 auto;}
.footer right h1{ display:none;}
.footer right h2{ display:none;}
.footer div right{ height:100%;width:80%;text-align: center;padding-left: 0;margin-left: 2%;margin-top: 1%;}
.footer left{width:13%;margin: 0 auto;text-align: center;padding-top: 0;}
.footer left img{ width:100%;height: 30px;}

.page-about1{padding-bottom: 50px;width: 84%;margin: 0 auto;}
.page-about1 .page-a1-one{ width:100%;}
.page-about1 .page-a1-one h1{ font-size:28px;}
.page-about1 .page-a1-one h3{ font-size:18px;}
.page-about1 .page-a1-two{width:100%;}
.page-about1 .page-a1-two .action.xian{ width:100%;}
.page-about1 .page-a1-two .xian{margin: 3em auto 3em;}
.page-about1 .page-a1-two dd span span, .page-about1 .page-a1-two dt span span{ font-size:20px; margin-bottom:1em;}
.page-about1 .page-a1-two dd span font, .page-about1 .page-a1-two dt span font{font-size: 13px;line-height: 1.6em;}

.page-about2{ width:84%; padding-bottom:50px;}
.page-about2 .page-a2-one{ width:100%;}
.page-about2 .page-a2-one h1{ font-size:26px;}
.page-about2 .page-a2-one h3{ font-size:18px;}
.page-about2 .page-a2-one h4{ width:100%;}
.page-about2 .page-a2-one h4 .pagePadding .proinfoList{ width:100%;}
.page-about2 .page-a2-one h4 .pagePadding .proinfoList ul li{ margin-right:2%;}
.page-about2 .page-a2-one h4 .pagePadding .proinfoList ul li img{ height:158px;}
.proinfoList .tit{ font-size:12px;}
.page-about2 .page-a2-one h4 .pagePadding .proinfoList ul li{ width:32%;}
.page-about2 .page-a2-one h4 .pagePadding .proinfoList{ margin:0;}
blockquote, dl, fieldset, hr, ol, p, pre, table, ul{ margin-bottom:0;}
.page-about2 .action.xian{ width:100%;}
.page-about2 .xian{margin: 3em auto 3em;}
.page-about2 .page-a2-two{ width:100%;}
.page-about2 .page-a2-two span span{ font-size:18px;}
.page-about2 .page-a2-two span font{ font-size:12px;}
.page-about2 .page-a2-three .pagePadding .proinfoList{ width:100%;}
.page-about3{ width:84%;padding-bottom: 50px;}
.page-about3 .page-a3-one{ width:100%;}
.page-about3 .page-a3-one h1{ font-size:28px;}
.page-about3 .page-a3-one h3{ font-size:18px;}
.page-about3 .page-a3-two span{ font-size:12px;}
.page-about3 .page-a3-two{ width:80%;}
.page-about3 .page-a3-two font{ font-size:18px;}
.page-about4{ width:84%;padding-bottom: 50px;}
.page-about4 .page-a4-one{ width:100%;}
.page-about4 .page-a4-one h1{ font-size:28px;}
.page-about4 .page-a4-one h3{ font-size:17px; width:100%;}
.page-about4 dl{ width:100%;margin-bottom: 0;}
.page-about4 dl .pagePadding .proinfoList{ width:100%;}
.page-about4 dl .pagePadding .proinfoList ul li{ margin-bottom:0em;width: 40%;}
.imgShowBox{ z-index:99999999999;height:980px !important;}
.page-cj01{width: 84%;margin: 0 auto;padding-bottom: 50px;}
.page-cj01 .page-cj-one{ width:100%;}
.page-cj01 .page-cj-one h1{ font-size:28px;}
.page-cj01 .page-cj-one h2{ width:100%;}
.page-cj01 .page-cj-one h2 span{ font-size:18px;}
.page-cj01 .page-cj-one .action.xian{ width:100%;}
.page-cj01 .page-cj-one .xian{margin: 4em auto 2em;}
.page-cj01 .page-cj-one h3{ width:100%;}
.page-cj01 .page-cj-one h3 img{ width:40%;}
.page-cj01 .page-cj-one h3 span{ width:70%; font-size:12px;}
.page-cj01 .page-cj-one h4{ width:100%;}
.page-cj01 .page-cj-one h4 .pagePadding .proinfoList ul li:first-of-type{width: 31%;float: left;}
.page-cj01 .page-cj-one h4 .pagePadding .proinfoList ul li:nth-child(2n){width: 31%;float: left;}
.page-cj01 .page-cj-one h4 .pagePadding .proinfoList ul li:last-child{width: 31%;float: left; margin-right:0;}
.page-cj01 .page-cj-one h4 .pagePadding .proinfoList li:nth-child(3n){width: 31% !important;float: left !important; margin-right:3%;}
.page-cj01 .page-cj-one h4 .pagePadding .proinfoList ul li{ margin-bottom:0;}
.page-cj01 .page-cj-one h4 .pagePadding .proinfoList ul li img{ width:100%; margin-bottom:0; height:200px;}
.imgShowDemo .img{max-width: 380px;}
.page-cj04{width: 84%;padding-bottom: 50px;}
.page-cj04 .page-cj04-1 h1{ font-size:28px;}
.page-cj04 .page-cj04-1 h2 span{ font-size:18px;}
.page-cj04 .action.xian{ width:100%;}
.page-cj04 .xian{margin: 3em 0 3em 0;}
.page-cj04 .page-cj04-2 h1 dd{ width:70%;font-size: 12px;}
.page-cj04 .page-cj04-2 h1 dd font{ font-size:26px;line-height: 1.2;}
.page-cj04 .page-cj04-2 h2 .pagePadding .proinfoList ul li{ width:36%;}
.page-cj04 .page-cj04-2 h2 .pagePadding .proinfoList{ width:100%;}
.page-cj03{width: 84%;padding-bottom: 50px;}
.page-cj03 .page-cj03-1 h1{ font-size:28px;}
.page-cj03 .page-cj03-2 h2{ font-size:12px;}
.page-cj03 .page-cj03-1 h2 span{ font-size:18px;}
.page-cj03 .action.xian{ width:100%;}
.page-cj03 .xian{margin: 3em 0 3em 0;}
.page-cj03 .page-cj03-2 strong{ font-size:22px;}
.page-cj03 .page-cj03-2 .dragAble img{ max-width:100%;}
.page-cj03-2 .action.page-cj3-6{opacity: 1;width: 70%;}
.page-cj02{width: 84%;padding-bottom: 50px;}
.page-cj02 .page-cj02-1 h1{ font-size:28px;}
.page-cj02 .page-cj02-2 h1 span{ font-size:12px;}
.page-cj02 .page-cj02-1 h2 font{ font-size:18px;padding: 0 0.3em 0;}
.page-cj02 .action.xian{ width:100%;}
.page-cj02 .xian {margin: 3em 0 3em 0;}
.page-cj02 .page-cj02-2 .pagePadding .proinfoList{ width:100%;}
.page-cj02 .page-cj02-3{ width:70%;font-size:12px;}
.page-cj05{width: 84%;padding-bottom: 50px;}
.page-cj05 .pagePadding .proinfoList{ width:100%;}
.page-cj05 .page-cj05-1 h1{ font-size:28px;}
.page-cj05 .page-cj05-2 span{ font-size:12px;}
.page-cj05 .page-cj05-1 h2 span{ font-size:18px;}
.page-cj05 .action.xian{ width:100%;}
.page-cj05 .xian {margin: 3em 0 3em 0;}
.page-cj05 .page-cj05-2{ width:100%;}
.page-cj06{width: 84%;padding-bottom: 50px;}
.page-cj06 .page-cj06-1 h1{ font-size:28px;}
.page-cj06 .page-cj06-1 h2 span{ font-size:18px;}
.page-cj06 .action.xian{ width:100%;}
.page-cj06 .xian {margin: 3em 0 3em 0;}
.page-cj06 .page-cj06-1 h3{ width:100%;}
.page-cj06 .page-cj06-1 h3 span{ width:70%;}
.page-cj06 .page-cj06-4{ margin-bottom:2%;}
.page-cj06 .page-cj06-3 dd span{ font-size:12px; line-height:18px; margin-top:8px;}
.page-cj06 .page-cj06-3 dd font{ font-size:16px;margin-top:12px;line-height: 1;}
.page-cj06 .page-cj06-5 dd{ width:56%;}
.page-cj06 .page-cj06-5 dt{ width:40%;}
.page-cj06 .page-cj06-5 dt .pagePadding .proinfoList ul li{ width:36%;margin-right: 5%;}
.page-cj06 .page-cj06-5 dt .pagePadding .proinfoList ul li img{height: 226px;margin-bottom: 0; width:100%;}
.page-cj06 .page-cj06-5 dd .pagePadding .proinfoList ul li .tit{ font-size:18px;}
.page-cj06 .page-cj06-5 dd .pagePadding .proinfoList ul li:hover .tit{padding: 24px 0 0;}
.page-cj06 .page-cj06-5 dt .pagePadding .proinfoList ul li:hover .tit{padding: 100px 0 0;}
.page-cj06 .page-cj06-5 dt .pagePadding .proinfoList ul li .tit{ font-size:18px;}
.page-cj06 .page-cj06-4 img{ height:40px;}
.page-cj06 .page-cj06-5 dt .pagePadding .proinfoList ul li:nth-child(2n){ float:left;}
.page-cj06 .page-cj06-5 dd .pagePadding .proinfoList ul li{ margin-bottom:1.7em;}
.page-cj06 .page-cj06-5 dd .pagePadding .proinfoList ul li:nth-child(2n){ margin-bottom:0;}

.page-hhl-banner{ width:84%;}
.proinfoList{ width:84%;}
.page-hhl .proinfoList ul .action.page-hhl-list:nth-child(3n){margin-right:0;}
.page-hhl{ padding-bottom:50px;}
.page-space{ padding-bottom:50px;}
.page-space h1{ font-size:22px;}
.page-space h2{ width:84%;margin: 0 auto;overflow: hidden;}



.page-about1 .page-a1-two dd span{ width:50%;    padding: 2%;}
.page-about1 .page-a1-two dd img{ width:50%; height:100%;}
.page-about1 .page-a1-two dd{ height:230px;}
.page-about1 .page-a1-two dt{ height:230px;}
.page-about1 .page-a1-two dt span{ width:53%;    padding: 2%;}
.page-about1 .page-a1-two dt img{ width:47%; height:100%;}
.page-cj05 .page-cj05-2 font{ margin-bottom:0em;}
.page-hhl-banner h1{ font-size:28px;}
.page-space h2{ font-size:14px; letter-spacing: 1px;}







.cd-section{ padding:0;float: right;padding-right: 16%;}
.page-yuyue{ width:90%;padding:70px 0;}
.div1 .top-r dt .modal-is-visible .cd-modal {height: 1000px;}
.modal-is-visible .cd-modal{height:1000px;background-color: #fff;z-index: 9999;}
.cd-modal .cd-modal-content{ padding:2%;}
.cd-modal-close{ z-index:99999;top:20px;}
.page-yuyue h4{ width:60%;}
.page-yuyue form{ width:40%;}
.page-yuyue form input{font-size: 14px;height: 30px;line-height: 30px;margin-bottom: 20px;}
.cd-modal p{margin: 1em 0;}
.cd-modal-action .cd-modal-bg{width: 4em;border-radius:100%;width: 100%; }







.page-yuyue h6{ display:none;}


.page-space3-banner{ width:90%;}
.page-space3{padding-bottom: 50px;padding-top: 60px;}
.page-space3 h3{ width:90%;}


}














 
 /*手机站样式开始*/
@media screen and (max-width:740px)
{

html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6,span,dd,dt,b,c,e,a {

 -webkit-text-size-adjust:100%;

}
.cd-section{ display:none;}
.index-banner p{ opacity:1;}

body,html,h1,h2,h3,h4,h5,h6,p,div,b,c,e,g,j,k,dd,dt,dl,span,strong{ font-size:14px; font-weight:normal; margin:0; padding:0;}

body{  margin:0; padding:0; color:#666; font-family: Arial;}

.footer{ overflow: hidden; }
.apple-banner{ height: 260px;padding-top: 60px;}
.slide1 .title,.slide2 .title,.slide3 .title,.slide4 .title,.slide5 .title,.slide6 .title,.slide7 .title,.slide8 .title{    display: none;}
.pagination li{display: none;}
.index-web,.index-web two div,.index-web four div,.index-web three div,.footer div{ width:98%;}
.index-web one{margin-top: 2em;}
.index-web one .one-m{   width: 100%;}
.index-web one .one-m .target span{ font-size:14px;margin: 0;padding: 0;letter-spacing: 4px;line-height: 1.6em;}
.index-web two left{height: auto;    width: 43%;}
.index-web two right{    width: 55%;}
.index-web two right dt{    margin-bottom: 4%; height:auto;}
.index-web four div dt div{    height: auto;}
.index-web four div dt div img{}
.index-web three dd txt b{ padding: 0.5em;letter-spacing: 0; font-size: 12px;} 

.footer div left{    display: none;}
.footer div right{    border: 0;width: 100%;padding: 0;}
.footer div right h1{display: none;}
.footer div right h2{    display: none;text-align: center;}
.footer right h2 img{    display: inline-block;vertical-align: top;}
.footer div right h3{     text-align: center; font-size: 12px;  width: 80%;  margin: auto;  line-height: 1.6;  }

.div1{  display: none;}

.pbl-h,header{ display: block;position: fixed;height: 60px;background: #fff;z-index: 9999999;width: 100%;}
header logo{margin-left: 2%;position: relative;overflow: hidden;}
header logo img{height: 30px;margin-top: 15px;}
header logo a{ position: absolute;width: 100%;height: 100%;z-index: 999999999;top: 0;left: 0; }


.index-web two left txt b,.index-web two right dt txt b,.index-web four div dd span b,.index-web four div dt div span b{font-size:18px;}
.index-web two left:hover txt b{padding-top:35%;}
.index-web two right dt:hover txt b{    margin: 18% auto 0;}
.index-web four div dt div:hover span b{    padding-top: 21%;}

.page-about1 .page-a1-one,.page-about1 .page-a1-two,.page-about2,.page-about2 .page-a2-two span{ width:98%;}
.page-about1 .page-a1-one h1{    font-size: 20px;}
.page-about1 .page-a1-one h3,.page-about2 .page-a2-one h3{    font-size: 14px;}
.page-about1 .page-a1-two dd span span, .page-about1 .page-a1-two dt span span,.page-about2 .page-a2-one h1{    font-size: 20px;}
.page-about1 .page-a1-two dd span font, .page-about1 .page-a1-two dt span font{font-size: 14px;}

.page-about1 .page-a1-two dd span,.page-about1 .page-a1-two dt span{    position: relative; width:100%;}
.page-about1 .page-a1-two dd img,.page-about1 .page-a1-two dt img{ width:100%;}

.page-about2 .page-a2-one,.page-about2 .page-a2-one h4 .pagePadding .proinfoList{width:100%;}
.page-about2 .page-a2-one h4{width:100%;}
.page-about2 .page-a2-one h4 .pagePadding .proinfoList ul li{    width: 60%;margin: 0 auto 2em;float: none;}
.page-about2 .page-a2-one h4 .pagePadding .proinfoList ul li:nth-child(3n){margin: 0 auto;float: none;}
.page-about2 .page-a2-one h4 .pagePadding .proinfoList ul li .tit{  font-size: 12px;}
.page-about2 .page-a2-two span font{ font-size:12px;}
.page-about2 .page-a2-two span span{ font-size:20px;    margin-bottom: 0;}
.page-about2 .page-a2-two p{ display: none;}
.page-about2 .page-a2-two span{ display: block;float: left;height: auto;    margin-bottom: 2em;}

.page-about2 .page-a2-three .pagePadding .proinfoList,.page-about2 .page-a2-two,.page-about3{width:98%;}
.page-about2 .page-a2-two span font .flipk1{display: block;    padding: 0;}
.page-about2 .page-a2-two span font .flipk1 .xs1k1, .page-about2 .page-a2-two span font .flipk1 .xs2k1,.panelk1{ font-size:12px;}
.page-about2 .page-a2-three .pagePadding .proinfoList ul li{width:40%;}
.page-about2 .page-a2-three .pagePadding .proinfoList ul li .tit{ font-size:14px;}


.page-about3 .page-a3-one,.page-about4{width:98%;}
.page-about3 .page-a3-two font,.page-about4 .page-a4-one h1{font-size:20px;}
.page-about3 .page-a3-one h3,.page-about3 .page-a3-two span,.page-about4 .page-a4-one h3{font-size:14px; width:98%;}
.page-about3 .page-a3-two{ width:80%;}
.page-about3 .page-a3-one h1{ font-size:20px;}

.page-about4 .page-a4-one,.page-about4 dl,.page-about4 dl .pagePadding .proinfoList{width:100%;}
.page-about4 dl .pagePadding .proinfoList ul li .tit{font-size:14px;}

.page-yuyue form .vali p{ display: block;display: none !important;}


.page-hhl-banner,.page-hhl-banner,.proinfoList{width:100%;}
.page-hhl .proinfoList ul .action.page-hhl-list{margin-bottom:3em;    width: 45%;margin-right: 10%; }
.page-hhl .proinfoList ul .action.page-hhl-list:nth-child(3n){ width: 45%;margin-right: 10%;}
.page-hhl .proinfoList ul .action.page-hhl-list:nth-child(2n){margin-right: 0;}
.page-hhl-banner img{ display: block;width: 90%;border-radius: 5px;margin: auto;}
.proinfoList .tit{font-size:12px;line-height: 1.6;}
.proinfoList .img{border-radius: 5px;margin-bottom: 0.5em;}

.page-hhl .pagePadding{    padding: 0;width: 90%;margin: 0 auto;}
.hsldr-image-container img{ width:auto !important; }
.page-space h1{    font-size: 20px;}
.page-space h2{    width: 98%;}
.page-space h2 span{ width: 80%;float: none;margin: 0 auto 5em; font-size: 14px;letter-spacing: 0;}
.page-space h2 img{    margin: 0 1px;float: none;margin: 2em auto 0;width: 80%;}


.page-space{     padding: 80px 0 20px; }

.page-cj01 .page-cj-one,.page-cj04{ width:98%;}
.page-cj01 .page-cj-one h1,.page-cj04 .action.page-cj4-1,.page-cj05 .page-cj05-1 h1{ font-size:20px; }

.page-cj01 .page-cj-one h2{ width:90%;}
.page-cj01 .page-cj-one h2 span,.page-cj04 .page-cj04-1 h2 span,.page-cj03 .page-cj03-1 h2 span,.page-cj02 .page-cj02-1 h2 font,.page-cj02 .page-cj02-2 h1 span,.page-cj05 .page-cj05-1 h2 span{  border: 0;  display: block;text-align: center;font-size: 14px;line-height: 1.8;}
.page-cj01 .page-cj-one h2 span br,.page-cj04 .page-cj04-1 h2 span br,.page-cj03 .page-cj03-1 h2 span br,.page-cj02 .page-cj02-1 h2 font br,.page-cj02 .page-cj02-2 h1 span br,.page-cj05 .page-cj05-1 h2 span br{ display: none;}

.page-cj01 .page-cj-one h3{width:100%; margin: 2em auto 0;}
.page-cj01 .page-cj-one h3 img{ width: 60%;}
.page-cj01 .page-cj-one h3 span{     width: 90%;font-size: 12px; }

.page-cj01 .page-cj-one h4,.page-cj02,.page-cj02 .page-cj02-2 .pagePadding .proinfoList{width:100%;}
.page-cj01 .page-cj-one h4 .pagePadding .proinfoList ul li img{    height: auto;width: 80%;margin: 0 auto;}
.page-cj04 .page-cj04-2 h1 dd font,.page-cj03 .page-cj03-1 h1,.page-cj02 .page-cj02-1 h1,.page-cj06 .page-cj06-1 h1{ font-size:20px;}
.page-cj04 .page-cj04-2 h1 dd,.page-cj04 .page-cj04-2 h1 dd .panelk1{ font-size:14px;}
.page-cj04 .page-cj04-2 h1 dd{ width:90%;}
.page-cj04 .page-cj04-2 h2 .pagePadding .proinfoList,.page-cj03{width:100%;}
.page-cj04 .page-cj04-2 h2 .pagePadding .proinfoList ul li{  width: 70%;float: none;margin-bottom: 2em;}
.page-cj03 .page-cj03-2 h1,.page-cj03 .page-cj03-2 h2{width:80%;}

.page-cj03 .page-cj03-2 h1 dl span{width:100%; font-weight: bold;margin-bottom: 1em;    font-size: 12px;}
.page-cj03 .page-cj03-2 h1 dl dt span{      font-weight: normal; margin-bottom: 0.5em;}
.page-cj03 .page-cj03-2 h1 dl dt{width:100%;   }

.page-cj02 .page-cj02-3,.page-cj05 .page-cj05-2 span,.page-cj05 .panelk1,.page-cj06 .panelk1{font-size:14px; }

.page-cj05,.page-cj05 .pagePadding .proinfoList,.page-cj06,.page-cj06 .page-cj06-1 h3{width:100%;   }
.page-cj05 .page-cj05-2{ width:90%; }

.page-cj06 .page-cj06-1 h2 span{display: block;text-align: center;font-size: 14px;line-height: 1.8;}
.page-cj06 .page-cj06-1 h2 span br{display: none;}

.page-cj06 .page-cj06-3 dd{    float: left;width: 50%;margin:0 0 3em;}
.page-cj06 .page-cj06-3 dd font{    display: block;width: 90%;margin: auto;}
.page-cj06 .page-cj06-3 dd span{font-size: 12px;line-height: 1.4;    display: block;width: 90%;margin: 0 auto;}
.page-cj06 .page-cj06-3 dd img,.page-cj06 .page-cj06-3 h1{    width: 90%;margin: 0 auto;}
.page-cj06 .page-cj06-5 dd,.page-cj06 .page-cj06-5 dt{ width:90%;    float: none;  margin: 0 auto;}

.page-cj06 .page-cj06-5 dt .pagePadding .proinfoList ul li{}
.page-cj06 .page-cj06-5 dt .pagePadding .proinfoList ul li img{height: 320px;}
.page-cj06 .page-cj06-5 dd .pagePadding .proinfoList ul li{    margin-bottom: 2em;}
.page-cj06 .page-cj06-5 dd .pagePadding .proinfoList ul li:nth-child(2n){  margin-bottom:0;}

.page-cj06 .page-cj06-1 h3 span{    margin: 0 auto;position: relative;width:80%;font-size: 14px;}

.page-cj06 .flipk1 span{ margin:0;}
.index-web four div dt div:nth-child(1n){ background: #eeebe6;    width: 37%;  }
.index-web four div dt div:nth-child(2n){  width: 61%;}

 .page-about3 .page-a3-two span{font-size:12px;}

.index-banner{ width:100%;padding-top: 60px;}
.index-banner p span{font-size: 18px;}
.index-banner p a{font-size: 14px;}
.index-banner p strong{ width: 30px;height: 30px;font-size: 12px;line-height: 30px;border: 1px solid;}

.page-hhl{     padding: 100px 0 30px; }

.page-cj01 .page-cj-one h3 .xs1k1,.page-cj04 .page-cj04-2 h1 dd .xs1k1,.page-cj04 .page-cj04-2 h1 dd .xs2k1,.page-cj02 .page-cj02-3 .xs1k1,.page-cj02 .page-cj02-3 .xs2k1
,.page-cj05 .page-cj05-2 span .xs1k1,.page-cj05 .page-cj05-2 span .xs2k1,.page-cj06 .page-cj06-1 h3 span .xs1k1,.page-cj06 .page-cj06-1 h3 span .xs2k1{ 
border: 1px solid;font-size: 12px;width: 100px;line-height: 2;    display: block;text-align: center;margin: 0 auto;}

.imgShowDemo2 .owl-controls .owl-buttons div{width: 30px;height: 30px;}
.hi-num{width:auto;}
.overlayClose{ width:40px; height:40px;}

.page-cj03 .page-cj03-2 h2{font-size:12px;}
.page-cj06 .page-cj06-3 h1{     font-size: 16px; margin-bottom: 2em;}

.page-cj03 .page-cj03-2 h2 .xs1k1,.page-cj03 .page-cj03-2 h2 .xs2k1{ }

.page-yuyue{width: 90%;padding-top: 22%;}
.page-yuyue h1{margin-bottom: 0.5em;font-size: 22px;}
.page-yuyue h4{ width:100%;}
.page-yuyue h4 dt strong, .page-yuyue h4 dt span{ line-height:18px;}
.page-yuyue form{width: 100%;margin-top: 6%;}
.page-yuyue form input{font-size: 0.9em;height: 32px;line-height: 32px;margin-bottom: 15px;}
.page-yuyue form select{font-size: 0.9em;height: 32px;line-height: 32px;margin-bottom: 15px;}
.page-yuyue form textarea{font-size: 0.9em;height: 80px;margin-bottom: 20px;}
.page-yuyue h6{ display:none;}




.page-space3-banner{ width:100%;}
.page-space3-banner img{ width:90%; margin:auto;}
.page-space3 h3{ width:90%;}
.page-space3 h3 dt p strong{ font-size:12px;}
.page-space3 h3 dt p font{ font-size:17px; line-height:18px;    color: #333;}
.page-space3 h3 dt p{ margin-top:1em;}


.index-3 .mask-txt .wrap{    margin: 0; max-width: 100%;}
.index-3{width:100%;    padding-top: 60px;}
.index-3 .mask-txt i c{     width: 300px;
    font-size: 30px;
    margin: 0 auto;
    top: 120%;
    left: 50%;
    margin-left: -150px;}
.index-3 .mask-txt i{    margin-top: 36%;}
.index-3 ul li video{width: 100%  !important;height: auto !important;margin-left: 0 !important;}








}