@media screen and (max-width:1280px){
.wrap{width:960px;}
.head .nav{ width:640px; margin-right:0;}
.head .nav li a{ padding:0 10px;}
.head .logo,.head .logo img{ width:221px; height:59px;}
.head .logo{ margin-top:25px;}
.head .nav li .li_m a{ font-size:15px;}
.m_tit{ font-size:26px;}
.m_tit p{ font-size:15px;}
.m_cm .left,.m_cm .left img{ width:448px; height:373px;}
.m_cm .left .swiper-container-horizontal > .swiper-pagination-bullets, .m_cm .left .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:13px !important;}
.m_cm .left p{ height:40px; line-height:40px;}
.m_cm .right{ width:495px;}
.m_cm .right dl{ padding:10px;}
.m_cm .right dl dt, .m_cm .right dl dt img{ width:135px; height:85px;}
.m_cm .right dl dd{ width:330px;}
.m_cm .right dl dd .tit{ height:25px; line-height:25px;}
.m_cm .right dl dd .des{ height:40px; line-height:145%;}
.m_cm .right dl{ padding-bottom:8px; margin-bottom:10px;}
.m_cm .right ul{ padding:2px 10px;}
.m_cm .right ul li,.m_cm .right ul li a{ height:35px; line-height:35px;}
.m_d .m_dm{ width:979px;}
.m_d .m_dm dl{ width:306px; margin:0 10px 20px;}
.m_d .m_dm dl dt,.m_d .m_dm dl dt img{ width:306px; height:197px;}
.m_d .m_dm dl dd{ padding:0 0 0 8px;}
.m_d .m_dm dl dd .tit{ font-size:15px;}
.m_d .m_dm dl dd p{ padding-right:20px;}
.foot .f_l{ width:420px;}
.foot .f_r{ width:540px;}
.foot .f_r li,.foot .f_l .code{ margin-left:30px;}
.foot .f_l img{ width:200px;}
.bq .bq_r .frd .frd_m{ width:190px;}
.bq .bq_r .frd, .bq .bq_r .wx, .bq .bq_r .wb{ margin-left:5px;}
.about_left,.lm{ width:228px;}
.about_right{ width:710px;}
.aboutcontact{ padding:10px 10px 30px;}
.aboutcontact ul li p{ width:123px; font-size:13px;}
.about_td2 ul li .img{ width:100%; height:350px;}
.about_td2 ul li .img img{ max-width:100%;}
.about_td2 ul li{ width:230px; margin-right:10px;}
.navbar_nav li.dropdown .dropdown_menu a{ font-size:12px;}
.preview,.bigimg{ width:390px;}
.prodetail_r{ width:310px; float:right; padding-left:20px;}
.p_i_box img,.bigimg img{ max-width:100%;}
.nnews_lb_title,.nnews_lb_cnt{ width:440px;}
.online_right,.oniput,.ontext textarea{ width:100%;}
.oniput input{ width:90%;}
.contentdy img{ max-width:100%; height:auto;}
.hot_pro,.hot_pro:hover{ background-position:8px center;}
.hot_pro{ padding-left:62px;}
.hot_pro span{ font-size:12px;}
.nei_banner{ height:220px !important; background-size:cover !important;}
.case_am .left ul li{ width:225px; height:341px;}
.case_am .tu img, .case_am .tu {width: 229px !important;height: 150px !important;}

}
@media screen and (max-width:1060px){
.wrap{width:740px;}
.sp_nav{ display:block; margin-left:20px;}
.head{ height:78px;}
.head .nav,.head .lang{ display:none;}
.sjj_nav ul{ width:740px; margin:0 auto;}
.m_d .m_dm{ width:750px;}
.head .logo{ margin-top:10px;}
.head .lang{ margin-top:30px; position:relative; z-index:9;}
.head .lang .lang_m{ z-index:99;}
.head .nav{ width:100%; margin-top:1px; text-align:center; margin-left:0;}
.head .nav li a{ font-size:14px; padding:0 4px;}
.head .nav li, .head .nav li .li_m, .head .nav li .li_m a{ height:40px; line-height:40px;}
.head .nav li .li_m a{ margin-top:0; padding:0 18px;}
.head .nav li .er{ top:40px;}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:10px !important;}
.head .lang .lang_m span,.head .lang ul li a{ font-size:14px;}
.m_cm .left, .m_cm .left img{ width:345px; height:287px;}
.m_cm .left p,.m_cm .right dl dd .tit,.m_cm .more a{ font-size:14px;}
.m_cm .right{ width:380px;}
.m_cm .right dl dt, .m_cm .right dl dt img{ width:95px; height:64px;}
.m_cm .right dl dd{ width:255px;}
.m_cm .right dl dd .des{ height:22px;}
.m_cm .right dl dd .time{ height:18px; line-height:18px; font-size:12px;}
.m_cm .right ul li, .m_cm .right ul li a{ height:39px; line-height:39px;}
.m_cm .right ul li a span{ font-size:13px;}
.m_cm .right ul li a{ padding-left:10px;}
.m_tit{ font-size:22px;}
.m_cm .right ul{ margin-top:10px; height:195px; overflow:hidden;}
.m_dm li{ height:65px; line-height:65px;}
.foot .f_l{ width:200px;}
.foot .f_r{ width:480px;}
.foot .f_r li em{ font-size:15px;}
.foot .f_r li p a,.foot .bq .ctn,.xp_ctn .more a,.m_d .m_dm dl dd p{ font-size:12px;}
.foot .f_r li{ margin-left:26px;}
.foot .bq .ctn{ width:60%; line-height:175%; height:auto;}
.foot .bq .bq_r{ width:40%;}
.bq .bq_r .frd .frd_m{ width:180px;}
.xp_ctn .des{ font-size:12px; height:63px;}
.m_a{ padding:30px 0;}
.m_am .tu dl dt img,.m_am .tu dl dt{ width:45px; height:45px;}
.m_am .tu dl{ width:100px; height:100px;}
.m_cm .more{ margin-top:25px;}
.m_d .m_dm dl{ width:240px; margin:0 5px 15px;}
.m_d .m_dm dl dt, .m_d .m_dm dl dt img{ width:240px; height:154px;}
.m_d .m_dm dl dd .tit{ font-size:14px; height:22px; line-height:22px;}
.foot .f_l .code{ width:100%; margin-left:0; padding-top:15px;}
.foot .f_l .code img{ width:80px;}
.head .nav li .li_m a{ display:block; width:100%; font-size:15px;}
.about_left{ display:none;}
.about_right{ width:100%; position:relative;}
.nei_banner{height:175px !important; background-size:cover !important;}
.weiz{ display:none;}
.about_right_title{ border:0; text-align:center;}
.about_right_title p{ border:0; padding:0; display:inline-block; *display:inline; zoom :1;width: 175px;height: 40px;background: #163a95;color: #fff;line-height: 40px;}
.foot .f_l img{ width:100%;}
.foot .f_l .code img{ width:70%;}
.fwly .img_list ul li{ font-size:13px; white-space:nowrap;}
.about_td2 ul li{ width:238px; margin-right:13px;}
.contentdy .m_am .left ul li{ width:235px;}
#pages, .pages{ border-top:0;}
.prodetail_r{ width:350px;}
.widget-job-2 ._jcon{ padding:20px 10px 30px;}
.widget-job-2 ._jcon .more{ font-size:15px;}
.nnews_lb_title,.nnews_lb_cnt{ width:470px;}
.listconts .info{ width:100%;}
.listconts .title{ font-size:22px;}
.listconts #textarea img{ max-width:100%; height:auto;}
.about_right_title{ display:none;}
.sjj_nav ul li ul{ width:100%;}
/*.contentdy img{ max-height:147px;}*/
.sjj_nav ul li ul li > ul{ width:100%; margin-left:0;}
.contentdy .case_am .left ul li{ width:235px;}
.listconts #textarea img{ max-height:600px;}
.top{ position:fixed; left:0; top:0; z-index:999;}
.head{ position:fixed; left:0; top:40px; z-index:999;}
.nei_banner,.banner{ margin-top:118px;}

}
@media screen and (max-width:840px) {
.object_p{ padding-top:0px;}
.object_list{ width:100%; margin-bottom:20px; height:300px;} 
.object_list img{ width:100%;}
.object_list .bgr{padding-bottom: 20px; height:auto;}
.object_list .bgr .cont_l{ font-size:12px;}
.object_list .bgr .cont_l h2{ font-size:16px;}
.object_list .bgr .more{ width:100px; font-size:14px; margin-left:20px; float:left; margin-top:0px;}
.wrap,.m_d .m_dm{width:480px;}
.nav_show{ top:75px;}
.sjj_nav ul{ width:480px; margin:0 auto;}
.head{ height:75px;}
.head .logo{ margin-top:8px;}
.head .lang{ margin-top:30px;margin-right:50px;}
.nav_ico{ display:block; position:absolute; right:0; top:27px; width:30px; height:30px; padding-top:10px;}
.nav_ico span{ display:block; width:24px; height:3px; background:#555; position:relative; cursor:pointer;}
.nav_ico span:before,.nav_ico span:after{ display:block; content:''; width:24px; height:3px;background:#555; position:absolute; left:0;}
.nav_ico span:before{ top:-7px;}
.nav_ico span:after{ bottom:-7px;}
.head .nav{display:none; width:100%; position:absolute; left:0; top:75px; z-index:99; background:rgba(255,255,255,.9); margin:0; height:auto; padding-bottom:10px;}
.head .nav li{ width:100%; padding:0 10px; float:none; text-align:left;}
.head .nav li .er{ display:none;}
.head .nav li .li_m{ width:100%;}
.m_tit{ font-size:14px;}
.banner .swiper-slide img{ width:110%;}
.m_cm .left, .m_cm .left img{ width:480px; height:400px;}
.m_cm .right{ width:100%; margin-top:30px;}
.m_tit{ padding:20px 0 35px;}
.m_cm .right dl dt, .m_cm .right dl dt img{ width:165px; height:105px;}
.m_cm .right dl dd{ width:283px;}
.m_cm .right dl dd .tit{ height:30px; line-height:30px;}
.m_cm .right dl dd .des{ height:50px; line-height:175%; margin-bottom:5px;}
.m_tit h4{ font-size:18px;}
.m_tit p{ font-size:14px;}
.m_dm{ display:block; width:490px;}
.m_dm li{ width:153px; margin:0 5px 10px;}
.m_d{ padding-bottom:45px;}
.m_cm .more{ margin-top:30px;}
.foot .f_r,.foot .f_l{ width:100%; padding-bottom:0;}
.foot .f_r li{ width:auto; margin:0; margin-bottom:20px; float:left;}
.foot .f_l{ margin-top:-40px; display:none;}
.foot .f_l img{ width:40%;}
.foot .f_r li:nth-child(4),.foot .f_r li:nth-child(5),.foot .f_r li:nth-child(6){ height:95px;}
.foot .bq .ctn,.foot .bq .bq_r{ width:100%; text-align:left;}
.m_am .am_top a,.m_am p{ font-size:14px;}
.m_am .tu dl{ margin:12px 5px;}
.m_cm .right ul{ height:auto;}
.m_d .m_dm dl{ width:100%; margin:0 0 15px;}
.m_d .m_dm dl dt, .m_d .m_dm dl dt img{ width:480px; height:308px;}
.m_d .m_dm dl dd{ padding:5px 0 5px 8px;}
.foot .f_r li{ margin-left:35px;}
.foot .bq .bq_r{ margin-top:12px;}
.bq .bq_r .frd,.bq .bq_r .frd .frd_m{ width:370px;}
.top{ display:none;}
.head .nav li .li_m a{ font-size:14px;}
.head .nav li .li_m a::before{ display:none;}
.head .nav li, .head .nav li .li_m, .head .nav li .li_m a{ height:30px; line-height:30px;}
.about_video{ width:100%; height:auto; margin:30px auto 0;}
.projekktor{ width:100% !important; height:280px !important;}
.nei_banner{ height:120px !important;}
.about_right_title p{ font-size:20px;}
.fwly .img_list ul li{ width:18%;}
.about_td2 ul li{ width:230px; margin:0 5px 10px !important;}
.about_td2 ul li .tit{ height:40px; padding:0; line-height:40px;}
.m_am .left ul li{ width:230px !important; margin:0 5px 10px !important;}
.prodetail_r{ width:100%; padding-left:0; margin-top:20px;}
.preview,.smallimg{ width:100%;}
.p_i_title li{ width:50%;}
.zhaopin_text{ padding:20px 120px 20px 10px; font-size:14px;}
.widget-job-2 ._hd strong{ font-size:15px;}
.widget-job-2 ._jcon .more{ font-size:14px;}
.nnews_lb_img img{ width:180px; height:125px;}
.nnews_lb_m{ padding-left:190px; height:130px;}
.nnews_lb_img{ left:0; top:0;}
.nnews_lb_title,.nnews_lb_cnt,.nnews_lb_date{ position:static; width:100%;}
.nnews_lb_title a{ font-size:14px;}
.nnews_lb_line{ position:static;}
.servier_list .tit{ width:100%; text-align:center; left:0; font-size:18px; line-height:50px;}
.time-line .time{ font-size:17px;}
#youku-playerbox,#textarea iframe{ width:440px !important; height:280px !important;}
.listconts .info{ font-size:12px;}
.case_am .left ul li{ width:230px !important;height:351px; margin:0 5px 10px !important;}
.xmfb{ padding-left:0;}
.suspension{ display:none !important;}
.head{ top:0;}
.nei_banner,.banner{ margin-top:75px;}

}
#textarea video{ width:100%; height:auto;}

@media screen and (max-width:540px) {
.foot .bq{ margin-top:10px; padding-top:10px;}
.wrap,.m_d .m_dm{width:340px;}
.sjj_nav ul{ width:340px; margin:0 auto;}
.head .lang,.sp_nav{ margin-top:20px;}
.nav_show{ top:58px;}
.head{ height:58px;}
.head .nav{ top:58px;}
.nav_ico{ top:18px;}
.head .logo, .head .logo img{ width:160px; height:43px;}

.m_cm .left, .m_cm .left img{ width:340px; height:270px;}
.m_cm .right dl dt, .m_cm .right dl dt img{ width:340px; height:212px;}
.m_cm .right dl dd{ width:100%; margin-top:10px;}
.m_cm .right dl{ padding-bottom:13px; margin-bottom:15px;}
.m_dm{ width:350px;}
.m_dm li{ width:165px;}
.m_e{ padding:30px 0;}
.m_e a{ font-size:14px; margin:8px 0; width:340px;}
.foot .f_r li p{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.foot .bq .ctn{ height:auto; padding:5px 0 15px; line-height:145%;}
.m_am .tu dl{ width:72px; height:72px; margin:10px 2px 25px; padding-top:6px;}
.m_am .tu dl dt,.m_am .tu dl dt img{ width:40px; height:40px; margin-top:5px;}
.m_am .tu dl dd{ width:100%; font-size:12px; margin-top:25px;}
.m_am .tu dl:hover dd{ color:#666;}
.m_cm .right dl{ padding:0; background:none;}
.m_cm .right ul{ background:none; padding:0;}
.m_d .m_dm dl dt, .m_d .m_dm dl dt img{ width:340px; height:215px;}
.bq .bq_r .frd, .bq .bq_r .frd .frd_m{ width:220px;}
.projekktor{height:190px !important;}
.nei_banner{ height:220px !important;}
.about_right_title p{ font-size:18px;}
.fwly .img_list ul li{ width:23%; font-size:12px;}
.about_td2 ul li{ width:154px; margin:0 3px 10px !important;}
.about_td2 ul li .tit{ height:30px; padding:0; line-height:30px; font-size:12px;}
.about_td2 ul li .img{ height:220px;}
.m_am .left ul li{ width:160px !important;}
.xp_ctn{ padding:10px 7px 0;}
.m_am .left ul li{ height:225px;}
.pages a,.pages a.cur{ display:inline-block; padding:2px 8px; margin-bottom:5px;}
.p_i_box{ padding:20px 0;}
.down li em{ margin-top:18px; padding:5px 10px;}
.down li{ padding-left:25px; font-size:12px; background-size:20px;}
.bigimg{ height:300px;}
.nnews_lb_m{ height:auto; padding:0;}
.nnews_lb_img{ position:static;}
.nnews_lb_img img{ width:100%; padding:0;}
.nnews_lb_bq{ float:none;}
.nnews_lb_m{ padding-bottom:5px;}
.listconts .title{ font-size:18px; line-height:175%;}
.listconts .info{ height:auto; font-size:12px;}
.servier_list{ padding:40px 20px 20px;}
.oniput input{ width:87%; margin-left:30px;}
.oniput em{ left:7px;}
.bmap_omctrl{ width:101px !important; height:101px !important;}
.anchorbr .bmap_omoutframe{ width:100px !important; height:100px !important;}
.bmap_ominnframe,.bmap_mask{ width:90px !important; height:90px !important;}
.m_am .tu{ padding:5px;}
.xp_ctn .tit{ font-size:14px; height:35px; line-height:35px;}
.xp_ctn .des{ height:33px; line-height:140%;}
.xp_ctn .more{ margin-top:0; font-size:12px; background-size:18px; padding-left:23px;}
.nnews_lb_img img{ height:200px;}
.bq .bq_r .frd .frd_m{ width:100%;}
.zhaopin_text{ background-position:top center; background-size:300px; padding:240px 10px 20px 10px;}
.widget-job-2 ._hd strong,.widget-job-2 ._jt strong{ width:25%;}
.widget-job-2 ._jcon{ padding:20px 10px;}
.widget-job-2 ._jcon .jc_hd{ font-size:14px;}
.widget-job-2 ._jcon .jc_bd.jc_bd02{ font-size:13px;}
.m_am .left{ height:251px;}
.servier_list .tit{ font-size:15px;}
.servier_list{ padding:30px 10px 20px; font-size:13px;}
.about_td2 ul li .img img{ max-height:209px;}
.nei_banner{ height:85px !important;}
.foot .f_r li{ height:254px;}
.foot .f_r li{ width:33.33%; margin-left:0;}
.nnews_lb_m{ margin-bottom:10px;}
.prenext .text{ font-size:12px; width:100%; margin-top:35px;}
.listconts{ padding:20px 0;}
.mb{ padding:10px;}
#youku-playerbox,#textarea iframe{ width:340px !important; height:200px !important;}
.pro_tit span{ margin:0 5px -8px;}
.pro_tit{ font-size:19px;}
.case_am .left ul li{ width:160px !important;}
.xp_ctn{ padding:10px 7px 0;}
.case_am .tu img, .case_am .tu{ width:150px !important; height:104px !important;}
.case_am .left ul li{ height:225px;width:160px !important;}
.nnews_lb_bq{ padding-left:20px;}
.time-line .line{ height:200%;}
.nei_banner,.banner{ margin-top:58px;}
}