body,html{color:#666;margin:0;padding:0;font:12px/24px Microsoft YaHei,SimSun,san-serif;background: #fff;}

h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,select,object{margin:0;padding:0;outline: none;}

ul,ol,li{list-style-type:none}

address,cite,code,em,th,i,h1,h2,h3,h4,h5,h6{font-weight:normal; font-style:normal;}

img{border:0 none;}

h1,h2,h3,h4,h5,h6{font-size:12px;}

object,textarea,img,iframe{vertical-align: top;}

textarea{overflow: auto;}

a{text-decoration:none;color:#2C2C2C;outline: none;-moz-transition:color 1s; -webkit-transition:color 1s;-o-transition:color 1s;}

a:hover{text-decoration:none;color:#50851b;}

.wrap, .container,.min,{width:1200px; margin: 0 auto;min-width:1200px}

input[type=submit]:hover{opacity:0.9;filter:Alpha(opacity=90);cursor: pointer;}

.checkbox,.radio{width:13px;height:13px;vertical-align:-2px;*vertical-align:-1px;}

.l{float:left;_display: inline;} .r{float:right;_display: inline;}

.blank0,.blank1,.blank2,.blank3,.blank4,.blank5,.blank6,.blank7,.blank8,.blank9,.blank10,.blank11,.blank12,.blank13,.blank14,.blank15,.blank16,.blank17,.blank18,.blank19,.blank20,.blank30,.blank40,.blank50,.blank60{clear:both;display:block; font-size:1px; overflow:hidden;}

.blank0{height:0;}.blank1{height:1px;}.blank2{height:2px;}.blank3{height:3px;}.blank4{height:4px;}.blank5{height:5px;}.blank6{height:6px;}.blank7{height:7px;}.blank8{height:8px;}.blank9{height:9px;}.blank10{height:10px;}.blank11{height:11px;}.blank12{height:12px;}.blank13{height:13px;}.blank14{height:14px;}.blank15{height:15px;}.blank16{height:16px;}.blank17{height:17px;}.blank18{height:18px;}.blank19{height:19px;}.blank20{height:20px;}.blank30{height: 30px;}.blank40{height:40px;}.blank50{height:50px;}.blank60{height:60px;}

.por{position: relative;} .owfl{ overflow:hidden;} .tl{text-align: left; } .tc{text-align: center; } .tr{text-align: right; }.center{margin: 0 auto;}

.fs12{ font-size:12px; }

.fs14{ font-size:14px;}

.fs16{ font-size:16px;}

.ml10{margin-left: 10px;}

.ml20{margin-left: 20px;}

.ml5{margin-left: 5px;}

.ml30{margin-left: 30px;}

.mr10{margin-right: 10px;}

.mr20{margin-right: 20px;}

.mr40{margin-right: 40px;}

.mt5{margin-top: 5px;}

.mt10{margin-top: 10px;}

.mt15{margin-top: 15px;}

.mt20{margin-top: 20px;}

.mt25{margin-top: 25px;}

.mt90{margin-top: 90px;}

.mt57{margin-top: 57px;}



.mtb10{margin: 10px 0;}

.mlr10{margin: 0 10px;}

.mlr20{margin: 0 20px;}

.pl5{padding-left: 5px;}

.p10{padding: 10px;}

.p15{padding: 15px;}

.p20{padding: 20px;}

.pl10{padding-left: 10px;}

.pr10{padding-right: 10px;}

.pr40{padding-right: 40px;}

.plr10{padding: 0 10px;}

.plr20{padding: 0 20px;}

.ptb10{padding: 10px 0;}

.ptb15{padding:15px 0;}

.ptb20{padding: 20px 0;}



.c999{color: #999;}

.bg{background: #FFF;}

.mb{border:1px solid #d9d9d9;}

.bd-t{border: 1px solid #d9d9d9;border-top: none;}

.tl{text-align: left; } .tc{text-align: center; } .tr{text-align: right; }.center{margin: 0 auto;}






/*头部*/
.header_top {border-bottom:1px #ddd solid;height: 35px;}
.header_top h3{float: left;line-height: 35px;font-size: 14px;color: #333;}
.header_top a{line-height: 35px;border-right:1px #ddd solid;padding: 0 25px;display: inline-block;font-size: 15px;color: #333;}
.header_top  .top_r{float: right;border-left:1px #ddd solid;}
.header_top  .top_r a.top_hm{background:url(../images/index_01.jpg) no-repeat right;padding-right: 30px;}

.top_one,.swiper_index{margin-top: 35px;}



#cssmenu{margin-top: 5px !important;float: right;}

.logo_right {float: left;}


/**/
.product_index {background:#ddd;padding: 60px 0;display: inline-block;width: 100%;padding-bottom: 30px;}
.biaoti {text-align: center;margin-bottom: 50px;}
.biaoti h3{font-size: 40px;font-weight: bold;color: #333;padding-bottom: 15px;}
.biaoti p{font-size: 24px;color: #333;}
.products_list .img{overflow: hidden;}
.products_list .wenzi{background:#fff;text-align: center;margin: 0 15px;position: relative;top:-50px;;padding: 40px 0;}
.products_list .wenzi h3{font-size: 30px;color: #333;font-weight: bold;height: 80px;}
.products_list .wenzi  p{font-size: 18px;color: #333;}
.products_list .wenzi  span{font-size: 16px;color: #333;text-transform: uppercase;margin-top: 30px;display: inline-block;}
.products_list:hover .wenzi{background:#252e93;}
.products_list:hover .wenzi h3,.products_list:hover .wenzi p,.products_list:hover .wenzi span{color: #fff;}


.products_list:hover img{color: #1e50ae;-webkit-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);transform:scale(1.2,1.2);}

.products_list  img{overflow: hidden;-webkit-transition:all .5s linear;-moz-transition:all .5s linear;-ms-transition:all .5s linear;-o-transition:all .5s linear;transition:all .5s linear;position:relative;}



/**/
.youshi{background:url(../images/index_07.jpg) no-repeat ;display: inline-block;width: 100%;padding:50px 0;}

.biaoti1 h3,.biaoti1 p{color: #fff;}

.youshi_nr span{color: #fff;font-size: 48px;font-weight: lighter;margin-top: 30px;display: inline-block;}
.youshi_nr h3{font-size: 24px;color: #fff;font-weight: bold;line-height: 50px;}
.youshi_nr  em{background:#fff;height: 2px;width: 50px;display: inline-block;}
.youshi_nr p{font-size: 15px;color: #fff;line-height: 24px;padding-top: 15px;}


/**/
.news_bt{margin: 50px 0;font-size: 36px;color: #333;border-bottom:2px #252e93 solid;display: inline-block;padding-bottom: 20px;}

.news_list span{font-size: 16px;color: #999;line-height: 70px;display: inline-block;}
.news_list h3{font-size: 20px;color: #333;margin-bottom: 25px;}
.news_list a.news_a{background:#333;color: #fff;line-height: 35px;padding: 0 20px;display: inline-block;margin-right: 10px;}



/*foot*/
.foot_one {text-align: center;background:#eee;padding: 50px 0;margin-top: 60px;}
.foot_one h3{font-size: 36px;color: #333;font-weight: bold;margin-bottom: 20px;}
.foot_one a{background:#252e93;color: #fff;font-size: 24px;font-weight: bold;line-height: 50px;padding: 0 30px;display: inline-block;margin-top: 20px;}

.foot{background:#222;width: 100%;display: inline-block;padding: 50px 0;}

.foot_nr h3{font-size: 18px;color: #fff;font-weight: bold;margin-bottom: 30px;}
.foot_nr a{display:block;color: #fff;font-size: 13px;line-height: 30px;}
.foot_nr .col-md-1{width: 13%;}
.foot_nr .col-md-4{width: 34%;}
.foot_nr .col-md-3{width: 27%;text-align: right;}
.foot_nr p{font-size: 13px;color: #fff;line-height: 30px;}
.foot_right a {display: inline-block;margin: 15px 0;margin-left: 10px;margin-top: 20px;}
.foot_right p{font-size: 1px;color: #fff;}



/*内页*/


.ny_wz {text-align: center;position: absolute;z-index: 9;width: 100%;}
.ny_wz h3{font-size: 35px;color: #fff;font-weight: normal;padding-bottom: 15px;padding-top: 190px;text-transform: uppercase;}
.ny_wz p {text-transform: uppercase;font-size: 35px;color: #fff;font-weight: 100;opacity: .5;}

.biaoti{text-align: center;}
.ny_about ,.about_two,.about_hj{padding-top:60px;}
/*.biaoti h3{text-align:center;font-size:36px;color:#333;margin-bottom:15px;}*/
.biaoti em {background:#d03634;height:3px;width:35px;display: inline-block;text-align:center;margin-bottom: 0;}
.ny_about p{font-size:16px;color:#333;line-height:30px;text-indent:2em}

.ny_about_ys{margin-top: 50px;}
.about_two{background:#f7f7f7;padding: 50px 0;margin-top: 50px;}
.about_ys_nr img {
    height: 80px;
    text-align: center;
}
.about_ys_nr{background:#fff;padding:30px 20px;margin-bottom:20px;text-align: center;box-shadow: 0px 0px 10px #ddd;}
.about_ys_nr h3{font-size:20px;color:#333;padding-bottom:20px;font-weight:900;text-align:center;    margin-top: 20px;}
.about_ys_nr p{font-size:15px;color:#666;line-height:22px;}
.about_ys_nr:nth-last-child(2){height:270px}
.about_ys_nr:nth-child(2){height:400px}
.ys_nr_5 {
       height: 690px;
    padding-top: 150px;
    padding-bottom: 120px;
}

.about_two h3{font-size: 25px;color: #d03634;margin-bottom: 20px;}
.about_two p{line-height: 30px;font-size: 15px;color: #333;}




/*laixni */
.ny_contact{margin-top: 60px;}
.ny_contact .col-md-6{padding: 0;}
.contact_left {}
/*.contact_ly{background:#fff;padding: 40px ;width: 100%;}*/
.contact_left  h3{font-size: 20px;color: #333;padding-bottom: 10px;font-weight:900
}
.contact_left em{background:#333;height: 2px;width:20px;display: block;margin-bottom: 30px;}
.contact_left p{font-size:16px;color:#333;line-height:35px;}

.contact_left .li {display:inline-block;width:100%;margin-bottom:43px}
.contact_left .li img{background:#333;width:50px;border-radius:50%;padding:5px;float:left;margin-right:15px;}
.contact_left .li p{font-size:16px;color:#333}
.contact_left .li p span{color:#999}


/*liuyan */
.contact_ly h3{font-size:25px;color:#d03634;padding-bottom:50px;}
.contact_ly p{font-size:18px;color:#999;margin-bottom:35px;}

.contact_ly .col-md-12{padding:0;margin-bottom:15px}
.contact_ly span{width: 20%;display:inline-block;font-size:16px;color:#333;text-align: right;float:left;}
.contact_ly input{line-height:35px;width: 77%;border:1px #ddd solid;padding-left:15px;float: right;}
.contact_ly .liuyan_yzm input{width:30%;margin-right:15px;}
.contact_ly button{background:#d03634;border:none;line-height:35px;padding:0 40px;color:#fff;font-size:18px;margin-top:8px;margin-left:15%;width:30%}

.ditu{margin-top: 60px;}





/*news*/
.ny_news_nav {border-bottom:1px #ddd solid;height: 60px;}
.ny_news_nav a{line-height: 60px;font-size: 18px;color: #333;display: inline-block;padding:0 20px;}
.ny_news_nav a:hover{background:#d03634;color: #fff;}
.ny_news_nav a.on{background:#d03634;color: #fff;}


.ny_news_mb {float:right;font-size:15px;color:#666}
.ny_news_mb a {font-size:15px;padding:0 8px;color:#999}
.ny_news_mb a:hover {background:none;color:#d03634}

.ny_news {margin-top: 60px;}
.ny_news span{font-size: 16px;color: #999;padding-bottom: 15px;display: block;margin-top:10px;}
.ny_news h1{font-size: 20px;color: #333;font-weight: bold;padding-bottom: 30px;}
.ny_news p{font-size: 15px;color: #666;line-height: 30px;}

.ny_news_list {padding:20px;width:100%;display:inline-block;margin-bottom:20px;}
.ny_news_list:hover{box-shadow: 0 0 10px #eee;}
.ny_news_list:hover h1{color:#d03634}

.ny_news_list .col-md-4{overflow:hidden}

.ny_news_list a:hover img{color: #1e50ae;-webkit-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);transform:scale(1.2,1.2);}

.ny_news_list img{overflow: hidden;-webkit-transition:all .5s linear;-moz-transition:all .5s linear;-ms-transition:all .5s linear;-o-transition:all .5s linear;transition:all .5s linear;position:relative;}


.fy a{font-size:15px;border:1px #ddd solid;margin:0 1px;padding:1px 10px;display: inline-block;}

.page-num-current {background:#d03634;color:#fff}




/*news_show*/


.news_show_bt  {border:1px #eee solid;padding:35px}
.news_show_bt h1{text-align:center;padding-bottom: 10px;}
.news_show_bt  h2{font-size:15px;text-align:center;color: #999;}
.news_show_bt  h2 span{display:inline-block;padding: 0px 15px;padding-bottom: 35px;}
.news_ne p{text-indent:2em;line-height:30px;color:#333;font-size:16px;}



.news_xg{border:1px #ddd solid;padding:15px;}
.news_xg h3{font-size:20px;color:#333;font-weight:900;padding-bottom:10px;border-bottom:1px #ddd solid;margin-bottom:15px;}
.news_xg p{font-size:14px;color:#333;line-height:30px}


/*product*/
.ny_pro {padding-top: 60px;}

.ny_product ul li{border-radius:0 50px 50px 0;}
.ny_product ul li a{font-size: 15px;color: #333;padding-left:10px;line-height: 40px;display: inline-block;}
.ny_product ul li a::before{border:1px #ddd solid;width:10px;height:10px;position:relative;display:inline-block;content:"";border-radius:15px;margin-right:15px}
.ny_product ul li.on{background:#f58220;color:#fff;line-height: 40px;}
.ny_product ul li.on a{color:#fff}
.ny_product ul li:hover{background:#f58220;color:#fff;line-height: 40px;}
.ny_product ul li:hover a{color:#fff}

.ny_pro_right {width:;padding: 0;}

.ny_product_list .img{overflow: hidden;width:100%;height: 277px;}
.ny_product_list  h3{font-size: 18px;color: #fff;background: #6d767d;text-align: center;line-height: 35px;border-top: 1px #909497 solid;margin-bottom: 35px;    height: 75px;}

.ny_product_list a:hover img{color: #1e50ae;-webkit-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);transform:scale(1.2,1.2);}

.ny_product_list img{overflow: hidden;-webkit-transition:all .5s linear;-moz-transition:all .5s linear;-ms-transition:all .5s linear;-o-transition:all .5s linear;transition:all .5s linear;position:relative;}



/*product_show*/
.products_show_mb {font-size: 15px;color: #999;background:url(../images/index_24.png) no-repeat left;padding-left: 30px;background-size:20px;}
.products_show_mb a {font-size: 15px;color: #666;padding: 0 10px;display: inline-block;}
.ny_pro_show {background:#f7f7f7;padding: 50px 0;display: inline-block;width:100%;}


.ny_product_xq {padding-top: 60px;}
.product_show h1{font-size: 30px;color: #333;padding-bottom: 50px;padding-top:50px}
.product_td  h3{font-size: 20px;color: #333;padding-bottom: 20px;font-weight:900}
.product_td p{font-size: 16px;color: #333;line-height: 40px;}
.product_td p::before{content:"";position:relative;background:#d03634;width:10px;height: 10px;display: inline-block;margin-right:10px}

.show_img {float:left;;text-align:center;margin-right:30px;margin-top:60px}
.show_img img{width:70px}
.show_img h2{font-size:13px;color:#333;padding-top:10px;}
.show_xqing {margin-top: 60px;}
.show_xqing p{font-size: 16px;color: #333;line-height: 30px;}
.show_xqing img{width:100%;}

.swiper-container .swiper-slide img,.pro_img img{width:100%;}



.ny_case {margin-top: 60px;}
.ny_case_list {text-align: center;margin-bottom: 30px;}
.ny_case_list h1{font-size: 16px;color: #333;padding-top: 15px;}
.ny_case_list img{height:240px}


.banner_index {margin-top: 35px;}




.application_bt {text-align: center;padding: 50px 150px;}
.application_bt h3{font-size: 40px;color: #333;font-weight: bold;padding-bottom: 15px;border-bottom:2px #252e93 solid;margin-bottom: 20px;}
.application_bt p{font-size: 16px;color: #333;text-indent: 2em;line-height: 30px;}


/*è¯¦æƒ…*/
.ny_application_show_bt {text-align: center;margin: 50px 0;}
.ny_application_show_bt h3{font-size: 35px;color: #333;font-weight: bold;padding-bottom: 15px;border-bottom:2px #252e93 solid;margin-bottom: 15px;}
.ny_application_show_bt p{font-size: 22px;font-weight: bold;color: #333;}

.ny_application_show_nr p{font-size: 18px;color: #333;line-height: 30px;padding-bottom: 15px;}


.tuijian_appbt {text-align: center;margin: 70px 150px;}
.tuijian_appbt h3{font-size: 30px;color: #252e93;font-weight: bold;border-bottom:2px #333 solid;padding-bottom: 20px;}




.tj_list {display: inline-block;width:100%;margin-bottom: 20px;background:#f7f7f7;padding: 20px;}
.tj_list:hover{background:#252e93;}
.tj_list .col-md-1{width:15%;}
.tj_list .col-md-10{width:70%;}
.tj_list h3 a{font-size: 22px;color: #333;padding-bottom: 15px;margin-top:30px;display:inline-block;color:#252e93}
.tj_list p{font-size: 20px;color: #333;line-height: 30px;}
.tj_list .col-md-1 a{font-size: 18px;color: #252e93;border:#252e93 2px solid;padding: 10px 20px;display: inline-block;margin-top: 30%;font-weight:900}
.tj_list:hover .col-md-1 a{border:2px #fff solid;color:#fff}
.tj_list:hover h3 a,.tj_list:hover p{color:#fff}

.tj_list .col-md-1 img{height:144px}




.tuijian_appbt_cp h3{font-size: 35px;}
.tuijian_appbt_cp p{font-size: 20px;color: #333;padding-top: 10px;font-weight: bold;}


/*äº§å“è¯¦æƒ…*/
        .slideTxtBox{background:#f7f7f7}
        .slideTxtBox .hd{ height:60px; line-height:60px; background:#f7f7f7;  position:relative; border-bottom:1px #ddd solid}
        .slideTxtBox .hd ul{ float:left; position:absolute;   }
        .slideTxtBox .hd ul li{ float:left; padding:0 30px; cursor:pointer; font-size:18px }
        .slideTxtBox .hd ul li.on{ height:60px;  background:#252e93; color:#fff}
        .slideTxtBox .bd ul{ padding:30px;  zoom:1; background:#f7f7f7; font-size:16px;line-height:30px}



.wenzi_nr p{font-size:18px;color:#333;line-height:30px;}
.wenzi a.wenzi_a{background:#252e93;color:#fff;display:inline-block;font-size:20px;padding:18px 25px;margin-top:35px}




/*gognyi*/
.ny_gongyi {margin-top: 0px;}
.ny_gongyi .gongyi_nr{display: inline-block;width:100%;margin-top: 60px;}
.gongyi_nr h3{font-size: 30px;font-weight: bold;color: #252e93;margin-bottom: 20px;margin-top: 20px;}
.gongyi_nr p{font-size: 15px;color: #333;line-height: 25px;}
.gongyi_nr em{background:#333;display: inline-block;width: 10%;height: 2px;margin-bottom: 20px;margin-top: 10px;}

.qingxi_nr em{width: 10%;height: 4px;margin-top: 10px;}


/*application*/
.ny_application{display: inline-block;;margin-top: 60px;}
.ny_application a{display: block;font-size: 16px;color: #333;line-height: 30px;transition: 0.3s all}
.ny_application a::before{content:"";position:relative;background:#252e93;width: 10px;height: 2px;display: inline-block;top: -4px;margin-right: 10px;}
.ny_application a:hover{padding-left: 20px; color: #252e93;}
.ny_application h3{font-weight: bold;font-size: 35px;color: #252e93;border-bottom:2px #252e93 solid;margin-bottom: 30px;padding-bottom: 17px;margin-top: 40px;height: 100px;}
.ny_application p a{background:#252e93;color: #fff;line-height: 50px;padding: 0 30px;display: inline-block;font-size: 18px;margin-top: 30px;border:3px #fff solid;}
.ny_application p a::before{display: none;}
.ny_application p a:hover{background:#fff;padding: 0 30px;color: #333;border:3px solid #252e93;}
/*.ny_application .wenzi{padding-left: /*margin-top: 50px;padding-right: 80px;}*/
/*.ny_application .wenzi1{margin-top: 50px;padding-right: 80px;}*/
.ny_application .p{font-size: 18px;color: #333;line-height: 30px;}



.ny_application_two{display: inline-block;;margin-top: 0px;}
.ny_application_two a{display: block;font-size: 16px;color: #333;line-height: 30px;transition: 0.3s all}
.ny_application_two a::before{display: none;}
.ny_application_two a:hover{padding-left: 0px; color: #252e93;}
.ny_application_two h3{font-weight: bold;font-size: 20px;color: #252e93;border-bottom:2px #252e93 solid;margin-bottom: 50px;padding-bottom: 17px;margin-top: 15px;height: 65px;}
.ny_application_two .wenzi{padding: 0;margin: 0;text-align: center;}
.ny_application_two .img_two {overflow: hidden;}
.ny_application_two a:hover img{color: #1e50ae;-webkit-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);transform:scale(1.2,1.2);}

.ny_application_two img{overflow: hidden;-webkit-transition:all .5s linear;-moz-transition:all .5s linear;-ms-transition:all .5s linear;-o-transition:all .5s linear;transition:all .5s linear;position:relative;}






.qingxi_nr  img{border:1px #ddd solid;}

.gongyi_nr p a{background:#252e93;color: #fff;font-size: 18px;line-height: 50px;display: inline-block;padding:  0 30px;}








/*分页*/


@media (max-width: 768px) {
    /*超小屏幕设备 手机*/
.top_one {
    padding: 10px 0;
}
.logo_right {
    float: left;
    position: absolute;
    top: 27px;
    width: 70%;
}
.logo_right img{width:100%;}
#cssmenu > ul > li > a {line-height:31px !important;}

.top_one ul.ul_one {padding-top: 20px !important;}




/**/
.about_one {
    padding: 0;
    margin-top: 60px;}

    .about_bg{display: none;}

.about_one p {
    font-size: 16px;
    line-height: 26px;}
.about_one h3 {
    font-size: 24px;
    margin-bottom: 35px;
    line-height: 30px;}


.about_one a {
    line-height: 40px;
    padding: 0 10px;
    margin: 0 0px;
    margin-top: 11px;
}
.container{padding: 0 10px;}
.solution{margin-top: 50px;line-height: 40px;}
.solution .col-xs-6{padding: 0 5px;}
.solution_list h3{font-size: 16px;width: 93%;top:32%;display: block;}
.about_team{margin: 0;}
.index_ly p {font-size: 14px;}
.foot_logo  img{width:100%;}

.foot_nav a{font-size: 16px;padding: 0 10px;}
.foot_a a{    font-size: 14px;line-height: 35px;    padding: 0 5px;    margin: 0 5px; }

.hezuo1{display: none;}
.hezuo2{display: block;}
.banner {height: 400px;}
.banner h3{padding-top: 150px;}

}












@media (min-width: 768px) and (max-width: 992px) {
    /*小屏幕设备 平板*/


}



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

    /*小屏幕设备 大平板*/
}


@media (min-width: 992px){
   }



@media (min-width: 1200px) {
    /*中等屏幕设备 桌面*/
.container {width:1230px;}

}

@media (min-width: 992px) and (max-width: 1170px)  {
    /*大屏幕设备 桌面*/



}

@media (max-width: 1200px) and (min-width: 1200px){
    /*中等屏幕设备 桌面*/




}




@media (max-width: 320px){

}


