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

/*@font-face {
font-family: ali-r;
src:url('/fonts/AlibabaPuHuiTi-3-55-Regular.ttf');
}

@font-face {

src:url('/fonts/AlibabaPuHuiTi-3-85-Bold.ttf');
}*/

*{ margin:0; padding:0;} 
body{ font-size:14px; font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif; margin: 0; padding: 0;} 

a{color:#000000;text-decoration:none;} 
a:link {text-decoration:none;color:#000000;} 
a:active {text-decoration:none;color:#000000;} 
a:hover {text-decoration:none;color:#0173b7;} 
a:visited {text-decoration:none;color:#000000;} 

body img { border: none; max-width: 100%;}
video { height: 100%; width: 100%; }
hr { margin: 0;  border-color: #e8e8e8; }
ul, ol, li { margin: 0; padding: 0; list-style: none;}
h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a {  color: inherit; }
p{ margin: 0; padding: 0; line-height: 175%;}
/*** effect zoom in ***/
.img-zoom-in img
{
transition:all .2s ease-in-out;
-webkit-transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out;
-ms-transition:all .5s ease-in-out;
-o-transition:all .5s ease-in-out;
}

.img-zoom-in:hover img 
{
transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1)
}
/*** effect zoom in ***/

.img-zoom-deg img{
transition:All 0.5s ease-in-out;
-webkit-transition:All 0.4s ease-in-out;
-moz-transition:All 0.4s ease-in-out;
-o-transition:All 0.4s ease-in-out;
}

.img-zoom-deg:hover img {
-webkit-transform: rotate(360deg);/*鼠标hover时，i图标旋转*/
transform: rotate(360deg);
}

.clearfix:after{
  content: " "; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;  
  }

.clearfix {
  /* 触发 hasLayout */ 
  zoom: 1; 
  }



/*导航*/
.nav{ width:100%; margin: 0px; padding: 0px; background:url("../jpg/bg.jpg") no-repeat center; height:280px; padding: 50px 0px 0px; box-sizing: border-box; }

.nav_{ width:1280px; margin:0px auto;}
.nav_l{ float:left; width:550px;}
.nav_l img{width: 100%;} 
/*
.subMenu{display: none;position: absolute;top: 100px;left: 0;width: 100%; height: auto;background: rgba(255,255,255,1); z-index: 99999;}
.subMenu>ul{display: flex;flex-wrap: wrap;flex-direction: row;justify-content: center;align-items: center;}
.subMenu>ul>li>a{display:block;padding:0px 30px;text-align: center;line-height:60px;color: #000000;} 
.subMenu>ul>li>a:hover{color:#FFFFFF; background: #0173b7;}
*/
.nav_r {float: right;} 
.nav_r img{ width: 300px;} 
/*.nav_r i{ color: #FFFFFF; border: #FFFFFF 1px solid; padding: 5px; text-align: center; border-radius: 50%;} */
.nav_r .i1{ height: 40px; line-height: 40px; background: rgba(255,255,255,0.25); border: none; width: 80%; margin: 0; color:#FFFFFF; padding-left: 10px; box-sizing: border-box;} 
.nav_r .i1::placeholder {
    color:rgba(255,255,255,0.2); /* 红色 */
    font-style: italic; /* 斜体 */
}
.nav_r .i2{height: 40px; line-height: 40px;   background: rgba(255,255,255,0.35); border: none; color: #FFFFFF;margin: 0; text-align: center;width:18%;} 

.nav_menu {width:1280px; margin:60px auto 0px; background:rgba(255,255,255,0.25); border-radius: 10px;} 
.nav_menu ul { margin:0 auto;} 
.nav_menu ul li {float:left;} 
.nav_menu ul li:first-child{} 
.nav_menu ul li:last-child{} 
.nav_menu ul li a{display:block; margin: 0px 0px 0px 48px;color: #FFFFFF; font-size: 16px; padding: 15px 0px;}
.nav_menu ul li a:hover{ color: #fae9bc;} 
.nav_menu ul li a.this{  color: #fae9bc;} 



/***********首页*************/
.main_a{ width: 100%; margin: 0px;} 
.main_a_{ width: 1280px; margin: 50px auto;} 

.main_a_ .fl{width: 450px; float: left;} 
.main_a_ .fl .slider {width: 450px;height: 280px;margin: 0 auto;position: relative; overflow: hidden;} 
.main_a_ .fl .slider ul {}
.main_a_ .fl .slider ul li {width: 100%;height: 100%;position: absolute;opacity: 0; transition: opacity 1s ease-in-out; z-index: 9;}
.main_a_ .fl .slider li img { width: 100%;height: 100%;}
.main_a_ .fl .slider li.active {opacity: 1;}
.main_a_ .fl .dots {position: absolute; z-index: 999; bottom: 10px; text-align: center; width: 100%;}
.main_a_ .fl .dot {display: inline-block;width: 10px;height: 10px;border-radius: 50%;background-color: #ccc;margin: 0 5px;cursor: pointer;}
.main_a_ .fl .dot.active { background-color: #fae9bc;}

.main_a_ .fr{ float: right;  width: 780px;} 
.main_a_ .fr .main_a_tit{ width: 100%; margin: 0px auto;} 
.main_a_ .fr .main_a_tit h5{float: left;font-size: 20px;color: #000000;} 
.main_a_ .fr .main_a_tit a{display: block; float: right;margin-top: 5px; color: #333333; font-size: 14px; text-transform: uppercase; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"} 

.silder-box-1{ width:100%; margin: 0px auto; position: relative;} 
.main_a_ .fr .main_a_img{ width: 100%; margin:20px auto 0px;} 
.main_a_ .fr .main_a_img ul {} 
.main_a_ .fr .main_a_img ul li{ width: 240px; height: 238px; overflow: hidden;}
.main_a_ .fr .main_a_img ul li img{ width: 100%; height:185px; display: block;object-fit: cover;} 
.main_a_ .fr .main_a_img ul li p{font-size: 14px; height: 53px; line-height: 150%; background: #F5F5F5; padding:5px 20px; box-sizing: border-box;} 

.silder-button-1{ display: none;position:absolute; cursor:pointer;z-index: 999;} 
.silder-button-1.btl{left:1%; border: #CCCCCC 1px solid; width: 30px; height: 30px; line-height: 30px; text-align: center;font-size: 16px; color: #333333;} 
.silder-button-1.btl:hover{background: #0173b7;border: #0173b7 1px solid; color: #FFFFFF;} 
.silder-button-1.btr{right:1%; border: #CCCCCC 1px solid; width:30px; height: 30px; line-height: 30px; text-align: center;font-size: 16px; color: #333333;} 
.silder-button-1.btr:hover{background: #0173b7;border: #0173b7 1px solid; color: #FFFFFF; } 



.main_c{width:1280px; margin: 50px auto;} 
	
.main_c .fl{ width: 380px; float: left; overflow: hidden; margin-right:70px;} 
.main_c .fc{width: 380px; float: left; overflow: hidden;} 
.main_c .fr{ width: 380px; float: right; overflow: hidden; } 
	
.main_c .main_c_tit{ width: 100%; margin: 0px auto; padding-bottom: 10px;  border-bottom: #0173b7 2px solid; margin-bottom: 10px;} 
.main_c .main_c_tit h5{float: left;font-size: 20px;color: #000000;} 
.main_c .main_c_tit a{display: block; float: right;margin-top: 5px; color: #333333; font-size: 14px; text-transform: uppercase; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"} 
	
.main_c_list{} 
.main_c_list ul{} 
.main_c_list ul li{ padding: 8px 0px; } 
.main_c_list ul li:first-child{} 
.main_c_list ul li:nth-child(5){border-top: #EEEEEE 1px dashed; margin-top: 15px; padding: 23px 0px 8px;} 
.main_c_list ul li h6{ margin-bottom: 5px;white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;} 

.main_c_list ul li p{ font-size: 12px; color: #999999; line-height: 150%;} 
.main_c_list ul li a{ font-size: 16px; color: #666666;white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;} 
.main_c_list ul li a:hover{color:#0173b7;} 
.main_c_list ul li h6 a{ color: #000000;font-size: 16px;} 

.main_c_img_txt{} 
.main_c_img_txt ul{} 
.main_c_img_txt ul li{ padding: 8px 0px;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;} 
.main_c_img_txt ul li a{ font-size: 16px; color: #666666;} 
.main_c_img_txt ul li a:hover{color:#0173b7;} 
.main_c_img_txt ul li:last-child{ position: relative; padding: 0px 0px;height: 165px;overflow: hidden; margin-top:8px;} 
.main_c_img_txt ul li:last-child img{ position: absolute; z-index: 9; width: 100%; height: 100%; object-fit: cover;} 
.main_c_img_txt ul li:last-child p{ position: absolute; z-index: 99; width: 100%; bottom: 0; font-size: 12px; padding: 10px; box-sizing: border-box; color: #FFFFFF; background: rgba(0,0,0,0.5); line-height: 150%;white-space:normal;} 







.main_b{ width: 100%; margin: 0px; box-sizing: border-box; padding: 50px 0px;background: #F5F5F5;} 
.main_b_{ width: 1280px; margin: 0px auto;} 

.main_b_ .fl{float: left;width: 480px; } 
.main_b_ .fl .main_b_tit{ width: 100%; margin: 0px auto;} 
.main_b_ .fl .main_b_tit h5{float: left;font-size: 20px;color: #000000;} 
.main_b_ .fl .main_b_tit a{display: block; float: right;margin-top: 5px; color: #333333; font-size: 14px; text-transform: uppercase; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"} 

.main_b_list{  width: 100%; margin-top: 20px;} 
.main_b_list ul{ background:#FFFFFF; padding: 16px 0px;} 
.main_b_list ul li{ background:#FFFFFF; padding:20.5px;} 

.main_b_list ul li .img{ float: left; width: 120px;} 
.main_b_list ul li .img img{width: 100%; height: 90px; object-fit: cover;} 

.main_b_list ul li .txt{ float: right; width: 280px; font-size: 12px;color: #999999; line-height: 150%;} 
.main_b_list ul li .txt p {margin-bottom: 8px;} 
.main_b_list ul li .txt p a{ color: #000000; font-size: 16px;font-weight: bold; } 
.main_b_list ul li .txt p a:hover{text-decoration:none; color: #0173b7;} 


.main_b_ .fr{ float: right; width: 750px;} 
.main_b_ .fr .main_b_tit{ width: 100%; margin: 0px auto;} 
.main_b_ .fr .main_b_tit h5{float: left;font-size: 20px;color: #000000;} 
.main_b_ .fr .main_b_tit a{display: block; float: right;margin-top: 5px; color: #333333; font-size: 14px; text-transform: uppercase; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"} 

.main_b_menu{ margin: 20px 0px;} 
.main_b_menu ul{}
.main_b_menu ul li{ float: left; width: 106.2px; margin: 0px 1px 1px 0px; } 
.main_b_menu ul li:nth-child(7n){ float: right; margin: 0px 0px 1px 0px;} 
.main_b_menu ul li a{display: block;text-align: center; padding: 10px 0px; background: #FFFFFF; color: #999999;} 
.main_b_menu ul li a:hover{background:#0173b7;color:#fae9bc;}

.main_b_logo{ margin:0px;} 
.main_b_logo ul{}
.main_b_logo ul li{ float: left; width: 149.1px; margin: 0px 1px 1px 0px; } 
.main_b_logo ul li:nth-child(5n){ float: right; margin: 0px 0px 1px 0px;} 
.main_b_logo ul li a{display: block;text-align: center; padding: 5px; background: #FFFFFF; color: #999999;} 
.main_b_logo ul li a img{ width: 100%; height: 75px;}




.main_d{ width: 100%; margin: 0px; box-sizing: border-box; padding: 50px 0px;background: #F5F5F5;} 
.main_d_{ width: 1280px; margin: 0px auto;} 
.main_d_ .main_d_tit{ width: 100%; margin: 0px auto;} 
.main_d_ .main_d_tit h5{float: left;font-size: 20px;color: #000000;} 
.main_d_ .main_d_tit a{display: block; float: right;margin-top: 5px; color: #333333; font-size: 14px; text-transform: uppercase; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"} 

.silder-box-2{ width:100%; margin: 0px auto; position: relative;} 
.main_d_ .main_d_img{ width: 100%; margin:20px auto 0px;} 
.main_d_ .main_d_img ul {} 
.main_d_ .main_d_img ul li{ width: 285px; height: 255px; overflow: hidden;}
.main_d_ .main_d_img ul li img{ width: 100%; height:200px; display: block;object-fit: cover;} 
.main_d_ .main_d_img ul li p{font-size: 14px; height: 55px; line-height: 150%; padding:10px 0px 0px; box-sizing: border-box;}

.silder-button-2{display: none; position:absolute; cursor:pointer;z-index: 999; } 
.silder-button-2.btl{left:1%; border: #CCCCCC 1px solid; width: 30px; height: 30px; line-height: 30px; text-align: center;font-size: 16px; color: #333333;} 
.silder-button-2.btl:hover{background: #0173b7;border: #0173b7 1px solid; color: #FFFFFF;} 
.silder-button-2.btr{right:1%; border: #CCCCCC 1px solid; width:30px; height: 30px; line-height: 30px; text-align: center;font-size: 16px; color: #333333;} 
.silder-button-2.btr:hover{background: #0173b7;border: #0173b7 1px solid; color: #FFFFFF; } 






.main_e{ width: 1280px; margin: 50px auto;} 
.main_e .main_e_tit{ width: 100%; margin: 0px auto;} 
.main_e .main_e_tit h5{float: left;font-size: 20px;color: #000000;} 

.main_e_list{ margin:20px 0px 0px;} 
.main_e_list ul{}
.main_e_list ul li{ float: left; width: 150px; padding: 10px; border: #EEEEEE 1px solid;margin: 0px 12.66px 10px 0px;} 
.main_e_list ul li:nth-child(7n){ float: right; margin: 0px 0px 10px 0px;} 
.main_e_list ul li img{ width: 100%;}
.main_e_list ul li p{ text-align: center; font-size: 12px;} 



.main_link{ width: 1280px; margin: 50px auto; padding:12px 20px; border: #EEEEEE 1px solid;box-sizing: border-box;} 
.main_link .txt{ margin: 8px 0px; color: #999999;} 
.main_link .txt span{ display: inline-block; font-weight: bold; margin-right:20px;color: #999999;} 
.main_link .txt a{ color: #999999; } 




/***********首页*************/





/***********品牌*************/
.con_location{width:100%;  background: #EEEEEE;} 
.con_location_{width: 1280px; margin: 0px auto; padding: 20px 0px; color: #999999;} 
.con_location_ a{color: #999999;} 


.con_brand{ padding: 50px 0px; width: 100%; background: #F8F8F8; margin: 0;} 

.con_brand .con_brand_tit{ width: 1280px; margin: 0px auto;} 
.con_brand .con_brand_tit h2{ font-size: 28px;color: #000000;} 

.con_brand_{width: 1280px; margin: 50px auto;} 

.con_brand_menu{width: 1280px;  margin: 10px auto; background: #FFFFFF; padding: 50px; box-sizing: border-box;} 
.con_brand_fl{width: 630px; height: 336px; float: left;margin: 10px auto; background: #FFFFFF; padding: 50px; box-sizing: border-box;} 
.con_brand_fr{width: 630px; height: 336px; float: right;margin: 10px auto; background: #FFFFFF; padding: 50px; box-sizing: border-box;} 


.con_brand_{} 
.con_brand_ ul{} 
.con_brand_ ul li{ float: left; margin: 2px;} 
.con_brand_ ul li a{ display: block;  width: 116px; padding: 10px 0px; text-align:center; background: #FCFCFC;} 
.con_brand_ ul li a:hover{ background: #0173b7; color: #fae9bc;} 

.con_brand_menu .fl{ float: left;text-align: center; width: 10%;} 
.con_brand_menu .fl img{ width: 50px; height: 50px; } 
.con_brand_menu .fl h5{ font-size: 20px; margin-top: 20px;} 
.con_brand_menu .fr{ float: right; width:86.5%;} 


.con_brand_fl .fl{ float: left;text-align: center; width: 20%;} 
.con_brand_fl .fl img{ width: 50px; height: 50px; } 
.con_brand_fl .fl h5{ font-size: 20px; margin-top: 20px;} 
.con_brand_fl .fr{ float: right; width:70%;} 
.con_brand_fr .fl{ float: left;text-align: center; width: 20%;} 
.con_brand_fr .fl img{ width: 50px; height: 50px; } 
.con_brand_fr .fl h5{ font-size: 20px; margin-top: 20px;} 
.con_brand_fr .fr{ float: right; width:70%;} 












.con_list{ padding: 30px 0px 50px; width: 100%; background: #F8F8F8; margin: 0;} 

.con_list_video{width: 1280px; margin: 0px auto;}

.con_list_video .fl { float: left; width: 375px;background:#FFFFFF;} 
.con_list_video .fc { float: left; width: 550px; margin: 0px 0px 0px 28px;} 
.con_list_video .fc video{ height: 313px;} 
.con_list_video .fr { float: right; width: 300px; background: #FFFFFF;} 

.con_list_video .fl .tit{ background:#EEEEEE;} 
.con_list_video .fl .tit p{ float: left; display: block; background: #0173b7; padding: 5px 20px; font-size: 24px; font-weight: bold; color: #FFFFFF;} 
.con_list_video .fl .tit em{ float: left; margin: 20px 0px 0px 10px; font-size: 18px;} 
.con_list_video .fl .tit a{display: inline-block;margin: 20px 10px 0px 0px;float: right; color: #999999;} 
.con_list_video .fl .tit a:hover{} 

.con_list_news{  width: 100%;} 
.con_list_news ul{ padding: 16px 0px;} 
.con_list_news ul li{  padding:15px 20px;} 
.con_list_news ul li .img{ float: left; width: 110px;} 
.con_list_news ul li .img img{width: 100%; height: 80px; object-fit: cover;} 
.con_list_news ul li .txt{ float: right; width: 200px; font-size: 12px;color: #999999; line-height: 150%;} 
.con_list_news ul li .txt p {margin-bottom: 5px;} 
.con_list_news ul li .txt p a{ color: #000000; font-size: 14px;font-weight: bold; } 
.con_list_news ul li .txt p a:hover{text-decoration:none; color: #0173b7;} 

.con_list_txt{ width: 100%; margin:-5px 0px 0px; background: url("../jpg/video_bg.jpg") no-repeat center; height: 118px;} 
.con_list_txt .tit{ float: left; width: 200px; margin: 55px 0px 0px 30px; color: #0173b7; font-size: 18px; font-weight: bold; line-height: 135%;} 
.con_list_txt .tit span{display: block; font-size: 14px; color: #333333;} 
.con_list_txt .list{ float: right; width: 320px; margin:15px 0px 0px 0px;} 
.con_list_txt .list ul {} 
.con_list_txt .list ul li{ float: left; margin:2px; width:30%; text-align: center; background: #0173b7; color: #FFFFFF; padding: 6px 0px;} 
.con_list_txt .list ul li a{ display: block;background: #0173b7; color: #FFFFFF;} 
.con_list_txt .list ul li a:hover{color: #fae9bc;} 

.con_list_video .fr .tit { width: 100%; margin: 0px auto; box-sizing: border-box; padding: 15px; box-sizing: border-box;} 
.con_list_video .fr .tit h5{float: left;font-size: 20px;color: #000000;} 
.con_list_video .fr .tit  a{display: block; float: right;margin-top: 5px; color: #333333; font-size: 14px; text-transform: uppercase; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"} 
.con_list_menu{ margin: 1.5px 0px 0px;} 
.con_list_menu ul{}
.con_list_menu ul li{ float: left; width: 100px; margin: 0px 0px; border-right: #EEEEEE 1px solid; border-top: #EEEEEE 1px solid; box-sizing: border-box;} 
.con_list_menu ul li:nth-child(3n){ float: right; margin: 0px 0px;border-right: none;} 
.con_list_menu ul li a{display: block;text-align: center; padding: 10px 0px; color: #999999;} 
.con_list_menu ul li a:hover{background:#0173b7;color:#fae9bc;}



.con_list_{width: 1280px; margin: 0px auto;}
.con_list_fl{ float: left;  width: 955px;}
.con_list_fl .con{ margin: 30px 0px;} 
.con_list_fl .con .tit{ font-size: 22px; font-weight: bold; padding: 10px 0px; border-top: #0173b7 3px solid;} 
.con_list_fl .con .rank{} 
.con_list_fl .con .rank ul{} 
.con_list_fl .con .rank ul li{ width: 476px; float: left; background: #FFFFFF; padding: 25px;box-sizing: border-box; margin-bottom: 3px;}
.con_list_fl .con .rank ul li:nth-child(2n){ float: right;} 
.con_list_fl .con .rank ul li img{ float: left; width: 130px; height: 90px; border: #EEEEEE 1px solid; padding: 2px; box-sizing: border-box;} 
.con_list_fl .con .rank ul li div{ float: right;width: 270px; margin-top: 5px;} 
.con_list_fl .con .rank ul li div h3{} 
.con_list_fl .con .rank ul li div h3 span{display: inline-block; margin-right: 15px; font-size: 12px; width: 20px; height: 20px; background:#0173b7;color:#fae9bc; text-align: center; line-height: 25px;} 
.con_list_fl .con .rank ul li div h3 a{font-size: 16px;} 
.con_list_fl .con .rank ul li div p{ color: #999999; line-height: 150%;font-size: 14px; margin-top: 10px; height: 42px; overflow: hidden;} 

.con_list_fr{float: right;  width: 300px; margin: 30px 0px;} 

.con_list_ad{ width: 100%; margin-bottom: 20px;}
.con_list_ad ul{} 
.con_list_ad ul li{ margin-bottom: 10px;}
.con_list_ad ul li:last-child{ margin-bottom: 0px;} 
.con_list_ad ul li img{ width:100%;} 


.con_list_famous{ width: 100%; background: #FFFFFF; padding: 10px 20px 20px; box-sizing: border-box;}
.con_list_famous .tit{ font-size: 20px; font-weight: bold; padding: 10px 0px;} 
.con_list_famous ul{ margin-top: 10px;} 
.con_list_famous ul li{ float: left; margin-bottom:8px;width: 48%;} 
.con_list_famous ul li img{ width: 100%; height: 80px; border: #EEEEEE 1px solid; padding: 2px; box-sizing: border-box;} 
.con_list_famous ul li:nth-child(2n){ float: right;} 



.con_list_info{ width: 100%; margin-top: 20px; background: #FFFFFF; padding: 10px 20px 20px; box-sizing: border-box;}
.con_list_info .tit{ padding: 10px 0px;} 
.con_list_info .tit h5{float: left;font-size: 20px;color: #000000;} 
.con_list_info .tit a{display: block; float: right;margin-top: 5px; color: #333333; font-size: 14px; text-transform: uppercase; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"} 
.con_list_info ul{ margin-top: 20px;} 
.con_list_info ul li{ padding: 6px 0px;} 
.con_list_info ul li a{font-size: 14px; line-height: 150%; color: #666666;} 





.con_list_m_fl{ float: left;  width: 920px;} 
.con_list_m_fl .tit{  border-top: #0173b7 3px solid; width: 100%;} 
.con_list_m_fl .tit h1{font-size: 50px;} 
.con_list_m_fl .con{ background: #FFFFFF; padding: 50px; box-sizing: border-box;} 
.con_list_m_fl .con .fl{ float: left; width: 50%;} 
.con_list_m_fl .con .fl div{ text-align: left; border: #CCCCCC 1px solid; padding: 5px; width: 145px; height: 90px;} 
.con_list_m_fl .con .fl div img{ width: 100%; height: 100%;} 
.con_list_m_fl .con .fl p{ font-size: 16px; line-height: 150%; margin: 10px 0px;} 
.con_list_m_fl .con .fr{ float: right;width: 40%; margin-top: 110px;} 
.con_list_m_fl .con .fr h3{ font-size: 20px; margin-bottom: 30px;} 
.con_list_m_fl .con .fr div{ margin: 15px 0px; font-size: 18px;} 
.con_list_m_fl .con .fr div span{ display: block; float: left;} 
.con_list_m_fl .con .fr div img{float: left;} 
.con_list_m_fl .con .fr div p{} 
.con_list_m_fl .txt{background: #FFFFFF; padding: 50px; box-sizing: border-box; margin-top: 30px; } 

.con_list_m_fl .txt h3{ font-size: 20px; margin-bottom: 30px;} 
.con_list_m_fl .txt #MyContent{font-size: 16px; color: #666666; line-height:175%; margin: 30px 0px; text-align: justify;} 
.con_list_m_fl .txt #MyContent p{ font-size: 16px; color: #666666; line-height:175%; margin: 30px 0px; text-align: justify;} 
.con_list_m_fl .txt #MyContent img{ max-width: 800px;} 

.con_list_m_fl .info{background: #FFFFFF; padding: 50px; box-sizing: border-box; margin-top: 30px; font-size: 14px; color: #999999; line-height: 175%;} 



.con_list_m_fr{float: right;  width: 300px; margin: 0px;} 



/***********品牌*************/



.con_news{width: 100%; padding: 50px 0px; margin: 0;} 
.con_news_tit{ width: 1280px; margin: 0px auto;} 
.con_news_tit h2{font-size: 28px;color: #000000;}
.con_news_{ margin: 0px auto; width: 1280px;} 
.con_news_ ul{ padding: 50px 0px; border-bottom: #DDDDDD 1px solid;} 
.con_news_ ul li{ float: left; width: 297.5px; margin-right: 30px;} 
.con_news_ ul li:nth-child(4){ float: right; margin-right: 0px;} 
.con_news_ ul li div.img-zoom-in{width: 100%; height: 165px; overflow: hidden;} 
.con_news_ ul li img{ width: 100%; height: 100%; object-fit: cover;} 
.con_news_ ul li h5{ height:60px; margin-top: 20px; line-height: 200%;} 
.con_news_ ul li h5 a{ font-size: 16px;  color: #000000;} 
.con_news_ ul li div p{ float: left; font-size: 14px; color: #999999; line-height: 100%; margin: 0;} 
.con_news_ ul li div span{display:block;float: right; font-size: 14px;color: #999999;} 
.con_news_ ul li div span em{display: inline-block; font-style: normal;color: #999999;} 


.con_news_m{width: 100%; padding: 30px 0px; margin: 0; background: #F5F5F5;} 
.con_news_m_{margin: 30px auto 0px; width: 1280px;} 

.con_news_m_fl{ float: left;  width: 920px;border-top: #0173b7 3px solid; padding-top: 30px;} 
.con_news_m_fl .time{ color: #999999; font-size: 14px;} 
.con_news_m_fl .tit{  } 
.con_news_m_fl .tit h1{font-size: 36px;} 
.con_news_m_fl .athor{ color: #999999; font-size: 14px;} 
.con_news_m_fl .txt{background: #FFFFFF; padding: 50px; box-sizing: border-box; margin-top: 30px; } 
.con_news_m_fl .txt #MyContent{font-size: 16px; color: #333333; line-height:175%; margin: 30px 0px; text-align: justify;} 
.con_news_m_fl .txt #MyContent p{ font-size: 16px; color: #333333; line-height:175%; margin: 30px 0px; text-align: justify;} 
.con_news_m_fl .txt #MyContent img{ max-width: 800px;} 
.con_news_m_fl .txt .info{background: #F2F2F2; padding: 30px; box-sizing: border-box; font-size: 14px; color: #999999; line-height: 175%;} 
.con_news_m_fl .related{background: #FFFFFF; padding: 50px; box-sizing: border-box; margin-top: 30px; } 
.con_news_m_fl .related .related_tit{ font-size: 24px; margin-bottom: 20px;} 
.con_news_m_fl .related ul{} 
.con_news_m_fl .related ul li{ padding: 6px 0px;} 
.con_news_m_fl .related ul li a{ font-size: 16px; color: #333333;} 
.con_news_m_fl .related ul li a:hover{color: #0173b7;} 
.con_news_m_fl .not{background: #FFFFFF; padding: 50px; box-sizing: border-box; margin-top: 30px;  font-size: 14px; color: #999999; line-height: 175%;} 

.con_news_m_fr{float: right;  width: 300px; margin: 0px;} 
.con_news_img{ width: 100%; background: #FFFFFF; padding: 10px 20px 20px; box-sizing: border-box;} 
.con_news_img .tit{ padding: 10px 0px;} 
.con_news_img .tit h5{font-size: 20px;color: #000000;} 
.con_news_img ul{} 
.con_news_img ul li{ padding: 15px 0px; border-bottom: #EEEEEE 1px dashed;} 
.con_news_img ul li:last-child{ border-bottom:none;} 
.con_news_img ul li img{ float: left; width: 110px; height: 75px;} 
.con_news_img ul li p{ float: right; width: 130px; font-size: 14px; color: #000000; line-height: 150%;} 
.con_news_info{ width: 100%; margin-top: 20px; background: #FFFFFF; padding: 10px 20px 20px; box-sizing: border-box;}
.con_news_info .tit{ padding: 10px 0px;} 
.con_news_info .tit h5{float: left;font-size: 20px;color: #000000;} 
.con_news_info .tit a{display: block; float: right;margin-top: 5px; color: #333333; font-size: 14px; text-transform: uppercase; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"} 
.con_news_info ul{ margin-top: 10px;} 
.con_news_info ul li{ padding: 5px 0px;} 
.con_news_info ul li a{font-size: 14px;  line-height: 150%;} 






.con_channel{ float: left;  width: 920px;} 
.con_channel_{ background: #FFFFFF; padding:30px; box-sizing: border-box; margin-bottom:20px;} 
.con_channel_ .con_channel_tit{ padding-bottom: 15px; border-bottom: #0173b7 1px solid; margin-bottom: 15px;} 
.con_channel_ .con_channel_tit p{float: left;font-size: 20px;color: #000000;} 
.con_channel_ .con_channel_tit a{display: block; float: right;margin-top: 5px; color: #333333; font-size: 14px; text-transform: uppercase; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"} 
.con_channel_ .con_channel_list{} 
.con_channel_ .con_channel_list ul{} 
.con_channel_ .con_channel_list ul li{ padding: 5px 0px;} 
.con_channel_ .con_channel_list ul li span{ display: inline-block; font-size: 14px; color: #999999; margin-right: 15px;} 
.con_channel_ .con_channel_list ul li a{ font-size: 16px; color: #333333;} 
.con_channel_ .con_channel_list ul li a:hover{color: #0173b7;} 




.con_paim{width: 100%; padding: 30px 0px; margin: 0; background: #F5F5F5;} 
.con_paim_{margin: 30px auto 0px; width: 1280px;} 

.con_paim_left{ float: left;  width: 920px;border-top: #0173b7 3px solid; padding-top: 20px;}
.con_paim_left .tit{ margin-bottom: 25px;} 
.con_paim_left .tit h5{ font-size: 28px;} 
.con_paim_left ul{} 
.con_paim_left ul li{ float: left; width: 24.5%; margin: 0px 6px 6px 0px; background: #FFFFFF; padding: 50px 0px; box-sizing: border-box; text-align: center;} 
.con_paim_left ul li:nth-child(4n){ float: right; margin: 0px 0px 6px 0px;} 
.con_paim_left ul li img{ width: 65px; height: 65px; border-radius: 50%;} 
.con_paim_left ul li p{ font-size: 18px; color: #000000; margin-top: 15px;} 

.con_paim_fl{ float: left;  width: 920px;}
.con_paim_sd{ border-top: #0173b7 3px solid; padding-top: 20px;}  
.con_paim_sd .tit{ margin-bottom: 25px;} 
.con_paim_sd .tit h5{ font-size: 28px;} 
.con_paim_sd ul{} 
.con_paim_sd ul li{ background: #FFFFFF; margin-bottom: 2px; padding: 35px; box-sizing: border-box;} 
.con_paim_sd ul li img{ float: left; width: 140px; height: 80px; border: #CCCCCC 1px solid; padding: 2px;} 
.con_paim_sd ul li div{ float: right; width: 660px;} 
.con_paim_sd ul li div h2{color:#0173b7; font-size: 18px; line-height: 100%;} 
.con_paim_sd ul li div h2 span{ display: inline-block; width: 18px; height: 18px; text-align: center;background:#0173b7;color:#fae9bc; font-size: 12px;} 
.con_paim_sd ul li div p{ margin: 20px 0px 5px;color: #666666;font-size: 16px; line-height: 150%;} 
.con_paim_sd ul li div em{ color: #999999; font-size: 14px;} 

.con_paim_zm{ border-top: #0173b7 3px solid; padding-top: 20px; margin-top: 50px;}  
.con_paim_zm .tit{ margin-bottom: 25px;} 
.con_paim_zm .tit h5{ font-size: 28px;} 
.con_paim_zm ul{} 
.con_paim_zm ul li{ background: #FFFFFF; margin-bottom: 2px; padding:15px 35px; box-sizing: border-box;} 
.con_paim_zm ul li span{display:block; float: left; margin-right: 20px; width: 18px; height: 18px; line-height: 18px; text-align: center;background:#0173b7;color:#fae9bc; font-size: 12px;} 
.con_paim_zm ul li h3{float: left;color:#0173b7; font-size: 18px; width: 100px;margin-right: 20px;} 
.con_paim_zm ul li p{float: left;color: #666666;font-size: 16px; line-height: 150%;width: 500px; margin-top: -3px;} 
.con_paim_zm ul li em{float: right; color: #999999; font-size: 14px; width: 120px;} 



.con_paim_right{float: right;  width: 300px; margin: 0px;} 

.con_paim_right .daoh{ width: 100%; background: #FFFFFF; padding: 10px 20px 20px; box-sizing: border-box;}
.con_paim_right .daoh .tit{ padding: 10px 0px;} 
.con_paim_right .daoh .tit h5{float: left;font-size: 20px;color: #000000;} 
.con_paim_right .daoh .tit a{display: block; float: right;margin-top: 5px; color: #333333; font-size: 14px; text-transform: uppercase; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"}
.con_paim_right .daoh ul{ margin-top: 15px;}
.con_paim_right .daoh ul li{ float: left; width: 32.8%; margin: 0px 2px 2px 0px;} 
.con_paim_right .daoh ul li:nth-child(3n){ float: right; margin:0px 0px 2px 0px;} 
.con_paim_right .daoh ul li a{display: block;text-align: center; padding: 10px 0px; background: #F5F5F5; color: #666666;} 
.con_paim_right .daoh ul li a:hover{background:#0173b7;color:#fae9bc;}

.con_paim_right .img{ width: 100%; background: #FFFFFF; padding: 10px 20px 20px; box-sizing: border-box;} 
.con_paim_right .img .tit{ padding: 10px 0px;} 
.con_paim_right .img .tit h5{;font-size: 20px;color: #000000;} 
.con_paim_right .img ul{} 
.con_paim_right .img ul li{ padding: 15px 0px; border-bottom: #EEEEEE 1px dashed;} 
.con_paim_right .img ul li:last-child{ border-bottom:none;} 
.con_paim_right .img ul li img{ float: left; width: 110px; height: 75px;} 
.con_paim_right .img ul li p{ float: right; width: 130px; font-size: 14px; color: #000000; line-height: 150%;} 






.con_contact{ float: left;  width: 920px; background: #FFFFFF; padding: 50px 80px; box-sizing: border-box;}
.con_contact_a{} 
.con_contact_a p{ font-size: 18px; line-height: 150%; text-align: justify;} 
.con_contact_b{ margin-top: 50px;} 
.con_contact_b p{font-size: 18px; line-height: 150%; text-align: justify;} 
.con_contact_c{ margin-top: 50px;} 
.con_contact_c h3 { font-size: 28px;} 
.con_contact_c ul{ margin-top: 20px;} 
.con_contact_c ul li{ margin: 10px 0px;} 
.con_contact_c ul li span{ display: inline-block; width: 120px;} 
.con_contact_c ul li input{ border: #333333 1px solid; padding: 5px; width:550px; box-sizing: border-box;} 
.con_contact_c ul li:nth-child(3) input{width:20px;} 
.con_contact_c ul li:last-child{ margin-top: 30px;} 
.con_contact_c ul li:last-child input{ width: 100px; margin: 0px 10px 0px 0px; border: none; background:#0173b7;color:#fae9bc;text-align: center; padding: 10px 0px;} 
.con_contact_c ul li textarea{ border: #333333 1px solid;width:550px; padding: 5px;box-sizing: border-box;} 




.footer{width: 100%; margin: 0px; box-sizing: border-box; padding: 50px 0px;background: #EEEEEE;} 
.footer_{ width: 1280px; margin: 0px auto;} 

.footer_ .footer_fl{ float: left; width: 368px;} 
.footer_ .footer_fl p{ font-size: 14px; color: #999999; line-height: 150%; margin-bottom: 20px;} 
.footer_ .footer_fl img{width: 100%;} 
.footer_ .footer_fc{ float: left; width: 580px; margin-left: 100px;} 
.footer_ .footer_fc p{ font-size: 14px; color: #999999; line-height: 175%; margin-bottom: 15px; text-align: justify;} 

.footer_ .footer_fr{ float: right; width: 120px;} 
.footer_ .footer_fr img{ width: 100%;} 
.footer_info { width: 1280px; margin: 0px auto; color: #999999; padding: 15px 0px 0px; border-top: #CCCCCC 1px solid; margin-top: 15px;}
.footer_info a{color: #999999;} 


/*内页-联系我们*/


/*css black2 style pagination*/
div.black2{padding:10px;margin:30px 10px 10px 10px;text-align:center;} 
div.black2 a{border:#CCCCCC 1px solid;padding:8px 15px;margin:2px;color:#666666;text-decoration:none;} 
div.black2 a:hover{color:#fae9bc;background:#0173b7;border:#0173b7 1px solid;} 
div.black2 a:active{color:#fae9bc;background:#0173b7;border:#0173b7 1px solid;} 
div.black2 a.curr{padding:8px 15px;font-weight:bold;margin:2px;color:#fae9bc;background:#0173b7;border:#0173b7 1px solid;} 
div.black2 a.curr font{ color: #FFFFFF;} 







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

    .nav{  height:auto; padding: 20px 0px 20px; background-size: cover;}

    .nav_{ width:90%; }
    .nav_l{ float:none; width:100%; text-align: center;}
    .nav_l img{width: 100%;} 

    .nav_r {float: none; margin-top: 20px;} 
    .nav_r img{ display: none;} 
    .nav_r .i1{ height: 15px; line-height: 15px; width: 80%; } 
    .nav_r .i2{height: 15px; line-height: 15px;} 

    .nav_menu {width:90%; margin:10px auto 0px; padding: 5px; box-sizing: border-box;} 
    .nav_menu ul { margin:0 auto;} 
    .nav_menu ul li {float:left; width: 20%;} 
    .nav_menu ul li:last-child{ display: none;} 
    .nav_menu ul li a{ margin: 0px 0px 0px 0px; width: 100%; font-size: 0.8em; padding: 5px 0px; text-align: center;}
    
    
    
    
    
    
    
    
    
    
    
    /******首页******/
    
    .main_a_{ width: 90%; margin:30px auto;} 

    .main_a_ .fl{width: 100%; float: none;} 
    .main_a_ .fl .slider {width: 100%;height: 160px;} 
    .main_a_ .fl .dots { bottom: 2px; }
    .main_a_ .fl .dot { width: 6px;height: 6px;}
    
    .main_a_ .fr{ float: none;  width: 100%; margin-top:20px;} 
    .main_a_ .fr .main_a_tit{ } 
    .main_a_ .fr .main_a_tit h5{ font-size: 1.2em; line-height: 125%;} 
    .main_a_ .fr .main_a_tit a{ margin-top: 2px; font-size: 0.8em;} 

    .main_a_ .fr .main_a_img ul li{ width: 320px; height: 200px; overflow: hidden;}
    .main_a_ .fr .main_a_img ul li img{ width: 100%; height:175px; display: block;object-fit: cover;} 
    .main_a_ .fr .main_a_img ul li p{font-size: 0.9em; height: 25px; line-height: 125%; padding:5px 10px;} 

    .silder-button-1{ display: inline; } 
    .silder-button-1.btl{left:0;  top:40%; width: 20px; height: 20px; line-height: 20px; font-size: 1em; } 
    .silder-button-1.btr{right:0; top:40%; width: 20px; height: 20px; line-height: 20px; font-size: 1em;} 
    
    
    
    .main_c{width:90%; margin: 30px auto;} 
	
    .main_c .fl{ width: 100%; float: none; margin-right:0px; } 
    .main_c .fc{ width: 100%; float: none; margin-top: 15px;} 
    .main_c .fr{ width: 100%; float: none; margin-top: 15px;} 

    .main_c .main_c_tit{ padding-bottom: 5px; margin-bottom: 5px;} 
    .main_c .main_c_tit h5{ font-size: 1.2em; line-height: 125%;} 
    .main_c .main_c_tit a{margin-top: 2px; font-size: 0.8em;} 

    .main_c_list{} 
    .main_c_list ul{} 
    .main_c_list ul li{ padding: 5px 0px; } 
    .main_c_list ul li:nth-child(5){ margin-top: 10px; padding: 13px 0px 5px;} 
    .main_c_list ul li h6{} 
    .main_c_list ul li p{ font-size: 0.8em; } 
    .main_c_list ul li a{ font-size: 1em; } 
    .main_c_list ul li h6 a{ font-size: 1.6em;} 

    .main_c_img_txt{} 
    .main_c_img_txt ul{} 
    .main_c_img_txt ul li{ padding: 5px 0px;} 
    .main_c_img_txt ul li a{ font-size: 1em; }
    .main_c_img_txt ul li:last-child{  height: 120px; margin-top:5px;} 
    .main_c_img_txt ul li:last-child p{  font-size: 0.8em; padding: 8px;} 
    
    
    
    
    
    .main_b{ padding: 30px 0px; } 
    .main_b_{ width: 90%; } 

    .main_b_ .fl{float: none;width: 100%; } 
    .main_b_ .fl .main_b_tit h5{font-size: 1.2em; line-height: 125%;} 
    .main_b_ .fl .main_b_tit a{margin-top: 2px; font-size: 0.8em;} 

    .main_b_list{  margin-top: 15px;} 
    .main_b_list ul{ padding: 5px 0px;} 
    .main_b_list ul li{ padding:12px 15px;} 

    .main_b_list ul li .img{ width: 105px;} 
    .main_b_list ul li .img img{ height: 75px; } 

    .main_b_list ul li .txt{ width:170px; font-size: 0.8em; } 
    .main_b_list ul li .txt p {margin-bottom: 5px;} 
    .main_b_list ul li .txt p a{  font-size: 1.2em; } 

    .main_b_ .fr{ float: none; width: 100%; margin-top: 15px;} 
    .main_b_ .fr .main_b_tit h5{font-size: 1.2em; line-height: 125%;} 
    .main_b_ .fr .main_b_tit a{margin-top: 2px; font-size: 0.8em;} 

    .main_b_menu{ margin: 15px 0px;} 
    .main_b_menu ul{}
    .main_b_menu ul li{  width: 33%; margin: 0px 0px 1px 0px; } 
    .main_b_menu ul li:nth-child(3n){ float: right; margin: 0px 0px 1px 0px;} 
    .main_b_menu ul li:nth-child(7){ float: left; margin: 0px 0px 1px 0px;} 
    .main_b_menu ul li:nth-child(14){ float: left; margin: 0px 0px 1px 0px;} 
    .main_b_menu ul li:nth-child(28){ float: left; margin: 0px 0px 1px 0px;} 
    .main_b_menu ul li:nth-child(35){ float: left; margin: 0px 0px 1px 0px;}
    .main_b_menu ul li:last-child{ display: none;} 
    .main_b_menu ul li a{ padding: 6px 0px; } 
    
    .main_b_logo ul li{  width:49.5%; } 
    .main_b_logo ul li:nth-child(2n){ float: right; margin: 0px 0px 1px 0px;} 
    .main_b_logo ul li:nth-child(5){ float: left; margin: 0px 0px 1px 0px;} 
    .main_b_logo ul li:nth-child(15){ float: left; margin: 0px 0px 1px 0px;} 
    .main_b_logo ul li:last-child{ display: none;} 
    .main_b_logo ul li a{ padding: 2px; } 
    .main_b_logo ul li a img{ height: 78px;}
    
    
    
    
    
    
    
    .main_d{ padding: 30px 0px; } 
    .main_d_{ width: 90%;} 
    .main_d_ .main_d_tit h5{font-size: 1.2em; line-height: 100%;} 
    .main_d_ .main_d_tit a{margin-top: 2px; font-size: 0.8em;} 
    .main_d_ .main_d_img ul li{ width: 320px; height: 260px; }
    .main_d_ .main_d_img ul li img{ height:220px; } 
    .main_d_ .main_d_img ul li p{font-size: 1em; height: 40px;}

    .silder-button-2{ display: inline; } 
    .silder-button-2.btl{left:0;  top:40%; width: 20px; height: 20px; line-height: 20px; font-size: 1em; } 
    .silder-button-2.btr{right:0; top:40%; width: 20px; height: 20px; line-height: 20px; font-size: 1em;} 






    .main_e{ width: 90%; margin: 30px auto;} 
    .main_e .main_e_tit h5{font-size: 1.2em;} 

    .main_e_list{ margin:15px 0px 0px;} 
    .main_e_list ul{}
    .main_e_list ul li{ width: 49%; padding: 5px; margin: 0px 0px 5px 0px; box-sizing: border-box;} 
    .main_e_list ul li:nth-child(2n){ float: right; margin: 0px 0px 5px 0px;} 
    .main_e_list ul li:nth-child(7){ float: left; margin: 0px 0px 5px 0px;} 
    .main_e_list ul li:nth-child(21){ float: left; margin: 0px 0px 5px 0px;} 
    .main_e_list ul li p{ font-size: 1em;} 



    .main_link{ width: 90%; margin: 30px auto; padding:10px 15px; } 
    .main_link .txt{ margin: 5px 0px; } 
    .main_link .txt span{ margin-right:10px;color: #999999; font-size: 1em;} 
    
    
    
    
    
    
    
    
    
    
    /******首页******/
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    

    .con_location_{width: 90%; padding: 10px 0px;font-size: 0.8em;} 
    .con_location_ a{font-size: 1em;} 
    
    
    .con_brand{ padding:20px 0px; } 

    .con_brand .con_brand_tit{ width:90%; } 
    .con_brand .con_brand_tit h2{ font-size: 1.5em;} 

    .con_brand_{width:90%; margin:20px auto;} 

    .con_brand_menu{width: 100%; margin: 10px auto; padding:20px; } 
    .con_brand_fl{width: 100%; height: auto; float: none; padding: 20px; } 
    .con_brand_fr{width: 100%; height: auto; float: none; padding: 20px; } 


    .con_brand_{} 
    .con_brand_ ul{} 
    .con_brand_ ul li{ margin:1px;} 
    .con_brand_ ul li a{ width:92.5px; padding: 8px 0px;font-size: 1em; background: #F8F8F8;} 

    .con_brand_menu .fl{ float: none;  width: 100%;} 
    .con_brand_menu .fl h5{ font-size: 1.2em; margin-top: 10px;} 
    .con_brand_menu .fr{ float: none; width:100%;margin-top: 15px;} 

    .con_brand_fl .fl{ float: none; width:100%;} 
    .con_brand_fl .fl h5{font-size: 1.2em; margin-top: 10px;} 
    .con_brand_fl .fr{ float: none; width:100%; margin-top: 15px;} 
    .con_brand_fr .fl{ float: none; width:100%;} 
    .con_brand_fr .fl h5{ font-size: 1.2em; margin-top: 10px;} 
    .con_brand_fr .fr{ float: none; width:100%;margin-top: 15px;} 
    





    
    .con_list{ padding: 10px 0px 20px;} 

    .con_list_video{width: 90%; margin: 0px auto;}

    .con_list_video .fl {display: none;} 
    .con_list_video .fc { float: none; width: 100%; margin: 0px 0px 0px 0px;} 
    .con_list_video .fc video{ width: 100%; height: 182px;} 
    .con_list_video .fr {display: none;} 

    .con_list_txt{ 100%; margin:0px 0px 0px; background-size: cover; height: 72px;} 
    .con_list_txt .tit{  width: 95px; margin: 32px 0px 0px 10px;  font-size:0.9em;line-height: 125%;} 
    .con_list_txt .tit span{display: block; font-size: 1em; color: #333333;} 
    .con_list_txt .list{  width: 180px; margin:5px 0px 0px 0px;} 
    .con_list_txt .list ul li{ margin:1px; width:31.5%;padding: 5px 0px; font-size: 0.9em;} 
    .con_list_txt .list ul li a{font-size:1em;} 




    .con_list_{width: 90%; margin: 0px auto;}
    .con_list_fl{ float: none;  width: 100%;}
    .con_list_fl .con{ margin: 20px 0px;} 
    .con_list_fl .con .tit{ font-size: 1.2em;padding:8px 0px;} 
    .con_list_fl .con .rank{} 
    .con_list_fl .con .rank ul{} 
    .con_list_fl .con .rank ul li{ width: 100%; float: none; padding:10px;margin-bottom:2px; height:88px; box-sizing: border-box;}
    .con_list_fl .con .rank ul li:nth-child(2n){ float: none;} 
    .con_list_fl .con .rank ul li img{ width: 100px; height:57px; padding:1px; margin-top: 5px;} 
    .con_list_fl .con .rank ul li div{ width: 180px; margin-top: 0px;} 
    .con_list_fl .con .rank ul li div h3{} 
    .con_list_fl .con .rank ul li div h3 span{ margin-right: 10px; font-size: 0.8em; width: 15px; height: 15px; line-height: 15px;} 
    .con_list_fl .con .rank ul li div h3 a{font-size: 1em;} 
    .con_list_fl .con .rank ul li div p{ font-size: 0.8em; margin-top: 5px; height: auto; line-height: 125%; text-align: justify;} 

    .con_list_fr{float: none;  width: 100%; margin:20px 0px;} 

    .con_list_ad{  margin-bottom: 10px;}
    .con_list_ad ul{} 
    .con_list_ad ul li{ margin-bottom: 5px;}


    .con_list_famous{ padding: 10px 10px 10px; }
    .con_list_famous .tit{ font-size: 1.2em; padding: 8px 0px;} 
    .con_list_famous ul li{ margin-bottom:5px; } 
    .con_list_famous ul li img{ height: 70px;  padding:1px; } 



    .con_list_info{  padding: 10px 10px 10px; }
    .con_list_info .tit{ padding:8px 0px;} 
    .con_list_info .tit h5{ font-size: 1.2em; } 
    .con_list_info .tit a{ margin-top: 5px; font-size: 0.8em; } 
    .con_list_info ul{ margin-top: 12px;} 
    .con_list_info ul li{ padding: 5px 0px;} 
    .con_list_info ul li a{font-size: 1.1em; line-height: 100%;} 





    .con_list_m_fl{ float: none;  width: 100%;} 
    .con_list_m_fl .tit h1{font-size: 1.8em;} 
    .con_list_m_fl .con{  padding: 20px; } 
    .con_list_m_fl .con .fl{ float: none; width: 100%;} 
    .con_list_m_fl .con .fl div{ text-align: center;margin: 0 auto;} 
    .con_list_m_fl .con .fl div img{ margin: 0 auto;} 
    .con_list_m_fl .con .fl p{ font-size: 1em; margin: 8px 0px;} 
    .con_list_m_fl .con .fr{ float: none;width: 100%; margin-top: 20px;} 
    .con_list_m_fl .con .fr h3{ font-size: 1.2em; margin-bottom: 15px;} 
    .con_list_m_fl .con .fr div{ margin: 8px 0px; font-size: 1em;} 
    .con_list_m_fl .con .fr div p{ font-size: 1em} 
    
    .con_list_m_fl .txt{ padding: 20px; margin-top: 20px; } 

    .con_list_m_fl .txt h3{ font-size: 1.5em; margin-bottom:20px;} 
    .con_list_m_fl .txt #MyContent{font-size: 1em; line-height:150%; margin:20px 0px; } 
    .con_list_m_fl .txt #MyContent p{ font-size: 1em; line-height:150%; margin:20px 0px; } 
    .con_list_m_fl .txt #MyContent img{ max-width: 100%; width: 100%;} 

    .con_list_m_fl .info{ padding:20px; margin-top: 20px; font-size: 1em; line-height: 150%;} 
    .con_list_m_fr{float: none;  width: 100%; margin-top: 30px;} 
    
    
    
    
    
    
    
    
    
    
    
    
    
    .con_news{ padding: 20px 0px;} 
    .con_news_tit{ width: 90%; } 
    .con_news_tit h2{font-size: 1.5em; }
    .con_news_{  width: 90%;} 
    .con_news_ ul{ padding:25px 0px 10px; } 
    .con_news_ ul li{ width: 48%; margin-right: 0px; margin-bottom: 15px;} 
    .con_news_ ul li:nth-child(2){ float: right;}
    .con_news_ ul li div.img-zoom-in{ height: 100px;} 
    .con_news_ ul li h5{ height:36px; margin-top: 10px; line-height: 150%; overflow: hidden; text-overflow: ellipsis; text-align: justify;} 
    .con_news_ ul li h5 a{ font-size: 1.2em;} 
    .con_news_ ul li div p{font-size: 0.8em;} 
    .con_news_ ul li div span{ font-size: 0.8em;} 
    
    
    .con_news_m{  padding: 10px 0px 20px; } 
    .con_news_m_{margin: 10px auto 0px; width: 90%;} 

    .con_news_m_fl{ float: none;  width: 100%; padding-top:15px;} 
    .con_news_m_fl .time{  font-size: 0.9em;} 
    .con_news_m_fl .tit h1{font-size: 1.8em;} 
    .con_news_m_fl .athor{  font-size: 0.9em;} 
    .con_news_m_fl .txt{ padding: 15px;  margin-top: 15px; } 
    .con_news_m_fl .txt .info{ padding: 15px; font-size: 0.9em; line-height: 150%;} 
    .con_news_m_fl .txt #MyContent{font-size: 1em; line-height:150%; margin: 20px 0px; } 
    .con_news_m_fl .txt #MyContent p{ font-size: 1em; line-height:150%; margin: 20px 0px; } 
    .con_news_m_fl .txt #MyContent img{ width: 100%; max-width: 100%;} 
    .con_news_m_fl .related{ padding: 20px; margin-top: 20px; } 
    .con_news_m_fl .related .related_tit{ font-size: 1.5em; margin-bottom: 15px;} 
    .con_news_m_fl .related ul{} 
    .con_news_m_fl .related ul li{ padding: 5px 0px;} 
    .con_news_m_fl .related ul li a{ font-size: 1em; } 
    .con_news_m_fl .not{ padding: 20px;  margin-top: 20px;  font-size: 0.8em; line-height: 150%;} 

    .con_news_m_fr{float: none;  width: 100%; margin-top: 20px;} 
    .con_news_img{   padding: 10px 10px 10px;} 
    .con_news_img .tit{ padding: 8px 0px;} 
    .con_news_img .tit h5{font-size: 1.5em; } 
    .con_news_img ul{} 
    .con_news_img ul li{ padding: 10px 0px; } 
    .con_news_img ul li img{ width: 105px; height: 70px;} 
    .con_news_img ul li p{ width: 175px; font-size: 1.1em;} 

    .con_news_info{  margin-top: 15px; padding: 10px 10px 10px;}
    .con_news_info .tit{ padding: 8px 0px;} 
    .con_news_info .tit h5{ font-size: 1.5em; } 
    .con_news_info .tit a{ margin-top: 6px; font-size: 0.8em;} 
    .con_news_info ul{ margin-top: 10px;} 
    .con_news_info ul li{ padding: 3.5px 0px;} 
    .con_news_info ul li a{font-size: 1em;  line-height: 150%;} 
    
    
    
    
    .con_channel{ float: none;  width: 100%;} 
    .con_channel_{ padding:15px; margin-bottom: 15px;} 
    .con_channel_ .con_channel_tit{ padding-bottom: 8px; margin-bottom: 8px;} 
    .con_channel_ .con_channel_tit p{ font-size: 1.2em; } 
    .con_channel_ .con_channel_tit a{ margin-top: 5px; font-size: 0.8em;} 
    .con_channel_ .con_channel_list ul li{ padding: 3px 0px; width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; } 
    .con_channel_ .con_channel_list ul li span{ font-size: 0.8em; margin-right: 10px; width:50px;} 
    .con_channel_ .con_channel_list ul li a{ font-size: 1em; } 

    
    
    
    .con_paim{ padding:20px 0px; } 
    .con_paim_{margin: 10px auto 0px; width: 90%;} 

    .con_paim_left{ float: none;  width: 100%; padding-top:15px;}
    .con_paim_left .tit{ margin-bottom: 15px;} 
    .con_paim_left .tit h5{ font-size: 1.5em;} 
    .con_paim_left ul{} 
    .con_paim_left ul li{ width: 49%; margin: 0px 0px 5px 0px;  padding: 30px 0px;} 
    .con_paim_left ul li:nth-child(2n){ float: right; margin: 0px 0px 5px 0px;} 
    .con_paim_left ul li:nth-child(4n){ margin: 0px 0px 5px 0px;} 
    .con_paim_left ul li img{ width: 65px; height: 65px; border-radius: 50%;} 
    .con_paim_left ul li p{ font-size: 1.2em; margin-top: 10px;} 

    .con_paim_fl{ float: none;  width: 100%;}
    .con_paim_sd{  padding-top:15px;} 
    .con_paim_sd .tit{ margin-bottom: 15px;} 
    .con_paim_sd .tit h5{ font-size: 1.5em;} 
    .con_paim_sd ul{} 
    .con_paim_sd ul li{ padding: 15px; } 
    .con_paim_sd ul li img{ width: 100px; height: 57px;  padding:1px;} 
    .con_paim_sd ul li div{ float: right; width: 170px;} 
    .con_paim_sd ul li div h2{ font-size: 1.2em; } 
    .con_paim_sd ul li div h2 span{   width: 15px; height: 15px; font-size: 0.8em; } 
    .con_paim_sd ul li div p{ margin: 10px 0px 5px; font-size: 0.8em;line-height: 125%; text-align: justify;} 
    .con_paim_sd ul li div em{ font-size: 0.8em;} 

    .con_paim_zm{   padding-top:15px; margin-top: 30px;}  
    .con_paim_zm .tit{ margin-bottom: 15px;} 
    .con_paim_zm .tit h5{ font-size: 1.5em;} 
    .con_paim_zm ul{} 
    .con_paim_zm ul li{   padding:10px 15px; } 
    .con_paim_zm ul li span{ margin-right: 5px; width: 15px; height: 15px; line-height: 15px;font-size: 0.8em;} 
    .con_paim_zm ul li h3{ font-size: 1.2em; width: 80px;margin-right:5px;} 
    .con_paim_zm ul li p{ clear: both;font-size: 0.9em;  width: 200px; margin-top: 5px; line-height: 125%; text-align: justify;} 
    .con_paim_zm ul li em{ font-size: 0.8em; width: 80px;margin-top: 7px; } 



    .con_paim_right{float: none;  width: 100%; margin-top: 20px;} 

    .con_paim_right .daoh{  padding: 10px 10px 10px; }
    .con_paim_right .daoh .tit{ padding: 10px 0px;} 
    .con_paim_right .daoh .tit h5{ font-size: 1.5em; } 
    .con_paim_right .daoh .tit a{ margin-top: 5px; font-size: 0.8em;} 
    .con_paim_right .daoh ul{ margin-top: 12px;}
    .con_paim_right .daoh ul li{ width: 32.8%; margin: 0px 2px 2px 0px;} 
    .con_paim_right .daoh ul li:nth-child(3n){ float: right; margin:0px 0px 2px 0px;} 
    .con_paim_right .daoh ul li a{ font-size: 1em} 

    .con_paim_right .img{  padding: 10px 10px 10px; } 
    .con_paim_right .img .tit h5{;font-size: 1.5em; } 
    .con_paim_right .img ul{} 
    .con_paim_right .img ul li{ padding: 12px 0px; } 
    .con_paim_right .img ul li img{  width: 105px; height: 70px;} 
    .con_paim_right .img ul li p{  width: 165px; font-size: 1.1em; } 
    
    
    
    
    .con_contact{ float: none;  width: 100%; padding:20px 30px; }
    .con_contact_a{} 
    .con_contact_a p{ font-size: 1.2em; } 
    .con_contact_b{ margin-top: 30px;} 
    .con_contact_b p{font-size: 1.2em; } 
    .con_contact_c{ margin-top: 30px;} 
    .con_contact_c h3 { font-size: 1.5em;} 
    .con_contact_c ul{ margin-top: 20px;} 
    .con_contact_c ul li{ margin: 10px 0px;} 
    .con_contact_c ul li span{   width: 80px;} 
    .con_contact_c ul li input{ width:180px; } 
    .con_contact_c ul li:nth-child(3) input{width:20px;} 
    .con_contact_c ul li:last-child{ margin-top: 20px;} 
    .con_contact_c ul li:last-child input{ width: 80px; margin: 0px 5px 0px 0px; } 
    .con_contact_c ul li textarea{width:180px; } 
    
    
    
    
    .footer{  padding:30px 0px;} 
    .footer_{ width: 90%; margin: 0px auto;} 

    .footer_ .footer_fl{ float: none; width: 100%;} 
    .footer_ .footer_fl p{ font-size: 0.8em;  margin-bottom: 10px;} 
    .footer_ .footer_fc{ float: none; width: 100%; margin-left:0px; margin-top: 15px;} 
    .footer_ .footer_fc p{ font-size: 0.9em; line-height: 150%; margin-bottom: 15px; } 

    .footer_ .footer_fr{ float: none; width: 100%; text-align: center;} 
    .footer_ .footer_fr img{ width: 35%;} 
    .footer_info { width: 90%;  padding: 12px 0px 0px; margin-top: 12px;}


    /*内页-联系我们*/


    /*css black2 style pagination*/
    div.black2{margin:15px 5px 5px 5px;} 
    div.black2 a{padding:2px 8px;margin:1px;}  
    div.black2 a.curr{padding:2px 8px;margin:1px;} 
    
    
    
    
}