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

/* html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);} */
*{margin:0px; padding:0px;}
body{ color:#333; font-size:0.625em; overflow-x:hidden;  font-family:'\5FAE\8F6F\96C5\9ED1'; margin:0 auto;}
ul,li,h1,h2,h3,h4,h5,h6,input{ margin:0px; padding:0px;}
.center{ margin:0 auto; text-align:left; width:1200px;}
.clean{ clear:both; width:0px; height:0px; line-height:0px; overflow:hidden;}
a:link{ color:#333;text-decoration:none; }
a:visited {color: #333; text-decoration:none;}
a:hover{ color:#CC2424; text-decoration:none;}
/*--通用属性--*/
.box_kx{ width:auto; height:15px; line-height:0px; font-size:0px; overflow:hidden;}
.box_mbottom{ margin-bottom:15px !important;}
.box_left{ float:left !important; margin-left:0px !important; padding-left:0px !important;}
.box_right{ float:right !important; margin-right:0px !important; padding-right:0px !important;}
img{ display:block; width:100%;}
/*------------------------------------------------------------------------------------------------------------------------*/
/*-----transition:all 0.3s linear 0s;-----*/

/*----------------------------------------------------top begin-----------------------------------------------------------*/
.w_top{ height:auto; overflow:hidden;}
.top_left{ width:60%; height:auto; float:left; padding:17px 0px; overflow:hidden;}
.top_left b{ font-size:3em; line-height:25px; overflow:hidden; color:#003882; font-weight:100; }
.top_left p{ font-size:2em; line-height:25px; color:#666; color:#CC2424;font-weight:bold;}
.top_left p:nth-child(3){ font-size:1.4em; color:#666; line-height:25px;font-weight:100;}
.top_logo{ width:35%; max-width:214px; float:right; padding:37px 0px;}

.w_nav{ width:100%; height:auto; background:url(../images/w_01.jpg) #003882 bottom left repeat-x;}
.nav_list{ height:auto; list-style:none; zoom:1; display:block;}
.nav_list li{ width:10%; height:auto; float:left;}
.nav_list li a,.nav_list li a:link,.nav_list li a:visited{ width:100%; height:auto; display:block; text-align:center; font-size:1.5em; line-height:20px; text-align:center; color:#fff; padding-top:10px; padding-bottom:13px;}
.nav_list li.nav_p a,.nav_list li.nav_p a:link,.nav_list li.nav_p a:visited,.nav_list li a:hover{ background:#011E44; transition:all 0.3s linear 0s;}

.w_language{ width:auto; height:auto; float:right; color:#fff;}
.w_language a,.w_language a:link,.w_language a:visited{ line-height:40px; color:#fff; overflow:hidden; margin:0px 10px;}
.w_language a:hover{ color:#f00; transition:all 0.3s linear 0s;}

.w_banner{ height:auto; overflow:hidden; padding-top:15px;}
#slides{ display:none; z-index:0; font-size:0px; line-height:0px; position:relative; z-index:0;}
#slides img{ border:none;}
.slidesjs-previous{ position:absolute; top:50%; right:50px; z-index:10; width:43px; height:43px; display:block; background:url(../images/themes.png) -43px 0 no-repeat; margin-top:-22px;}
.slidesjs-next{ position:absolute; top:50%; left:50px; z-index:10;width:43px; height:43px; display:block; background:url(../images/themes.png) 0 0 no-repeat; margin-top:-22px;}
.slidesjs-pagination{ position:absolute; bottom:30px; left:50%; margin-left:-45px; z-index:10;}
.slidesjs-pagination li{float:left;padding:0 3px; list-style:none;}
.slidesjs-pagination li a{ display:block;width:10px; height:0px; line-height:0px; padding-top:10px; background:url(../images/pagination.png) 0 0; overflow:hidden; font-size:0px;}
.slidesjs-pagination li a.active,.slidesjs-pagination li a:hover.active { background-position: 0 -10px;}
.slidesjs-pagination li a:hover { background-position: 0 -20px;}

.w_gonggao{ height:auto; width:1160px; padding-left:40px;  background:url(../images/w_gg.png) 10px center #e6edf7 no-repeat; color:#f00; overflow:hidden;}
.w_gonggao marquee{ margin:0px; padding:0px; line-height:40px; font-size:1.7em; font-weight:bold;}
/*----------------------------------------------------top end-----------------------------------------------------------*/

/*----------------------------------------------------content begin--------------------------------------------------------*/
.w_content{ height:auto; overflow:hidden; padding-top:15px;}
.w_left{ width:25%; height:auto; overflow:hidden; float:left;}
.w_h{ width:100%; height:auto; line-height:35px; position:relative; background-color:#003A81; padding-left:47px; font-size:1.6em; color:#fff; background-repeat:no-repeat; background-position:15px center; border-top:#A9D43D 4px solid; border-bottom:#ccc 3px solid;}
.w_hh{ border-top:#003A81 4px solid; background-color:#E5EEF6; color:#003A81;}
.w_hhh{ border-top:#E5EEF6 4px solid; border-bottom:#003A81 4px solid; background-color:#E5EEF6; color:#003A81;}
.w_h a,.w_h a:link,.w_h a:visited{ font-size:0.8em; position:absolute; top:0px; right:62px; color:#fff;}
.w_hh a,.w_hh a:link,.w_hh a:visited,.w_hhh a,.w_hhh a:link,.w_hhh a:visited{ color:#003A81;}
.w_h a:hover{ color:#CC2424; transition:all 0.3s linear 0s;}
.w_h1{ background-image:url(../images/w_h1.png);}
.w_h2{ background-image:url(../images/w_h2.png);}
.w_h3{ background-image:url(../images/w_h3.png);}
.w_h4{ background-image:url(../images/w_h4.png);}
.w_h5{ background-image:url(../images/w_h5.png);}
.w_h6{ background-image:url(../images/w_h6.png);}
.index_login{ width:auto; height:auto; background:#E5EEF6; padding:15px 25px 9px 25px;}
.login_box{ width:auto; overflow:hidden; padding:10px 0px;}
.login_box span{ display:block; font-size:1.4em; line-height:20px; padding:5px 0px; width:20%; float:left; text-align:right;}
.login_box input{ width:77%; height:28px; border:#ddd 1px solid; overflow:hidden; padding:0px; float:right; line-height:28px;}
.login_bnt{ width:auto; overflow:hidden; padding-top:10px; text-align:center;}
.login_bnt input{ display:inline-block; padding:5px 20px; margin:0px 15px; cursor:pointer; font-size:1.5em; line-height:20px; text-align:center; background:#CC2424; border:none; border-radius:5px; color:#fff;}
a.login_aa,a.login_aa:link,a.login_aa:visited{ width:90%; margin:15px auto; display:block; text-align:center; font-size:1.4em; line-height:35px; background:#003A81; color:#fff; border-radius:5px;}
a.login_aa:hover{ background:#CC2424;transition:all 0.3s linear 0s;}

.w_center{ width:42.5%; height:auto; overflow:hidden; float:left; margin:0px 1.5%;}
.index_list{ list-style:none; zoom:1; display:block; overflow:hidden; width:auto; height:auto; padding:5px 15px; border:#ddd 1px solid;}
.index_list li{ width:auto; height:35px; line-height:35px; font-size:1.4em; padding-left:20px; background:url(../images/w_c1.png) left center no-repeat; border-bottom:#ddd 1px dotted; position:relative; overflow:hidden;}
.index_list li span{ display:inline-block; background:#fff; padding-left:10px; position:absolute; top:0px; right:0px;}
.index_list li.l1{ background-image:url(../images/w_c3.png);}
.index_list li.l2{ background-image:url(../images/w_c3.png);}
/*.index_list li.l1 a,.index_list li.l1 a:link,.index_list li.l1 a:visited{ color:#CC2424;}*/
.index_list li.l1 a:hover{ color:#333; transition:all 0.3s linear 0s;}

.w_right{ width:29.5%; height:auto; overflow:hidden; float:right;}
.index_xl{ list-style:none; zoom:1; display:block; overflow:hidden; width:auto; height:auto; border:#ddd 1px solid; padding:1.5%;}
.index_xl li{ width:47%; height:auto; margin:1.5%; float:left;}
.index_xl li a,.index_xl li a:link,.index_xl li a:visited{ width:auto; height:auto; font-size:1.4em; line-height:18px; padding:6px; border:#ddd 1px solid; background:#E5EEF6; overflow:hidden; display:block; text-align:center;}
.index_xl li a:hover{ background:#CC2424; color:#fff; transition:all 0.3s linear 0s;}
.index_tp{ list-style:none; zoom:1; display:block; overflow:hidden; width:auto; height:auto; border:#ddd 1px solid; padding:0.8% 0.5%;}
.index_tp li{ width:19%; height:auto; margin:0.5%; overflow:hidden; float:left;}

.w_tleft{ width:69%; height:auto; overflow:hidden; float:left;}
.index_xp{ list-style:none; zoom:1; display:block; overflow:hidden; width:auto; height:auto; border:#ddd 1px solid; padding:20px 1.5%; background:#FCFCFC;}
.index_xp li{ width:21%; height:auto; overflow:hidden; float:left; display:block; text-align:center; margin:2%;}
.index_xp li span{ display:block; width:97px; height:95px; overflow:hidden; margin:0 auto;}
.index_xp li span a,.index_xp li span a:link,.index_xp li span a:visited{ background-position:0 0; background-repeat:no-repeat; display:block; width:100%; height:100%;}
.index_xp li span a.xp01,.index_xp li span a.xp01:link,.index_xp li span a.xp01:visited{ background-image:url(../images/w_x1.png);}
.index_xp li span a.xp02,.index_xp li span a.xp02:link,.index_xp li span a.xp02:visited{ background-image:url(../images/w_x2.png);}
.index_xp li span a.xp03,.index_xp li span a.xp03:link,.index_xp li span a.xp03:visited{ background-image:url(../images/w_x3.png);}
.index_xp li span a.xp04,.index_xp li span a.xp04:link,.index_xp li span a.xp04:visited{ background-image:url(../images/w_x4.png);}
.index_xp li:hover span a,.index_xp li:hover span a:link,.index_xp li:hover span a:visited,.index_xp li span a:hover{ background-position:0px -95px; transition:all 0.3s linear 0s;}
.index_xp li p{ padding-top:31px;}
.index_xp li p a,.index_xp li p a:link,.index_xp li p a:visited{ font-size:1.6em; line-height:22px; text-align:center;}
.index_xp li:hiver p a,.index_xp li:hiver p a:link,.index_xp li:hiver p a:visited,.index_xp li p a:hover{ color:#CC2424; transition:all 0.3s linear 0s;}

.xp_bg{ width:100%; height:100%; overflow:hidden; background:url(../images/w_bg.png) 0 0 repeat; position:fixed; top:0; left:0; z-index:100; display:none;}
.xp_fbox{ width:50%; height:auto; max-width:460px; background:#E5EEF7; border:#ddd 1px solid; box-shadow:#ddd 0px 0px 5px; position:fixed; top:20%; left:50%; margin-left:-250px; z-index:200; padding:10px 20px; border-radius:5px; display:none;}
.xp_h{ width:auto; height:auto; border-bottom:#ccc 1px solid; font-size:1.6em; line-height:18px; padding:10px 0px; color:#003B81;}
.xp_close{ width:20px; height:20px; font-size:2.4em; line-height:20px; text-align:center; color:#CC2424; cursor:pointer; position:absolute; top:20px; right:20px;}
.xp_list{ list-style:none; zoom:1; display:block; width:auto; height:auto; padding-top:10px;}
.xp_list li{ width:auto; height:auto; border:#ccc 1px dotted; padding:10px 15px; font-size:1.4em; line-height:15px; margin:7px 0px; overflow:hidden; border-radius:5px;}
.xp_list li:hover{ background:#003B81; transition:all 0.3s linear 0s;}
.xp_list li:hover a,.xp_list li:hover a:link,.xp_list li:hover a:visited{ color:#fff;}

.tw_left{ width:40%; float:left; height:auto; overflow:hidden;}
.tw_left video{ width:100%; max-width:480px; height:auto; min-height:375px;}
.tw_right{ width:95.8%; float:right; height:auto; overflow:hidden; padding:15px 2%;   border:#ccc 1px solid; } 
.tw_left1{ width:66%; float:left; height:auto; overflow:hidden;}
.tw_right1{ width:33%; float:right; height:auto; overflow:hidden;}
.tw_right p{ font-size:1.4em; line-height:28px; overflow:hidden; text-indent:2em;}
.tw_right p a,.tw_right p a:link,.tw_right p a:visited{ color:#003A80;}
.tw_right p a:hover{ color:#f00; transition:all 0.3s linear 0s;}
.tw_bnt{ width:auto; height:auto; overflow:hidden; padding-top:15px;}
.tw_bnt a,.tw_bnt a:link,.tw_bnt a:visited{ width:32%; margin-right:1.5%; height:auto; display:block; font-size:1.5em; line-height:35px; border:#ddd 1px solid; border-radius:5px; text-align:center; background:#003A80; float:left; color:#fff;}
.tw_bnt a:nth-child(1){ background:#f00; }
.tw_bnt a:nth-child(3){ float:right; margin-right:0px;background:#f00;}
.tw_bnt a:hover{ background-color:#f00; color:#fff; transition:all 0.3s linear 0s;}
.tw_bor{ width:auto; height:auto; border:#ddd 1px solid; overflow:auto; padding:2%;}
.tw_ico{ list-style:none; height:auto; overflow:hidden; padding-top:5px;}
.tw_ico li{ width:14.285%; height:auto; overflow:hidden; float:left; text-align:center;}
.tw_ico li span{ width:57px; height:65px; margin:0px auto; overflow:hidden; background-position:center 0px; background-repeat:no-repeat; display:block;}
.tw_ico li:hover span{ background-position:center -65px; transition:all 0.3s linear 0s;}
.tw_ico li span.twico_01{ background-image:url(../images/twico_01.png);}
.tw_ico li span.twico_02{ background-image:url(../images/twico_02.png);}
.tw_ico li span.twico_03{ background-image:url(../images/twico_03.png);}
.tw_ico li span.twico_04{ background-image:url(../images/twico_04.png);}
.tw_ico li span.twico_05{ background-image:url(../images/twico_05.png);}
.tw_ico li span.twico_06{ background-image:url(../images/twico_06.png);}
.tw_ico li span.twico_07{ background-image:url(../images/twico_07.png);}
.tw_ico li p{ font-size:1.5em; line-height:30px; padding:9px 0px;}
.tw_text{ font-size:1.3em; line-height:25px; overflow:hidden; text-indent:2em;}
.tw_text a,.tw_text a:link,.tw_text a:visited{color:#003A80;}
.tw_text a:hover{ color:#f00; transition:all 0.3s linear 0s;}

.w_pfintro{ width:400px; height:388px; overflow:hidden; position:fixed; top:154px; right:0px;  border:#ddd 1px solid; border-radius:10px; background:#fff;}
.pfintro_h{ width:auto; height:40px; line-height:40px; overflow:hidden; font-size:1.5em; text-indent:20px; position:relative; border-bottom:#ddd 1px solid; font-weight:bold; color:#f00; background:#eee;}
.pfintro_h span{ width:40px; height:40px; font-size:1.2em; position:absolute; display:block; top:0px; right:15px; cursor:pointer;}
.pfintro_cont{ margin:20px; font-size:1.4em; line-height:28px; overflow-y:scroll; height:308px;}

.w_pfintro1{ width:352px; height:345px; overflow:hidden; position:fixed; top:154px; left:0px;  border:#ddd 1px solid; border-radius:10px; background:#fff;}
.pfintro_h1{ width:auto; height:40px; line-height:40px; overflow:hidden; font-size:1.5em; text-indent:20px; position:relative; border-bottom:#ddd 1px solid; font-weight:bold; color:#f00; background:#eee;}
.pfintro_h1 span{ width:40px; height:40px; font-size:1.2em; position:absolute; display:block; top:0px; right:15px; cursor:pointer;}
.pfintro_cont1{ margin:0px; font-size:1.4em; line-height:28px; overflow:hidden; height:308px;}
/*----------------------------------------------------content end-------------------------------------------------------*/

/*----------------------------------------------------bottom begin--------------------------------------------------------*/
.w_bottom{ width:100%; height:auto; overflow:hidden; background:#003882; border-top:#A9D43D 5px solid; padding:30px 0px; font-size:1.4em; line-height:30px; text-align:center; color:#fff;}
.w_bottom span{ margin:0px 10px;}
.w_bottom a,.w_bottom a:link,.w_bottom a:visited{ color:#fff;}
/*----------------------------------------------------bottom end----------------------------------------------------------*/

/*----------------------------------------------------tow begin--------------------------------------------------------*/
.w_towleft{ width:20%; height:auto; float:left; overflow:hidden;}
.towleft_cont{ background:#E5EEF6; border:#ddd 1px solid; padding:15px 20px; overflow:hidden;}
.towleft_list{ list-style:none; zoom:1; display:block; overflow:hidden;}
.towleft_list li{ display:block; padding:5px 0px;}
.towleft_list li a,.towleft_list li a:link,.towleft_list li a:visited{ width:auto; height:auto; font-size:1.4em; line-height:18px; padding:7px; text-align:center; border:#ddd 1px solid; border-radius:7px; background:#fefefe; display:block;}
.towleft_list li.towleft_p a,.towleft_list li.towleft_p a:link,.towleft_list li.towleft_p a:visited,.towleft_list li a:hover{ background:#2e4e90; color:#fff; transition:all 0.3s linear 0s;}
.w_towright{ width:78%; height:auto; float:right; overflow:hidden;}
.w_towright1{ width:100%; }
.towright_cont{ border:#ddd 1px solid; padding:15px 20px; overflow:hidden;}
.index_list.tow_l{ padding:0px; border:none;}

.h_newslist{ list-style:none; zoom:1; display:block; overflow:hidden; width:auto; height:auto;}
.h_newslist li{ display:block; padding:18px 0px; border-bottom:#ccc 1px dotted;}
.h_newslist li img{ width:20%; margin-right:20px; float:left;}
.h_newslist li strong{ display:block; height:auto; line-height:20px; font-size:1.5em; padding:10px 0px;}
.h_newslist li strong span{ font-size:0.9em; line-height:20px; width:100px; text-align:right; display:block; float:right; font-weight:normal; background:#fff; color:#666;}
.h_newslist li p{ font-size:1.4em; line-height:25px; display:block; color:#666;}
.h_newslist li a.news_more,.h_newslist li a.news_more:link,.h_newslist li a.news_more:visited{ width:120px; height:28px; border:#ddd 1px solid; text-align:center; display:block; font-size:1.4em; line-height:28px; overflow:hidden; margin-top:10px;}

.h_prolist{ width:auto; height:auto; zoom:1; display:block; padding-top:20px; overflow:hidden;}
.h_prolist li{ width:23.5%; height:auto; display:block; float:left; margin-right:2%; overflow:hidden; margin-bottom:20px; background:#E5EEF6;}
.h_prolist li.pro_right{ margin-right:0px;}
.h_prolist li span{ display:block; border:#ccc 1px solid;}
.h_prolist li:hover span{ border:#0b50a1 1px solid; transition:all 0.3s linear 0s;}
.h_prolist li b{ display:block; padding:12px 10px 8px 10px; line-height:20px; font-size:1.4em; overflow:hidden; text-align:center; font-weight:normal;}
.h_prolist li b a,.h_prolist li b a:link,.h_prolist li b a:visited{ color:#0b50a1;}

.tow_h3{ text-align:center; padding:33px 0px 15px 0px; margin:0; line-height:24px; font-size:2em;}
.tow_other{ line-height:30px; border-bottom:#ccc 1px solid;  text-align:center; color:#959597; font-size:1.4em; padding-bottom:5px;}
.tow_other span{ margin:0px 8px;}
.tow_content{ padding:15px 0px; line-height:28px; font-size:1.4em;}
.tow_content img{ border:0px; max-width:890px; width:auto; display:inline;}
.tow_next{ border-top:#ccc 1px dotted; line-height:30px; border-bottom:#ccc 1px dotted; padding:12px 15px; font-size:1.3em; margin:20px 0px;}

.w_ttnav{ width:auto; height:auto; overflow:hidden; list-style:none; zoom:1; display:block;}
.w_ttnav li{ width:15.8%; height:auto; padding-bottom:15px; margin-right:1%; overflow:hidden; float:left;}
.w_ttnav li:nth-child(6){ margin-right:0px;}
.w_ttnav li a,.w_ttnav li a:link,.w_ttnav li a:visited{ width:auto; height:auto; font-size:1.6em; line-height:20px; padding:8px 0px; text-align:center; border:#ddd 1px solid; display:block; background:#eee;}
.w_ttnav li.tt_p a,.w_ttnav li.tt_p a:link,.w_ttnav li.tt_p a:visited{ background:#003A81; color:#fff;}

.tow_table{ border-left:#ddd 1px solid; border-top:#ddd 1px solid; width:96%; margin:0 auto;}
.tow_table td{ border-right:#ddd 1px solid; border-bottom:#ddd 1px solid; padding:10px;}
.tow_contvideo{ width:600px; height:400px; margin:50px  auto 0px auto;}
/*----------------------------------------------------tow begin--------------------------------------------------------*/

/*----------------------------------------------------towcont_page----------------------------------------------------------*/
.tow_page{ text-align:center; padding:15px 0px; font-size:1.3em; margin:10px 0px;}
.tow_page a,.tow_page span{ border:#ddd 1px solid; padding:5px; margin:0px 5px; background:#fff;}
.tow_page span{ background:#2e4e90; color:#fff;}
/*----------------------------------------------------towcont_page----------------------------------------------------------*/


/*----------------------------------------------------book----------------------------------------------------------*/
.cont_book{ width:auto; height:auto; padding:50px;}
.cont_book1{ padding:0px 0px 15px 0px;}
.cont_book table{ width:100%; height:auto; border-bottom:#ddd 1px solid; border-left:#ddd 1px solid;}
.cont_book table td{ border-top:#ddd 1px solid; border-right:#ddd 1px solid; padding:10px; font-size:1.4em;}
.cont_book table td input{ width:100%; height:25px; line-height:25px; border:none; font-size:1em;}
.cont_book table td textarea{ width:100%; height:150px; line-height:22px; border:none; font-size:14px;}
.cont_book input.coolbg{ width:100px; height:35px; line-height:35px; text-align:center; display:inline-block; font-size:1.4em; border:#ddd 1px solid; background:#eee; border-radius:5px; cursor:pointer;}
.cont_book img{ width:auto; height:auto; display:inline;}
.cont_book table td input.booky{ width:80px;}

.cont_bookinfo{ width:auto; height:auto; padding:0px 50px; font-size:1.4em;}
.book{overflow:hidden;clear:both;margin-bottom:20px;}
.book .face{float:left;width:60px;height:60px;}
.book .text{border:1px solid #dadada; margin-left:70px;}
.book .text .div{padding:10px 20px;}
.book .text .div .icon{position:absolute;width:20px;height:20px;margin:6px 0 0 -40px;background:url(../images/dot.gif) no-repeat top right;}
.book .text .div .base{ font-family:verdana;color:#000;border-bottom:1px dashed #ccc;line-height:30px;margin-bottom:10px; font-weight:bold;}
.book .text .div .base span{float:right;color:#999; font-weight:normal;}
.book .text .div .content{line-height:20px;}
.book .text .div .reply{font-family:verdana;border-top:1px dashed #ccc;line-height:30px;margin-top:10px;color:#000;padding-top:5px;}
.book .text .div .reply strong{color:#003882;}
/*----------------------------------------------------book----------------------------------------------------------*/

.w_pff{ width:300px; height:188px; background:url(../images/w_pff.jpg) center center no-repeat; position:fixed; overflow:hidden; top:50%; left:50%; margin-left:-150px; margin-top:-94px;}
.w_pff span{ width:25px; height:25px; display:block; position:absolute; font-size:30px; line-height:25px; text-align:center; right:20px; top:20px; color:#f00; cursor:pointer;}

.tt_login{ max-width:350px; height:auto; margin:0 auto; overflow:hidden; padding:50px 0px;}
.tt_hh{ text-align:center; font-size:1.3em; line-height:50px;}
.tt_inp,.tt_sup{ width:auto; height:auto; padding:15px 0px;}
.tt_inp input{ width:80%; height:auto; line-height:25px; padding:5px; border:#ddd 1px solid; border-radius:5px; color:#f00;}
.tt_sup input{ display:inline-block; width:80px; background:#F03; color:#fff; text-align:center; margin:0px 15px; height:auto; line-height:25px; padding:5px; border:#ddd 1px solid; border-radius:5px;}

/*当页面大于1200px 时，大屏幕，主要是PC 端*/
@media (min-width: 1200px) {

}

/*在768 和1199 像素之间的屏幕里，小屏幕，主要是PAD*/
@media (min-width: 1000px) and (max-width: 1199px) {


}

@media (min-width: 768px) and (max-width: 999px) {

}

/*在480 和767 像素之间的屏幕里，超小屏幕，主要是手机*/
@media (min-width: 480px) and (max-width: 767px) {

}

/*在小于480 像素的屏幕，微小屏幕，更低分辨率的手机*/
@media (max-width: 479px) {

}