/* 大屏幕（大桌面显示器，大于等于 1200px） */
@import url(../../web/css/PcMax.css) screen and (min-width: 1200px);

/* 中等屏幕（桌面显示器，大于1024小于1200） */
@import url(../../web/css/Pc.css) screen and (min-width: 1024px) and (max-width:1200px);

/* 小屏幕（平板，大于640小于1024） */
@import url(../../web/css/Pad.css) screen and (min-width: 640px) and (max-width: 1024px);

/* 超小屏幕（手机，小于 640px） */
@import url(../../web/css/Mobile.css) screen and (max-width: 640px);


/*
 * PcMode-max
 */
 html{font-size: 16px}
body:after {
  display: block;
  height: 0;
  line-height: 0;
  overflow: hidden;
  visibility: hidden;
  content: 'Pc';
}
.wrap{max-width:1200px;margin-left:auto;margin-right:auto; *width:1200px;}
.box2{max-width:1200px;margin-left:auto;margin-right:auto; *width:1200px;}
.PcMode:after { content: 'Pc' !important;}
.UnpcPush, .MobilePush { display: none;}


/*
 * PcMode-min
 */
@media only screen and (min-width: 1024px){
	.company_item ul li.zixun{ border:none}}
@media only screen and (max-width: 1200px){
	 .advtage_img img{ max-width:100%; margin-left:0}
	 .ys1 img { max-width:100%}	 
	 }
@media only screen and (min-width: 1024px) and (max-width: 1200px){

.wrap{max-width:1002px;}
.box2{max-width:1002px;}

}
@media only screen and (min-width:1440px) and  (max-width:1600px){
	.carousel-inner > .item > img {
    width: auto;
    margin-left: -248px;
}
.guanggao_main img{ margin-left:-358px;}
}
/*
 * PadMode
 */
 
@media only screen  and (max-width: 1024px) {
	.m_cho dl {
		margin-top:1%
}
	}

@media only screen and (min-width: 640px) and (max-width: 1024px) {
	.wrap {
    padding-left: 2%;
    padding-right: 2%;
    max-width: none;
}
.box2{
padding-left: 2%;
padding-right: 2%;
max-width: none;
}
.head_tel {
    height: auto;
    padding: 5px 0 15px 0;
    text-align: center;
}
.head_tel a {
    display: inline;
    padding-left: 10px;
}
.logo_img, .logo_txt{
    height: 90px;
	line-height:90px
}

.jcarousel_main a.bx-prev{left:-4%;background:url(images/case_l.jpg) no-repeat center center;}

.jcarousel_main a.bx-next{right:-4%;}

body, input, textarea, button, select {

    font-size: 14px;

}
.pro_img img {
    padding-top: 20%;
}
.child .childContent .childContentli{font-size: 12px;line-height: 28px;}
.child .childContent .childContentli:hover{font-size: 12px;line-height: 28px;}
.hot_word {
    width: 100%;
	margin:0 auto;
}
.hot_search {
    margin: 0 auto;
	float:none;

}
.box2 .right {
    padding: 0 2%;
    background-color: #fff;
    margin-left: 26%;
    width: 71%;
}
.nei_zixun .liuyan {
    margin-left: 0px;
	margin-top:10PX;
}

}
@media only screen and (max-width: 800px) {
	.ys1{width:100%;}
	.ys1 img{ margin:0; max-width:100%}
	.ys2{width:100%; margin:0 auto;padding-left:5%;}
	.ys-txt .num {
    font-size: 46px;
    line-height: 50px;}
	.ys-txt .tt1 {
    font-size: 22px;}
	.f18 {
    font-size: 16px;}
	.ys3{ display:none}
	.ys-txt{ text-align:center}
	.ys-txt p{ margin:0 auto}
	.navmenu li.child:hover, .navmenu li.child.on {

    color: #fff;
    background:#0f62d3; line-height:73px}
	.navmenu li.child a:hover, .navmenu li.child.on a {
		line-height:73px;

    color: #0f62d3;}
	.products_left{
	  position: relative;
      float: left;
      width: 100%;
      margin-right: 0;
}
.products_slide .products_box h3{
    font-size: 24px;
    background-repeat: repeat-x;
    position: relative;
    line-height: 55px;
}
.products_slide .products_box h3::after {
    position: absolute;
    display: block;
    font-family: 'iconfont';
    content: '+';
    right: 10px;
    top: 0;
    font-weight: normal;
	font-size:32px;
}
.logo_img a{ padding-right:4%}
.products_slide .tel-box {
    display: none;
}
.products_right_c {
    margin-left:0px;
}
.advtage_u_l {width:98%;}
.advtage_u_r {width:98%;}
.advtage_d_l {width:98%;}
.advtage_d_r {width:98%;}
.box2 .left{width:100%}
.box2 .right{width:93%;margin-left:0px;}
.box2 .left{ float: none;margin-right:0px;}
.box2 .right { float: none; position:relative}
.left1_title{
	font-size: 24px;
    background-repeat: repeat-x;
    position: relative;
   line-height: 55px;
}
.left1 .left1_title::after {
    position: absolute;
    display: block;
    font-family: 'iconfont';
    content: '+';
    right: 10px;
    top: 0;
    font-weight: normal;
}
.leftcontact{ display:none}
.nei_zixun .liuyan{
	margin-top:10px;
	margin-left:0;
}
.footer {
    font-size: 12px;
}
.footer_contact a {
    font-size: 12px;
}
.copyright p a {
    font-size: 12px;
}
.catalog{ display:none}
.logo_txt p {
    font-size: 18px;}
.pro_itemall{ display:none}
.title20 a {
    font-size: 18px;
    color: #4b4b4b;
    position: relative;
    line-height: 45px;
	font-size: 18px;
}
.title21 {
    margin: 20px 0 10px;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
}
.box2 {padding-left: 2%;
padding-right: 2%;}
.box2 .right {
    width:94%;
    margin-left: 0px;
	padding:3%;
}
.mianbao a{
    font-size: 14px;
}
.about_left{width:100%; text-align:center}
.about_left img{max-width:100%;}
.about_right{width:100%}
.youshi_title {
    width: 80%;}
.navmenu li.child .menu_title {
    font-size: 14px;}
.hot_word {
    width: 100%;
	margin:0 auto;
	text-align:center
}
.hot_search {
    float: left;
}
.fwlc li em{
    padding-top:10px;
	padding-bottom:10px;
}
.advtage_img img{ max-width:160%; margin-left:-125px}
.advtage_title .n{font-size: 19px; font-weight:600}
.m_cho dl {
    float: left;
    width: 47.5%;
    max-width: 280px;
    background: #dcdcdc;
    margin-right: 2.5%;
    height: 350px;
    box-shadow: 1px 1px 10px #aaa;
}
.m_cho dd{padding-right: 2%;}
.company_item ul li {
    width: 168px;}
}
@media only screen and (max-width:64em){
	.top{display:none;}
	.logo_left{width:98%}
	.logo_right{width:98%}
}
/*
 * MobileMode
 */
@media only screen and (max-width: 640px) {
	.wrap {
    padding-left: 4%;
    padding-right: 4%;
}
	.pro_list {
    float: left;
    margin-right: 2%;
    width: 48%;
    transition: .2s width ease;
    text-align: center;
}
.news_left {width:98%}
.contact_right {width:98%}
.fadeInLeft {width:98%}
.fadeInRight {width:98%;}
.nei_zixun .liuyan {
    margin-top: 0px;
    margin-left:13px;
}
.logo_img{width: 90%;height: 60px; line-height:60px;overflow: hidden;}
.logo_img::after {
    width: 1px;
    height: auto;
    position: absolute;
    right: 0;
    top: 10px;
    bottom: 10px;
    margin-top: 0;
}
.logo_txt{width: 100%;height: auto; display:none}
.logo_txt p {
    padding: 10px 0;
    font-size: 14px;
    line-height: 1.5;
    display: inherit;
    text-align: center;
}
.logo_txt::before {
	display:none
}
.logo_right{ display:none}
.nav_skin {
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 999;
}
.wapNavBtn {
    display: block;
    top: 16px;
    right: 16px;
    width: 24px;
    font-size: 24px;
}
header .fa{font-size:30px; font-weight:normal}
.nav_skin ul.navmenu {
    position: absolute;
    width: 262px;
    height: 280px;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
    text-align: center;
}
.nav_skin .navmenu li.child{
    margin: 10px 7px;
    font-size: 12px;
    width: 69px;
    height: 69px;
    line-height: 69px;
    border: 2px solid #fff;
}
.nav_skin .navmenu li.child .menu_title {
    color: #fff;
    font-size: 12px;
}
header .wapNavBtn { display:block;top: 16px;
right: 16px;
width: 24px;
font-size: 24px;}
.public_left{ display:none}
.public_center{width:98%;}
.public_right{width:98%; text-align:center}
.pro_listbox p {
 font-size: 12px;
line-height: 32px;
}
.footer_message_left{ width:98%}
.footer_message_right{ display:none}
.footer_menu{ display:none}
.footer_contact p{ text-align:center;color:#fff}
.footer_contact p a{font-size: 12px;
line-height: inherit; color:#fff;background-color: #2966b6;}
.copyright p a{font-size: 12px;
line-height: inherit;}
#top{ display:none}
#bdshare{display:none}
.nei_banner{display:none}
.mianbao{display:none}
.icon-caidan3::before {
    content: "+";
}
.hot_search .form-control {
    height: 38px;
}
.hot_search .search_btn {
    height: 38px;
}
.hot_search{
    width: 95%;
}
.products_content {
    text-align: center;
    padding:0;
}
.products_main {
    padding-bottom: 1em;
}
.products_list .pro_listall{ display:none}
.childContent{ display:none}
.title_name h2 {
    font-size: 20px;
    line-height: 1.2;
}
.title_name h3 {
    font-weight: lighter;
    font-size: 16px;
    line-height: 35px;
}
.jcarousel_main a.bx-prev {
    left:-2%;}
.jcarousel_main a.bx-next {
    right: -2%;
}
.advtage_box h3 p {
    font-size: 18px;
    line-height: 1.4;
}
.advtage_box h3 small{
    font-size: 15px;
}
.advtage_box h3::before{
    top: 8px;
    width: 40px;
    height: 40px;
    background-image: none;
    font-size: 24px;
    line-height: 40px;
}
.advtage_box h3 {
    padding-left: 50px;
}
.advtage_box p {
    padding-left: 50px;
    font-size: 12px;
}
.advtage_main {
    padding: 1em 1em;
}
.advtage_box {
    padding-bottom: 10px;
}
.box-t {
    font-size: 20px;
}

.news_main {
    padding: 1em 1em;}

.about-box p {

    line-height: 2;
    padding: 15px 0 0 0;

}
body, button, dd, dl, form, h1, h2, h3, h4, h5, ol, p, ul, menu {

    margin: 0;

}
body, h1, h2, h3, h4, h5, h6, div, ul, li, ol, dl, dt, dd, td, p, pre, form, fieldset, input, textarea, blockquote, th, button, em, select {

    padding: 0;
    margin: 0;

}
body, button, dd, dl, form, h1, h2, h3, h4, h5, ol, p, ul, menu {

    margin: 0;

}
body, h1, h2, h3, h4, h5, h6, div, ul, li, ol, dl, dt, dd, td, p, pre, form, fieldset, input, textarea, blockquote, th, button, em, select {

    padding: 0;
    margin: 0;

}
.news_center {

    text-align: left;

}
body {
    font: 12px/1.8 'Microsoft Yahei',Arial,sans-serif;


}
.copyright{ display:none}
.wapNavBtn.on{display: none;}
.products_slide .products_box ul { display:none}
ul.navmenu li.child:hover .childContent{ 
     display:none;	
}
.section_find {
    padding: 10px 0;}
.hot_word p {
    font-size: 16px;
    padding-bottom: 5px;
    text-align: center;
    color: #000;
}
.logo_img {
    width: 86%;}
.mianbao a{
    font-size: 14px;
}
.pr_name {
    font-size: 26px;

}


.hot_word p{ margin:0 auto;float: none;line-height: 26px;}
.hot_search { margin:0 auto;float: none;}
.pro_img img {
    padding-top:0%;
}
.pro_listbox {
    margin-bottom: 2.4%;
	}
.pro_list {
    margin-right: 2.3%;
    width: 47%;}
.products_right{ margin-top:2%}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
    position: absolute;
    top: 30%;}
.hot_word {
    width: 100%;
    float: none;
}
.hot_word span{ display:block; float:none}
.t1{ background:url(images/t11.png) left 10px no-repeat;} 
.t2{ background:url(images/t22.png) left 10px no-repeat;} 
.t3{ background:url(images/t33.png) left 10px no-repeat;} 
.t4{ background:url(images/t44.png) left 10px no-repeat;} 
.carousel-inner > .item > img {
    width: 100%;
}
.carousel-inner > .item{ width: 125%;}
.hot_word span {
    line-height: 36px;}
.section_public {
    width: 100%;
    background-size: auto 100%;}
.bottom_email{ display:block}

}
@media only screen and (max-width: 480px) {
	.nei_zixun .liuyan {
    margin-top: 10px;
    margin-left: 0px;
}
.product_info{ float:none}
.nei_zixun a{ float:none; width:auto; text-align:left}
.img-wrap {
    height: 162px;
}
.pro_img{
    height: 162px;
}
.pro_listbox {
    border: 2px solid #e2e2e2;
}
.about_us h1 {
    text-align: center;
    font-size:20px;
	}
.youshi_title {
    width: 100%;}
.youshi_title p.big {
    font-size: 24px;}
	
.title .n {
    font-size: 24px;
	}
.public_title .n {
    font-size: 24px;}
.title .n strong {
    font-size: 24px;}
.footer_message {
    text-align: left;
    background-color: #2966b6;}
.logo { position:fixed; z-index:998; background:#fff;border-top: 2px solid #0970b7; border-bottom:1px solid #f2f2f2}
header .wapNavBtn {
    display: block;
    top: 16px;
    right: 16px;
    width: 24px;
    font-size: 24px;
    color: #333;
	z-index:9999;
	
}
header {
    position: fixed;
    z-index: 9999;
    width: 100%;
    top: 0;
}
.banner {
    margin-top: 60px;
}
.servers-wap {
    display: block;
}
.section_find {
    margin-top: 60px;
}
.index_main .section_find{ margin-top:0;}
.box2 {
    padding-left: 4%;
    padding-right: 4%;
}
.right_main { margin:0 auto;width:100%; float:none; float:left}
#pro_baseinfo strong {
    font-size: 15px;
    font-weight: normal;
}
.company_item ul li {
    width: 138px;
}
.fwlc li{margin: 0 auto;
float: left;}
.advtage_title .n {
    font-size: 18px;
    font-weight: 600;
	line-height:30px;
}
.m_cho dd h3 {
    font-size: 20px;}
.about_title .n {
    font-size: 20px;
	height:52px;
}
.company_item ul li img {
    margin-right:8px;margin-left:8px}
	}
@media only screen and (max-width: 360px) {
	.img-wrap {
    height: 135px;
}
.pro_img{
    height: 135px;
}
}
@media only screen and (max-width:40em){
.productul li {
    float: left;
    margin-right: 2%;
    width: 48%;
    transition: .2s width ease;
}
}