HTML BODY {
	MARGIN:0px;  PADDING:0px; TEXT-ALIGN:left; FONT-SIZE:13px; FONT-FAMILY:"Arial","Microsoft YaHei";color:#525353; background:#fff;width: 100%;height: 100%;
}
TD,div {font-family: "Arial","Microsoft YaHei";font-size: 13px; color: #333333; line-height:22px;}

INPUT,TEXTAREA {BORDER-WIDTH:1px; BORDER-COLOR:cccccc;background:ffffff;font-family: "Arial","Microsoft YaHei";}
INPUT{ outline:medium;}
img{ border:0}
*{ margin:0}
a{ text-decoration:none; color:#333}
a:hover{ text-decoration:underline;}
ul{ padding:0; margin:0}
li{ list-style:none;}
.clear{clear:both; overflow:hidden; height:0px;}
.clearfix{clear:both;}

@font-face {
    font-family: 'helveticaregular';
    src: url('fonts/helvetica-webfont.woff2') format('woff2'),
         url('fonts/helvetica-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face{
	font-family:icomoon;
	src:url(fonts/icomoon.eot?6jyupl);
	src:url(fonts/icomoon.eot?6jyupl#iefix) format("embedded-opentype"),url(fonts/icomoon.ttf?6jyupl) format("truetype"),url(fonts/icomoon.woff?6jyupl) format("woff"),url(fonts/icomoon.svg?6jyupl#icomoon) format("svg");font-weight:400;font-style:normal
}

@font-face {
    font-family: 'helvetica_lightregular';
    src: url('fonts/helvetica-light-webfont.woff2') format('woff2'),
         url('fonts/helvetica-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'akzidenz-grotesk_bqBdCnalt';
    src: url('fonts/akzidenzgroteskbq-bdcndalt-webfont.woff2') format('woff2'),
         url('fonts/akzidenzgroteskbq-bdcndalt-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.menuon h2{font-size:18px; color:#fff !important; font-weight:bold !important;}

.page_head_bar{
	width: 100%;
    height: 44px;
	height: 0.44rem;
    line-height: 30px;
	line-height: 0.3rem;
    background: #275cbc;
	text-align:right;	
}
.page_head_bar a {
    color: #4a9be5;
    text-decoration: none;
}
.page_head_bar a:hover {
    color: #fff;
}
.nav{
	width:100%;
	background:#fff;
	height:110px;
	height:1.1rem;
}
.page_menu{
	float:right;
}
.menu_li{
	float:left;
    padding: 0 18px;
	padding: 0 0.18rem;
    font-size: 15px;
	font-size: 0.15rem;
    color: #4e4e4e;
    font-family: 'Arial',"微软雅黑";		
}
.menu_li a {
    color: #4e4e4e;
    font-family: 'Arial',"微软雅黑";	
	height:110px;
	height:1.1rem;
    line-height: 110px;
	line-height: 1.1rem;	
	display:block;	
}

.menu_li a h2{
    color: #4e4e4e;
    font-family: 'Arial',"微软雅黑";	
	height:110px;
	height:1.1rem;
    line-height: 110px;
	line-height: 1.1rem;	
	display:block;
	font-weight:normal;
	font-size:16px;
	font-size:0.16rem;
}

.tuijiepro{
padding-bottom: 80px;
padding-bottom: 0.8rem;
background: url(../img/home_part1_bg.jpg) top center no-repeat;
margin: auto;
clear: both;
padding-top:75px;
padding-top:0.75rem;
}
.tuijietitle{
    height: 40px;
	height: 0.40rem;
    background: url(../img/home_pro_head.png) no-repeat center;
    margin: auto;
    overflow: hidden;
	text-align:center;
}


.item-anchor :after {
  content: "";
  position: absolute;
  width: 3px;
  height: 3px;
  left: 0;
  bottom: 0;
  z-index: 9;
  background: transparent;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.nav-item h2{
	font-size:16px;
	font-weight:normal;}

.nav-item {
	
	    display: block;
    position: relative;
    z-index: 1015;

	
}
.nav-item a{
    padding: 0 24px;
    display: block;
    color: #666;
    padding: 15px 30px;
    font-size: 16px;
    font-weight: 300;
    border-bottom: 1px solid #eee;
    font-family: "Open Sans", "open_sans", "Lucida Grande", "Verdana", "Pingfang SC", "Pingfang TC", "Hiragino Sans GB", "Microsoft YaHei", Cardo, STSong, "Songti SC", SimSun, "PingFang SC", "Microsoft YaHei", Arial, STXihei, 华文细黑, serif;	
	
}
.animated {
  display: block;
  margin: 0 auto;
  box-shadow:none;
}

.animated:hover .icon-bar,
.animated:focus .icon-bar{
  background-color: #fff;
}

.animated:focus {
  cursor: pointer;
  z-index: 9999;
}

.middle {
  margin: 0 8px;
}

.icon-bar {
  -webkit-transition: all .7s ease;
  -moz-transition: all .7s ease;
  -ms-transition: all .7s ease;
  -o-transition: all .7s ease;
  transition: all .7s ease;
  z-index: 999999;
}

.animated .icon-bar {
  z-index: 999999;
  background-color: #FFFFFF;
}

.animated .top {
  -webkit-transform:translateY(8px)  rotate(45deg);
  -moz-transform:translateY(8px)  rotate(45deg);
  -ms-transform:translateY(8px)  rotate(45deg);
  -o-transform:translateY(8px)  rotate(45deg);
  transform:translateY(8px)  rotate(45deg);
}

.animated .bottom {
  -webkit-transform: translateY(-8px) rotate(-45deg);
  -moz-transform: translateY(-8px) rotate(-45deg);
  -ms-transform: translateY(-8px) rotate(-45deg);
  -o-transform: translateY(-8px) rotate(-45deg);
  transform: translateY(-8px) rotate(-45deg);
}

.animated .middle {
  width: 0;
}

@keyframes showNav {
  from {
    top: -100%;
  }
  to {
    top: 0;
  }
}

@-webkit-keyframes showNav {
  from {
    top: -100%;
  }
  to {
    top: 0;
  }
}

@-moz-keyframes showNav {
  from {
    top: -100%;
  }
  to {
    top: 0;
  }
}

@-o-keyframes showNav {
  from {
    top: -100%;
  }
  to {
    top: 0;
  }
}

.showNav {
  -webkit-animation: showNav 0.5s ease forwards;
  -moz-animation: showNav 0.5s ease forwards;
  -o-animation: showNav 0.5s ease forwards;
  animation: showNav 0.5s ease forwards;
}

@keyframes hideNav {
  from {
    top: 0;
  }
  to {
    top: -100%;
  }
}

@-webkit-keyframes hideNav {
  from {
    top: 0;
  }
  to {
    top: -100%;
  }
}

@-moz-keyframes hideNav {
  from {
    top: 0;
  }
  to {
    top: -100%;
  }
}

@-o-keyframes hideNav {
  from {
    top: 0;
  }
  to {
    top: -100%;
  }
}

.hideNav {
  -webkit-animation: hideNav 1s ease forwards;
  -moz-animation: hideNav 1s ease forwards;
  -o-animation: hideNav 1s ease forwards;
  animation: hideNav 1s ease forwards;
}

.hidden {
  display: none;
}

#mobile-content li a {
    display: block;
    position: relative;
    z-index: 1020;
    pointer-events: all;
    color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 3px;
    line-height: 40px;
    background: rgba(114,114,114,0.9);
    text-align: center;
    cursor: pointer;
	border:0px;
	padding:0px;
	margin:5px;
	right:0px;
}
#mobile-content{
	background:none;
	right:5px !important;
	padding:0px !important;
	left:auto;
} 
#mobile-content .nav-list{
	padding:0px !important;
	top:50px;
}

.newimg img:hover{
    transition: all .6s;
    transform: scale(1.15);
} 
.newimg img:hover{
    transition: all .6s;
    transform: scale(1.15);
} 
.advantage img:hover{
    transition: all .6s;
    transform: scale(1.15);
} 
.advantage img{    transition: all .6s; }
.overimg{
	overflow:hidden;}
.bottom_c_line img{
transition: all .6s;
}	
.bottom_c_line img:hover{
	    transition: all .6s;
    transform: scale(0.8);

}	


.in_l_head {
    width: 100%;
    height: 60px;
    background: #275cbc;
    text-align: center;
    line-height: 60px;
    color: #fff;
    font-size: 18px;
    font-family: 'Arial';
    text-transform: uppercase;
    font-weight: bold;
}

#box_main_sub4_sub1_sub1 {
    float: right;
    background: #f8f8f8;
    padding-bottom: 50px;
    padding-top: 0;
}
.leftnav{
	list-style:none;
}

.leftnav li {
border-bottom: #dcdcdc 1px dotted;
    line-height: 55px;
    width: 92%;
    padding: 0 4%;
    display: block;
    height: 55px;
    color: #414141;
    cursor: pointer;
    font-size: 14px;
    text-decoration: none;
	text-align:center;
}

.leftnav li h3{
border-bottom: #dcdcdc 1px dotted;
    line-height: 55px;
    width: 92%;
    padding: 0 4%;
    display: block;
    height: 55px;
    color: #414141;
    cursor: pointer;
    font-size: 14px;
    text-decoration: none;
	text-align:center;
}

.leftnav li:hover {
border-bottom: #06c 1px dotted;
    color: #06c;
    text-decoration: none;
}
.leftnav li h3:hover {
border-bottom: #06c 1px dotted;
    color: #06c;
    text-decoration: none;
}


#logodiv a h1 img {
	width:100%;}
#logodiv h1{
	display:inline-block;
	margin:0px;
	float:left;
}


.date {
    height: 55px;
    line-height: 55px;
    float: right;
}
.FrontNews_detail01-d1_c1 h2 {
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    color: #322725;
    line-height: 30px;
}
.FrontNews_detail01-d1_c1 .message {
    margin-top: 10px;
    text-align: center;
    padding-bottom: 5px;
    border-bottom: 1px dashed #666;
}
.FrontNews_detail01-d1_c1 .summary {
    clear: both;
    margin-top: 20px;
}
.basic {
    margin: 0;
    padding: 0 5px;
    list-style: none;
}

.basic li {
    line-height: 20px;
    padding: 15px 0;
    font-size: 14px;
    border-bottom: dotted 1px #ccc;
    color: #5d5d5d;
}
#gallery img{
	width:100%;
}
.edit {
 width:100%; min-height:350px; height:auto !important;}

.owl-item img{
	max-width:100%;
	}
.text-wrap {
    border: 2px solid #275cbc;
    border-right: 0;
    height: 34px;
    margin-top: 5px;
	margin-bottom:15px;
    position: relative;
	display:block;
}	
.stext{
	outline:0px;
	border:0px;
	padding:1px 110px 1px 10px;
	height:30px;
	width:100%;
}
.submit {
    width: 95px;
    height: 30px;
    border: 0 solid #4e4e4e;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #4e4e4e;
    color: #fff;
    font-size: 16px;
	padding:1px 0px;
	
}
.leftnav a:link{
	color:#414141;
	text-decoration:none;
	border:0px;
	
	
}


.in_banner{width: 100%;}

.in_page_main{width:100%; background:#fcfcfc; padding-bottom:50px;}
/*正文左侧*/
.section {
    position: relative; padding-top:33px; margin:0 -10px;
}
@media only screen and (min-width: 1240px){
.section_wrapper {
    max-width: 1200px;
}
}
.section_wrapper {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
}
#Filters {
    margin-bottom:0px;
}
.one.column {
    width: 98%;
}
.column, .columns {
    float: left;
    margin: 0 1% 40px;
}
#Filters .filters_buttons {
    padding: 15px;
    margin: 0;
    font-size: 100%;
    background-image: url(../img/in_classbg.jpg);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}
#Filters .filters_buttons li {
    float: left;
    margin: 0 15px 0 0;
    list-style: none; font-size:16px; color:#999999; font-family:'helvetica_lightregular';
}
#Filters .filters_buttons li a{ font-size:16px; color:#4cb55a; font-family:'helvetica_lightregular';}
#Filters .filters_buttons li.reset {
    float: right;
    margin-right: 0;
}
#Filters .filters_wrapper {
    display:block;
    margin-top: 20px;
}
#Filters .filters_wrapper ul {
    display: none;
    overflow: hidden;
    margin: 0;
}
#Filters .filters_wrapper li.reset-inner {
    display: none;
}
#Filters .filters_wrapper ul li {
    display: inline-block;
    width: 18.9%;
    margin: .5%;
    list-style: none;
}

.left_menu{width:100%; padding-top:30px; margin:0 -10px;}
.left_list1{ background:#fff; margin:0 10px; border:1px solid #f1f1ef; text-align:left;}
.left_list1 h3{font-size: 16px; padding:5px 10px; font-weight:normal; font-family: 'helvetica_lightregular'; line-height:29px; color:#666666;}
.left_list1:hover{background:#4cb55a; border:1px solid #4cb55a;}
.left_list1:hover h3{color:#ffffff; text-decoration:none;}
.left_list1:hover a{ text-decoration:none;}
.left_list2{background:#4cb55a; margin:0 10px; border:1px solid #4cb55a; text-align:left;}
.left_list2 h3{font-size: 16px; color:#ffffff; font-weight: normal; font-family: 'helvetica_lightregular'; padding:5px 10px; line-height: 29px;}
.left_list2:hover a{ text-decoration:none; color:#ffffff;}

.left_list_ej1{background:#e6e6e6; text-align:center; margin-bottom:1px;}
.left_list_ej1 h3{font-size: 14px; padding:10px 0; font-weight: normal; line-height: 21px; color:#333333;}
.left_list_ej1:hover h3{color:#246897;}
.left_list_ej1:hover a{ text-decoration:none;}
.left_list_ej2{background:#e6e6e6; text-align:center; margin-bottom:1px;}
.left_list_ej2 h3{font-size: 14px; color:#246897; font-weight: normal; padding:10px 0; line-height: 21px;}
.left_list_ej2:hover a{ text-decoration:none;}

/*手机站分类*/
@media screen and (max-width: 1199px){
.page_Left{ width:100%; margin-top:30px; padding-right:0% !important;}
}
.leftlist{ width:100%; float:left; padding-bottom:15px}
.leftlist ul li ul{ float:left; width:100%}
.leftlist ul li ul,.leftlist ul,.leftlist ul li ul li ul{ padding:0}
.leftlist ul li ul li ul{ float:inherit}
.leftlist ul li ul li{padding:15px 8%; border-bottom:1px solid #e3e3e3;cursor:pointer}
.leftlist ul li ul li h3{font-size:18px; color:#6b6b6b; line-height:18px; font-weight:normal;}
.leftlist ul li ul li ul{display: none; padding-top:10px}
.leftlist ul li ul li ul li{ background:none; border-bottom:none; cursor:pointer;padding:5px 8%}
.leftlist ul li ul li ul li h3{font-size:15px; color:#6b6b6b; line-height:27px; padding-left:5%; font-weight:normal;}

.leftlist ul li h2{width:100%; float:left; background:#4cb55a; font-size:18px; color:#fff; line-height:52px; padding:0 2%;
    border: 1px solid transparent;
    border-radius: 4px;}
.leftlist ul li h2 .leftxl{position: relative;
    float: right;
    padding: 0;
    margin-top: 18px;
    margin-bottom: 8px;
    border: 1px solid transparent;
    border-radius: 4px;
	background:none;
	outline:medium;
	}

.leftlist ul li h2 .leftxl .icon-bar{background-color: #fff; display: block; margin-bottom:4px;
    width: 22px;
    height: 2px;
    border-radius: 1px;}

/*正文右侧*/
.in_pro_list{ margin:20px -12px 0 -12px;}

.in_right_title2{width:100%; text-align:left; margin-bottom:20px; margin-top:30px; font-size:28px; color:#1f1f1f; line-height:45px; font-weight:normal;}
.in_right_title2 h3{ display:inline-block; font-size:28px; color:#1f1f1f; line-height:45px; font-weight:normal;}
.in_right_title2 span{ float:right; background:url(../img/pro_line.jpg) right bottom no-repeat;}
.in_right_title2 span a{ font-size:16px; color:#333333;}
.in_right_title2 span a:hover{ text-decoration:underline; color:#333333;}
.page_RightTitle{width:100%; text-align:center; background:url(../img/other_line.jpg) center no-repeat; margin-bottom:15px;}
.page_RightTitle h4{ font-size:26px; color:#1f1f1f; font-weight:normal; line-height:45px; display:inline-block; padding:0 15px; background:#fff;}

.edit img{max-width:100%;}

.in_right_body{width:100%; padding-top:30px;}
.proclear{ clear:both;}
.proclear2{ clear:none;}
@media (max-width:1440px){
.in_right_title{ top:100px !important;}
}

@media (max-width:1200px){
.in_right_title{ top:80px !important;}
}

@media (max-width:992px){
.left_menu,.section-filters{ display:none !important;}
.proclear{ clear:none;}
.proclear2{ clear:both;}
.in_right_title{ top:60px !important;}
.in_right_title h3{font-size:30px !important; line-height:35px !important;}
}
@media (max-width:768px){
.in_banner{padding-top: 60px; background: #1f1f1f;}
.in_page_main{margin-bottom:0;}
.in_right_title{top:40px !important;}
.in_right_title h3{font-size:25px !important; margin-top:20px; line-height:35px !important;}
.daohangtop{ padding:0 !important;}
.proimg_proimg img{ height:auto !important; border:1px solid #CCCCCC;}
.pro_detail{ margin-top:20px;}
#pro_smallC{ height:auto !important; margin-bottom:25px;}
.pro_item{ padding:0 9px !important;}
.in_pro_list{ margin:20px -6px 0 -6px !important}
.in_email{width:50% !important;}
.in_right_body{ padding-top:0 !important; overflow-x:auto;}
}

.pro_item{ padding:0 12px;}
.proimg{ float:left; background:#ffffff; position:relative; margin-bottom:30px;}
.proimg_proimg{width:100%; position:relative; overflow:hidden;}
.mask { position: absolute; left: 0; width: 100%; height: 100%; z-index: 2;
    -webkit-box-shadow: inset 0 0 5px 2px #f5f5f5;
    /* box-shadow: inset 0 0 5px 2px #f5f5f5; */
}
.proimg_proimg img{width:100%; height:auto; transition: all .3s}
.proimg .proimg_proimg .image_links {
    background: rgba(76, 181, 90, 0.9);
}
.proimg .proimg_proimg img, .proimg .proimg_proimg .mask:after, .proimg .proimg_proimg .image_links {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.proimg .proimg_proimg .image_links {
    width: 100%;
    height: 60px;
    position: absolute;
    left: 0;
    bottom: -60px;
    z-index: 4;
    overflow: hidden;
}
.proimg:hover .proimg_proimg img{-webkit-transform:scale(0.98);	-moz-transform:scale(0.98);}
.proimg:hover .proimg_proimg .image_links,.proimg.hover .proimg_proimg .image_links{bottom:0}
.proimg .proimg_proimg .image_links a{display:block;font-size:25px;line-height:60px;width:100%;text-align:center}
.proimg .proimg_proimg .image_links.double a{width:50%;display:block;float:left}
.proimg .proimg_proimg .image_links.double a:first-child{-webkit-box-shadow:inset -1px 0 0 0 rgba(255,255,255,.2);box-shadow:inset -1px 0 0 0 rgba(255,255,255,.2)}
.proimg .proimg_proimg .image_links.triple a{width:33%;display:block;float:left;-webkit-box-shadow:inset -1px 0 0 0 rgba(255,255,255,.2);box-shadow:inset -1px 0 0 0 rgba(255,255,255,.2)}
.proimg .proimg_proimg .image_links.triple a:last-child{-webkit-box-shadow:0 0 0;box-shadow:0 0 0;width:34%}
.proimg .proimg_proimg .image_links.hover-title a{font-size:15px;text-decoration:none}
.proimg .proimg_proimg .image_links .zoom:hover,.proimg .proimg_proimg .image_links .link:hover{ background:#000000;}
.proimg .proimg_name{text-align:left; padding:15px;}
.proimg .proimg_name a{font-size:16px; color:#444444; line-height:21px; font-family:'helveticaregular';}


.in_pro_more{width:160px; text-transform:uppercase; height:35px; border:1px solid #CCCCCC; margin:auto; margin-bottom:20px; text-align:center; line-height:28px;}
.in_pro_more a{ font-size:14px; color:#333; line-height:35px;}

@media(min-width: 1px) and (max-width:1189px){
.proimg:hover .proimg_name a{color:#246897;}
}
@media(min-width: 768px) and (max-width:992px){
.proimg .proimg_name{ margin-top:15px;}
.proimg .proimg_name a{font-size:14px; color:#333333; line-height:25px;}
.col-sm-4{width:32% !important;}
}
@media(min-width: 1px) and (max-width:992px){
.proimg .proimg_name{ margin-top:12px;}
.proimg .proimg_name a{font-size:14px; color:#333333; line-height:20px;}
.mobile_menu{ margin:0 !important;}
.mobile_container{width:96% !important; margin:auto;}
}

.in_right_title{width:100%; position:absolute; top:165px; z-index:9; text-align:center;}
.in_right_title h3{font-size:60px; color:#ffffff; text-transform:uppercase; line-height:75px; font-weight:normal; font-family: 'akzidenz-grotesk_bqBdCnalt';}
.daohangtop{width:100%; padding:10px 0; text-align:center; color:#ffffff; font-size:15px; line-height:20px;}
.daohangtop a, .daohangtop a:hover{ color:#ffffff;}
.daohangtop span{ color:#ffffff !important;}

.page_lmTitle{width:100%; text-align:left; font-size:20px; color:#1f1f1f; line-height:40px;}
.page_lmTitle h3{ float:left; display:inline-block;}
.page_lmTitle3{text-align:left; font-size:30px; color:#444444; line-height:40px; font-family:'helvetica_lightregular';}

.main_page{text-align:center;width:100%; float:left; padding-top:15px; padding-bottom:15px;}
.main_page a,.main_page .current{ margin:0 5px;}
.main_page a{ background:#f5f5f5; padding:3px 8px; color:#717071 !important; border:1px solid #d6d7d2}
.main_page .current{ padding:3px 8px; background:#4cb55a; color:#fff;border:1px solid #4cb55a}


#sitemap ul li{ list-style:none; text-align:left; list-style:none}
#sitemap ul li h2{ font-size:18px; padding-bottom:8px;color:#333333; text-transform:uppercase; font-weight:bold;}
#sitemap ul li ul li{ float:inherit; padding-left:30px}
#sitemap ul li ul li h3,#sitemap ul li ul li a{ font-size:15px;line-height:24px; color:#333333; font-weight:normal;}

.newstitle{padding:25px 0; overflow:hidden; border-bottom:1px solid #e5e5e5;}
.news_pic{ text-align:left; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease;}
.news_name{padding:20px 15px 20px 20px; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease;}
.news_name ul li{ font-size:16px; color:#888; line-height:25px; font-family:helvetica_lightregular;}
.news_name ul li span{ font-size:20px; font-family:'helveticaregular'; color:#333333;}
.news_name a:hover{ text-decoration:none;}
.news_date{ text-align:center; margin-top:30px; font-size: 22px; line-height: 30px; color: #999; font-family:'helvetica_lightregular';}
.details{position:absolute;width:56px;top:135px; right:27px; padding-left:15px; height:26px;border-left:1px solid #e5e5e5;color:transparent}
.details:after,.details:before{font-family:icomoon;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;transition:all .36s ease; position:absolute;top:50%; -webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.details:before {left: 15px;}
.details:after {left: -30px; opacity: 0;}
.details i:before{opacity:1}
.fa {
    color: inherit;
    line-height: inherit;
	font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}

.newstitle:hover{ box-shadow:0 0 30px #b4b4b4;}
.newstitle:hover .news_pic{-webkit-transform:translate(30px, 0); -moz-transform:translate(30px, 0);}
.newstitle:hover .news_name{-webkit-transform:translate(30px, 0); -moz-transform:translate(30px, 0);}
.newstitle:hover .news_name span{ color:#4cb55a;}

/*评论*/
.commentTitle{ width:100%; float:left; text-align:left;}
.commentTitle h5{ font-size:22px; color:#333; line-height:53px;text-align:left; font-weight:normal}
.commentTitle h5 span{ float:right; line-height:53px; font-size:14px;}
.commentlist{ width:100%; float:left; padding-top:10px; text-align:left;}
.commentlist ul{ width:100%; float:left;}
.commentlist ul li{ float:left; list-style:none}
.inquiryinfo{ width:100%; float:left; padding-bottom:10px;}

.in_detail_menu{width:100%; margin:auto; padding:30px 0; position:relative;}
.in_detail_menu .detail_left{ position:absolute; left:0; top:30px; z-index:9;}
.in_detail_menu .detail_middle{ position:absolute; left:50%; margin-left:-13px; top:30px; z-index:9;}
.in_detail_menu .detail_right{position:absolute; right:0; top:30px; z-index:9;}

.pro_img{ width:85%; float:right;}
.pro_img .big_pic { width:100%;text-align:center;}
.pro_img .big_pic img {max-width:100% !important; border:4px solid #f5f5f5}
.pro_img .big_pic .bigimg{ width:700px; height:700px;}
.pro_img .big_pic .view { display: block;text-indent: 20px; margin-left: 130px; width: 19px; height: 15px; display: inline-block; cursor: pointer; }

/*焦点图*/
.pic_list { float:left; width:86px;}
.pro_detail ul.pic_list {width:100%; float:left;overflow: hidden;}
.pro_detail ul.pic_list li { width: 175px; height: 175px; float: left;text-align:center; margin-left:10px; margin-top:0;}
.pro_detail ul li { list-style: none; margin-top:20px; font-size:16px; color:#666666; line-height:26px; font-family:'helvetica_lightregular';}
.pro_detail ul li span{ font-size:18px; color:#246897;}
.pro_detail ul li a:hover{ text-decoration:underline;}
#pro_name{font-size:30px; color:#444444; line-height:38px; font-family:'helveticaregular';}
.pro_line{width:155px; height:0; margin-top:16px; border-bottom:2px solid #e8e8e8;}
#pro_smallC{ margin-top:20px;}
.in_email{width:203px; float:left; background:#f7f7f7; border:2px solid #f0f0f0; text-align:center; line-height:38px;}
.in_email a{ font-size:18px; color:#666666; font-family:'helveticaregular';}
.in_zx{width:150px; height:43px; float:left; margin-left:15px; background:#4cb55a; line-height:43px; text-align:center;}
.in_zx a{font-size:18px; color:#fff; font-family:'helveticaregular';}

.mod18{width:100%;height:510px; padding-top:23px; margin:0px auto;position:relative;}
.mod18 .btn{position:absolute;width:86px;height:16px; left:0px; cursor:pointer;z-index:9;}
.mod18 .prev{background:url(../img/l_btn.png) no-repeat; top:0; border:none; border-radius:0;}
.mod18 .next{background:url(../img/r_btn.png) no-repeat; bottom:0; border:none; border-radius:0;}

.mod18 li{float:left;}
.mod18 .listBox{width:100%;height:457px;margin:auto; position:relative;overflow:hidden;}
.mod18 .listBox ul{height:100%; width:86px !important; position:absolute; padding:0}
.mod18 .listBox li{width:86px;height:86px;cursor:pointer;position:relative; margin-bottom:8px;}
.mod18 .listBox li i{display:none;}
.mod18 .listBox li a{display:block;width:86px;height:86px;}
.mod18 .listBox li img{width:86px;height:86px; border:2px solid #f6f6f6;}
.mod18 .listBox li img:hover{border:2px solid #61bd6d;}
.mod18 .listBox .on i{display:block; border:2px solid #61bd6d;}
.mod18 .listBox li.hover img,.mod18 .listBox li.on img{border:2px solid #61bd6d !important;}

.pro_detail{ padding:0 0 0 3%;}

.bt{
background: #4cb55a;
color: #fff;
border: 0 !important;
cursor: pointer;
height: 31px !important;
font-family:Arial;
padding: 0 10px 0 10px !important;
width:113px !important;
text-align:center;
font-size:14px;
}

/*手机站产品分类*/
.qc-wrapper{margin-right:auto;margin-left:auto}
@media only screen and (min-width:992px){.side-nav-fixed{display:none}}
@media (max-width: 992px) {
	.qc-wrapper{margin:20px 0;}
.side-nav-fixed{display:block; text-align:center;position:absolute;background-color:#fff;width:100%;min-width:320px;box-sizing:border-box;z-index:81}
.text-overflow{display:inline-block; width:110px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle; font-size:20px; background:url(../img/pro_dot1.jpg) right no-repeat; text-align:left;}
.text-overflow:hover{background:url(../img/pro_dot2.jpg) right no-repeat;}
.side-nav-down-btn.cur .down-icon{background-image:url(sprite/documentation-v3-media14-201712181317.png);background-position:-16px -29px}
.compute{width:100%; margin-bottom:7px;height:34px;border-bottom:1px solid #ccc;font-size:14px;font-weight:700;line-height:34px;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; margin-bottom:12px;}
.compute h3{font-size:16px;line-height:34px;color:#000; font-weight:bold;}
.doc-box .table-box{position:relative;display:block;margin-top:0;padding-top:44px}
.two_menu h3{display:block;padding:4px 0;font-size:14px;line-height:22px;color:#444; font-weight:normal;}
.two_menu h3:hover{background:0 0;color:#2277da}
}

@media (min-width: 768px) {
.mobile_top{display:none;}
}
@media (max-width: 768px) {
.newstitle{ padding:10px 0 !important;}
#goTop{  
	display: none;  
	cursor:pointer;  
	position: fixed;  
	width: 30px;  
	right: 10px;  
	bottom: 60px;  
	z-index: 999;  
} 
.pro_img{width:75% !important;}
.pro_detail{ padding:0 !important;}
.mod18{ height:315px !important;}
.mod18 .listBox{ height:277px !important;}
}

.mainbody{ display:none;}
@media (max-width: 768px) {
.pc_pro{ display:none;}
.mainbody{ width:100%; display:block;}
.mainbody table{ max-width:100%!important;}
.mainbody img{ max-width:100% !important; height:auto !important}
.proclass{ width:100%; float:left; }
.proclass ul li{ list-style:none; border-bottom:1px solid #d2d2d2}
.proclass ul li h3{ font-size:13px; color:#000000; font-weight:normal;}

.proclass .classname{width:100%; color:#010101; padding:10px 0px;}
.proclass .classname a h3{ font-weight:bold; font-size:18px; margin:10px 0;}

.proclass .classname2{width:90%; color:#010101; padding:5px 5%;}
.proclass .classname2 a h3{ font-weight:normal; font-size:16px; margin:10px 0; line-height:20px;}

.proclass .classname3{width:80%; color:#010101; padding:5px 5% 5px 15%;}
.proclass .classname3 a h3{ font-weight:normal; line-height:20px; margin:10px 0;}

.news_name ul li span{ font-size:16px;}
.news_name ul li{ font-size:14px; line-height:20px;}
.news_date{ font-size:16px !important;}
.details{ top:85px !important; right:0 !important;}
}