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



@media screen and (max-width:1480px){

.w{ width:82%;}
.head-nav{ width:69%;}

.about-word .en{ font-size:42px;}

.product-title{ padding:50px 3% 0 3%;}
.product-title .c{ max-height:inherit;}



}


@media screen and (max-width:1024px){

.w{ width:96%;}

.head{ height:70px;}
.head-logo{ background-size:160px auto; width:160px; height:46px; margin-top:12px;}
.head-nav{ width:74%; margin-left:3%; padding-top:25px;}
.head-nav li{ height:40px; width:13.5%;}
.head-nav li a.far{ font-size:16px;}
.head-search{ padding-top:10px;}
.head-search .srhBox{ top:60px !important;}
.mtop{ height:70px;}




.banner .hd{ bottom:15px;}


.aboutPage{ padding:35px 0;}
.about-word .cn{ font-size:32px;}
.about-word .en{ font-size:40px;}
.about-word .tn{ font-size:15px; margin-top:15px;}
.about-word .mo{ margin-top:20px;}
.about-word .mo a{ width:155px; line-height:36px; color:#fff;}
.about-word .mo a:hover{ color:#fff; border-color:#fff;}
.about-pic{ height:405px;}


.casePage{ padding:35px 0;}
.case-title .t{ font-size:32px;}
.case-title .c{ margin-top:20px;}
.case-list{ margin-top:30px;}
.case-list .item .aImg{ height:190px;}
.case-list .item .aTit{ font-size:18px; padding:0 15px; margin-top:20px;}


.newsPage{ padding:35px 0 50px 0;}
.news-tit{ font-size:32px;}
.news-tab{ margin-top:20px;}
.news-cont{ margin-top:25px;}
.news-graphic li .pic{ height:170px;}
.news-graphic li .tit{ margin-top:15px;}
.news-list li{ height:100px; padding:13px 20px 0 160px;}
.news-list li .txt{ margin-top:5px;}
.news-list li .date .d{ font-size:26px; padding-top:15px;}
.news-list li .date .y{ padding-top:15px;}
.news-list li .date:before{ top:48px;}

.product-title{ padding:40px 2% 0 2%;}
.product-title .t{ font-size:32px;}
.product-title .c{ margin-top:20px; line-height:26px; max-height:inherit;}
.prodcut-list li{ height:225px; padding-top:15px;}
.prodcut-list li .ico{ width:100px; height:100px; background-size:100px auto;}
.prodcut-list li .tit{ font-size:22px;}
.prodcut-list li .txt{ margin-top:20px; font-size:16px;}
.prodcut-list li:hover .txt{ transform:translateY(-80px); -moz-transform:translateY(-80px); -o-transform:translateY(-80px); -webkit-transform:translateY(-80px);}


.pmain{ padding:30px 0;}

.pmenu a{ padding:15px 30px;}
.pNews-list li{ width:31.3%;}

.pConst-list dl dt{ height:320px;}
.pConst-list dl dd{ padding:30px 25px 0 25px;}
.pConst-list dl dd .txt{ margin-top:10px;}


.pPro-warp{ padding:30px 0;}
.pPro-left-top{ padding:30px 0 30px 25px;}



}



@media screen and (max-width:861px){

.head-nav{ display:none;}
.head-search{ display:none;}
.menuBtn{ display:block;}



.aboutPage:before{ min-height:100%;}
.about-pic{ height:320px; width:100%; float:none;}
.about-word{ width:100%; margin-top:20px;}
.about-word .cn{ font-size:24px;}
.about-word .en{ font-size:32px; margin-top:0;}
.about-word .tn{ margin-top:10px;}

.case-title .t{ font-size:24px;}
.case-title .c{ margin-top:10px;}
.case-list{ margin-top:15px;}
.case-list .item-box{ padding-bottom:20px;}
.case-list .item .aTit{ font-size:16px; margin-top:16px;}
.case-list .item .aTxt{ margin-top:8px;}

.news-list li{ padding:13px 20px 0 130px;}
.news-list li .date{ width:110px;}
.news-list li .date:before{ left:8px;}
.news-list li .date .d{ text-indent:20px;}
.news-list li .date .y{ text-indent:55px;}

.product-title{ width:50%; padding:30px 2% 0 2%;}
.product-title .c{ margin-top:15px; line-height:25px; height:200px;}
.prodcut-list{ width:50%;}
.prodcut-list li{ height:165px; padding-top:5px;}
.prodcut-list li .ico{ background-size:80px auto; width:80px; height:80px;}
.prodcut-list li .tit{ font-size:18px;}
.prodcut-list li .txt{ margin-top:10px; font-size:14px;}
.prodcut-list li .view{ width:120px; height:30px; line-height:30px; font-size:15px;}
.prodcut-list li:hover .tit{ transform:translateY(-65px); -moz-transform:translateY(-65px); -o-transform:translateY(-65px); -webkit-transform:translateY(-65px);}
.prodcut-list li:hover .txt{ transform:translateY(-65px); -moz-transform:translateY(-65px); -o-transform:translateY(-65px); -webkit-transform:translateY(-65px);}

.pmenu a{ padding:15px;}
.pmain{ padding:20px 0;}


.pAbout-title{ padding:30px 0;}
.pAbout-title .cnT{ font-size:28px;}
.pAbout-title .enT{ font-size:20px; margin-top:5px;}

.pConst-list{ margin-top:25px;}
.pConst-list dl dt{ width:100%; float:none;}
.pConst-list dl:nth-child(2n) dt{ float:none;}
.pConst-list dl dd{ padding:15px 20px; width:100%; float:none;}
.pConst-list dl dd .cn-t{ font-size:24px;}
.pConst-list dl dd .txt{ font-size:15px; line-height:32px;}

.pDoubt-list dl{ margin-top:20px;}
.pDoubt-list dl dd{ padding:20px 20px 0 20px;}

.pJoin-des{ margin-top:30px; padding-left:0;}
.pJoin-des .pic{ width:100%; position:relative; left:auto; top:auto; min-height:270px;}
.pJoin-des .word{ width:100%; padding:20px;}
.pJoin-des .word:before{ right:0;}
.pJoin-des .word .t{ font-size:26px;}

.pNews-list li{ padding:0 15px 25px 15px; margin:20px 0 0 2%;}
.pPro-left{ width:30%;}
.pPro-right{ width:67%;}
.pPro-right-top{ padding:10px 0;}
.pPro-right-list li{ width:48%; margin:20px 0 0 2%; padding:20px 15px 10px 15px;}

.pCase-list{ margin-left:-2%;}
.pCase-list li{ margin:20px 0 0 2%;}
.pCase-list li .img{ height:200px;}
.pCase-list li .tit{ padding:15px;}
.pContact{ padding:30px 0;}

.pPage{ padding-top:30px;}

}


@media screen and (max-width:481px){

.head{ height:50px;}
.head-logo{ background-size:120px auto; width:120px; height:34px; margin-top:9px;}
.mtop{ height:50px;}

.menuBtn{ width:38px; height:22px; margin-top:16px; margin-right:10px;}
.menuBtn .burger{ height:3px;}
.menuBtn .burger-2{ top:9px;}
.menu-fix{ width:200px; top:50px;}
.menu-list { padding: 30px 0 30px 30px;}
.menu-list li { margin-bottom: 22px;}
.menu-list li a{ font-size:16px;}



.banner .hd{ bottom:8px;}
.banner .hd li{ width:10px; height:5px;}
.banner .hd li.on{ width:25px;}

.aboutPage{ padding:10px 0;}
.about-pic{ height:160px;}
.about-word{ margin-top:10px;}
.about-word .cn{ font-size:20px;}
.about-word .en{ font-size:24px; line-height:1; margin-top:5px;}
.about-word .tn{ line-height:25px; height:150px;}
.about-word .mo{ margin-top:10px; padding-bottom:10px;}
.about-word .mo a{ width:110px; line-height:26px; font-size:14px;}

.casePage{ padding:20px 0;}
.casePage:before{ height:230px;}
.case-title .t{ font-size:20px;}
.case-list .item-box{ padding-bottom:15px;}
.case-list .item .aTit{ margin-top:12px; font-size:15px; padding:0 10px;}
.case-list .item .aImg{ height:200px;}

.newsPage{ padding:20px 0;}
.news-tit{ font-size:20px;}
.news-tab{ margin-top:10px;}
.news-tab a{ margin:0 8px; padding:0; padding-bottom:3px;}
.news-tab a.on, .news-tab a:hover{ border-bottom:2px #173784 solid;}
.news-cont{ margin-top:15px;}
.news-graphic{ width:100%; float:none;}
.news-graphic li{ width:48%; margin-right:2%;}
.news-graphic li:last-child{ margin-right:0;}
.news-graphic li .tit{ margin-top:7px; font-size:15px;}
.news-graphic li .txt{ max-height:40px; line-height:20px; margin-top:5px;}

.news-list{ width:100%; float:none; margin-top:20px;}
.news-list li .date{ width:75px;}
.news-list li .date:before{ width:65px; top:39px; left:5px;}
.news-list li .date .d{ text-indent:12px; font-size:20px; padding-top:10px;}
.news-list li .date .y{ font-size:14px; text-indent:38px; padding-top:15px;}
.news-list li{ height:80px; padding:10px 10px 0 90px;}
.news-list li .txt{ margin-top:2px; line-height:20px; max-height:40px;}


.product-title{ width:100%; padding:20px 2%;}
.product-title .t{ font-size:20px; padding-bottom:8px;}
.product-title .t:before{ width:100px; }
.product-title .c{ margin-top:10px; height:110px; line-height:22px;}
.prodcut-list{ width:100%;}
.prodcut-list li{ height:125px; padding-top:0;}
.prodcut-list li .ico{ background-size:60px auto; width:60px; height:70px;margin-top: 1rem;}
.prodcut-list li .tit{ font-size:16px;}
.prodcut-list li .txt{ margin-top:5px;}
.prodcut-list li .view{ width:110px; height:26px; line-height:24px; font-size:14px;}
.prodcut-list li:hover .tit{ transform:translateY(-45px); -moz-transform:translateY(-45px); -o-transform:translateY(-45px); -webkit-transform:translateY(-45px);}
.prodcut-list li:hover .txt{ transform:translateY(-45px); -moz-transform:translateY(-45px); -o-transform:translateY(-45px); -webkit-transform:translateY(-45px);}
.prodcut-list li:hover .view{ transform:translateY(-35px); -moz-transform:translateY(-35px); -o-transform:translateY(-35px); -webkit-transform:translateY(-35px);}


.footer{ margin-top:20px; padding:20px 0;}
.footer-copy{ width:100%; float:none;}
.footer-link{ width:100%; float:none; margin-top:15px;}
.footer-link .t{ font-size:18px; padding-bottom:10px;}
.footer-link .select{ width:100%; height:32px;}



.pmenu{ background:#fff;}
.pmenu a{ background:#f2f2f2; padding:7px 0; width:50%; float:left; border-bottom:1px solid #fff; font-size:15px; border-right:1px solid #fff;}
.pmenu a:after{ display:none;}
.pmenu a:before{ display:none;}

.pAbout-title{ padding:20px 0;}
.pAbout-title .cnT{ font-size:18px;}
.pAbout-title .enT{ font-size:16px;}

.pConst-list dl dt{ height:180px;}
.pConst-list dl dd{ padding:15px 10px;}
.pConst-list dl dd .cn-t{ font-size:20px;}
.pConst-list dl dd .en-t{ line-height:25px;}
.pConst-list dl dd .txt{ font-size:14px; line-height:27px;}

.pDoubt-list dl{ margin-top:15px;}
.pDoubt-list dl dt{ padding:7px 20px 7px 10px; font-size:15px; line-height:24px;}
.pDoubt-list dl dt:before{ right:10px; top:13px;}
.pDoubt-list dl dd{ padding:10px 10px 0 10px; font-size:15px; line-height:27px;}

.pNews-list{ margin-left:0;}
.pNews-list li{ width:100%; margin:20px 0 0 0; padding:0 15px 25px 15px;}
.pNews-list li:before{ bottom:10px;}
.pNews-list li .txt{ height:auto; max-height:44px; margin-top:5px;}


.pCase-list{ margin-left:0;}
.pCase-list li{ width:100%; margin:20px 0 0 0;}
.pCase-list li .tit{ padding:10px;}


.pContact{ padding:20px 0;}
.pContact:before{ display:none;}
.pContact-way{ width:100%; float:none;}
.pContact-way .t{ font-size:20px; padding-bottom:10px;}
.pContact-way li{ line-height:24px; padding-left:25px;}
.pContact-way li:nth-child(2) { background: url(../images/p-tel.jpg) no-repeat left 17px;}
.pContact-way li:nth-child(3) { background: url(../images/p-add.jpg) no-repeat left 17px;}
.pContact-message{ width:100%; padding:15px 0; float:none;}
.pContact-message .t{ padding-bottom:0; font-size:20px;}

.pPro-warp{ padding:20px 0;}
.pPro-left{ width:100%; float:none;}
.pPro-left-top{ padding:7px 0 7px 15px; font-size:20px; line-height:normal;}
.pPro-left-img{ display:none;} 
.pPro-left-menu a{ font-size:15px; width:50%; float:left; line-height:40px; padding-left:10px;}
.pPro-left-menu a:before{ width:7px; height:7px; border:1px solid #999; border-left-width:0; border-top-width:0; top:18px; right:10px;}

.pPro-right{ width:100%; float:none;}
.pPro-right-top{ display:none;}
.pPro-right-list{ margin-left:0;}
.pPro-right-list li{ height:275px; width:100%; margin-left:0; padding:10px;}
.pPro-right-list li .cover{ padding:0 15px;}
.pPro-right-list li .cover .t{ padding:10px 0 5px 0;}

.pPage{ padding-top:20px;}
.pPage a{ margin-top:5px; line-height:30px; padding:0 10px;}
.pPage .nowpage{ margin-top:5px; line-height:30px; padding:0 10px;}

.pPro-right-des{ padding:10px;}
.pPro-right-des .aPic{ width:100%; float:none;}
.pPro-right-des .aWord{ float:none; width:100%; padding-top:15px;}

}


@media screen and (max-width:321px){



.case-list .item .aImg{ height:170px;}

.news-graphic li .pic{ height:150px;}


}