@charset "utf-8";
/* CSS Document */
/*媒体查询代码，表示只有在屏幕尺寸小于1500像素的时候才会应用下面的样式*/
@media screen and (max-width: 1600px) {
.lobbox .box h1 {
	width:10%;
	height:auto;
	margin-top:5px;
}
.lobbox .naverbox2 {
	width:90%;
}
}
/*媒体查询代码，表示只有在屏幕尺寸小于1000像素的时候才会应用下面的样式*/
@media screen and (max-width: 1000px) {
.w{ height:255px;}
.w h{ height:40px; font-size:12px; line-height:20px;}
.w h2{ height:215px;}

.w2{ height:40px;}
.w2 h{ height:40px; font-size:12px; line-height:40px;}

 .top .box {
max-width:720px; /*最大宽度720像素*/
}
.head_top #w{ width:98%;font-size:14px;}
.head_top{height:auto; position:relative; z-index:0;}
 .lobbox .box {
max-width:720px; /*最大宽度720像素*/
height:45px;
background-color:#fff;
}
 .lobbox {
width:100%;
position:static;
overflow: hidden;
}
 .lobbox .nav {
display:none;/*此元素不会被显示*/
}
 .lobbox2 {
display:none;/*此元素不会被显示*/
}
 .lobbox .naverbox {
display:block; /*此元素将显示为块级元素，表示此元素单独占据位置，前后会带有换行符，其他元素跟他在同一行的会被迫换行，挤到下一行那里去*/
float:right;
}
 .lobbox .naverbox2 {
display:none;/*此元素不会被显示*/
}
 .lobbox .naverbox3 {
display:none;/*此元素不会被显示*/
}
 .lobbox .naverbox .btn {
height:45px;
padding-top:0px;
}
 .lobbox .naverbox .btn span {
display: inline-block; /*将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内，允许空格*/
width:60px;
height: 45px;
color: #333;
background:url(../images/icon.png) no-repeat center;
cursor: pointer;
}
.flexslider {
 position:relative;
 margin-top:0px;
 padding-top:0px;
}
 .sidebar-wrapper {
position: relative;
height: 100%;
overflow: auto;
}
 #dowebok {
display:block; /*此元素将显示为块级元素，表示此元素单独占据位置，前后会带有换行符，其他元素跟他在同一行的会被迫换行，挤到下一行那里去*/
background:#fff;
}
 #dowebok .naver {
}
 #dowebok .naver li {
position:relative;
}
 #dowebok .naver li p.active span, #dowebok .naver li p.you span {
position:absolute;
right:0px;
top:0px;
width:50px;
height:50px;
background:#fff url(../images/pic20.png) no-repeat center;
}
 #dowebok .naver li p {
border-bottom:1px solid #ccc;
}
 #dowebok .naver li p.you.active span {
width:50px;
height:50px;
background:#fff url(../images/pic21.png) no-repeat center;
}
 #dowebok .naver li p {
line-height: 50px;
}
 #dowebok .naver li p img{
vertical-align: middle;
}
 #dowebok .naver li p a {
display: block;
padding: 0 20px;
color: #666;
text-decoration: none;
}
 #dowebok .naver li p:hover {
color: #18C4C6;
background-color:#fff;
}
 #dowebok .naver li dl {
line-height:40px;
display:none;/*此元素不会被显示*/
}
 #dowebok .naver li dl a {
color:#666;
display:block; /*此元素将显示为块级元素，表示此元素单独占据位置，前后会带有换行符，其他元素跟他在同一行的会被迫换行，挤到下一行那里去*/
padding:0 40px;
text-decoration:none;
}
 #dowebok .naver li dl a:hover {
color:#18C4C6;
display:block; /*此元素将显示为块级元素，表示此元素单独占据位置，前后会带有换行符，其他元素跟他在同一行的会被迫换行，挤到下一行那里去*/
background:#fff;
text-decoration:none;
}
 [data-simplersidebar='active'] {
}
.ban {
	width:100%;
	margin:0px auto;
	padding-top:0px;
}
.banner {
margin-top:0px;
padding-top:50px;
max-width:100%;
}
.bt1{
    width:100%;
	font-size:12px;
}
.bt1 a{
    width:30.333333%; 
	font-size:12px;
	margin-right:3%;
}
.bt2 {
	display:none;
}
.wz{
    font-size:12px;
}
.wz a{
	font-size:12px;
}
.fl a {
    font-size: 14px;
	margin-left:3%;
	margin-right:3%;
}
.hock{
	width:100%;
	height:480px;
	float:left;
}
.dao {
	padding-top:10px;
}
.leti {
	font-size:22px;
	margin-bottom:3%;
}
.tabs_style1 > ul.sav {
	width: 100%;
}
.tabs_style1 > ul.sav > li {
    width:31.333333%;
	margin-left:1%;
	margin-right:1%;
}
.tabs_style1 > ul.sav > li > a {
	font-size:14px;
	margin-bottom:10%;
	text-decoration: none;
}
.tabs_style1 .tab-content {
	width:100%;
}
 .content {
max-width:720px; /*最大宽度720像素*/
}
.prowai6{
	width:23%;
	height:auto;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:1%;
	float:left;
}
.protext6 {
	width:100%;
	height:normal;
	margin-top:0%;
	margin-bottom:10%;
	text-align:center;
	line-height:normal;
	color:#fff;
	font-family:Lato;
	font-size:30px;
	font-weight:100;
}
.protext66 {
	width:100%;
	height:normal;
	text-align:center;
	line-height:30px;
	color:#fff;
	font-family:Lato;
	font-size:14px;
	font-weight:100;
}
.ink1 {
display:none;/*此元素不会被显示*/
}
.ink2 {
width:100%;
}
 .dyip .dyip_l {
float:none;
width:100%;
}
 .dyip .dyip_r {
float:none;
width:100%;
margin-top:2%;
}
 .dyip .dyip_f {
float:none;
width:100%;
margin-top:2%;
}
.dyip .dyip_f .box li .boxli {
 border:0px solid #CCC;
 padding:2%;
 margin-bottom:10%;
}
.dyip .dyip_f .box li .nr {
 line-height:24px;
 height:48px;
 overflow:hidden;
 padding-top:2%;
 padding-right: 0;
 padding-bottom:2%;
 padding-left: 0;
}
.prowai{
	width:48%;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:2%;
}
.prowai:hover p{
	font-size:14px;
	line-height:2400%;
}
.protext{
	font-size:12px;
}
.tj{
	width:49%;
	margin:0.5%;
}
.tt1{
	font-size:14px;
	margin-bottom:1%;
}
.tt2{
	font-size:12px;
}
.hj{
	width:48%;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:2%;
	border-radius:15px;
}
.hj .htt{
	bottom:0%;
}
.htt1{
	font-size:14px;
	margin-bottom:0%;
}
.htt2{
	font-size:12px;
}
.hn{
	width:48%;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:2%;
}
.hnt h{
	font-size:14px;
}
.hnt h2{
    height:40px;
	font-size:12px;
	line-height:20px;
}
.hnt h3{
	font-size:12px;
}
.product .show li .showli {
 border:1px solid #CCC;
 padding:2%;
 margin-bottom:10%;
 width:100%;
}
.product .show li .nr {
 line-height:24px;
 height:24px;
 overflow:hidden;
 padding-top:2%;
 padding-right: 0;
 padding-bottom:2%;
 padding-left: 0;
}
 .derp .derp_l {
float:none;
width:100%;
}
 .derp .derp_r {
float:none;
width:100%;
margin-top:2%;
}
 .derp .derp_r .box .r_l {
display:none;/*此元素不会被显示*/
}
 .derp .derp_r .box .r_r {
float:none;
width:100%;
border-left:0 none;
padding-left:0%;
}
 .derp .derp_r .box .r_f_l {
float:none;
width:100%;
height:auto;
border-left:0 none;
padding:0%;
}
 .derp .derp_r .box .r_f_r {
float:none;
width:100%;
border-left:0 none;
padding:0%;
}
 .dqwz .box {
max-width:720px;  /*最大宽度720像素*/
}
 .dqwz2 .box {
max-width:720px;  /*最大宽度720像素*/
}
 .dqwz3 .box {
max-width:720px;  /*最大宽度720像素*/
}
.dqwz3 .box a{
	width:26.33333%;
	padding-left:5%;
	margin-left:2%;
	float:left;
}
.dqwz3 .box a:hover{
	width:26.33333%;
	padding-left:5%;
	margin-left:2%;
	float:left;
}
 .dyip .box {
max-width:720px;  /*最大宽度720像素*/
}
 .derp {
max-width:720px;  /*最大宽度720像素*/
}
 .derp li {
float:none;
width:100%;
margin:1% 0;
}
 .dsanp {
max-width:720px;  /*最大宽度720像素*/
}
 .dsanp li {
width:48%;
}
 .dsip {
max-width:720px;  /*最大宽度720像素*/
}
 .con {
max-width:720px;  /*最大宽度720像素*/
}
.productd .showw .cl {
display:none;/*此元素不会被显示*/
}
.productd .showw .cr {
 width:100%;
 height:auto;
 float:right;
 clear:right;
}
.productd .ti {
 width:100%;
 height:auto;
 margin-top:3%;
 margin-bottom:3%;
 float:right;
 clear:right;
}
.case .ti {
 width:100%;
 height:auto;
 margin-top:3%;
 margin-bottom:3%;
 float:right;
 clear:right;
}
.productd .showw .cll {
display:block;/*此元素将显示为块级元素*/
}
.nw{
	width:100%;
}
.nwt {
	width:12%;
	font-size:12px;
}
.nwt2 {
	width:56%;
	padding-left:2%;
	padding-right:2%;
}
.nwt2 h {
	margin-bottom:2%;
}
.nwt2 h a{
	font-size:14px;
}
.nwt2 h2{
    width:100%;
	height:auto;
	margin-bottom:2%;
	color:#666;
	font-family:"微软雅黑";
	font-size:12px;
	line-height:20px;
	font-weight:100;
	text-decoration:none;
	text-align:left;
	float:left;
	word-break: break-word;
    text-overflow: ellipsis;
    display: -webkit-box; /** 将对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 2; /** 显示的行数 **/
    overflow: hidden;  /** 隐藏超出的内容 **/
}
.nwp {
	width:28%;
}
.news_content .title h2 {
	font-size:18px;
}
.news_content .title p {
    font-size:12px;
}
.news_content .news_nr {
	font-size:14px;
}
.ss input {
	font-size:12px;
}
.ss2 input {
	font-size:12px;
}
 .foot {
text-align:center;
}
 .foot .foot_t {
width:100%;
}
.foot .foot_tl {
    float:left;
	width:100%;
	margin-bottom:2%;
}
.foot .foot_tr {
	float:left;
	width:100%;
}
.foot .foot_tr span{
	font-size: 12px;
	line-height:20px;
}
.foot_t2 {
	font-size:12px;
}
.foot_t2 span{
	font-size:12px;
	float:left;
}
.rt {
	width:45%;
	margin-right:5%;
	margin-bottom:2%;
}
.rt h4 {
	font-size:14px;
	padding-bottom:0px;
	margin-bottom:10px;
}
.rt ul li a{
	font-size: 12px;
	line-height:20px;
}
.rt:nth-child(3) {
	clear: both;/*清除第三个rt栏目的浮动，让它自动换行*/
}
.rt2 {
	width:100%;
	margin-right:0%;
	margin-bottom:2%;
}
.rt2 h4 {
	font-size:14px;
	padding-bottom:0px;
	margin-bottom:10px;
}
.rt2 span {
	font-size: 12px;
	line-height:20px;
}
.foot .foot_tr h{
	font-size:14px;
}
.abl{
	width:100%;
	height:auto;
	margin:0px auto;
}
.abl img{
	width:100%;
}
.abr{
	width:100%;
	padding:0px;
	height:auto;
	margin:0px auto;
}
.abr h{
	margin-top:5%;
}
.abr span{
	margin-bottom:5%;
}
.cf {
	font-size:12px;
	line-height:200%;
}
.ak {
	width:100%;
	margin-bottom:0%;
}
.ak1 {
	width:100%;
	margin-bottom:3%;
	float:left;
}
.ak1 h{
    font-size:14px;
}
.ak1 span{
    font-size:12px;
    line-height:200%;
}
.ak2 {
	width:100%;
	margin-bottom:3%;
	float:left;
}
.ak2 h{
    font-size:14px;
}
.ak2 span{
    font-size:12px;
    line-height:200%;
}

.ck {
	width:100%;
}
.ck1 {
	width:100%;
	float:left;
}
.ck2 {
	width:100%;
	float:left;
}
.ckc{
    width:90%;
	padding-left:10%;
	margin-bottom:6%;
    font-size: 14px;
}
.ckc h{
    font-size: 14px;
}
.ckc span{
    font-size: 14px;
}
.ckc h2{
    font-size: 16px;
}
.ckc h3 a{
    width:33.333333%;
    font-size: 12px;
}



.sr{
    width:97%;
	font-size: 12px;
	line-height:30px;
}
.anm1 a {
    width:100px;
	height:35px;
	line-height:35px;
	font-size:14px;
}
.sz h{
    font-size:22px;
}
.sz h2{
    font-size:12px;
}
.shi {
    width:28.3%;
    height:auto;
	padding-left:2%;
	padding-right:2%;
    border-right: solid 1px #ddd;
	margin-top:1%;
	margin-bottom:1%;
	float:left;
}
.shi h{
    font-size:18px;
}
.shi h2{
    font-size:12px;
}
.con_a .about {
	font-size: 14px;
}
.ack {
    width:96%;
	padding:2%;
}
.js h{
	font-size:18px;
	margin-bottom:5%;
}
.js span{
	font-size:12px;
}
.js1 {
	width:100%;
	margin-right:0%;
	margin-bottom:5%;
}
.js2 {
	width:100%;
	font-size:12px;
}
.tabk ul li {
    width: 99%;
	margin-left:0.5%;
	margin-right:0.5%;
	margin-bottom:2%;
    font-size:14px;
	line-height:250%;
	border-bottom:#1a1a1a solid 3px;
}
.tabk ul li:hover {
	border-bottom:#18C4C6 solid 3px;
}
.tabk ul li.hover {
	border-bottom:#18C4C6 solid 3px;
}
.neir {
	font-size:12px;
}
.zp {
    width:48%;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:2%;
}
.zp h2{
	font-size:12px;
}
.zp h3 a{
    width:100%;
	height:40px;
	text-align:left;
	font-size:14px;
	color:#000;
	font-weight: bold;
	font-family: "微软雅黑";
	line-height:20px;
	text-decoration:none;
	word-break: break-word;
    text-overflow: ellipsis;
    display: -webkit-box; /** 将对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 2; /** 显示的行数 **/
    overflow: hidden;  /** 隐藏超出的内容 **/
	float:left;
}
.zp h4{
    width:90%;
	height:40px;
	margin-left:5%;
	margin-right:5%;
	margin-bottom:8%;
	text-align:left;
	font-size:12px;
	color:#666;
	font-weight: normal;
	font-family: "微软雅黑";
	line-height:20px;
	text-decoration:none;
	word-break: break-word;
    text-overflow: ellipsis;
    display: -webkit-box; /** 将对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 2; /** 显示的行数 **/
    overflow: hidden;  /** 隐藏超出的内容 **/
	float:left;
}
.zp h5{
	font-size:16px;
}

.gun_g li{ width:6.1%; margin:0 0.3% 0 0;}
.gun2_g li{ width:2.9%; margin:0 0.3% 0 0;}
.gun_g li font{ font-size:12px; }
.gun2_g li font{ font-size:12px; }
}

/*媒体查询代码，表示只有在屏幕尺寸小于720像素的时候才会应用下面的样式*/
 @media screen and (max-width: 720px) {
.w{ height:255px;}
.w h{ height:40px; font-size:12px; line-height:20px;}
.w h2{ height:215px;}

.w2{ height:40px;}
.w2 h{ height:40px; font-size:12px; line-height:40px;}

 .top {
display:block;/*此元素将显示为块级元素*/
}
 .lobbox .box {
max-width:520px;   /*最大宽度520像素*/
}
 .lobbox {
width:100%;
position:static;

}
 .lobbox .box {
border-radius:0;
}
.lobbox .box h1 {
    width: 25%;
	margin-top:0px;
}
.prowai:hover p{
	line-height:2000%;
}
.jj p{
    bottom:5%;
    width:90%;
	margin-left:5%;
	margin-right:5%;
	font-size:14px;
}
.jj:hover p span{
	font-size:12px;
}
.jj2 p{
    bottom:5%;
    width:90%;
	margin-left:5%;
	margin-right:5%;
	font-size:14px;
}
.jj2:hover p span{
	font-size:12px;
}
.jj3 p{
    bottom:5%;
    width:70%;
	margin-left:15%;
	margin-right:15%;
	font-size:14px;
}
.jj3:hover p span{
	font-size:12px;
}
.gc{
	width:98%;
	margin:1%;
}
.gc p{
    width:90%;
	margin-left:5%;
	margin-right:5%;
	font-size:16px;
}
.rc {
	width:100%;
	margin-right:0%;
	margin-bottom:2%;
}
.rc2 {
	width:100%;
}
.cs {
	width:100%;
	margin-left:0%;
	margin-right:0%;
	margin-bottom:3%;
}
.cs1 {
	width:86%;
	padding-top:3%;
	padding-bottom:3%;
	padding-right:7%;
	margin-right:7%;
	font-size: 20px;
}
.cs2 {
	width:100%;
}
.cs2 h{
	font-size: 14px;
	margin-bottom:2%;
}
.cs2 h2{
	font-size: 12px;
	line-height:20px;
}
.wh{
	width:100%;
	margin-right:0%;
	margin-bottom:2%;
}
.wh p{
	font-size:14px;
}
.wh:hover p span{
	font-size:14px;
	line-height:20px;
}
.wh2{
	width:100%;
	margin-bottom:2%;
}
.wh2 p{
	font-size:14px;
}
.wh2:hover p span{
	font-size:14px;
	line-height:20px;
}
.inc2 {
	width:100%;
	margin-left:0%;
	margin-right:0%;
}
.cr{
	width:48%;
	margin:1%;
}
.cr p{
	font-size:14px;
}
.cr:hover p span{
	font-size:14px;
	line-height:20px;
}
.zr{
	width:48%;
	margin:1%;
}
.zr p{
	font-size:14px;
}
.zr:hover p span{
	font-size:14px;
	line-height:20px;
}
.br{
	width:48%;
	margin:1%;
}
.br p{
	font-size:14px;
}
.br:hover p span{
	font-size:14px;
	line-height:20px;
}
.br:nth-child(3) {
	clear: both;/*清除第三个rt栏目的浮动，让它自动换行*/
}
.qr{
	width:100%;
	margin-left:0%;
	margin-right:0%;
	margin-bottom:2%;
}
.qr p{
	font-size:14px;
}
.qr:hover p span{
	font-size:14px;
	line-height:20px;
}
.zs{
	width:48%;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:2%;
}
.zst {
	font-size:12px;
}
.tx1 {
	font-size: 16px;
	line-height:normal
}
.fz{
	width:30%;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:2%;
}
.fzt1{
	font-size:14px;
}
.fzt2{
	font-size:12px;
}
.se{
	width:48%;
	margin:1%;
}
.set h{
	font-size:14px;
}
.set h2{
	font-size:12px;
}
.ze{
	width:31.333333%;
	margin:1%;
}
.zet h{
	font-size:14px;
}
.zet h2{
	font-size:12px;
}
.ce2{
	width:96%;
	height:auto;
	margin:2%;
	overflow:hidden;
	border-radius:20px;
	background-color:rgba(255,255,255,0.8);  
	box-shadow:0px 0px  10px 5px #ccc;
	float:left;
}
.cet{
	width:47.4%;
	padding:1%;
}
.cet h{
	font-size:16px;
}
.cet h2{
	font-size:14px;
}
.cet h3{
	font-size:12px;
}
.ke{
	width:31.333333%;
	margin:1%;
}
.ke h span{
	font-size:18px;
}
.ke h2{
	font-size:14px;
}
.ke h3{
	font-size:12px;
}
.hz{
	width:48%;
	margin:1%;
}
.fw{
	width:48%;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:4%;
}
.fwt h{
	font-size:14px;
}
.fwt h2{
	font-size:12px;
}
.jw{
	width:31.333333%;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:2%;
}
.jwt{
	font-size:14px;
}
.jw:nth-child(4) {
	clear: both;/*清除第三个rt栏目的浮动，让它自动换行*/
}
.ja{
	width:100%;
}
.jat {
	width:100%;
	padding:0%;
	margin-bottom:2%;
}
.jat h{
	font-size:16px;
	margin-bottom:3%;
}
.jat h2{
	font-size:12px;
	line-height:20px;
}
.jat2 {
	width:100%;
	padding:0%;
	margin-bottom:2%;
}
.jat2 h{
	font-size:16px;
	margin-bottom:3%;
}
.jat2 h2{
	font-size:12px;
	line-height:20px;
}
.jag{
	width:0%;
}
.jap {
	width:100%;
	margin-bottom:2%;
}
.za{
	width:100%;
}
.zat {
	width:100%;
	margin-bottom:2%;
}
.zat h{
	font-size:16px;
}
.zat h2{
	font-size:12px;
	line-height:20px;
}
.zag{
	width:0%;
}
.zap {
	width:100%;
	margin-bottom:2%;
}
.fa{
	width:48%;
	margin:1%;
}
.fat h{
	font-size:16px;
}
.fat h2{
	font-size:12px;
}
.anm a {
	width:100px;
	height:30px;
	line-height:30px;
	font-size:12px;
}
.yti{
	width:100%;
	margin-left:0%;
	margin-right:0%;
	padding-top:4%;
	margin-bottom:8%;
	font-size:14px;
}
.yf{
	width:100%;
}
.yfp {
	width:100%;
}
.yft{
	width:90%;
	padding:5%;
}
.yft h{
	font-size:14px;
}
.yft h2{
	font-size:12px;
	line-height:20px;
}
.jc{
	width:100%;
}
.jcp {
	width:100%;
}
.jct{
	width:90%;
	padding:5%;
}
.jct h{
	font-size:16px;
}
.jct h2{
	font-size:12px;
	line-height:20px;
}
.jct h3 span{
	height:30px;
	line-height:30px;
	font-size:12px;
}
.sc{
	width:100%;
}
.scp {
	width:100%;
}
.sct{
	width:90%;
	padding:5%;
}
.sct h{
	font-size:16px;
}
.sct h2{
	font-size:12px;
	line-height:20px;
}
.ji{
	width:100%;
}
.jip {
	width:50%;
}
.jit{
	width:40%;
	padding:5%;
}
.jit h{
	font-size:16px;
}
.jit h2{
	font-size:12px;
	line-height:20px;
}
.fi{
	width:100%;
}
.fip {
	width:100%;
}
.fit{
	width:90%;
	padding:5%;
}
.fit h{
	font-size:16px;
}
.fit h2{
	font-size:12px;
	line-height:20px;
}
.prowai1{
	width:47%;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:2%;
}
.protext1 a{
	font-size:12px;
}
.xwp {
display:none;/*此元素不会被显示*/
}
.xwp2 {
width:100%;
}
.con_a .about .pic {
display:none;/*此元素不会被显示*/
}
.qiang {
display:none;/*此元素不会被显示*/
}
.prowai6{
	width:23%;
	height:auto;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:1%;
	float:left;
}
.protext6 {
	width:100%;
	height:normal;
	margin-top:0%;
	margin-bottom:10%;
	text-align:center;
	line-height:normal;
	color:#fff;
	font-family:Lato;
	font-size:30px;
	font-weight:100;
}
.protext66 {
	width:100%;
	height:normal;
	text-align:center;
	line-height:30px;
	color:#fff;
	font-family:Lato;
	font-size:14px;
	font-weight:100;
}
 .dqwz .box {
max-width:520px;   /*最大宽度520像素*/
}
 .dqwz2 .box {
max-width:520px;   /*最大宽度520像素*/
}
 .dqwz3 .box {
max-width:520px;   /*最大宽度520像素*/
}
.dqwz3 .box a{
	width:43%;
	padding-left:5%;
	margin-left:2%;
	float:left;
}
.dqwz3 .box a:hover{
	width:43%;
	padding-left:5%;
	margin-left:2%;
	float:left;
}
.banner {
margin-top:0px;
padding-top:50px;
max-width:100%;
}
 .content {
max-width:520px;  /*最大宽度520像素*/
}
.sm {
	width:31.333333%;
	padding-left:1%;
	padding-right:1%;
	margin-bottom:2%;
}
.smt h{
	font-size:16px;
}
.smt span{
	font-size:12px;
}
.sm h2{
	font-size:12px;
}
.smt2{
	font-size:12px;
}
.prowais{
	width:48%;
	height:auto;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:2%;
	float:left;
}
.prowai2{
	width:46%;
	height:auto;
	margin-left:2%;
	margin-right:2%;
	margin-bottom:2%;
	float:left;
}
.prowai6{
	width:48%;
	height:auto;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:5%;
	float:left;
}
.protext6 {
	width:100%;
	height:normal;
	margin-top:0%;
	margin-bottom:10%;
	text-align:center;
	line-height:normal;
	color:#fff;
	font-family:Lato;
	font-size:30px;
	font-weight:100;
}
.protext66 {
	width:100%;
	height:normal;
	text-align:center;
	line-height:30px;
	color:#fff;
	font-family:Lato;
	font-size:12px;
	font-weight:100;
}
.prowai8{
	width:48%;
	height:auto;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:2%;
	float:left;
}
 .dyip .dyip_r .box li {
float:left;
width:97%;
margin:1.5%;
}
 .dyip .dyip_f .box li {
float:left;
width:97%;
margin:1.5%;
}
.dyip .dyip_f .box li .boxli {
 border:1px solid #CCC;
 padding:2%;
 margin-bottom:1%;
}
.product .show ul {
}
.product .show li {
float:left;
width:45%;
margin-left:2%;
margin-right:2%;
margin-bottom:1%;
}
.product .show .show li .showli {
 border:1px solid #CCC;
 padding:2%;
 margin-bottom:1%;
}
 .con {
max-width:520px;   /*最大宽度520像素*/
}
 .con_l {
float:none;
width:100%;
}
 .con2_l {
float:none;
width:100%;
}
 .con_r {
float:none;
width:100%;
margin-top:3%;
}
.con_r .contact {
 padding:5%;
 line-height:24px;
}
.con_r .contact .pic {
 float: right;
 padding: 0 10px 0px 0;
 max-width:150px;
}
.con_r .contact .pic img {
 box-shadow: 0px 0px 0px #ccc;
 width:150px;
}
.col-sm-1 {
	width:50%;
	float:left;
}
.ts{
	width:99%;
}
.tst h{
	font-size:18px;
}
.tst h2{
	font-size:14px;
}
.lx img{
     max-width:40%;
}
.lxt h{
	font-size:14px;
}
.lobbox .naverbox3 .z2{
	padding-top:0px;
}
 .lobbox .naverbox .btn {
height:45px;
}


.lc-bg {
    display: table;
    margin: 0 auto;
    width: 100%;
    margin-top: 10px;
}
.col-sm-3 {
    width: 100%;
}
.lc-bg .f-left h3 {
    font-size: 22px;
    padding-top: 14px;
    color: #18C4C6;
    font-family:"微软雅黑";
    margin-bottom: 12px;
}
.col-sm-9 {
    width: 100%;
}
.lc li {
    width: auto;
    height: auto;
    text-align: center;
    border: 1px solid #18C4C6;
    border-radius: 0;
    float: left;
    padding: 6px;
    padding-top: 12px;
    margin-right: 28px;
    box-shadow: 1px 1px 10px #f1f1f1;
    background: #18C4C6;
    font-weight: bold;
    position: relative;
    cursor: pointer;
    font-family:"微软雅黑";
    font-size: 14px;
    padding: 0;
    padding: 8px 5px;
    margin-bottom: 10px;
}
.lc li:hover{
    width: auto;
    height: auto;
    text-align: center;
    border: 1px solid #3D3938;
    border-radius: 0;
    float: left;
    padding: 6px;
    padding-top: 12px;
    margin-right: 28px;
    box-shadow: 1px 1px 10px #f1f1f1;
    background: #3D3938;
    font-weight: bold;
    position: relative;
    cursor: pointer;
    font-family:"微软雅黑";
    font-size: 14px;
    padding: 0;
    padding: 8px 5px;
    margin-bottom: 10px;
}
.lc li::after {
    content: "→";
    width: 10px;
    height: 30px;
    position: absolute;
    right: -20px;
    top: 10px;
}

.gyl {
    width: 100%;
	margin-bottom:5%;
}
.gyl h{
	font-size:14px;
}
.gyl span{
	font-size:12px;
}
.gyr {
    width: 100%;
}
.maint {
	width: 100%;
	margin-right:0%;
	margin-bottom:5%;
}
.tabk {
	width: 100%;
}
.ht{
	width: 50%;
}
.ht1{
    font-size: 16px;
}
.ht2{
    font-size: 12px;
}

.index-about .inti h {
    background: inherit;
    float: left;
    padding: 0;
    margin-bottom: 18px;
    margin-top: 8px;
    font-size: 22px;
}
.index-about {
    background-color: #f5f5f5;
    padding: 20px 0;
    background: url(../images/about-bg.jpg) no-repeat center center;
    background-size: cover;
}

.index-about .inc {
    font-size: 16px!important;
    line-height: 150%!important;
    margin-top: 2%!important;
    text-align: left!important;
}
.inti h {
    font-size:16px;
}
.inti h2{
	font-size:12px;
	line-height:100%;
}
.jti {
	width:100%;
	margin-right:0%;
	margin-top:2%;
	margin-bottom:2%;
}
.jti h {
    font-size: 22px;
}
.jti h2{
	padding-top:2%;
	font-size:14px;
}
.index-new .inz span {
    position: relative;
    margin-bottom: 5px;
}

.index-new .inz p {
    font-size: 14px;
    line-height: 150%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.index-new .inz p {
	text-align: left;
}

/* 滚动样式 */
.hezuo_w {position: relative;}
.h_pre,.h_next{ position:absolute; top:50%; transform: translateY(-50%); display:block; width:39px; height:40px;  }
.h_pre{ left:-50px; cursor:pointer; background:url('../images/prev.jpg') no-repeat center;}
.h_next{ right:-50px; cursor:pointer; background:url('../images/next.jpg') no-repeat center;}
.hezuo_p {width: 100%;margin: 0 auto;overflow: hidden;}
.hezuo_p ul{ width:10000%;}
.hezuo_p li{ float:left; display:inline; width:0.485%; margin:0 0.02% 0 0; text-align:center;}
/* 滚动样式 */

.gun_g li{ width:6.1%; margin:0 0.3% 0 0;}
.gun2_g li{ width:3.95%; margin:0 0.3% 0 0;}
}

/*媒体查询代码，表示只有在屏幕尺寸小于520像素的时候才会应用下面的样式*/
 @media screen and (max-width: 520px) {
.w{ height:255px;}
.w h{ height:40px; font-size:12px; line-height:20px;}
.w h2{ height:215px;}

.w2{ height:40px;}
.w2 h{ height:40px; font-size:12px; line-height:20px;}

html {
	scroll-padding-top:30px;
}
.head_top2 strong{
display:none;/*此元素不会被显示*/
}
.lobbox .box h1 {
    width: 25%;
	margin-top:5px;
	margin-left:5px;
}
 .banner_pc {
display:none;/*此元素不会被显示*/
}
 .banner_sj {
display:block;/*此元素将显示为块级元素，表示此元素单独占据位置，前后会带有换行符，其他元素跟他在同一行的会被迫换行，挤到下一行那里去*/
padding-top:45px;
}
.banner {
margin-top:0px;
padding-top:0px;
max-width:100%;
}
 .content {
max-width:360px;  /*最大宽度360像素*/
}
.inz span h{
    color:#000;
	font-family:"微软雅黑";
	font-size:16px;
	font-weight:100;
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

 .dqwz .box {
padding:0 5%;
}
.prowai:hover p{
	line-height:1400%;
}
.prowai3{
	width:100%;
	height:auto;
	float:left;
}
 .dyip .box {
padding:5%;
}
.dyip .dyip_f .box li .boxli {
 border:1px solid #CCC;
 padding:2%;
 margin-bottom:1%;
}
.product .show li {
float:left;
width:93%;
margin-bottom:-5px;
}
.product .show ul {
}
.product .show li {
float:left;
width:93%;
margin-bottom:1%;
}
.product .show .show li .showli {
 border:1px solid #CCC;
 padding:2%;
 margin-bottom:1%;
}
 .derp {
padding:5%;
}
 .dsanp {
padding:5%;
}
 .dsanp li {
float:left;
width:100%;
margin:1% 0;
}
 .dsip {
padding:5%;
}
 .dsip li {
float:left;
width:48%;
}
 .con {
max-width:360px;  /*最大宽度360像素*/
}
.con_r .contact {
 padding:5%;
 line-height:24px;
}
.con_r .contact .pic {
 float: right;
 padding: 0 10px 0px 0;
 max-width:100px;
}
.con_r .contact .pic img {
 box-shadow: 0px 0px 0px #ccc;
 width:100px;
}
.col-sm-1 {
	width:100%;
	float:left;
}
.hock{
	width:100%;
	height:240px;
	float:left;
}
.hockk{
	display:none;/*此元素不会被显示*/
}
.hock1{
	width:50%;
	height:240px;
	float:left;
}
.hock1 img{
    max-width:100%;
	height:240px;
	border:0px;
}
.hock1 img:hover{
    -webkit-filter:opacity(0.8);
}
.hock2{
	width:50%;
	height:240px;
	background-color:#183D81;
	float:left;
}
.hock2 h{
    width:80%;
	margin-top:10%;
	margin-left:10%;
	margin-right:10%;
	color:#fff;
	font-family:Lato;
	font-size:16px;
	font-weight:100;
	text-align:center;
	line-height:200%;
	float:left;
}
.hock2 p{
    width:80%;
	margin-left:10%;
	margin-right:10%;
	color:#fff;
	font-family:Lato;
	font-size:12px;
	font-weight:100;
	text-align:center;
	line-height:120%;
	float:left;
}
.hock2 span{
    width:80%;
	margin-left:10%;
	margin-right:10%;
	text-align:center;
	float:left;
}
.hock2 span a{
	color:#A7C2EF;
	font-family:Lato;
	font-size:14px;
	font-weight:100;
	text-align:center;
	line-height:300%;
}
.tit span{20px;line-height:20px;font-size:14px;}
.cont_tel{ width:360px!important; font-size:12px!important; margin:0px auto;}

.gun_g li{ width:6.1%; margin:0 0.3% 0 0;}
.gun2_g li{ width:6.1%; margin:0 0.3% 0 0;}
}