@charset "utf-8";/*fp-seed:fttcuz39w8vt grid:6ispp10*/

/*base style*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary{ margin:0; padding:0}
body{ font-family:"Microsoft Yahei","Arial"; color:#333; background-color:#fff; font-size:14px; background-attachment:fixed; overflow-x:hidden;-moz-user-select : none;
-webkit-user-select: none}
a:link{
    text-decoration:none; color: #272727;text-decoration: none}
a:visited{
    text-decoration:none; color: #272727;text-decoration: none}
a:hover{
    text-decoration:none; color: #272727;text-decoration: none}
a:active{
    text-decoration:none; color: #272727;text-decoration: none}
img{ border:none; vertical-align:middle}
i,em{ font-style:normal}
li{ list-style-type:none}
textarea{ resize:vertical}
input, select, textarea{ font-family:"Microsoft Yahei","Arial"; background-color:#fff; margin:0; padding:0; outline:none}
.clear{
    clear: both}
.fl-r{
    float: right}
.fl-l{
    float: left}

		.main-im{position:fixed;right:10px;top:300px;z-index:100;width:110px;height:272px}
		.main-im .qq-a{display:block;width:106px;height:116px;font-size:14px;color:#0484cd;text-align:center;position:relative}
		.main-im .qq-a span{bottom:5px;position:absolute;width:90px;left:10px}
		.main-im .qq-hover-c{width:70px;height:70px;border-radius:35px;position:absolute;left:18px;top:10px;overflow:hidden;z-index:9}
		.main-im .qq-container{z-index:99;position:absolute;width:109px;height:118px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom:1px solid #dddddd;background:url(http://demo.lanrenzhijia.com/2015/service0119/images/qq-icon-bg.png) no-repeat center 8px}
		.main-im .img-qq{max-width:60px;display:block;position:absolute;left:6px;top:3px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s}
		.main-im .im-qq:hover .img-qq{max-width:70px;left:1px;top:8px;position:absolute}
		.main-im .im_main{background:#F9FAFB;border:1px solid #dddddd;border-radius:10px;background:#F9FAFB}
		.main-im .im_main .im-tel{color:#000000;text-align:center;width:109px;height:105px;border-bottom:1px solid #dddddd}
		.main-im .im_main .im-tel div{font-weight:bold;font-size:12px;margin-top:6px}
		.main-im .im_main .im-tel .tel-num{font-family:Arial;font-weight:bold;color:#e66d15}
		.main-im .im_main .im-tel:hover{background:#fafafa}
		.main-im .im_main .weixing-container{width:55px;height:47px;border-right:1px solid #dddddd;background:#f5f5f5;border-bottom-left-radius:10px;background:url(../../template/default/images/weixing-icon.png) no-repeat center center;float:left}
		.main-im .im_main .weixing-show{width:112px;height:172px;background:#ffffff;border-radius:10px;border:1px solid #dddddd;position:absolute;left:-125px;top:-126px;display: none}
		.main-im .im_main .weixing-show .weixing-sanjiao{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #ffffff;border-width:6px;left:112px;top:134px;position:absolute;z-index:2}
		.main-im .im_main .weixing-show .weixing-sanjiao-big{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #dddddd;border-width:8px;left:112px;top:132px;position:absolute}
		.main-im .im_main .weixing-show .weixing-ma{width:104px;height:103px;padding-left:5px;padding-top:5px}
		.main-im .im_main .weixing-show .weixing-txt{position:absolute;top:110px;left:7px;width:100px;margin:0 auto;text-align:center}
		.main-im .im_main .go-top{width:50px;height:47px;background:#f5f5f5;border-bottom-right-radius:10px;background:url("../../template/default/images/totop-icon.png") no-repeat center center;float:right}
		.main-im .im_main .go-top a{display:block;width:52px;height:47px}
		.main-im .close-im{position:absolute;right:10px;top:-12px;z-index:100;width:24px;height:24px}
		.main-im .close-im a{display:block;width:24px;height:24px}
		.main-im .close-im a:hover{text-decoration:none}
		.main-im .open-im{cursor:pointer;margin-left:68px;width:40px;height:133px}
	


.head-hold{
    max-width: 1400px;overflow: hidden;margin: 25px auto}
.head-hold .head-left{
    float: left}
.head-hold .head-center{
    float: left;margin-left: 50px;    margin-top: 8px}
.head-hold .head-right{
    float: right;width: 370px}
.head-hold .head-right .head-right-top{
    overflow: hidden}
.head-hold .head-right .head-right-top .head-right-top-left{
    float: left;width: 210px;vertical-align: middle;    margin-left: 25px}
.head-hold .head-right .head-right-top .head-right-top-left input{
    width: 158px;outline: none;border: 1px solid #ddd;vertical-align: middle;height: 28px}
.head-hold .head-right .head-right-top .head-right-top-left span{
    width: 28px;height: 28px;border: 1px solid #ddd;display: inline-block;vertical-align: middle;text-align: center;margin-left: -5px}
.head-hold .head-right .head-right-top .head-right-top-left span button{
    outline: none;width: 18px;height: 18px;display: inline-block;background: url("../../template/default/images/search.png") no-repeat;border: 0px;cursor: pointer;margin-top: 5px}/*helper-x9v8ebak3m*/
.head-hold .head-right .head-right-top .head-right-top-left  i{

}
.head-hold .head-right .head-right-top .head-right-top-right{
    float: right;vertical-align: middle}
.head-hold .head-right .head-right-top .head-right-top-right span{
    vertical-align: middle;margin-left: 5px;margin-right: 10px}
.head-right-bom{
        margin-top: 15px; margin-left: 55px}
.head-guider{
    background: #3a69d5;height: 50px}
.head-guider .head-guider-hold{
    max-width: 1400px;margin: 0 auto}
.head-guider .head-guider-hold ul li{
    float: left;text-align: center;width: 11.1111%;position: relative;line-height: 50px}
.i-secondguider-hold{
    display: none}
.head-guider .head-guider-hold ul li .i-secondguider-hold a{
    font-size: 14px}
.i-secondguider{
    position: absolute;left: 0px;top:50px;width: 155px;background: #3a69d5;z-index: 1000}
.i-secondguider p{
    border-bottom: 1px dashed #9b9494;line-height: 36px}
.i-secondguider-right {
    position: absolute;left: 155px;top:50px;width: 155px;background: #3a69d5;z-index: 1000;line-height: 36px}
.i-secondguider-right .i-secondguider-right-frist{
    display: none}
.i-secondguider-right p{
    border-bottom: 1px dashed #9b9494}
.head-guider .head-guider-hold ul li:hover .i-secondguider-hold{
    display: block}
.head-guider .head-guider-hold ul li i{
    display: inline-block;width: 1px;height: 30px;background: url("../../template/default/images/head-i.png") no-repeat;position: absolute;right: 0px;top:10px}
.head-guider .head-guider-hold ul li a{
    color: #fff;font-size: 16px}
.hold{
    max-width: 1200px;margin: 40px auto}
.second-guider{
    overflow: hidden;border-bottom: 1px solid #ddd;line-height: 40px}
.second-guider i{
    width: 31px;height: 31px;display: inline-block;vertical-align: middle}
.protit-i{}
.news-i{
    background: url("../../template/default/images/i-news.jpg") no-repeat}
.tit{
    font-size: 18px;color: #000}
.second-guider span{
    vertical-align: middle;margin:0 10px}
.second-guider font{
   vertical-align: middle}
.second-guider a{
    color: #3a69d5}
.pro-list{
    max-width: 1200px;margin: 20px auto}
.pro-list ul li{
    float: left;width: 14.6666%;margin: 2% 1%;text-align: center;border-bottom: 2px solid #fff;
    transform: translate(0,-3px);
    -moz-transform: translate(0,-3px);
    -o-transform: translate(0,-3px);
    -webkit-transform: translate(0,-3px);
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
    padding: 20px 0;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -moz-transform 0.3s;
    -o-transition: -o-transform 0.3s;
    transition: transform 0.3s}
.boxshow{
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2)}
.pro-list ul li p{
    margin-top: 10px;font-size:16px;font-weight:bold
}
.pro-list ul li img{
    width: 80%}
.pro-list ul li:hover{
    border-bottom: 2px solid #006bb9;background: #bfd2ff;
    transform: translate(0,-5px);
    -moz-transform: translate(0,-5px);
    -o-transform: translate(0,-5px);
    -webkit-transform: translate(0,-5px)}
.about-us{
    width: 46%;padding: 2%;float: left}

.about-us p{
    margin: 10px;line-height: 30px}
.about-us a{
    color: #3a69d5}
.news{
    width: 46%;padding: 2%;float: left}
.news-list ul{
    margin: 15px}
.news-list ul li{line-height: 30px}
.news-list ul li i{
    background: url("../../template/default/images/i-right1.png");width: 17px;height: 17px;display: inline-block;vertical-align: middle;margin-right: 15px}
.footer{
    background: #e6e6e6;padding: 10px 0}
.footer-top{
    border-bottom: 1px solid #b4b4b4;text-align: center}
.footer-top a{
    margin: 0 25px}
.footer .footer-hold{
    max-width: 1200px;margin: 10px auto}
.footer .footer-hold .footer-bom-left{
    float: left;width: 25%;text-align: center;margin-top: 15px}
.footer .footer-hold .footer-bom-center{
    float: left;width: 50%;text-align: center;line-height: 30px;margin-top: 25px}
.footer .footer-hold .footer-bom-center a{
    
}
.footer .footer-hold .footer-right{
    float: right;width: 25%;text-align: center}
.power{
    -webkit-transition: -webkit-transform 0.3s;
    transition: -moz-transform 0.3s;
    -o-transition: -o-transform 0.3s;
    transition: transform 0.3s}
.power:hover{
    transform: translate(0,-5px);
    -moz-transform: translate(0,-5px);
    -o-transform: translate(0,-5px);
    -webkit-transform: translate(0,-5px);
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3)}


.n-pro-hold{
    max-width: 1200px;margin: 0px auto;overflow: hidden}
.n-tit{
    font-size: 16px;font-weight: bold;color: #000;margin-top: 10px}
.n-left{
    width: 250px;float: left;background: #fff;padding-bottom: 20px;background: #f5f5f5;margin-bottom: 40px}
.n-left-top{
    width: 250px;height: 54px;background: url("../../template/default/images/cp_bt_05.png") no-repeat;line-height: 60px;text-align: center;color: #fff;font-size: 18px}
.n-left-top i{
    width: 19px;height: 19px;display: inline-block;vertical-align: middle;background: url("../../template/default/images/fenlai.png") no-repeat;margin-right: 10px}
.n-left ul li{
    padding:  15px;border-bottom: 1px dashed #ddd;position: relative;font-size: 16px}

.n-left ul li i{
    position: absolute;right: 15px;top:18px;width: 15px;height: 15px;display: inline-block;background-size: 100% 100%}
.n-left ul  .current a{
    color: #45a5e1}
.n-left ul  .current i{background-size: 100% 100%}
.n-left ul li:hover i{background-size: 100% 100%}
.n-left-bom{
    margin: 20px 0;text-align: center}

.pos_center{width: 1220px;margin:0 auto}
.pos{background: url(../../template/default/images/current_icon.png) left 2px center no-repeat; padding-left: 25px; line-height: 64px;color: #666}
.pos span{margin-left: 6px}
.pos a{color: #666}
.pos a:hover{color: #55a1d9}
.pos a.on{color: #55a1d9}

.n-left p{
    padding: 5px 10px}
.article-article h1{
    font-size: 20px;
    color: #333;
    text-align: center;
    font-weight: normal;
    margin-top: 30px}
.article-article h2{
    font-size: 14px;
    color: #999;
    text-align: center;
    margin: 10px 0}
.n-right{
    width: 900px;float: right;background: #f5f5f5;line-height: 27px;padding:0 15px 30px 15px;color: #666;margin-bottom: 40px}

.n-pro-head{
    border-bottom: 1px solid #ddd;line-height: 60px;font-size: 22px;margin-bottom: 20px}
.pro-list-hold1{
    overflow: hidden}
.tijian-img {
    text-align: center;margin: 20px 0}
.pro-list-hold1 ul li{
    width: 31.333%;margin: 1%;text-align: center;float: left}
.pro-list-hold1 ul li img{
    width: 100%;height: 190px}
.ph-article-shop{
display:none
}
.pro-list-hold2 ul li{
    width: 31.333%;margin: 1%;text-align: center;float: left}
.pro-list-hold2 ul li img{
    width: 100%;height: 250px}
.pro-list-hold2 ul li p{
    line-height: 40px}

.fenye{
    overflow: hidden;margin: 20px}
.fenye ul li{
    float: left;padding: 5px}
/* åˆ—è¡¨é¡µ */
.list_box dl{display:inline-block;width:100%;padding:20px 0;border-bottom:1px solid #dddddd}
.list_box dl dt{float:left;width:240px;height:150px}
.list_box dl dt img{width:100%;height:100%}
.list_box dl dd{float:right;width:650px}
.list_box dl dd h4{height:26px;line-height:26px;margin-bottom:15px;font-size:20px;font-weight:normal;overflow:hidden}
.list_box dl dd h4 a{color:#45a5e1}
.list_box dl dd p{line-height:1.8;color:#666666}
.list_box dl dd p a{display: table;margin-top: 10px}
.list_box ul li{height:60px;line-height:60px;padding:0 20px 0 40px;background:url(http://www.yodak.net/images/img2017/i6.png) no-repeat 20px center;border-bottom:1px solid #dddddd;overflow:hidden}
.list_box ul li a{display:inline-block;width:600px;overflow:hidden}
.list_box ul li a:hover{color:#45a5e1}
.list_box ul li span{display:inline-block;float:right}

/* æ–‡ç« é¡µ */
/* åŒ»å¸ˆä»‹ç» */
.list_doctor_box dl{line-height:1.8; overflow:hidden;padding-bottom:18px;margin-bottom:18px;position:relative; border-bottom:1px dashed #e8e8e8}
.list_doctor_box dl dt{border:1px solid #e6e6e6; float:left; margin-right:15px}
.list_doctor_box dl dt img{
    width: 120px}
.list_doctor_box dl dd{float:left;margin-left: 20px}
.list_doctor_box dl dd h2{font-weight:bold; font-size:14px}
.list_doctor_box dl dd h2 a:hover{color:#ff7200}
.list_doctor_box dl dd h2 span{margin-right:25px}
.list_doctor_box dl dd p{width:700px}
.list_doctor_box dl dd .yyzx{position:absolute; bottom:25px; left:150px}
.list_doctor_box dl dd .yyzx a{width:90px;line-height:26px;text-align:center;margin-right:12px;display:inline-block; border:1px solid  #55a1d9}
.list_doctor_box dl dd .yyzx a.hdf{width: 126px; border: 1px solid #55a1d9}
.list_doctor_box dl dd .yyzx a.hdf i{display: inline-block; width: 15px; height: 12px; margin-right: 5px; background: url(http://www.yodak.net/images/img2017/ico_hdf.png) no-repeat}
.list_doctor_box dl dd .yyzx a.yy,.list_doctor_box dl dd .yyzx a:hover{background:#55a1d9; color:#fff}

/* é¢„çº¦é¡µé¢ */
.yuyue_body .zyy>h1,.yuyue_body .zyy>h2{font-weight:normal}
.yuyue_body input,.yuyue_body select,.yuyue_body textarea{border:1px solid #ccc; padding:0}
.yuyue_body textarea{resize: none}
.yuyue_body .m1{border:1px solid #c95910; border-radius:4px;text-align:center;box-shadow:inset 0 1px 0 0 #f8ab7a; background:linear-gradient(#f7873f 0,#f68033 40%,#f06912 60%,#ea6712 80%,#e96612 100%);background:-webkit-linear-gradient(#f7873f 0,#f68033 40%,#f06912 60%,#ea6712 80%,#e96612 100%)}/*æ©™è‰²æ¸å˜*/

.right_sunu{
    border-bottom: 1px solid #ddd;padding-bottom: 30px}
.jiathis_style_24x24{
    float: right}
.n-share{
    margin: 20px 0}
.ad{
    margin: 40px 0}
.n-right .ad img{
    width: 100%}
/*----------ä¸“å®¶å›¢é˜Ÿè¯¦æƒ…-------------*/
.zjtd_xq_con{margin-top: 30px}
.zjtg_img img{width: 100%;display: inline-block}
.zjtg_img{margin-right: 40px;padding-bottom: 20px}
.zjtd_con .Expert_d{width: 520px}
.zjtd_con .Expert_d p{color: #999}
.zjtg_img .tjmy_tg{margin-top: 30px}
.zjtg_img .zjtd{height: 330px;overflow: hidden;width: 330px}

.Expert_d h4
{font-size: 18px;margin-top: 30px}
.Expert_d h4 .ft14{
    font-size: 16px;color: #f2f546}
.Expert_d h5{
    font-size: 16px;margin: 10px 0}
.zjtd_xq_con .Expert_d h5{margin-bottom: 7px;margin-top: 18px}
.zjtd_xq_con .Expert_d p{text-align: justify}
.zjtd_xq_con .Expert_d .ft16 span{color: #55a1d9;font-weight: normal}
.zjtd_xq_con .Expert_d .cj{margin-bottom: 18px}
.n-left-bom-img img{
    width: 90%;margin:10px 0
}
.n-left-bom-img-list{
    margin-top: 20px}
.n-left-bom-img-list img{
    margin: 0 2px}
.right-scroll-top{
    position: fixed;bottom: 30px;right: 20px;width: 86px}
.right-scroll-top .right-erweima{
    position: absolute;bottom: 40px;left: -86px;display: none}
.right4{
    cursor: pointer}
.right3{
    cursor: pointer}
.map-top{
    margin: 0 auto;overflow: hidden;border: 1px solid #ddd;padding: 30px}
.map-top .map-left{
    width: 60%;float: left}
.map-top .map-right{
    width: 40%;text-align: center;float: left}
.map-hold{
    width: 900px;height: 500px;margin: 40px auto;border: 1px solid #ddd}
.map{
    width: 100%;height: 500px}

.ks-list ul li{
    float: left;width: 30.333%;margin:0.5% 1.5%;text-align: center;background:#fff}
.ks-list ul li img{
    width: 98%;margin-top: 10px;border: 1px solid #ddd}
.ks-list ul li .ks-list-bom{
    line-height: 30px}
.ks-list ul li:hover .ks-list-bom{
    color: #45a5e1}

.ks-list1 ul li{
    float: left;width: 13.2666%;margin:0.5% ;text-align: center}
.ks-list1 ul li img{
    width: 98%;margin-top: 10px;border: 1px solid #ddd}
.ks-list1 ul li .ks-list-bom{
    line-height: 30px}
.ks-list1 ul li:hover .ks-list-bom{
    color: #45a5e1}
.n-right .hezuo-list1 ul li{
    float: left;width: 32.3333%;margin:0.5%;text-align: center}
.n-right .hezuo-list1 ul li img{
    width: 98%;margin-top: 10px;border: 1px solid #ddd}


.n-product-list-top{
    border-bottom: 1px dashed #ddd;
    padding-bottom: 30px}
.n-product-list-bom{
    margin: 40px 0}
.n-product-list-bom ul li{
    float: left;width: 46%;margin: 2% 1.8%;background: #e8e8e8;border: 1px solid #ddd}
.n-prodcut-tit{
    text-align: center;margin: 30px 0}
.n-product-list-bom ul li .n-product-list-bom-left{
    float: left;width: 40%;text-align: center}
.n-product-list-bom ul li .n-product-list-bom-left p{
    font-size: 18px;padding: 40px 15px 0 15px;line-height: 30px}
.n-product-list-bom ul li .n-product-list-bom-right{
    float: left;width: 60%}
.n-product-list-bom ul li .n-product-list-bom-right img{
    width: 100%;max-width: 100%}
.list-hezuo ul li{
    float: left;width: 24%;margin:0.5%;text-align: center}
.list-hezuo ul li img{
    width: 98%;margin-top: 10px;border: 1px solid #ddd}
.hezuo-list1 ul li .ks-list-bom{
    line-height: 30px}
.hezuo-list1 ul li:hover .ks-list-bom{
    color: #45a5e1}
.pagelist{
    overflow: hidden;margin: 20px}
.pagelist ul li{
    float: left;padding: 5px}
.n-about-hold h1,.n-about-hold h2{
    text-align: center;font-size: 22px;margin: 30px;font-weight: bold;color: #000}
.right_fanye{
    margin: 20px}
.right_fanye a:hover{
    color: #45a5e1}

.hezuo-hold1{
    max-width: 1200px;margin:20px auto
}
.hezuo-hold1 .hezuo-top{
    text-align: center;margin: 20px 0}
.hezuo-img-hold1{
    position: relative;max-width: 1200px;margin: 0px auto}
.hezuo-img-hold1 i{
    position: absolute;width: 35px;height: 76px;display: inline-block;cursor: pointer}
.hezuo-img-hold1 .move-left{left: 0px;top:60px;cursor: pointer}
.hezuo-img-hold1 .move-right{right: 0px;top:60px;cursor: pointer}
.hezuo-hold1 .hezuo-list1{
    position: relative;height: 220px;width: 1000px;overflow: hidden;margin: 0 auto}
.hezuo-hold1 .hezuo-list1 ul{
    position: absolute;left: 0px;top:20px
}
.hezuo-hold1 .hezuo-list1 ul li{
    float: left;width: 250px;text-align: center}
.hezuo-hold1 .hezuo-list1 ul li p{
    line-height: 30px}
.hezuo-hold1 .hezuo-list1 ul li:hover p{
    color: #45a5e1}
.hezuo-hold1 .hezuo-list1 ul li img{
    width: 90%;border:1px solid #ddd;height:165px
}
.n-left-contact .n-left-contact-tit{
    font-size: 16px;font-weight: bold;margin-top:10px}
.n-left-contact{
    padding: 10px 0}
.arcImg{
 margin: 10px 0;float: left;border: 1px solid #ddd;padding: 10px;width:45%}
.arctext-top{
    width: 45%;float: right;border: 1px solid #3a69d5;border-radius: 10px;padding-bottom: 20px;margin-top: 15px;background:#fff
}
.arctext-top .arctext-top-tit{
    text-align: center;font-size: 20px;color: #fff;background: #3a69d5;padding: 15px 0;border-radius: 10px 10px 0 0}
.arctext-top-con{
    padding: 15px 10px;line-height:28px;font-size:14px
}
.arctext-bom{
    margin: 40px 0}
.arctext-bom i{
    width: 3px;height: 15px;background: #3a69d5;display: inline-block;margin-right: 10px;vertical-align: middle}
.arcImg img{
    max-width: 100%}

.n-about-hold table {
    margin-top:15px;
    border-collapse:collapse;
    border:1px solid #aaa;
    width:100%;
    text-align: center;
    vertical-align: middle}

.n-about-hold table  th {
    vertical-align:baseline;
    padding:5px 15px 5px 6px;
    background-color:#3F3F3F;
    border:1px solid #3F3F3F;
    text-align:left}

.n-about-hold table  td {
    vertical-align:middle;
    padding:6px 15px 6px 6px;
    border:1px solid #fff;
    vertical-align: middle}
.n-about-hold table  td img{
    vertical-align: middle;padding-right: 10px}
.n-about-hold table tr:first-child{
    background: #55a1d9;color:#fff
}
.n-about-holdtable tr:nth-child(odd){

}
.n-about-hold table tr:nth-child(even){
    background: #b4dfff}
.banner{
    overflow: hidden;width: 100%}
.leave-message table tr td{
padding: 10px 0}
.margin-left-40{
    margin-left: 56px}
.margin-left-20{
    margin-left: 42px}
.intxt{
    width:250px; height:30px; border:1px solid #a0c7ff}
.textarea{
    width:400px; height:120px; border:1px solid #a0c7ff}
/*手机*/

.ph-head{
    display: none}
.ph-head-guide ul {
    display: none}
.shipin{
    width: 400px;height: 280px}
.ph-footer{
    display: none;background: #000000;color: #fff;line-height: 27px;padding: 10px;text-align: center}
.ph-footer a{
    color: #fff}

.scroll{
    display: none}
.search{
    overflow: hidden}
.search ul li{
    border-bottom: 1px dashed #ddd;
    padding: 15px 1%;margin: 2% 1%}

@media screen and (max-width: 1400px) {
    .head-center{
        display: none}
}
@media screen and (max-width: 1200px){
.n-right .arctext-top-con img{
width:auto
}
    .n-left{
        display: none}
    .n-right{
        width: 96%;padding: 0 2%}
}
@media screen and (max-width: 1120px){
    .head-right{
        margin-top: 10px}
    .footer-top a{
        margin: 0 10px}
    .ks-list1 ul li{
        width: 24%}
    .n-product-list-bom ul li{
        margin: 2% 1.8%}
}
@media screen and (max-width: 970px){
    .map-hold{
        width: 100%}
    .about-us{
        width: 86%;margin-left: 5%}
    .news{
        width: 86%;margin-left: 5%}
    .footer .footer-hold .footer-bom-left{
        display: none}
    .footer .footer-hold .footer-bom-center{
        width: 70%}
}
@media screen and (max-width: 750px){
.n-right img{
    width: 90%}/*min-jwdmil6yk50*/
    .n-product-list-bom ul li .n-product-list-bom-left p{
        padding: 20px 10px;font-size: 14px}
    .pro-list ul li{
        width: 23%}
.ph-article-shop{
display:block
}
.pc-article-shop{
display:none
}
}
@media screen and (max-width: 700px){
    .head-guider .head-guider-hold ul li a{
        font-size: 14px}
}
@media screen and (max-width: 600px){
.main-im{
display:none
}
    .map-top{
        padding: 20px 10px}
    .map-top .map-left{
        width: 100%}
    .map-top .map-right{
        width: 100%}
    .ks-list1 ul li{
       width: 49%}
    .n-product-list-bom ul li{
        width: 96%}
    .pc-head{
        display: none}
    .ph-head {
        background: #8ec1ff;
        overflow: hidden;
        padding: 10px 0;
        display: block}
    .arcImg{
      width: 90%;margin: 3%;padding: 2%}
.arctext-top{
width: 90%;margin-right: 5%}
.arctext-bom-con{
    width: 100%;overflow-x:auto }
    .ph-head img {margin-left: 5%;
        max-width: 240px}

    .ph-head .ph-tit {
        float: right;
        width: 30px;
        margin-top: 2%;
        margin-right: 5%}

    .ph-head-guide ul li {
        padding: 10px;
        border-bottom: 1px solid rgba(255, 221, 227, 0.62);
        background: #4784ce}

    .ph-head-guide ul li a {
        color: #fff}

    .ph-head-guide ul li i {
        width: 20px;
        height: 20px;
        background-size: 100% 100%;
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px}

    .ph-head-guide ul li:nth-child(2) i {background-size: 100% 100%}

    .ph-head-guide ul li:nth-child(3) i {background-size: 100% 100%}

    .ph-head-guide ul li:nth-child(4) i {background-size: 100% 100%}

    .ph-head-guide ul li:nth-child(5) i {background-size: 100% 100%}/*responsive:e617z5t*/

    .ph-head-guide ul li:nth-child(6) i {background-size: 100% 100%}

    .ph-head-guide ul li:nth-child(7) i {background-size: 100% 100%}

    .ph-head-guide ul li:nth-child(8) i {background-size: 100% 100%}

    .ph-head-guide ul li:nth-child(9) i {background-size: 100% 100%}

    .ph-head-guide ul li:nth-child(10) i {background-size: 100% 100%}

    .n-pro-head {
        font-size: 18px;
        margin-top: -10px}

    .flex-direction-nav {
        display: none}

    .flex-control-nav {
        bottom: 10px}

    /*电话与返回顶部*/
    .scroll {
        position: fixed;
        right: 10px;
        bottom: 70px;
        z-index: 10;
        display: block;
        cursor: pointer}

    .s-tel {
        width: 40px;
        height: 40px;
        background: rgb(194, 4, 38);
        border-radius: 50%;
        text-align: center}

    .s-tel i {
        width: 25px;
        height: 25px;
        background-size: 100% 100%;
        display: inline-block}

    .s-tel p {
        font-size: 12px;
        color: #fff;
        margin-top: -10px}

    .s-scroll {
        width: 40px;
        height: 40px;
        background: rgb(194, 4, 38);
        border-radius: 50%;
        text-align: center;
        margin-top: 10px}

    .s-scroll i {
        width: 15px;
        height: 15px;
        background-size: 100% 100%;
        display: inline-block;
        margin-top: 5px}

    .s-scroll p {
        font-size: 12px;
        color: #fff;
        margin-top: -5px}
.pro-list ul li{
    width: 46%;margin: 2%}
.about-us{
    width: 96%;margin: 0}
.news{
    width: 96%;margin: 0}
.news-list ul li .fl-r{
    display: none}
.footer-top{
    display: none}
    .footer .footer-hold .footer-bom-center{
        width: 100%}
    .footer .footer-hold .footer-right{
        display: none}
    .ks-list ul li{
        width: 47%}

    .n-about-hold h1{
        font-size: 18px}
    .n-right .hezuo-list1 ul li{
        width: 32.3333%}
    .intxt{
        width: 80%}
    .textarea{
        width: 80%}
    .map-hold{
        height: 500px}
    .map{
        height: 498px}
}


