@charset "UTF-8";
input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"] > input[type="button"]::-moz-focus-inner{border:none;padding:0;margin:0; }
img{-webkit-transition: all 0.5s;-moz-transition: all 0.5s; 
  -ms-transition: all 0.5s;  transition: all 0.5s;
}
body{font-family: "Arial";}

.bx-wrapper .bx-viewport{background: transparent!important;border:0!important;border-radius: initial!important;box-shadow:none!important;left:0!important;}
.bx-loading{display: none;}
.mCustomScrollBox{padding-right: 20px;}

a{color:#333; -webkit-transition: all .2s;-moz-transition: all .2s; -ms-transition: all .2s;transition: all .2s;}
a.more{position: relative;}
a.more span{position: relative;z-index: 2;}
a.more:after{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100px;
  background: rgba(255,255,255,0.3);
  transition: all .3s;
}
a.more:hover:after{width: 100%;}

img.phone_img{display: none;}


.err_position img{ width: auto !important; max-width: 100% !important; height: auto !important;}      

body{font-size: 14px;
    height: 100%;
    margin: 0;
    background-size: cover;
    -ms-behavior: url(https://www.cccme.cn/templates/CCCME/css/backgroundsize.min.htc);
    behavior: url(https://www.cccme.cn/templates/CCCME/css/backgroundsize.min.htc);
}
.body{max-width: 1920px;margin:0 auto;}
.wrap{max-width: 1280px;margin:0 auto;}
/*.w-166{width:100%;max-width:1660px;margin:0 auto;}*/

.mt-0{margin-top:0px!important;}
.mt-20{margin-top:20px!important;}

.h1_title{}
/*导航*/
.header .phone_nav{display: none;}

.header_nav{margin-top:20px;}

.header .p_top01 .searchone{display:flex;align-items:center;justify-content:space-between;width:100%;}
.logo{width:29.4%;float:left;padding-top:20px;}
.logo img{width:100%;}

.nav_top{height:40px;border-bottom:solid 2px #004898;}
.nav{width:65%;float:right;}
.pc_nav>li{float:left;font-size:18px;line-height:62px;}
.pc_nav>li>span{margin:0 23px 0 23px;}
.pc_nav>li>a{color:#252831;}
.pc_nav>li.on>a{ color: #004898;}
.pc_nav>li:hover>a{ color: #004898;}

.pc_nav>li{ position: relative;}
.pc_nav>li .nav_child{top:54px; position: absolute; background: #fff; padding: 10px; width:154%;box-shadow: 0px 2px 6px #969696;border: 1px solid #eee; border-top: 0;overflow:hidden;opacity:0;transition:0.3s all;visibility:hidden;transform:translateY(30px);}
.pc_nav>li.hover .nav_child{ opacity:1; height:auto; visibility:visible; transform:translateY(0px); z-index:999; }
.pc_nav>li .nav_child a{ display: block;line-height: 30px; font-size: 16px; padding: 5px 0;} 
.pc_nav>li .nav_child a:hover{ color: #004898;}

.pc_nav>li:first-child + li .nav_child{ width: 90%}
.pc_nav>li:first-child + li + li .nav_child{ width: 184%}
.pc_nav>li:first-child + li + li + li .nav_child{ width: 120%}
.pc_nav>li:first-child + li + li + li + li + li .nav_child{ right: 0}


.nav_list_right{float:right;width:150px;}
.nav_list_right a{display:inline-block;}
.nav_list_right img{padding-left:10px;vertical-align:middle;display:table-cell;width:24px;height:24px;}
.nav_list_left{float:right;font-size:12px;height:20px; line-height: 24px;}
.nav_list_left span{display:inline-block;padding:0 12px 0 12px;}
.nav_list_left span img{vertical-align:middle;display:table-cell;}
.nav_list_left a{color:#3f3f3f;}
.nav_list_left a:hover {color: #004898;}
/*轮播图*/
.banner_ul {}
.banner{position:relative;}
.top_144{margin-top:130px;/* display: table;*/}
.banner_ul_text{position:absolute;left:15%; bottom: 15%; top:auto !important; right:15%;text-align:center;font-size:2em;color:#fff;text-shadow: 0 1px 1px #000; margin: auto;background: url(https://www.cccme.cn/templates/CCCME/images/video_hbg.png) repeat;}
.pho_img{display:none!important;}

.search_box{ z-index: 100;
    width: 1280px;
    height: 80px;
    align-items: center;
    justify-content: flex-end;
    display: flex;
    max-width: 1280px;
    position:relative;
}
.search_bar{width:100%;max-width:844px;margin:0 auto;}

.search_left img{float:left;vertical-align:-5px;margin-top:7%;margin-right:8px;}

/*.select-box{width:100%;max-width:1094px;margin:0 auto;}*/

.input_box:nth-child(4){margin-right:0;float:left;}

.input_box .select_0 dd {border: 1px solid #a0a0a0; z-index: 99; position: absolute;  overflow-y: auto; overflow-x: hidden; background: #fff;  width: 180%; left: 0px; top: 38px; display: none; height:auto;border-radius:3px;}
.input_box .select_0 dd a { display: block; line-height: 30px; color: #000; white-space: normal; padding: 0 12px; }
.input_box .select_0 dd a:hover, .input_box .select_0 dd a.on { background: #eee; } 

.input_box .select_0 dt.on_o{background:#fff url(https://www.cccme.cn/templates/CCCME/images/heij02.png) 192px 10px  center no-repeat;}
.input_box button{ width: 118px; height:32px; background: #eb5255; color: #fff; line-height: 32px; text-align: center; border: none; outline: none;}


.search_center{float:left;margin-left:41px;}


.demo{ position:absolute; width:86px;}
.select{position:relative;float:left;}
.select dt{height:30px;display:inline-block;line-height:30px;font-weight:bold;cursor:pointer;width:98px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;position:relative;z-index:99; color:#010a2b; text-align:center; background: url(https://www.cccme.cn/templates/CCCME/images/sj_h.png) no-repeat right center;  }
.select dt span{ float:left; padding-left:20px;}
.select dt i{ float:right;}
.select dt i img{}
.select dd{position:absolute;left:0;top:33px;border:1px solid #d2ccc4;background:#fff;display:none; z-index:99999999!important;}
.select dd ul{padding:4px;width:92px;max-height:250px;overflow:auto;z-index:99999999!important;}
.select dd ul li a{line-height:28px;display:block;padding:0 8px; color:#333;}
.select dd ul li a:hover{background:#f5f5f5;}



.search{/* overflow:hidden; */float:left;background:#fff;float:left;position:relative;}
.search .le{ width:418px; height:36px;}
.search .le .sele{ width:96px; float:left; margin:3px 0; height:30px;/* border-right:1px solid #d3d7d6;*/}
.search .le input{ height:30px; margin:3px 0; line-height:30px; width:257px; outline:none; padding:0 32px; border:none;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.search button{text-align:center; outline:none; border:none; font-size:16px;position:absolute;right:4px;top:8px;background:none; width: 40px;padding: 6px 0;
    margin-top: -6px;}  
.ie8 .search button{ margin-top: -8px;}
.ie8 .search button img{ margin-top: 3px;}

/*.search_right{float:left;margin-left:26px;font-size: 20px;border-bottom: solid 1px #fff;color:#fff;}*/
.search_right{float:left;margin-left:41px;font-size: 20px;border-bottom: solid 0px #fff;color:#fff; width: 120px;}
.search_right .input_box{ width: 100%; margin-right: 0;}
.search_right .input_box dd a{ font-size: 14px;}


.body_scroll .header_nav{ margin-top: 20px;}

.body_scroll .logo img{ width: 90%;}
.body_scroll .header{ box-shadow: 0px 1px 10px #afafaf;z-index: 999999;}
.banner_ul .bx-wrapper .bx-pager{ z-index: 9;}
.banner_ul .bx-wrapper .bx-pager a{}
.banner_ul .bx-controls-direction a{width: 59px !important; height: 104px !important; z-index: 9}
.banner_ul .bx-prev{ left: 50px !important; background: url(https://www.cccme.cn/templates/CCCME/images/banner_pre.png) no-repeat 0 center !important; }
.banner_ul .bx-next{ right: 50px !important; background: url(https://www.cccme.cn/templates/CCCME/images/banner_next.png) no-repeat 0 center !important; }

.banner_ul .bx-pager{ display: none;}


.footer{background:#004898;padding-top: 50px;}
.footer .f_top{border-bottom: 1px solid #477bb5;padding-bottom: 30px;}
.footer .f_top>ul>li{float: left;margin-left:4%;}
.footer .f_top>ul>li:first-child{margin-left: 0;}
.footer .f_top>ul>li>a{color: #fff;font-size:18px;}
.footer .f_top>ul>li>a:hover{ opacity: 0.9}
.footer .f_top>ul>li ul{margin-top: 25px;}
.footer .f_top>ul>li li{margin-bottom:2px;}
.footer .f_top>ul>li li>a{color: #a8b7d2;font-size: 13px;}
.footer .f_top>ul>li li>a:hover{color: #fff;}
.footer .f_logo{margin-top:25px;margin-bottom: 25px;}
.footer .f_logo a{float: left;display: inline-block;margin-top: 20px;}
.footer .f_logo p{float: right;width:100px;}
.footer .f_logo p img{width: 100%;}
.footer .f_link {margin-top:36px;}
.footer .f_link dt{float: left;color: #fff;}
.footer .f_link dd{float: left;width: 92%;}
.footer .f_link dd img{vertical-align:-2px;margin-right:12px;}
.footer .f_link dd span{color: #fff;font-size: 13px;padding:0 20px;margin:0 5px; font-weight: bold; float: left;margin-bottom: 10px;}
.footer .f_link dd span a{color: #fff;}
.footer .f_link dd span a:hover{opacity: 0.9}
.footer .f_link .friendly_link{float: right;margin-top: -50px;}
.footer .f_link .friendly_link a.fl_more{text-decoration: none;color: #fff;background: #ff6144;padding: 5px;border-radius: 2px;font-size: 14px;}
.footer .f_link .friendly_link .huabox{display: flex;align-items: center;justify-content: center;}
.footer .f_link .friendly_link .huadong .notice_active{height: 40px;padding: 0 10px;overflow: hidden;position: relative;display: flex;}
.footer .f_link .friendly_link .huadong .notice_active li{list-style-type: none;overflow: hidden;display: flex;align-items: center;margin: 0 0 1.4rem 0;width: 400px;}
.footer .f_link .friendly_link .huadong .notice_active li.notice_active_ch span{color: #fff;font-size: 16px;display: block;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;display: -webkit-box;width: 400px;}


.footer .f_copy{background: #222; height: 54px; line-height: 54px; color: #cecece;margin-top: 30px;font-size: 12px;}
.footer .f_copy a{color: #fff;font-size: 12px;}
.footer .f_copy .f_c_left{float: left;}
.footer .f_copy .f_c_left a{padding:0 10px;}
.footer .f_copy .f_c_left a:hover{ opacity: 0.8}
.footer .f_copy .f_c_right{float: right;}
.footer .f_copy .f_c_right a:hover{ opacity: 0.8}
.footer .f_copy .f_c_right a{ margin-left: 10px;}


/*导航改变*/
.header2{width: 100%; display: table; height: 64px; padding: 10px 0; position: fixed; top:0; left: 0;z-index: 999; background: #fff;box-shadow: 0px 1px 10px #afafaf;transition:all .1s ease-out;-ms-transition:all .1s ease-out;-webkit-transition:all .1s ease-out; display: none;} 
.header2 .header2_button{width: 100%;display: table;}
.head_01{float: left; font-size: 18px; margin-right:20px; line-height: 64px; background: url(https://www.cccme.cn/templates/CCCME/images/caid.png) no-repeat 0 center;padding-left: 35px; cursor: pointer;}
.head_01:hover{color: #004898;}
.head_02{float: left; margin-right:30px;padding-top: 8px;}
.head_02 a{float: left;}
.head_02 a img{width:60px;}
.head_02 p{float: left; margin-top:12px; margin-left: 10px; max-width: 300px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.head_03{float: right; margin-top: 14px;}
.head_03 .search_center{margin-left: 0;border: 1px solid #eee; }
.head_03 .sinin{float: right; line-height: 38px; margin-left: 20px;}
.head_03 .sinin a:hover {color: #004898;}
.body_scroll .top_144{margin-top: 84px;}
.body_scroll .header{display: none;}
.body_scroll .header2{display: block;}
.scll_nav{overflow:hidden; padding: 50px 0 40px 0; position: absolute;width: 100%;left: 0;top: 84px; display: none}
.scll_nav .wrap{overflow: hidden;}
.scll_nav a{color: #fff;}
.scll_nav h3 a{color: #4cadf7;background: url(https://www.cccme.cn/templates/CCCME/images/scbg.png) no-repeat 0 center; padding-left: 10px; font-size: 24px; font-weight: normal; margin-bottom: 10px;}
.scll_nav ul{width: 25%; float: left; height: 200px; overflow: hidden; margin-bottom: 20px;}
.scll_nav ul li{font-size: 16px; line-height: 30px;}
.scll_nav h3 a:hover{color: #3a99e2;}
.scll_nav ul li a:hover{color: #d8d8d8}
.scll_nav.current{display: block;}

.phone_dh{display: none;}



/*以上为导航*/

.wrap{position: relative;}
.header *{transition:all .2s ease-out;-ms-transition:all .2s ease-out;-webkit-transition:all .2s ease-out;}
.header{z-index: 101;position: fixed;top:0;right:0px;bottom:0px;left: 0px;left: 0px;transition:all .1s ease-out;-ms-transition:all .1s ease-out;-webkit-transition:all .1s ease-out;background:#fff;height:130px;}


.ie7 .header_top .shop a img{margin-top: 20px;}
.header_top .shop .shop_ewm{visibility: hidden;opacity:0;
  width:255px;padding:20px;position: absolute;top: 90px;right: 0px;
  background: #323232;
  transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
}

.header_top .shop .shop_ewm p{margin:25px 0 0 15px;float:left;color: #ada195;width: 100px;text-align: center;}
.header_top .shop .shop_ewm span{display: inline-block;width: 100px;float: right;}
.header_top .shop .shop_ewm span img{width: 100%;}
.header_top .shop.shop_btn .shop_ewm{visibility: visible;opacity: 1;top:75px;}
.header_top .link{float: right;line-height: 75px;margin-right: 75px;}
.header_top .link a{color: #ada195;display: inline-block;padding:0 20px;background: url(https://www.cccme.cn/templates/CCCME/images/dian.png) no-repeat left center;}
.header_top .link a:first-child{background: none;}
.header_top .link a:hover{color: #fff;}


.scroll_logo{float: left;width: 120px;margin-right: 20px;display: none;}
.scroll_logo img{width: 100%;margin:10px 0px 0 0;}


.header_top .link a.sc_btn{display: none;}


.tip{display: none;}
.ie7 .tip{display:block;margin-top: 0px;height: 0px;}
.main{margin-top: 130px;transition:all .3s ease-out;-ms-transition:all .3s ease-out;-webkit-transition:all .3s ease-out;}


.Discover_list_4{border-bottom:solid 1px #e8e8e8;overflow:hidden;}
.Discover_list_4_box ul li{width:18.8%;float:left;border-right:solid 1px #e8e8e8;height:88px;padding:0 3% 0 3% ; cursor: pointer;}
.Discover_list_4_box ul li img{vertical-align:-5px!important;margin-right:10px;}

.Discover_list_4_box ul li p{display:inline-block;margin-top:9%; float:left; font-size:16px;}
.Discover_list_4_box ul li p em{display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.Discover_list_4_box ul li p i{ display:block; height:10px; line-height:10px;}
.Discover_list_4_box ul li p a{font-size:16px;color:#3e3e3e;font-weight:bold;line-height:14px;}
.Discover_list_4_box ul li p a:hover{color:#004898;}
.D_left{border-left:solid 1px #e8e8e8;}
.Discover_list_4_box ul li p:first-child + p{ width:70%;}
.Discover_list_4_box ul li:hover p{color:#004898;}


.Cat_main_box{overflow:hidden;margin-top:40px;}
.Cat_main_box_left{width:24.2%;float:left;}
.Cat_main_box_left h2{font-size:30px;color:#004898; font-weight: normal;}

.cat_list ul li {font-weight: normal;overflow: hidden;display: flex;align-items: center;justify-content: space-between;
    width: 100%;box-sizing: border-box;padding: 3px 20px;line-height: 1.5;border:none;margin-top:0px;
}
.cat_list li.on {
	z-index: 15;
	box-shadow: -2px 0 12px -1px rgba(33, 51, 71, 0.1), 0 -2px 12px -1px rgba(33, 51, 71, 0.1), 0 2px 12px -1px rgba(33, 51, 71, 0.1), 2px 0 12px -1px rgba(33, 51, 71, 0.1);
}

.cat_list li.on:last-child {
	margin-bottom: 0px;
}

.cat_list ul li h2{
    width: 100%;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.cat_list ul li h2 span    
{
    float: right;
    display: flex;
 }
.cat_list ul h2 span img {
	margin-top: 0px;
}
.cat_list ul h2 a {
	font-size: 16px;
	color: #333;
	font-weight:normal;
}


.cat_list li.on h2 {
	width: 100%;
	position: relative;
	background: transparent;
}

.cat_list li.on h2 a {
	position: relative;
	color: #004898;
	font-size: 16px;
	background: transparent; 
	font-weight:normal;
}
.cat_subcont
{
    display: none;
}
.cat_subcont.active
{
    display: block;
}
.cat_subcont .cat_sublist
{
    position: absolute;
    z-index: 998;
    top: 45px;
    left: 305px;
    padding: 10px 0;
    min-height: 394px;
    width: 880px;
    background: #fff;
    box-shadow: 0px 1px 8px 1px rgba(33, 51, 71, 0.06);
    overflow-y: auto;
    box-sizing:border-box;
    height: 732px;
}
.cat_subcont .cat_sublist .fore1
{
    width: 880px;
}
.cat_subcont .cat_sublist .fore1 .fore_list
{
    padding: 0 20px 10px 20px;
    box-sizing:border-box;
    overflow-x:hidden;
}
.cat_subcont .cat_sublist .fore1 .fore_list h3
{
    padding: 5px;
    border-bottom: 1px solid #d3d3d3;
    margin-bottom:10px;
}
.cat_subcont .cat_sublist .fore1 .fore_list h3 a
{
    font-size: 16px;
    color: #004898;
}
.cat_subcont .cat_sublist .fore1 .fore_list li
{
    float: left;
    padding: 5px;
    width:30%;
}
.cat_subcont .cat_sublist .fore1 .fore_list li a
{
    font-size: 14px;
    color: #333;
}
.cat_subcont .cat_sublist .fore1 .fore_list li a:hover
{
    color: #004898;
    text-decoration: underline;
}
        
      
.Cat_main_box_left .goods_list {
	background: #fff;
	padding: 25px 0;
	display: none;
	position: absolute;
	top: 0;
	left: 305px;
	width: 615px;
	box-shadow: 0px 1px 8px 1px rgba(33, 51, 71, 0.06);
	z-index: 9;
	overflow-y:auto;
}

.Cat_main_box_left .goodin {
	display: flex;
}

.Cat_main_box_left .goodin .goodinleft,
.Cat_main_box_left .goodin .goodinright {
	flex: 1;
}

.Cat_main_box_left .goodin .goodinright .goodinrightitem a:hover
{
    color:#004898;	
}

.Cat_main_box_left .goodinleftitem,
.Cat_main_box_left .goodinrightitem {
	width: 266px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 3px 20px;
	line-height: 1.5;
	box-sizing: border-box;
	font-size: 16px;
	color: #333;
}

.Cat_main_box_left .goodinleftitem.ontwo a { 
	color: #004898;
	word-break:break-all;
} 

.Cat_main_box_right{width:68.7%;float:right;}

.Specialized_bar{}
.Specialized_bar h2{ width: 100%; font-size:30px;color:#004898;font-weight: normal;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.Specialized_bar .morej {
    float: right;
    font-size: 12px;
    color: #8c8c8c;
    font-family: "微软雅黑";
    line-height: 45px;
} 
.Specialized_bar .swiper-container{}
.Specialized_bar .swiper-button-next img,.Specialized_bar .swiper-button-prev img{width:40px;height:40px;}
.Specialized_bar .swiper-button-next,.Specialized_bar .swiper-button-prev {background-size: 0px !important;
    right: 60px;
    left: auto;
}
.Specialized_bar .swiper-button-next, .Specialized_bar .swiper-button-prev {
    position: absolute;
    top: -54px;
    height: 40px;
    width: 40px;
    margin-top: 0px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
}
.Specialized_bar .online-prev,.Specialized_bar .online-next{top:-45px;}
.Specialized_bar .swiper-button-prev, .Specialized_bar .swiper-container-rtl .swiper-button-next {background-size: 0px !important;
    right: 110px;
}

.Specialized_bar .hoverimg {
	display: none;
}

.Specialized_bar a:hover .hoverimg {
	display: block;
}

.Specialized_bar a:hover .no_hoverimg {
	display: none;
}
.Specialized_list{margin-top:12px;}


.qita{width: 100%;}
.qita h3{font-size: 26px;}
.qita .bxslider01{/*margin:30px auto;padding:0 50px;*/}
.qita .bxslider01 li{text-align:center;position:relative;border:solid  1px #e9e9e9;    float: left;
    list-style: none;width: 164px; margin-right: 9px;margin-bottom: 12px;}
.qita .bx-wrapper .bx-controls-direction a{background: url(https://www.cccme.cn/templates/CCCME/images/pro_LR.png) no-repeat;
    width: 34px;height: 34px;
}

.qita .bx-wrapper .bx-controls-direction .bx-prev{left:90%!important;top:-25px;background-position: 0 0;width:39px!important;height: 39px!important;}
.qita .bx-wrapper .bx-controls-direction .bx-next{right:0!important;top:-25px;background-position: 100% 100%;width:39px!important;height: 39px!important;}
.qita .bx-wrapper .bx-controls-direction .bx-prev:hover{background-position: 100% 0%;}
.qita .bx-wrapper .bx-controls-direction .bx-next:hover{background-position: 0 100%;}
.qita .bx-viewport{overflow:hidden!important; height: auto !important;}
.barnch_tab_right{width:50%;float:right;}



.cat_Advertisement{overflow:hidden;margin-top:5px;width:882px;height:auto;}
.cat_Advertisement a{display:block;width:100%;height:100%;cursor:pointer;}
.cat_Advertisement .cat_image{width:100%;height:auto;}
.cat_bj{color: #fff; width: 45%;}
.cat_bj h1{ font-size: 24px; line-height: 1.1em; height:2.2em; overflow:hidden; margin-bottom: 5px;}
.cat_bj p{ font-size: 14px;opacity:0.8;filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; line-height: 1.4em;height:2.8em; overflow: hidden;}


.Export_box{overflow:hidden;margin-top:30px;}

.Export_box h1{font-size:30px;color:#004898;margin-bottom:24px;font-weight: normal;}
.Export_box ul{ width: 100%; overflow: hidden;}
.Export_box ul li{width:50%;float:left;}

.Export_box .morej{ float: right; font-size: 12px; color: #8c8c8c;font-family: "微软雅黑"; line-height: 45px;}
.morej:hover{ color: #004898;}

.Suppliers_box{background:url(https://www.cccme.cn/templates/CCCME/images/bj.jpg) no-repeat;margin-top:50px;overflow:hidden;padding-bottom:60px;background-size:100% 100%;}

.Suppliers_bar_left{width:45%;float:left;}

.Suppliers_bar_right{width:44%;float:right;}
.Suppliers_bar_left_l {margin-top:49px;overflow:hidden;}
.Suppliers_bar_left_l h1{font-size:30px;color:#fff;display:inline-block;float:left; font-weight: normal;}
.Suppliers_bar_left_l a{display:inline-block;width:89px;height:29px;text-align:center;line-height:29px;color:#fff;font-size:12px;background:rgba(0,0,0,0.21);float:right;margin-top:10px; font-family: "微软雅黑"}
.Suppliers_bar_left_l a:hover{ background: #004898;}
.Suppliers_bar_left_r{padding-top:50px;}

.Supp_box{width: 100%;}
.Supp_box h3{font-size: 26px;}
.Supp_box .bxslider04{/*margin:30px auto;padding:0 50px;*/}
.Supp_box .bxslider04 li{text-align:center;position:relative;float:left;}
.Supp_box .bx-wrapper .bx-controls-direction a{background: url(https://www.cccme.cn/templates/CCCME/images/pro_LR1.png) no-repeat;
    width: 66px;height: 66px;
}

.Supp_box .bx-wrapper .bx-controls-direction .bx-prev{left:-60px;background-position: 0 0;width:66px!important;height: 66px!important;}
.Supp_box .bx-wrapper .bx-controls-direction .bx-next{right:-60px!important;background-position: 100% 100%;width:66px!important;height: 66px!important;}
.Supp_box .bx-wrapper .bx-controls-direction .bx-prev:hover{ cursor:pointer;}
.Supp_box .bx-wrapper .bx-controls-direction .bx-next:hover{ cursor:pointer;}


.Suppliers_bar_right_p{background:#fff;overflow:hidden;margin-top:50px;}
.suppliers_top{width:80%;margin:0 auto;padding:9.5px 0;}
.suppliers_top .bxslider05{/*margin:30px auto;padding:0 50px;*/}
.suppliers_top .bxslider05 li{text-align:center;position:relative;float:left;}
.suppliers_top .bx-wrapper .bx-controls-direction a{background: url(https://www.cccme.cn/templates/CCCME/images/pro_LR2.png) no-repeat;
    width: 66px;height: 66px;
}

.suppliers_top .bx-wrapper .bx-controls-direction .bx-prev{left:-60px;background-position: 0 0;width:39px!important;height: 39px!important;}
.suppliers_top .bx-wrapper .bx-controls-direction .bx-next{right:-60px!important;background-position: 100% 100%;width:39px!important;height: 39px!important;}
.suppliers_top .bx-wrapper .bx-controls-direction .bx-prev:hover{background-position: 100% 0%;}
.suppliers_top .bx-wrapper .bx-controls-direction .bx-next:hover{background-position: 0 100%;}

.suppliers_bottom ul li{width:33.33%;float:left;height:225px;}
.suppliers_bottom ul li div{width:130px;height:130px;border:solid 1px #fff;border-radius:100px;margin:0 auto;margin-top:15%;}
.suppliers_bottom ul li div p{width:92px;height:92px;background:#1a6ab2;border-radius:100px;margin:0 auto;margin-top:13%;text-align:center;}
.suppliers_bottom ul li div p img{margin-top:20%; }
.suppliers_bottom ul li h1{text-align:center;font-size:18px;margin-top:23px;font-weight: normal;}
.suppliers_bottom ul li h1{color:#1a6ab2;}
.suppliers_bottom ul li:hover{border-bottom:solid 6px #c90915;}

.s_d_1{background:#cbdaea;border-bottom:solid 6px #cbdaea;}
.s_d_2{background:#d5e1ee;border-bottom:solid 6px #d5e1ee;}
.s_d_3{background:#e3ebf4;border-bottom:solid 6px #e3ebf4;}


.CCCME_box{overflow:hidden;margin-top:47px;}

.CCCME_box_top{border-bottom:solid 2px #c90915;}
.CCCME_box_top ul li{font-size:30px;color:#7291b9;display:inline-block;float:none;margin-right:50px;cursor:pointer;border-bottom:solid 6px #fff;}
.CCCME_box_top ul li:hover{border-bottom:solid 6px #c90915;}
.CCCME_box_top ul li.cor {border-bottom: solid 6px #c90915!important; color: #1a6ab2;}
.CCCME_box_top ul a.morej{ float: right; margin-top: 16px; color: #417fbb}
.CCCME_box_top ul a.morej:hover{ color: #004898;}

.cccme_text{overflow:hidden;margin-top:36px; display: none;}
.cccme_text_left{width:49%;float:left;}
.cccme_text_right{width:48%;float:right;}

.cccme_text_right_h1{border-bottom:solid 1px #dbdbdb;}
.cccme_text_right_h1 h2{font-size:24px;font-weight:bold;}
.cccme_text_right_h1 h2 a{color:#000;}
.cccme_text_right_h1 h2 a:hover{color:#004898;}
.cccme_text_right_h1 span{color:#004898;font-weight:bold;}
.cccme_text_right_h1 p{font-size:16px;color:#333333;line-height:21px;margin:15px 0 22px 0;}

.cccme_text_right ul{width:100%;}
.cccme_text_right ul li{font-size:16px;margin-top:20px;line-height:21px;/*word-spacing: -0.2em;*/}
.cccme_text_right ul li a{color:#333333;}
.cccme_text_right ul li a:hover{color:#004898;}

.Upcoming_box{background:#eef4f9;overflow:hidden;margin-top:20px;}
.upcoming_bar>h2{font-size:30px;color:#004898;padding:45px 0 22px 0; font-weight: normal; overflow: hidden;}
.upcoming_bar>h2 p{ width: 70%; float: left;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.upcoming_bar>h2 a.morej{ float: right; background: #bdcedd; color: #fff; width: 90px; height: 30px; line-height: 30px; text-align: center; font-size: 12px; font-family: "微软雅黑"}
.upcoming_bar>h2 a.morej:hover{ background: #1a6ab2;}

.upcoming_bar ul{overflow:hidden; margin: 0 -25px;}
.upcoming_bar ul li{width:33.333%;float:left;*margin-left:-1px;padding-bottom:47px;}
.upcoming_bar li .up_con{ padding:0 25px;}
.upcoming_bar .page{ margin-top: 0;}

.upcoming_img{position:relative;}
.upcoming_fu{position:absolute;left:0;top:0;width:100%;height:100%;background:url(https://www.cccme.cn/templates/CCCME/images/lant.png) repeat;opacity:0;transition: 1s all; -webkit-transition: 1s all;-ms-transition: 1s all;}
.upcoming_fu p{border:solid 2px #fff;width:70%;margin:0 auto;font-size:18px;font-weight:bold;color:#fff;text-align:center;margin-top:23%; line-height:1.5; height:3em; overflow:hidden;}

.upcoming_bar ul li h5{font-size:16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding:5px 0 5px 0;font-weight: normal;}
.upcoming_bar ul li h5 a{color:#333;}
.upcoming_bar ul li h5 a:hover{color:#004898;}
.upcoming_bar ul li span{font-weight:12px;color:#2b598a;font-weight:bold;}
.upcoming_img:hover .upcoming_fu{opacity:1;}
.upcoming_bar ul li:hover h5 a{color:#004898;}

.ie8 .upcoming_fu{ display: none;}
.ie8 .upcoming_img:hover .upcoming_fu{display: block;}
.upcoming_fu{ *display: none;}
.upcoming_img:hover .upcoming_fu{*display: block;}


.Intern_list_two{margin-top:50px;overflow:hidden;}

.Organzation_left{width:48%;float:left;}
.orgnzation_top{width:100%;border-bottom:solid 1px #b72e22;overflow:hidden;padding-bottom:20px;}
.orgnzation_top h2{font-size:30px;color:#1a6ab2;width:376px;word-spacing:0.1em;float:left; font-weight: normal; line-height: 1.1em; height: 2.2em;overflow: hidden;}
.bottom{display:block;float:right;width:42px;height:12px;color:#417fbb;font-size:12px;margin-top:36px; font-family: "微软雅黑";margin-right:3px;}
.bottom:hover{ color: #004898;}
.Organzation_left ul li{width:100%;float:left;margin-top:28px;}

.Organzation_left ul li dl dt{width:14%;color:#000;float:left;font-size:18px;}
.Organzation_left ul li dl dd{width:86%;float:right;font-size:16px;word-spacing:0.1em;color:#3e3e3e;    word-break: break-all;}
.Organzation_left ul li dl dd a{color:#000;}
.Organzation_left ul li dl dd a:hover{color:#004898;}

.Working_right{width:48%;float:right;}
.Working_right ul li{width:100%;float:left;margin-top:26px;}
.Working_right ul li dl{overflow: hidden;}
.Working_right ul li dl dt{width:10%;color:#000;float:left;font-size:18px;}
.Working_right ul li dl dd{width:90%;float:right;font-size:16px;word-spacing:0.1em;color:#3e3e3e;}
.Working_right ul li dl dd a{color:#000;}
.Working_right ul li dl dd a:hover{color:#004898;}
.Working_right ul li:hover dd {color:#004898;}

.link_box{background:#f5f5f5;overflow:hidden;margin-top:40px;line-height:103px;}
.friend_linked h1{font-size:24px;color:#d11a26;font-weight:bold;word-wrap:11%;float:left;margin-right:30px;}
.friend_linked p{font-size:13px;display:inline-block;float:left;word-spacing:-0.1em; line-height: 30px; width: 76%; margin-top:22px;}
.friend_linked p a{ max-width:33%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; float: left;}
.friend_linked p a:hover{ color: #004898}
.friend_linked p span{padding:0 17px 0 17px; float: left;}
.bottom_1{width:43px;float:right;font-size:12px;color:#8c8c8c;}
.bottom_1:hover{ color: #004898;}


/*首页*/
.Cat_main_box
{
    overflow: visible;
}
.stagger_a
{
    display: flex;
    flex-direction: column;
}
.Specialized_title
{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.categoriesbar
{
    display: none;
}
.pc_Specialized_list
{
    display: block;
}
.mobile_Specialized_list
{
    display: none;
}
.bluemask
{
    position: absolute;
    z-index: 99;
    width: 100%;
    height: 100%;
    background: rgba(0,72,152,0.92);
    color: #fff;
    font-size: 26px;
    padding: 70px 50px;
    box-sizing: border-box;
    line-height: 1.5;
    top: 0px;
}
.soon
{
    font-size: 30px;
    color: #feb426;
    margin-top: 90px;
}
.Specialized_titledesc{
	font-size: 16px;
	color: #004898;
	font-weight: bold;
}
.substationtitle{
	font-size: 12px;
	color: #1d5a99;
	padding-top: 12px;
	line-height: 1.5;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.substationtime{
	font-size: 14px;
    color: #666;
}
.substationimgblank img{
	width: 100%;
height: 150px;
}
.substationblank{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.substationitem{
	width: 50%;
	padding:10px;
	padding-left:0px;
}
.substationitem a{
	border: 1px solid #eee;
    display: inline-block;
    border-radius: 10px;
    padding: 15px;
    background: #f5f5f5;
}
.substationitem:nth-child(2n){
	padding-right: 0px;
}
/*搜索部分调整 start*/
.cate {
    margin-top: 130px;
    height: 80px;
    background: #1d69bd;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.search_bar {
    margin: 0px;
    align-items: center;
    display: flex;
    justify-content:space-between;
    width:832px;
}
.search .le {
    width: 388px;
    height: 40px;
    border-radius: 4px;
    overflow: hidden;
        box-sizing: border-box;
}
.search .le input {
    height: 40px;
    line-height: 40px;
    width: 388px;
    outline: none;
    padding: 0 20px;
    border: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    margin: 0px;
    box-sizing: border-box;
}
.search {
border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.search button{
	width: 136px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	background: #004898;
	position: relative;
	top: 0px;
	right: 0px;
	margin-top: 0px;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	border: 1px solid #004898;
}
.search button img{
	margin-right: 8px;
}
.search_center{
	float: none;
	margin-left: 20px;
}
.search_left {
    width: 120px;
    float: none;
}
.input_box {
    float: none;
    margin-right: 0px;
    width:100%;
}
.input_box .select_0 dt {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background: url(https://www.cccme.cn/templates/CCCME/images/img/sj-white.png) 100% center no-repeat;
    cursor: pointer;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    border-bottom: none;
    background-color: transparent;
    padding-left: 0px;
    height: 40px;
    padding-right: 20px;
    text-align: left;
    align-items: center;
    display: flex;
}
.input_box .select_0 {
    padding-bottom: 0px;
    position: relative;
}
 
.searchlogoblank {
	width: 208px;
	height: 66px;
	position: absolute;
	top: 0px;
	left: 98px;
	background: #004898;
	border-radius: 0px 0px 28px 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	color: #fff;
	line-height: 1;
}
a.searchlogoblank:hover{
    color:#fff;
}
.searchlogotitle{
	font-size: 24px;
	font-weight: bold;
}
.searchlogodesc{
	font-size: 14px;
	margin-top: 4px;
}
.head_03 {
    display:flex;
}
.request_link a,.request_link a:hover
{ 
    font-size: 16px;
    color: #fff;
}
.search_input_box
{
    display:flex;
    align-items:center;
    justify-content:center;
}
/*搜索部分调整 end*/

/*移动适配调整 start*/

@media only screen and (max-width:1366px){
.banner_ul_text{font-size:34px;top:39%;}
 .Discover_list_4_box ul li a{font-size:16px;}
 .Cat_main_box_left h2{font-size:28px;}
 .Specialized_bar h2{font-size:28px;}
 .Export_box h1{font-size:28px;}
 .CCCME_box_top ul li{font-size:28px;}
 .upcoming_bar>h1 {font-size:28px;}
 .orgnzation_top h2{font-size:28px;}
 .Suppliers_bar_left_l h1{font-size:28px;}

}
@media only screen and (max-width:1280px){
 .pc_nav>li{font-size:17px;}
 .footer .f_top>ul>li{margin-left:3%;}
 .Suppliers_bar_left{margin-left:3%;}


	.link_box{ padding: 20px 10px;}
	.friend_linked p{ width: 100%; line-height: 1.5em;}
	.friend_linked h1{ line-height: 1.2em; margin-bottom: 10px;}
	.bottom_1{ line-height: 1.5em;}
	
	.pc_nav>li>span{ margin: 0 18px}
}
@media only screen and (max-width: 1100px){
  .footer{padding-top: 30px;}
  .footer .f_top>ul>li{width: 33.33%;overflow: hidden;margin-left: 0;margin-top: 10px;}
  .footer .f_top>ul>li ul{margin-top: 5px;}
  .footer .f_top>ul>li li{float: left;margin-right: 10px;}
  .footer .f_link dd a{display:block;margin-top:8px;padding:0;}
}
@media only screen and (max-width: 1024px){
.search{margin-right: 25px;}
.search input{height:32px;line-height: 32px;}
.header_top .shop .shop_ewm{width: 280px;}


.search_bar{max-width: none;width: 96%;}
.search_box{ position: static;}
.search_center{ margin-left: 0;}
.search_left{ float: static}
.cate{ position: static; padding: 20px 0; height: auto !important;}

.Discover_list_4_box ul li a{font-size:16px;}
 .Cat_main_box_left h2{font-size:22px;}
 .Specialized_bar h2{font-size:22px;}
 .Export_box h1{font-size:22px;}
 .CCCME_box_top ul li{font-size:22px;}
 .upcoming_bar>h1 {font-size:22px;}
 .orgnzation_top h2{font-size:22px;}
 .Suppliers_bar_left_l h1{font-size:22px;}

.Cat_main_box_left{width:100%;}
.Cat_main_box_left ul li{width:46%;float:left;}
.Cat_main_box_left ul li:nth-child(even){float:right;}
.Cat_main_box{margin-top:12px;}


.Cat_main_box_right{width:100%;margin-top:20px;}


.suppliers_bottom ul li h1{font-size:13px;}

.Organzation_left{width:100%;}
.Working_right{width:100%;margin-top:40px;}
.Organzation_left ul li dl dd{font-size:13px;width:100%;}
.Working_right ul li dl dd{font-size:13px;width:100%;}

.Suppliers_box{background:#12181b;}
.Suppliers_bar_left{width:100%;}
.Supp_box {width: 70%;margin: 0 auto;}
.Suppliers_bar_left{ margin-left: 0;}

.Suppliers_bar_right{width:100%;}
.Suppliers_bar_right_p{width:70%;margin:0 auto;margin-top:30px;}
.Suppliers_bar_left_l{text-align:center;}
.Suppliers_bar_left_l h1{display:block;float:none;}
.Suppliers_bar_left_l a{float:none;}


.Organzation_left ul li dl dt{width:100%;}
.Working_right ul li dl dt{width:100%;margin-bottom:8px;}

.link_box{line-height:normal;padding:10px 0 10px 0;}
.bottom_1{float:right; font-size: 16px; width: 70px;}
.friend_linked p{margin:10px 0 10px 0; font-size: 14px;}
.Intern_list_two {margin-top:20px;}
.upcoming_bar>h1{padding-top:20px;}

.Organzation_left ul li{margin-top:20px;}

.cccme_text_right ul li{font-size:13px;margin-top: 14px;}
.cccme_text_right_h1 h2{font-size:20px;}



.search_bar{max-width:none;width:96%;margin:0 auto; }
.input_box .select_0 dt{font-size:16px;}
.search_left{width:148px; }


.search_bar{max-width: none;width:690px;}
.search_box{ position: static;}
.search_center{ margin-left: 0;}
.search_left{ float: static; margin-right: 20px;}
.cate{ position: static; padding: 20px 0; height: auto !important;}
.search .le{ width: 350px;}

.search .le input{ padding-left: 20px; width: 190px;}



.banner .search_box{ padding:20px 0;background: #2365b8;}
.cat_bj h1{ font-size: 18px;}



}
@media only screen and (max-width:1000px){
.banner_ul .bx-pager{ display: block;}
.banner_ul .bx-controls-direction{ display: none;}
.banner_ul .bx-wrapper .bx-pager.bx-default-pager a:hover,.banner_ul .bx-wrapper .bx-pager.bx-default-pager a.active{ background:#004898 !important; }
.footer .f_link dd span{width: 100%;display: block;margin-bottom: 10px; padding: 0;}
.footer .f_link dd{ width: 100%;}
.footer .f_link dt{ width: 100%; margin-bottom: 10px;}

.upcoming_fu p{  font-size: 16px; font-weight:normal;}
.upcoming_bar li .up_con{ padding: 0 10px;}
.upcoming_bar ul{ margin: 0 -10px;}
.Discover_list_4_box ul li p{ font-size:14px;}

}
@media only screen and (max-width:880px){

	.banner_ul_text{font-size:20px;top:39%;}
	.logo{width:36%;}
	.nav{width:53%;}
  .cccme_text_left{width:100%;}
  .cccme_text_right{width:100%;margin-top:20px;}
  .qita .bx-wrapper .bx-controls-direction .bx-prev{left:88%!important;}
  .upcoming_bar02 ul li{ width: 50%;}
}
@media only screen and (max-width:600px){
 .Discover_list_4_box ul li a{font-size:13px;}
 .Cat_main_box_left h2{font-size:18px;}
 .Specialized_bar h2{font-size:18px;}
 .Export_box h1{font-size:18px;}
 .CCCME_box_top ul li{font-size:18px;width:100%;padding:5px 0; }
 .upcoming_bar>h1 {font-size:18px;}
 .orgnzation_top h2{font-size:18px;}
 .Suppliers_bar_left_l h1{font-size:18px;}
 .friend_linked h1{font-size:18px; margin-bottom: 0}
.upcoming_bar ul li h5{font-size:15px;}



.Suppliers_bar_right_p{width:100%;}
.Cat_main_box_left ul li{width:97%;}
.Cat_main_box_left ul li:nth-child(even){float:left;}

.qita .bx-wrapper .bx-controls-direction .bx-prev{left:80%!important;}

.upcoming_bar ul li{width:100%;padding-bottom:20px;}

.suppliers_bottom ul li{width:100%;height:auto;padding-bottom:15%;}
.suppliers_top{width:60%;}
.CCCME_box {margin-top:20px;}
.bottom{margin-top:8px;}
.Discover_list_4_box ul li{width:43%;}
.Suppliers_box{margin-top:20px;}
.bottom{float:left;}
.friend_linked p a{display:block;margin-top:5px; max-width: 100%;}
.friend_linked p span{display:none;}
.friend_linked p{width:100%;}

.Export_box{margin-top:12px;}
.Export_box h1{margin-bottom:12px;}



.nav_list_right{ width: 132px;}
.nav_list_right img{ padding-left: 6px;}
.footer .f_top>ul>li>a{ font-size: 16px;}


}
@media only screen and (max-width:530px){
    .searchone .le input{padding: 0 5px; width: 170px;}
       .mobileitem
            {
                width: 33%;
                height: auto;
                box-sizing: border-box;
                padding: 5px;
            }
}
@media only screen and (max-width:520px){
.Discover_list_4_box ul li p:first-child + p{ width:65%;}
}
@media only screen and (max-width:500px){

.search_bar{ width: 300px;}
.search_left{ margin-right: 0;/* width: 148px;*/}
.search{ margin-right: 0;}
.search .le{ width: 300px;}
.select dt span{ padding-left: 10px;}
.search .le input{ width: 148px;}

.search_right{ font-size: 14px; float: static; }
.input_box .select_0 dd{width: 100%; left: 0;}
.search_right{ left: 158px;}

}
@media only screen and (max-width:490px){

.p_top02 .phone_cat{font-size: 12px;}
.p_top02 .phone_cat a{padding: 0 5px;}
.phone_dh .input_box .select_0 dt{font-size: 12px;}
.phone_dh .search_right{width: 80px;}
.phone_dh .p_top02 .search_right{width: 130px;}
}
@media only screen and (max-width:460px){
.search_center22{width:75%; float: right;}
.searchone{display:flex;height:36px;align-items:center;justify-content:space-between;}
.searchone .le input{width:280px!important;padding:0 5px!important;}
.searchlogoblank{display:none!important;}
.phone_dh .searchone button{width:50px!important;}

}
@media only screen and (max-width:448px){
.Discover_list_4_box ul{width: 200px; margin: auto}
.Discover_list_4_box ul li{width:100%;border-right:0;}

}
@media only screen and (max-width:414px){
.qita .bx-wrapper .bx-controls-direction .bx-prev{left:77%!important;}
}
@media only screen and (max-width:400px){
.select dt span{padding-left: 5px;}
.phone_dh .select dt{width: 85px;}
.search_center22{width:75%; float: right;}
.searchone{display:flex;height:36px;}
.searchone .le input{width:260px;}
.searchlogoblank{display:none!important;} 
.searchone .le input::-webkit-input-placeholder{font-size:12px;padding:0px 5px;}
.phone_gs{width:40px;} 
.phone_dh .searchone button{width:50px}
}
@media only screen and (max-width:374px){
.search_center22{width: 68%; float: right;}
.searchone{display:flex;height:36px;}
.searchone .le input{width: 100%;}
.searchlogoblank{display:none!important;}
.phone_dh .search_right{ float: right; } 
.p_top02 h1{width: 50px;}
.p_top02 .phone_cat{font-size: 12px;}
.p_top02 .phone_cat a{padding: 0 5px;}
.phone_dh .input_box .select_0 dt{font-size: 12px;}
.phone_dh .p_top02 .search_right{width: 124px; float: left;}
.phone_dh .search_right{width: 80px; float: right;}
.p_top02 h1{position: absolute; top:55px;}
.p_top02{margin-top: 5px;}
/*.phone_dh .header{ height: 90px;}*/
.body_scroll .phone_dh .header{height: 40px;}
/*.top_144{ margin-top: 110px;}*/

.phone_dh .p_top02 .phone_right{width: 100%;}

}
@media only screen and (max-width:350px){
.qita .bx-wrapper .bx-controls-direction .bx-prev{left:70%!important;}
}

/*当页面宽度小于760px*/
@media screen and (max-width: 760px) {
	.nav_list_left{ width: 150px;}
	.nav_list_left span{display:inline-block;padding:0 6px;}

  .footer .f_top>ul>li{
  	width: 100%;
    margin-top: 5px;
    box-sizing: border-box;
    margin-left: 0px;}
  .footer .f_top>ul>li ul{margin-top: 0;}
  .footer .f_link dt{width: 100%;}
  .footer .f_link dd{width: 100%;margin-top: 5px;}
  .footer .f_link dd a{padding-left: 0;margin-left: 0px;}
  .footer .f_logo{margin:12px 0;}
  .footer .f_logo p{width: 60px;}
  .footer .f_logo a{width: 140px;margin-top: 10px;}
  .footer .f_logo a img{width: 100%;}
  .footer .f_copy{margin-top: 20px;}
  .footer .f_copy .f_c_left{float: left;width: 100%;}
  .footer .f_copy .f_c_left a:first-child{padding-left: 0;}
  .footer .f_copy .f_c_right{float: left;width: 100%;margin-top: 5px;line-height: 20px;padding-bottom: 14px;}
  .footer .f_copy .f_c_right{float:left;}
  .footer .f_link .friendly_link {float: none;margin-top: 0px;}
  .cat_Advertisement{ background-size:100% auto !important;background-repeat:no-repeat;width:100%;padding-top:13%;height:0px;box-sizing:border-box;}

   .header .nav .phone_nav{width:26px;}
   .phone_dh .nav{width:26px;}
  .header .link{margin-right: 0;line-height: 30px;height:30px;background: #323232;text-align: right;}
  .header .link a{color: #ada195;display: inline-block;padding:0 14px;background: url(https://www.cccme.cn/templates/CCCME/images/dian.png) no-repeat left center;}
  .header .link a:first-child{background: none;}
  .header .link a:hover{color: #fff;}


  .header_top{display:none;}
  .scroll_logo{display: block;}
  .header_top .shop a{background: transparent;}
  .search{}
  .search input:first-child{width: 90%;}
  .search input:first-child+input{width: 10%;}
  .body_scroll .search input:first-child{width: 90%;}
  .body_scroll .search input:first-child+input{width: 10%;}
  .visible_nav .phone_ul{}
  .visible_nav .search{display: block;}
  .header_top .link a.sc_btn{display: inline-block;}
  .header .nav .phone_nav{margin-right: -8px;}
  
  .main{margin-top: 85px;}
	.pho_img{display:block!important;}
	.pc_img{display:none!important;}

	.nav_top{position:fixed;left:0;top:10px;width:100%;padding:0 10px 0 10px;}
	.logo{width:215px; padding-top:10px;}
	.header_nav{margin-top:52px;}
	.body_scroll .header_nav{margin-top:52px;}
	.nav{width:20%;}
	.menu-container{top:57px;}
	.visible_nav .phone_ul{}
	.header{height:108px;}
	.search_bar{ width: 482px; position: relative;}
	.search_left{ float: none; display: table; margin-bottom: 20px;}
	.search_right{ margin-left: 0;}
	.input_box .select_0 dd{z-index: 999999999999 !important;}
	
	
	.search_left .input_box {width: 100%;}
	.search_right{width: 148px; position: absolute; top:0; left:180px;}
	.input_box .select_0 dd{width: 150%; left: -40px;}
	
	.search_left .input_box .select_0 dt{max-width: 148px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	.search_left{width: 110px}
	.search_right{width: 105px}
	.search_right .input_box .select_0 dt{max-width: 148px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	
	.phone_dh .search_right{ position: static;}
	 .Cat_main_box_left
            {
                display: none;
            }
            .categoriesbar
            {
                height: 45px;
                width: 100%;
                box-shadow: 0px 1px 4px 2px rgba(33,33,33,0.1);
                padding: 0 15px;
                box-sizing: border-box;
                display: flex;
                align-items: center;
                justify-content: space-between;
                font-size: 16px;
                font-weight: bold;
                border-radius: 4px;
            }
            .Specialized_bar .swiper-button-next, .Specialized_bar .swiper-button-prev
            {
                top: -55px;
            }
            .Specialized_bar .swiper-button-next, .Specialized_bar .swiper-button-prev
            {
                right: 15px;
            }
            .Specialized_bar .swiper-button-prev, .Specialized_bar .swiper-container-rtl .swiper-button-next
            {
                right: 65px;
            }
            .Specialized_title
            {
                flex-direction: column;
                align-items: flex-start;
            }
            .Specialized_bar .morej
            {
                padding-left: 5px;
            }
            .qita .bxslider01 li
            {
                width: 45%;
            }
            /* 移动端重写 */
            .pc_Specialized_list
            {
                display: none;
            }
            .mobile_Specialized_list
            {
                display: block;
            }
            .mobileflex
            {
                display: flex;
                align-items: flex-start;
                justify-content: flex-start;
                flex-wrap: wrap;
            }
            .mobileitem
            {
                width: 50%;
                height: auto;
                box-sizing: border-box;
                padding: 5px;
            }
            .mobileimgauto
            {
                width: 100%;
                height: auto;
                border: 1px solid #e9e9e9;
            }
            .mobileitemauto
            {
                width: 100%;
                display: inline-block;
                height: 100%;
            }
            .bluemask
            {
                padding: 50px 24px;
            }
            .substationitem{
	    width: 100%; 
    }
}
/*当页面宽度大于768px小于960px*/
@media screen and (min-width:768px) and (max-width:960px) {
	   .Cat_main_box_left
            {
                display: none;
            }
            .categoriesbar
            {
                height: 45px;
                width: 100%;
                box-shadow: 0px 1px 4px 2px rgba(33,33,33,0.1);
                padding: 0 15px;
                box-sizing: border-box;
                display: flex;
                align-items: center;
                justify-content: space-between;
                font-size: 16px;
                font-weight: bold;
                border-radius: 4px;
            }
            .Specialized_bar .swiper-button-next, .Specialized_bar .swiper-button-prev
            {
                top: -55px;
            }
            .Specialized_bar .swiper-button-next, .Specialized_bar .swiper-button-prev
            {
                right: 15px;
            }
            .Specialized_bar .swiper-button-prev, .Specialized_bar .swiper-container-rtl .swiper-button-next
            {
                right: 65px;
            }
            .Specialized_title
            {
                flex-direction: column;
                align-items: flex-start;
            }
            .Specialized_bar .morej
            {
                padding-left: 5px;
            }
            .qita .bxslider01 li
            {
                width: 45%;
            }
            /* 移动端重写 */
            .pc_Specialized_list
            {
                display: none;
            }
            .mobile_Specialized_list
            {
                display: block;
            }
            .mobileflex
            {
                display: flex;
                align-items: flex-start;
                justify-content: flex-start;
                flex-wrap: wrap;
            }
            .mobileitem
            {
                width: 33%;
                height: auto;
                box-sizing: border-box;
                padding: 5px;
            }
            .mobileimgauto
            {
                width: 100%;
                height: auto;
                border: 1px solid #e9e9e9;
            }
            .mobileitemauto
            {
                width: 100%;
                display: inline-block;
                height: 100%;
            }
            .bluemask
            {
                padding: 50px 24px;
            }
            .cat_Advertisement{
            	width: 100%;
            }
	
}
/*当页面宽度大于960px小于1200px*/
@media screen and (min-width:960px) and (max-width:1200px) {
	.Cat_main_box_left {
    width: 35%;
    }
    .Cat_main_box_right {
        width: 65%;
        margin-top: 20px;
    }
    .Cat_main_box_left ul li {
        width: 100%;
        float: left;
    }
    .qita .bxslider01 li{
	    width: 22%;
    }
    .cat_Advertisement{
	    width: 100%;
    }
    .cat_subcont .cat_sublist{
		width: 640px;
	}
	.cat_subcont .cat_sublist .fore1{
		width: 100%;
	}
}
/*当页面宽度大于1200px*/
@media screen and (min-width:1200px) {

}
/*当页面宽度小于1200px*/
@media only screen and (max-width:1200px){
	.body_scroll .header2{display: none;}
	.pc_dh{display: none;}

	.phone_dh{display: block; }
	.phone_dh .header{padding: 10px; height: 100px; position: fixed;}
	.phone_dh .nav{width: 26px; height:25px; float: left; margin-right: 10px; margin-top:2px;}
	.index_bok .phone_dh .nav{ margin-top:5px;}
	.phone_dh .header .nav .phone_nav{margin-right: 0; height:25px;}
	.phone_dh .search_center{margin-right: 0 !important;border: 1px solid #eee;}
	.phone_dh .search{margin-right: 0}
	.phone_dh .search_right{margin-top: 5px;}
	.phone_dh .search .le input{padding-right: 10px; width: 210px;}
	.phone_dh .input_box .select_0 dt{ color: #000;background: url(https://www.cccme.cn/templates/CCCME/images/sj-b2.png) 95% center no-repeat;}
	.select dt span{padding-left: 14px;}
	.p_top01{ display: table; width: 100%;}
	.p_top02{ display: table; width: 100%; margin-top: 10px;}
	.p_top02 h1{float: left; width:60px;}
	.p_top02 h1 img{width: 100%;}
	.phone_right{float: right;}
	.p_top02 .search_right{ float: right}
	.p_top02 .phone_cat{ float: right;line-height: 42px;}
	.p_top02 .phone_cat a{padding:0 10px;}
	.top_144{margin-top: 120px;}
	.phone_dh .menu-container{top:56px;}
	.body_scroll .phone_dh .header{ display: block;}
	.body_scroll .phone_dh .p_top02{display: none;}
	.body_scroll .phone_dh .header{height: 40px;}
	
	.search_center22{ float: right;border:1px solid #d3d7d6; position: relative;}
	.searchone .le{  height:36px;flex:1;overflow: hidden;}
	.searchone .le .sele{ width:96px; float:left; margin:3px 0; height:30px;}
	.searchone .le input{ height:30px; margin:3px 0; line-height:30px; width:210px; outline:none; padding:0 15px; border:none;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;padding-right: 40px;}
	.phone_dh .searchone button{text-align:center; outline:none; border:none; font-size:16px;background:#004898; color:#fff; width: 80px;padding: 6px 0; height:38px;}  
	.phone_dh .search_right{width: 110px;margin-left: 10px;}
	.phone_dh .input_box .select_0 dd{left: auto; right: 0}
	
	
	.phone_dh .select dt{width: 90px;}
	.phone_dh .p_top02 .search_right{width: 170px;}
	.p_top01 .input_box .select_0 dd{width: 190%}
	.p_top02 .input_box .select_0 dd{width: 130%;} 

	.cate{margin-top: 120px !important;}
	
	.phone_gs{ float:left; width:50px; display:none;}
	.phone_gs img{width:100%;}
	.body_scroll .phone_gs{display:block;}
	
	
	/*导航跟随和不跟随一致效果*/
	.site{margin:30px 0;}
	.cate{height:0 !important; padding:0;}
	.search_box{display:none!important;}
	.phone_gs{ display:block;}
	.p_top02{display:none;}
	.phone_dh .header{height:40px;}
	.cate{margin-top:60px !important;}
	.top_144{margin-top: 65px;}


	.header{height:108px;}
	.top_144{margin-top:108px;}
	.banner_ul_text{font-size:26px;top:41%;}
	
	
	.header{z-index: 99999999999999 !important;}
	.header_nav{ margin-top: 20px;}
	.banner_ul_text{ width:70%;}


	.Discover_list_4_box ul li{width:43%;}
	.Discover_list_4_box ul li{border-left:0;height:auto;padding-bottom:20px;}
	.Discover_list_4_box ul li p{margin-top:3%;}
	.Discover_list_4_box ul li:nth-child(2){border-right:0;}
	.Discover_list_4_box ul li:nth-child(4){border-right:0;}
	.upcoming_fu p{ width: 80%; margin-top: 18%}


  .header *{box-sizing: border-box;-webkit-box-sizing: border-box;}
  .header .nav>ul>li{display: none;}
  .header .nav .phone_nav{display: block;color: #fff;float: right;height: 50px;width: 26px;text-align: center;margin-right: 15px;margin-top:0px; z-index: 9999999999}
  
  /*导航按钮开始*/
  .phone_nav .toggle{position: relative;cursor: pointer;height: 25px;}
  .phone_nav .toggle span {position: relative;font-size: 0;width: 26px;height: 3px;background-color: #004898;display: inline-block; cursor: pointer;}
  .phone_nav .toggle span:before,.phone_nav .toggle span:after {content: "";position: absolute;width: 100%;height: 3px;background-color: #004898;left:0px;}
  .phone_nav .toggle span:before{top:-7px;}
  .phone_nav .toggle span:after{top:7px;}
  .visible_nav .toggle span{background-color: transparent;}
  .visible_nav .toggle span:before{left:5px;top:0px;
    transform: rotateZ(45deg);
    -webkit-transform: rotateZ(45deg);
    -ms-transform: rotateZ(45deg);
  }
  .visible_nav .toggle span:after{top:0px;left: 5px;
    transform: rotateZ(-45deg);
    -webkit-transform: rotateZ(-45deg);
    -ms-transform: rotateZ(-45deg);
  }
  /*导航按钮结束*/
  /*二级导航关闭按钮开始*/
  .hide-submenu {position: absolute;top: 0;left: 0;width: 60px;height: 100%;cursor: pointer;background-color: #313131;}
  .hide-submenu:before {opacity: 0;content: "";position: absolute;top: 0;right: 12px;bottom: 0;
    margin: auto;padding: 4px;width: 6px;height: 6px;cursor: pointer;font-size: 0;border-bottom: 2px solid #ededed;border-right: 2px solid #ededed;-webkit-transform: rotate(135deg);transform: rotate(135deg);
-ms-transform: rotate(135deg);left: 0;right: -6px;-webkit-transition: opacity 0.1s ease-out;transition: opacity 0.1s ease-out;-ms-transition: opacity 0.1s ease-out;}
  .view-submenu .hide-submenu {
    background-color: #0650a1;
  }
  .view-submenu .hide-submenu:before {
    opacity: 1;
  }
  /*结束*/
  .menu-container{
    top:88px;
    position: absolute;
    left: 0px;bottom:0px;right: 0px;
    visibility:hidden;
    z-index: 99;
  }
  .visible_nav .menu-container {
    visibility:visible;
  }
  .view-submenu .menu-container {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  
  .phone_ul{
    position: absolute;top:0px;bottom: 0px;left:0px;
    right:0px;
    opacity: 0;background-color:#004899;
  }
  .visible_nav .phone_ul{
    opacity: 1;
  }
  .phone_ul li{text-align: left;height: 40px;line-height:40px;width:100%;padding:0 30px;border-bottom: 1px solid #1b6fce;}
  .phone_ul li span{float: right;display: block;
    width: 15px;height: 15px;text-indent: -9999px;cursor: pointer;
    position: relative;top:50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);
  }
  .phone_ul li span:after{
    content: "";
    position: absolute;
    top:3px;right:3px;
    border-right:1px solid #fff;border-bottom: 1px solid #fff;
    width: 6px;height: 6px;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
  }
  .phone_ul li ul.submenu{
    position: absolute;
    width:100%;
    top: 0;
    left: 100%;
    bottom: 0px;
    background-color: #004899;
  }
  .submenu li {margin-left: 60px;}
  .menu-loginflex{display: flex;align-items: center;}
  .menu-headbar {display: flex;align-items: center;justify-content: space-between;padding: 19px 30px!important;height: auto!important;background: #f9fbfd;}
  .phone_ul li.menu-headbar a{font-size: 15px;color: #888;width:auto;}
  .menu-img {width: 32px;height: 32px;border-radius: 50%;overflow: hidden;margin-right: 14px;}
  .phone_ul li.menu-headbar span:after {border-right: 1px solid #999;border-bottom: 1px solid #999;margin-top: 8px;}
  .phone_ul li a{color: #fff;float: left;display: block;width: 80%;}
  .header .nav>ul>li>ul>li p{display: none;}
  
  .f_link.wrap.cf  dl{display: inline-block;margin-top:0px;float:none;}
  .footer .f_link .friendly_link .huabox { flex-direction:column;align-items:flex-start;margin-top:20px;}
  .footer .f_link .friendly_link .huadong .notice_active li{width:100%}
  .footer .f_link .friendly_link .huadong .notice_active li.notice_active_ch span{width:100%;}
}
@media only screen and (max-width: 1300px){
  .wrap{padding:0 10px;box-sizing: border-box;}
  .search_box{width: 100%;box-sizing: border-box;max-width: 100%;padding: 0px 30px;}
  
	.pc_nav>li>span{ margin: 0 20px}
	.pc_nav>li .nav_child{ width: 175%}
	.pc_nav>li:first-child + li .nav_child{ width: 100%;}
	.pc_nav>li:first-child + li + li .nav_child{ width: 204%}
	.pc_nav>li:first-child + li + li + li .nav_child{ width: 134%}
	.pc_nav>li:first-child + li + li + li + li + li .nav_child{ width: 135%;}
	.cat_Advertisement{
		 width: 100%;
        height: auto;
        background-color: red;
        background: 100% no-repeat;
        padding: 0px;
        margin-top: 10px;
	}
}
