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


@media screen and (min-width:0px) and (max-width:640px)
{	
.header_div{ display:none;}
.phone_nav{ display:block;}
.ui_div_center{width:100%; padding:0px 3%;}

/*.home-swiper .swiper-slide{ height:400px;}
.home-swiper .swiper-slide img{ display:none; }*/
.home-swiper .swiper-slide .s1{ display:none;}
.home-swiper .swiper-slide .s2{ display:block;}

.i_box1{ padding:20px 0px; font-size:14px;}


.i_box2{ padding:50px 0px;}
.i_box2 a, .i_box2 a:hover{ font-size:22px;}

.i_box3{ padding:20px 0px;}
.i_box3_c li{width:33.33%;}
.i_box3_c li .div{ font-size:14px;}
.i_box3_c li .div .a_img img{width:50px;}
.i_box3_c li .a_text{ padding:0px 10px; margin:5px 0px; height:40px; line-height:20px;}

.i_box4{ padding:20px 0px;}
.i_box4 li{width:50%; min-height:200px;}
.i_box4 li:nth-of-type(3),.i_box4 li:nth-of-type(4){ min-height:290px;}
.i_box4 li:nth-of-type(5),.i_box4 li:nth-of-type(6){ min-height:auto;}
.i_box4 li:nth-of-type(7){width:100%; min-height:auto;}

.n_box1{ padding:20px 0px;}
.n_box1_t{ font-size:22px;}
.n_box2 li{width:100%; padding:16px 0px;}
.n_box2 li .a_img_r .s2{ height:auto; line-height:1.6; font-size:14px;}
.n_box2 li .a_img_r .s1{ height:auto; line-height:1.6;}
.n_box2 li .a_img{width:10%;}
.n_box2 li .a_img_r{width:87%;}
.n_box2_c{ /*padding-top:15px;*/padding-top:0px; font-size:14px; line-height:1.5;}
.n_box2_c .s1{ font-size:16px;}

.n_box3 li{width:33.33%;}
.n_box4 li{width:50%;}

.n_box5{/* padding:25px 0px;*/ padding:0px 0px 25px 0px;}
.n_box5 .a_img{width:100%;}
.n_box5 .a_img_r{width:100%; font-size:14px;}
.n_box5_t a{width:25%; font-size:16px; padding:10px 0px; height:60px; line-height:20px;}
.n_box5_c{ padding:4% 3%;}
.n_box5_con{ font-size:14px;}

.i_box4 li:nth-of-type(1),.i_box4 li:nth-of-type(2){height:250px;}
.i_box4 li:nth-of-type(7){ padding-top:30px;}
.n_box1_c{ padding-top:0px !important;}

.n_box6_r{width:100%;}
.n_box6_l{width:100%; margin-top:10px;}
.n_box6_l{ font-size:14px;}

}

@media screen and (min-width:641px) and (max-width:767px)
{
.phone_logo .p1{width:25%;}	
.phone_nav .nav_but_box{ top:18px;}

.header_div{ display:none;}
.phone_nav{ display:block;}
.ui_div_center{width:100%; padding:0px 3%;}

/*.home-swiper .swiper-slide{ height:250px;}
.home-swiper .swiper-slide img{ display:none; }*/
.home-swiper .swiper-slide .s1{ display:none;}
.home-swiper .swiper-slide .s2{ display:block;}

.i_box1{ padding:20px 0px; font-size:14px;}


.i_box2{ padding:90px 0px;}
.i_box2 a, .i_box2 a:hover{ font-size:25px;}

.i_box3{ padding:20px 0px;}
.i_box3_c li{width:33.33%;}
.i_box3_c li .div{ font-size:14px;}
.i_box3_c li .div .a_img img{width:50px;}
.i_box3_c li .a_text{ padding:0px 10px; margin:5px 0px; height:40px; line-height:20px;}

.i_box4{ padding:20px 0px;}
.i_box4 li{width:33.33%; min-height:200px;}
.i_box4 li:nth-of-type(5),.i_box4 li:nth-of-type(6){ min-height:auto;}
.i_box4 li:nth-of-type(7){width:66.66%; min-height:auto;}

.n_box1{ padding:20px 0px;}
.n_box1_t{ font-size:22px;}
.n_box2 li{padding:10px 0px;}
.n_box2 li .a_img_r .s2{ height:auto; min-height:22px;  line-height:22px; max-height:44px;font-size:14px;}
.n_box2 li .a_img_r .s1{ height:25px; line-height:25px;}
.n_box2 li .a_img{width:10%;}
.n_box2 li .a_img_r{width:87%;}

.n_box2_c{ padding-top:15px; font-size:14px;}
.n_box2_c .s1{ font-size:16px;}

.n_box3 li{width:25%;}
.n_box4 li{width:33.33%;}


.n_box5{ padding:25px 0px;}
.n_box5 .a_img{width:100%; text-align:center;}
.n_box5 .a_img img{width:50%;}
.n_box5 .a_img_r{width:100%; font-size:14px;}
.n_box5_t a{width:25%; font-size:16px; }
.n_box5_c{ padding:4% 3%;}
.n_box5_con{ font-size:14px;}

.n_box6_r{width:100%;}
.n_box6_l{width:100%; margin-top:10px;}
.n_box6_l{ font-size:14px;}

}
@media screen and (min-width:768px) and (max-width: 992px)
{

.phone_logo .p1{width:22%;}	
.phone_nav .nav_but_box{ top:23px;}

.header_div{ display:none;}
.phone_nav{ display:block;}
.ui_div_center{width:100%; padding:0px 3%;}

/*.home-swiper .swiper-slide{ height:300px;}
.home-swiper .swiper-slide img{ display:none; }*/
.home-swiper .swiper-slide .s1{ display:none;}
.home-swiper .swiper-slide .s2{ display:block;}

.i_box1{ padding:20px 0px; font-size:14px;}


.i_box2{ padding:90px 0px;}
.i_box2 a, .i_box2 a:hover{ font-size:25px;}

.i_box3{ padding:20px 0px;}
.i_box3_c li{width:33.33%;}
.i_box3_c li .div{ font-size:14px;}
.i_box3_c li .div .a_img img{width:50px;}
.i_box3_c li .a_text{ padding:0px 10px; margin:5px 0px; height:40px; line-height:20px;}

.i_box4{ padding:20px 0px;}
.i_box4 li{width:33.33%; min-height:200px;}
.i_box4 li:nth-of-type(5),.i_box4 li:nth-of-type(6){ min-height:auto;}
.i_box4 li:nth-of-type(7){width:66.66%; min-height:auto;}

.n_box1{ padding:20px 0px;}
.n_box1_t{ font-size:27px;}
.n_box2 li{padding:10px 0px;}
.n_box2 li .a_img_r .s2{ height:auto; min-height:22px;  line-height:22px; max-height:44px;font-size:14px;}
.n_box2 li .a_img_r .s1{ height:25px; line-height:25px;}
.n_box2 li .a_img{width:10%;}
.n_box2 li .a_img_r{width:87%;}

.n_box2_c{ padding-top:15px; font-size:14px;}
.n_box2_c .s1{ font-size:16px;}

.n_box3 li{width:20%;}




.n_box5 .a_img_r{ font-size:14px;}
.n_box5_t a{width:25%; font-size:16px; }
.n_box5_c{ padding:4% 3%;}
.n_box5_con{ font-size:14px;}

.n_box6_r{width:100%;}
.n_box6_l{width:100%; margin-top:10px;}
.n_box6_l{ font-size:14px;}

}

@media screen and (min-width:993px) and (max-width:1200px)
{

	
.header_div{ display:block;}
.phone_nav{ display:none;}
.ui_div_center{width:100%; padding:0px 2%;}
.header_div_logo .i_logo{width:18.9%; margin-top:10px;}
.header_div{ height:98px;}
.header_div_logo{ padding-top:0px;}
.header_div.fixedmenu .header_div_logo .i_logo{width:18.9%;}
.nav_menu{ width:78%;}
.nav_menu li .a_nav{ font-size:16px;}
.nav_menu li .a_nav .s1{ padding-right:15px;}
.nav_menu li .a_nav:hover .s1,.nav_menu li .a_nav.active .s1,.nav_menu li .a_nav.active1 .s1{background:url(../images/tb_02.png) right 8px center no-repeat; }

.i_box1{ padding:40px 0px; font-size:14px;}
.i_box2 a, .i_box2 a:hover{ font-size:40px;}

.i_box3{ padding:90px 0px;}
.i_box3_c li .div{ font-size:16px;}
.i_box3_c li .div .a_img img{width:50px;}
.i_box3_c li .a_text{ padding:0px 10px; margin:5px 0px; height:50px; line-height:25px;}

.n_box1{ padding:20px 0px;}
.n_box1_t{ font-size:27px;}
.n_box2 li{padding:15px 0px;}
.n_box2 li .a_img_r .s2{ height:auto; min-height:22px;  line-height:22px; max-height:44px;font-size:14px;}
.n_box2 li .a_img_r .s1{ height:25px; line-height:25px;}

.n_box2_c{ padding-top:15px; font-size:14px;}
.n_box2_c .s1{ font-size:16px;}


.n_box5 .a_img_r{ font-size:14px;}
.n_box5_t a{width:25%; font-size:16px; }
.n_box5_c{ padding:4% 3%;}
.n_box5_con{ font-size:14px;}

.n_box6_l{ font-size:16px;}


}

@media screen and (min-width:1201px) and (max-width:1300px)
{

.header_div{ display:block;}
.phone_nav{ display:none;}
.ui_div_center{width:100%; padding:0px 2%;}
.header_div_logo .i_logo{width:16%; margin-top:10px;}
.header_div{ height:98px;}
.header_div_logo{ padding-top:0px;}
.nav_menu li .a_nav{ font-size:16px;}
.nav_menu li .a_nav .s1{ padding-right:15px;}
.nav_menu li .a_nav:hover .s1,.nav_menu li .a_nav.active .s1,.nav_menu li .a_nav.active1 .s1{background:url(../images/tb_02.png) right 8px center no-repeat; }

.i_box1{ padding:40px 0px; font-size:14px;}
.i_box2 a, .i_box2 a:hover{ font-size:40px;}

.i_box3{ padding:90px 0px;}
.i_box3_c li .div{ font-size:16px;}
.i_box3_c li .div .a_img img{width:50px;}
.i_box3_c li .a_text{ padding:0px 10px; margin:5px 0px; height:50px; line-height:25px;}



.n_box1{ padding:40px 0px;}
.n_box1_t{ font-size:28px;}
.n_box2 li{padding:15px 0px;}
.n_box2 li .a_img_r .s2{ height:auto; min-height:22px;  line-height:22px; max-height:44px;font-size:14px;}
.n_box2 li .a_img_r .s1{ height:25px; line-height:25px;}



}
@media screen and (min-width:1301px) and (max-width:1500px)
{

.header_div{ display:block;}
.phone_nav{ display:none;}
.ui_div_center{width:100%; padding:0px 5%;}
.header_div_logo .i_logo{width:16%; margin-top:10px;}
.header_div{ height:98px;}
.header_div_logo{ padding-top:0px;}
.nav_menu li .a_nav{ font-size:16px;}
.nav_menu li .a_nav .s1{ padding-right:15px;}
.nav_menu li .a_nav:hover .s1,.nav_menu li .a_nav.active .s1,.nav_menu li .a_nav.active1 .s1{background:url(../images/tb_02.png) right 8px center no-repeat; }

.i_box1{ padding:40px 0px; font-size:14px;}
.i_box2 a, .i_box2 a:hover{ font-size:40px;}

.i_box3{ padding:90px 0px;}
.i_box3_c li .div{ font-size:16px;}
.i_box3_c li .div .a_img img{width:50px;}
.i_box3_c li .a_text{ padding:0px 10px; margin:5px 0px; height:50px; line-height:25px;}


.n_box1{ padding:40px 0px;}
.n_box1_t{ font-size:28px;}
.n_box2 li{padding:15px 0px;}
.n_box2 li .a_img_r .s2{ height:auto; min-height:22px;  line-height:22px; max-height:44px;font-size:14px;}
.n_box2 li .a_img_r .s1{ height:25px; line-height:25px;}




}

@media screen and (min-width:1501px) and (max-width:1800px)
{
.i_box3_c li .a_text{ padding:20px 10% 0px 10%;}
}