.swiper-container img{ width:100%; height:auto; vertical-align:top;}
.banner .swiper-container{ height:auto;}
body{ min-width:100%;}
.nav_sj{ display:none; width:100%; position:absolute;}
.nav_sj .nav_ico{ display:block; width:40px; height:40px; position:absolute; right:0; top:35px; cursor:pointer;}
.nav_sj .nav_ico i{ display:block; width:30px; height:4px; float:right; background:#333; position:relative;transition:all .4s;} 
.nav_sj .nav_ico i:before,.nav_sj .nav_ico i:after{ display:block; width:30px; height:4px; content:''; background:#333; position:absolute; right:0; transition:all .4s;}
.nav_sj .nav_ico i.click{ background:#fff;}
.nav_sj .nav_ico i.click:before{ transform:rotate(45deg); top:0;}
.nav_sj .nav_ico i.click:after{ transform:rotate(-45deg); bottom:0;}
.nav_sj .nav_ico i:before{ top:-8px;}
.nav_sj .nav_ico i:after{ bottom:-8px;}
.nav_sj ul{ width:100%; background:#fff; position:absolute; top:70px; z-index:99; height:0; overflow:hidden; transition:all .4s;}
.nav_sj ul.zk{ transition:all .4s; height:auto;}
.nav_sj ul li a{ display:block; width:100%; height:37px; line-height:37px; text-align:center;}
.nei_banner img{ width:100%; height:auto; vertical-align:top;}
.sj_pro .swiper-container-a { display:none;}
@media screen and (max-width:1420px){
.widthz, .wrap,.TTSliderPicList,.home_news_list{width:960px;}
.home_youshi{ padding-bottom:30px;}
.header .navbar_nav li{ margin:0 13px;}
.head .logo{ padding-top:16px;}
.home_youshi ul li{ width:313px; padding:18px 10px 0; margin-right:10px;}
.home_youshi ul li img{ width:100%; height:155px;}
.home_youshi ul{ padding-top:60px; padding-bottom:20px;}
.TTSliderTitle li{ padding:0 18px;}
.TTSliderNextBtn{ left:0;}
.TTSliderPrevBtn{ right:0;}
.TTSliderPic li{ width:320px; padding:0;}
.TTSliderPic li .img{ width:300px;}
.TTSliderPic li .img img{ width:100%;}
.home_about .about_r img{ width:500px;}
.home_about .about_l{ width:450px; padding-right:7px;}
.home_about .about_l .more{ padding-top:10px;}
.home_news_list .list-wrap .list li{ width:471px; margin-right:18px; height:150px;}
.home_news_list .list-wrap .list li .img{ width:160px; height:150px;}
.home_news_list .list-wrap .list li .cont{ width:310px; padding:10px;}
.home_news_list .list-wrap .list li .cont .c1{ white-space:nowrap; overflow:hidden; width:100%; text-overflow:ellipsis;}
.footer .foot_nav ul li{ width:115px; margin-right:15px;}
.footer .foot_contact{ width:420px;}
.footer .foot_contact p.add{ background-position:3px 8px;}
.home_news_list .list{ height:368px;}
.home_news{ height:auto;}
.about_right{ width:660px;}
.contentdy img{ max-width:100%; height:auto; vertical-align:top;}
.i_art li{ width:210px; margin-right:15px;}
.i_art li .tu{ width:210px;}
.i_art li .tu img,#imageMenu{ width:100%;}
.preview,.smallImg,.bigImg{ width:312px;}
#imageMenu li,#imageMenu li img{ width:65px; height:65px;}
.prodetail_r{ width:345px; padding-left:20px;}
.prodetail_r .p_tel{ padding-left:20px;}
.pro_qita ul li{ width:158px; margin-right:10px;}
.pro_qita ul li .img{ width:158px; height:142px;}
.pro_qita ul li .img img{ width:100%; max-height:142px;}
.nnews_lb_img{ left:0; top:10px;}
.nnews_lb_img img{ width:180px; height:109px;}
.nnews_lb_m{ padding-left:195px; height:auto; padding-bottom:18px;}
.nnews_lb_title,.nnews_lb_line,.nnews_lb_cnt,.nnews_lb_date{ position:static; width:100%;}
.nnews_lb_bq{ float:none;}
#info{ width:100% !important;}
.online_right,.onIput,.onText textarea{ width:100%;}
.onIput input{ margin:0; padding-left:40px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin:0; width:100%; line-height:36px; background:none; height:36px; border:0;}
}
@media screen and (max-width:1040px){
.widthz, .wrap,.TTSliderPicList,.home_news_list{width:740px;}
.head .logo{ width:40%;}
.head .logo img{ width:100%; height:auto; vertical-align:top;}
.header .navbar_nav li{ margin:0 6px;}
.header .navbar_nav li a{ font-size:15px;}
.header .nav{ margin-top:24px;}
.head{ height:95px;}
home_youshi { padding-top:10px;}
.public .title1,.public .title3{ font-size:22px;}
.public .title2,.home_youshi ul li .title,.public .title4{ font-size:17px;}
.home_youshi ul li{ width:33.33%; padding:8px 10px 0; margin-right:0;}
.home_youshi ul li img{ height:115px;}
.home_youshi ul li,.home_youshi ul li:nth-child(2){ height:auto;}
.home_pro{ margin-top:20px;}
.TTSliderTitle li{ padding:0 9px;}
.TTSliderPic li{ width:246px;}
.TTSliderPic li .img{ width:236px;}
.home_about .about_l{ width:310px;}
.home_about .about_r img{ width:430px; height:246px;}
.home_about .about_l p{ width:100%; height:200px; overflow:hidden; line-height:164%;}
.home_news_list .list-wrap .list li{ width:365px; margin-right:10px; height:120px;}
.home_news_list .list-wrap .list li .img{ width:130px; height:120px;}
.home_news_list .list-wrap .list li .cont{ width:235px; padding:10px 0 10px 7px;}
.home_news_list .list-wrap .list li .cont .c2{ height:15px; line-height:15px; font-size:12px; padding:0;}
.home_news_list .list{ height:308px;}
.footer .foot_nav ul li{ margin-right:10px; width:105px;}
.footer .foot_contact { width:280px;}
.footer .foot_contact p.phone{ background-position:3px 8px;}
.footer_bq{ font-size:12px;}
.home_news_list .list-wrap .list li .cont .c1,.footer .foot_nav ul li b{ font-size:15px;}
.aboutContact{ padding:10px 8px 30px;}
.about_left{ width:255px;}
.home_about .about_l{ margin-top:15px;}
.lm{ width:100%;}
.lm h3,.lm h4{ padding-left:15px;}
.lm h4.selected,.lm h4:hover{ background-position:235px center;}
.hot_pro,.hot_pro:hover{ background-position:16px center; padding-left:68px;}
.about_right{ width:470px;}
.i_art li{ width:230px; margin-right:10px;}
.i_art li .tu{ width:230px;}
.i_art li:nth-child(2n){ margin-right:0 !important;}
.i_art li:nth-child(3n){ margin-right:10px;}
.preview,.smallImg,.bigImg{ width:470px;}
.prodetail_r{ width:100%; padding-left:0;}
.prodetail_r .p_tel{ font-size:16px; width:100%; padding-left:20px;}
.pro_qita ul li,.pro_qita ul li .img{ width:150px;}
.pro_qita ul li:nth-child(3n){ margin-right:0;}
.listConts{ padding:20px 0;}
.listConts .info{ font-size:12px;}

}
@media screen and (max-width:820px) {
.widthz, .wrap,.TTSliderPicList,.home_news_list,.preview,.smallImg,.bigImg{width:480px;}
.head_top .fl{ display:none;}
.head_top .fr{ width:100%; text-align:left;}
.head_top span{ float:none; margin-left:0; margin-right:20px;}
.head .logo{ width:55%;}
.nav_sj{ display:block;}
.head .widthz{ position:relative;}
.nav_sj .nav_ico{ top:45px;}
.header .nav{ display:none;}
.head { height:85px;}
.nav_sj ul{ top:85px;}
.home_youshi ul li .title{ padding-top:0;}
.home_youshi ul li img{ height:85px;}
.TTSliderTitle{ height:auto;}
.TTSliderPrevBtn, .TTSliderNextBtn{ width:39px;}
.TTSliderPic li{ width:240px;}
.home_about .about_r img,.home_about .about_l{ width:100%; height:auto; vertical-align:top;}
.home_about .about_l p{ height:auto;}
.home_about .about_l .more a{ margin:0 auto;}
.home_about .public{ padding-bottom:25px;}
.home_about{ padding:40px 0 60px;}
.home_news_list .list-wrap .list li{ width:100%; margin-right:0; margin-bottom:20px;}
.home_news_list .list{ height:540px;}
.home_news{ background-size:cover;}
.footer .foot_nav ul li{ width:110px;}
.footer .foot_nav{ width:100%;}
.footer .foot_contact{ width:100%; margin-top:20px;}
.footer_bq{ line-height:165%; padding:15px;}
.about_left,.about_right{ width:100%;}
.lm h4.selected,.lm h4:hover{ background-position:460px center;}
.aboutContact{ display:none;}
.lm h3,.lm h3{ font-size:22px;}
.i_art li{ width:235px; margin-right:10px;}
.i_art li .tu{ width:235px;}
.pro_qita ul li,.pro_qita ul li .img{ width:153px;}
.nei_banner{ width:100%; overflow:hidden;}
.nei_banner img{ width:130%; margin-left:-15%;}


}
@media screen and (max-width:510px) {
.widthz, .wrap,.TTSliderPicList,.home_news_list,.preview,.smallImg,.bigImg{width:320px;}
.head_top span.email{ display:none;}
.head .logo{ width:70%;}
.nav_sj .nav_ico{ top:40px;}
.head { height:75px;}
.nav_sj ul{ top:75px;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets, .banner .swiper-pagination-custom, .banner .swiper-pagination-fraction{ bottom:5px;}
.banner .swiper-pagination-bullet{ width:6px !important;}
.home_youshi{ padding-bottom:0; padding-top:20px;}
.public .title2,.public .title4{ font-size:14px;}
.home_youshi ul li{ width:100%; float:none; margin-bottom:20px;}
.home_youshi ul li img{ height:135px;}
.home_youshi ul li:nth-child(2){ margin-top:0;}
.TTSliderTitle li{ padding:0 8px;}
.TTSliderTitle ul{ text-align:left;}
.TTSliderPic li{ width:320px;}
.TTSliderPic li .img{ width:320px;}
.home_about .about_l .more a{ height:35px; line-height:35px; font-size:14px;}
.home_about { padding:30px 0;}
.home_news_list .title-list li{ width:100px; margin:0 1px;}
.home_news_list .list-wrap .list li .img{ width:100px; height:93px;}
.home_news_list .list-wrap .list li{ height:93px;}
.home_news_list .list-wrap .list li .cont{ width:220px; padding:5px 0 0 5px;}
.home_news_list .list-wrap .list li .cont .c3{ height:40px; overflow:hidden; line-height:155%;}
.home_news_list .list{ height:440px;}
.footer .foot_nav ul li{ width:80px; margin-right:0;}
.lm h4.selected,.lm h4:hover{ background-position:300px center;}
.lm h3,.lm h3,.about_right_title p{ font-size:18px;}
.i_art li,.i_art li .tu{ width:320px; margin-right:0;}
.pro_qita ul li{ width:155px; margin-right:10px;}
.pro_qita ul li .img{ width:155px;}
.pro_qita ul li{ margin:0 3px !important;}
.nnews_lb_img{ position:static;}
.nnews_lb_m{ padding-left:0; margin-bottom:15px;}
.contentdy img{ width:320px; height:190px; padding:0;}
.listConts .info{ height:auto; left:175%;}
.listConts .title,.hot_pro{ font-size:18px;}
.down li{ padding-left:30px;}
.onIput em img{ width:17px; height:16px;}
.nei_banner img{ width:140%; margin-left:-20%;}
.side ul li.sideewm,#yuyueshow,.side ul li.sideetel,.side ul li.shangqiao{ display:none;}
.side{ width:60px; top:100%; margin-top:-180px;}
.side ul li{ width:60px; height:60px; line-height:28px; font-size:13px;}
.side ul li i{ margin-top:4px;}
.sj_pro .sj_pro_m{ display:block;}
.sj_pro .TTSliderPrevBtn,.sj_pro .TTSliderNextBtn{ display:none;}
.swiper-container-a { width:320px; overflow:hidden;}
.TTSliderPic ul.show .swiper-container-a{ display:block;}
.TTSliderPic ul.show li.pc_xs{ display:none;}
.TTSliderPic ul.show .swiper-container-a .swiper-pagination{ display:none;}
}