﻿@charset "utf-8";
/* CSS Document */

@media (max-width: 1199px){
	.xm-db{ display:block;}
	.xm-dn{ display:none;}

        .xm-pl15{ padding-left: 40px;}
	.xm-pr15{ padding-right: 40px;}

	.banner li{height:3rem;}
	.product .pro_item .showimg{ height:1.7813rem}
	.news li .news_left a{ height:.64rem;}
	.culture ul li a{ height:1.553rem;}
	.culture ul li h3{ margin-top:.25rem;padding-top:.2rem}
	.culture h1 span{ padding:0 .2rem; line-height:.4rem; font-size:.3rem;}
	.culture h1 span:first-child,.culture h1 span.first{ background:url(/skin/images/radius.png) no-repeat left center;}
	.honor li a{ height:1.578rem;}

	.video li a{ margin-bottom:.25rem; }
	.video li div{ height:1.525rem;}
	.map{ height:2.5rem;}
	.con_tab table{ width:60%;}
	.plan li .p_img{ height:1.125rem;}
	.pro_open .pro_c_box{ width:94%;}
	
	.company .c_right .c_r_img{ height:2.2125rem;}

	.development .d_left{ margin-left: 3.96%;}
	.news li{ padding-left: 40px; padding-right: 40px;}
}

@media (max-width: 991px){

	.bm-db{ display:block;}
	.bm-dn{ display:none;}
	.bm-pl30{ padding-left: .3rem;}
	.bm-w87{ width:87.74%; padding-left: 6.13%; padding-right: 6.13%;}

	.header{ height:.726rem;}
	.header .logo{ width:1.484rem; height:.5605rem; margin-top: .08275rem;}
	.a-nav{ width:.635rem; height:.726rem; background:url(/skin/images/nav_dot.jpg) no-repeat center center; background-size:.37rem .304rem;}
	.sv-nav{ background-color: #1e242a; padding-bottom: 2rem;  position:absolute; width:100%; top:0; left:0; z-index: 999;}
	.nav li{ float:none; margin: 0;}
	.nav li > a{ line-height: 1.16rem; font-size: .423rem;}
	.nav li > span{ display:none;}
	.nav li.act > a{ background-color: #c79556; color:#fff;}
	.nav .snav{ background:#f0f3fc; padding:.2rem 0;}
	.nav .snav a{ display:block;color:#666; line-height: .84rem; font-size:.31rem; color:#666; }
	.language a{ line-height: .58rem; width:2.22rem; font-size: .31rem; border-radius: .3rem;}
	.logo1{ width:4.41rem; height:1.39rem; margin:.95rem auto .6rem;}
	.sv-nav .a-close{ width:.6rem; height:.6rem; top:.35rem; right: .35rem; background:url(/skin/images/nav_close.png) no-repeat center center; background-size: .36rem .36rem;}
	.product .pro_item .showimg{ height:2.4rem;}

	.news li .news_left{ width:25%; margin-right: 5.5%; margin-left: 2%;}
	.news li .news_detail{ width:56%;}
	.news li .news_left a{ height:.735rem;}
	.news li .news_go{ margin-right: 2%;}
	
	.ad_img{ height:1.815rem;}
	.ad_img .title{ padding-top:.56rem;}
	.ad_img .news_data{ padding-top: .43rem;}
	.ad_img .news_data h2{ line-height: .36rem; background-size:.324rem .36rem; padding-left: .45rem; font-size: .24rem; }
	.bx_adimg{ height:3.025rem;}
	.bx_adimg .title{ padding-top:1.1rem;}
	.plan li{ width:33.33%; }
	.plan li .p_img{ height:1.48rem;}
	.join .li{ width:33.33%;}

	.pro_center .p-left{ display:none;height: .8rem;  line-height:.8rem; width: 100%; padding: 0; margin-bottom: .3rem}
	.pro_center .p-left ul{ z-index: 997; background: #fff;  position: absolute; left: 0;  top: .8rem; width: 100%;}
	.pro_center .p-right{ width: 100%;}
	.pro_center .p-right li .p_img{ height: 2rem}
	.pro_center .p-left li > a, .pro_center .p-left li > a{ padding-top: 0; padding-bottom: 0; font-size: 14px; line-height: 40px;}
}

@media (max-width: 767px){
	p img{width:100%;}
	.sm-dn{ display:none;}
	.sm-db{ display:block;}
	.sm-w100{ width:100%}
	.sm-mb20{ margin-bottom: .2rem;}
	.sm-w87{ width:87.74%; padding-left: 6.13%; padding-right: 6.13%;}
	.banner li{height:4rem;}
	.text{ font-size: .3rem; line-height: .4rem;}
	.text h1{ font-size: .36rem; line-height: .56rem;}
	.header{ height:1.04rem; border-bottom: 4px solid #dfe0dd;}
	.header .logo{ width:1.96rem; height:.74rem; margin-top: .15rem;}
	.a-nav{ width:.48rem; height:1.04rem; background-size:.28rem .23rem;}
	.nav li > a{ line-height: .88rem; font-size: .32rem;}
	.nav .snav{ padding: .15rem 0;}
	.nav .snav a{ display:block; line-height: .64rem; font-size: .24rem;}
	.nav .snav a:hover{ color:#284286;}
	.logo1{ width:3.34rem; height:1.05rem; }
	.language a{ line-height: .44rem; width:1.68rem; font-size: .24rem;}

	.banner .bx-wrapper .bx-pager.bx-default-pager a{ width:20px;}
	.banner .bx-wrapper .bx-pager.bx-default-pager a.active{width:25px; }
	.banner .bx-wrapper .bx-pager{ bottom:.2rem;}
	.banner .bx-wrapper .bx-controls-direction a{ width:.28rem; height:.48rem; margin-top: -.24rem;}
	.banner .bx-wrapper .bx-controls-direction a.bx-prev{ background-size: .28rem .48rem;}
	.banner .bx-wrapper .bx-controls-direction a.bx-next{ background-size: .28rem .48rem;}
	
	.title h1{ font-size: .36rem; line-height: .56rem;}
	.product .pro_tab a{ width:98px;}
	.product .pro_item .showimg{ height:3.11rem;}
	.product .pro_item li p{ font-size: .3rem; line-height: .4rem;}
	.solution .bx-viewport{ padding-top: .8rem}
	.solution li .s_div{ padding:1.3rem .5rem .5rem}
	.solution li .s_icon{width:1.4rem; height:1.4rem; margin-left: -.7rem; top:-.7rem; background-size: 1.4rem 1.4rem; }
	.solution li h1{ font-size: .4rem; line-height: .52rem; padding-bottom: .3rem;}
	.solution li p{ margin-bottom: .4rem;}
	.solution li p,.solution li a{ font-size: .3rem; line-height: .4rem;}
	
	.news li{ padding:.4rem 0 .35rem}
	.news li .news_left{ width:100%; margin-right: 0; margin-left:0; height:auto;}
	.news li .news_left a{ border:none; position:static; height:2.52rem;}
	.news li .news_detail{ width:100%;}

	.news li:hover,.news li.act{ background:#fff; transition: none;}
	.news li:hover .news_left,.news li.act .news_left{ border-color:#efefef;}
	.news li .news_detail{transform: scaleX(0px); -webkit-transform: translateX(0px); transition: none;}
	.news li:hover .news_detail,.news li.act .news_detail{transform: scaleX(0px); -webkit-transform: translateX(0px);transition:none;}
	.news li h1 a{ color:#333; font-size: .4rem; line-height: .56rem; }
	.news li p,.news li:hover p{ color:#999; font-size: .3rem; line-height: .4rem;}
	.news li:hover h1 a{color:#333;}

	.more{ font-size: .32rem; line-height: .7rem;}

	.foot{ padding:.4rem .6rem .26rem; height:auto; line-height: 0;}
	.foot_r a.sx-dn{ display:none;}
	.foot_r{ width:100%;}
	.foot_r .bdshare-button-style1-32{ margin:0; width:100%; text-align: center;}
	.foot_r .bdshare-button-style1-32 a{ float:none; width:.6rem; height:.6rem; border-radius:50%; background-color: #272727;background-size:.45rem 2.893rem; }
	.foot_r .bdshare-button-style1-32 a.bds_sqq{ background-position: .14rem .14rem; }
	.foot_r .bdshare-button-style1-32 a.bds_tsina{ background-position:.11rem -1.18rem;}
	.foot_r .bdshare-button-style1-32 a.bds_weixin{ background-position:.1rem -2.45rem;}
	.foot p{ line-height:.4rem; font-size: .3rem; margin-top:.3rem; text-align:center;}
	
	.development .d_left{ width:22.08%;}
	.development .d_right{ width:77.92%;}
	.development .d_right li{ padding:.2rem 0 .3rem; line-height:.4rem; font-size:.3rem}
	.development .d_right li .d_r_s1{ width:14%;}
	.development .d_right li .d_r_s2{ width:86%;}
	
	.company .c_left{ width:100%; margin-bottom:.3rem}
	.company .c_left .c_text{ padding:0; font-size:.3rem; line-height:.4rem;}
	.company .c_right{ width:100%; margin-bottom:.3rem}
	
	.culture h1 span{ padding:0 .4rem; font-size:.4rem; line-height:.5rem;}
	.culture ul{ margin-top:.65rem;}
	.culture ul li{ width:100%;}
	.culture ul li a{ height:3.01rem; width:100%; margin-bottom:.3rem;}
	.culture ul li h3{ font-size:.4rem; line-height:.56rem; margin-top:.4rem; padding-top:.464rem;}
	.culture ul li p{ font-size:.3rem; line-height:.4rem;}
	
	.honor h5{ font-size:.34rem; line-height:.5rem;}
	.honor li,.video li{ width:50%;}
	.honor li a{ height:2.2rem; margin-top:.4rem;}

	.video li a{ margin-bottom:.4rem; }
	.video li div{ height:1.956rem;}
	.video li a span{ background-size: .37rem .55rem;}

	.np_pager{ height:1rem;} 
	.np_pager .pager_a{ line-height: 1rem;}
	.p_goback{ width:1rem; height:1rem; background-size:0.46rem .35rem;}
	.np_pager .pager_a{ font-size: .32rem;}
	.map{ height:3.5rem;}

	.con_us ul div{ width:50%; margin-bottom: .1rem;}
	.con_us ul div span{ width:.7rem; height:.7rem; background-size: .7rem .7rem;} 
	.con_us ul div p,.con_us li h5{line-height:.4rem; font-size:.3rem;}
	.con_us ul div p{min-height: 1.2rem; max-height: 1.2rem; }
	.con_tab table{ width:100%;}
	.con_tab table td .btn{ line-height: 18px;}

	.plan li{ width:50%; margin-bottom: .35rem;}
	.plan li .p_img{ height:2.2rem;}
	.plan li .p_text h1{ font-size: .32rem; line-height: .52rem;}
	.plan li .p-a{ font-size: .24rem; line-height: .5rem; width:1.5rem;}

	.pro_open .pro_c_box h1 a{ font-size: .3rem; line-height: .4rem; margin-bottom: .15rem;}
	.pro_open .pro_c_box{ width:100%;}
	.pro_open .pro_l{height:3.2rem; margin-bottom: .3rem;}
	.pro_open .pro_b{ margin-bottom: .3rem;}
	.pro_open .pro_r{ height:auto;}
	.pro_open .pro_r, .pro_open .pro_l{ width:92%;  padding:1.9% 4%;}
	.pro_open .pro_r .pro_p{ min-height: auto; max-height: auto;}
	.pro_buy{ font-size: .3rem; line-height: .4rem;}

	.join .li{ width:50%;}
	.join .li a{ border-width: .08rem;}
	.join .li .j_d h1{ font-size: .30rem; line-height: .52rem; height:30px; overflow:hidden;}
	.join .li .j_d p{ font-size: .24rem; line-height: .36rem;}
	.join .li .j_d .j_p span{ display:block; float:none;}
	.join .li .j_p b{ height:0.09rem; width:.26rem; top: -.045rem;}

	.b_nav{ position:absolute; top:.82rem; left:0; width:100%; background:#fff; z-index: 998; padding-bottom: .2rem;}
	.b_nav a{ display:block; font-size: .3rem; line-height: .4rem; padding:.15rem 0;}

	.pro_center .p-right li{ width: 47.92%;}
	.pro_center .p-right li .p_img{ height: 2.5rem}
	
	.bigImage .big_box{ width: 65%; padding: .5rem 5%;}
	.bigImage .big_box.li .j_d h1{font-size: .36rem; line-height: .52rem;}
	.join_gw .li .j_p, .join_gw .j_d .j_text,.bigImage .big_box.li .j_d h2{font-size: .24rem; line-height: .36rem;}
	.join_gw li .j_text{ height:300px; overflow:hidden; display:block;}
	.bigImage .big_box.li .j_d h4,.bigImage .big_box.li .j_d h6{ font-size: .24rem; line-height: .3rem;}

	.company .c_right .c_r_img{ height:auto;}
	.company .c_right .c_r_img span{ background-size:.68rem .68rem;}

	.bigImage .big_box.li .j_text{ height:2.6rem;}
}	


