﻿
@charset "utf-8";
/* CSS Document */
/**全局**/
* {
	margin: 0px;
	padding: 0px;
}
div, form, img, ul, ol, li, dl, dt, dd, map {
	padding: 0;
	margin: 0;
	border: 0;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}
body {
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	color: #333;
	font-family: "微软雅黑", Arial, Helvetica, sans-serif, "宋体";
	background: #fff;
}
ul, li {
	list-style: none;
}
.clear {
	clear: both;
}
a {
	color: #333;
	text-decoration: none;
}
a:hover {
	color: #F00;
	text-decoration: none;
}
img {
	border: none;
}
hr {
	line-height: 0px;
	font-size: 0px;
	border: none;
	height: 1px;
	width: 100%;
	margin: 5px 0px;
}
div {
	margin: 0px auto;
}
.f_l {
	float: left;
}
.f_r {
	float: right;
}
input, select {
	font-family: arial, Helvetica, sans-serif;
	padding: 1px;
}
.blank {
	width: 100%;
	height: 10px;
	clear: both;
	overflow: hidden;
}
.blank20 {
	width: 100%;
	height: 20px;
	clear: both;
	overflow: hidden;
}
.mt10 {
	margin-top: 10px;
}
.hide {
	display: none;
}
.red {
	color: #f00;
}
.blue {
	color: #00f;
}
.gray {
	color: #ccc;
}
.noInfo {
	width: 100%;
	float: left;
	padding: 10px 0;
	text-align: center;
}
.input_submit {
	width: 77px;
	height: 41px;
	float: left;
	background: url(../images/search.png) no-repeat left top;
	text-align: center;
	line-height: 41px;
	color: #fff;
	border: 0px;
	cursor: pointer;
}
.float_bg {
	background: url(../images/qq_3.gif) repeat-y left top;
	width: 118px;
	padding: 2px 0;
	float: left;
}
.f_list {
	width: 100%;
	float: left;
	margin: 5px auto;
	clear: both;
}
.f_list span {
	float: left;
	width: 80px;
}
.block {
	width: 1000px;
	margin: 0 auto;
}


.lijizixun {
    font-size: 1.2em; text-align:center;
    color: #fff;
    border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
    outline: none;
    border: none;
    cursor: pointer;
    padding: 0.8em;
    margin: 3em auto; 
	font-weight:100;
    width: 200px;
    display: block;
	border-radius:50px;
    -webkit-transition: all 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
    transition: all 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
}
.lijizixun a{ color:#fff;}
.lijizixun:hover { 
    background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
    -webkit-transform: translateY(8px);
    -ms-transform: translateY(8px);
	-o-transform: translateY(8px);
	-ms-transform: translateY(8px);
    transform: translateY(8px);
	-webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.58);
	-moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.58);  
	box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1); 
	-webkit-transition: .5s all;
	-moz-transition: .5s all;
	-o-transition: .5s all;
	-ms-transition: .5s all;
    transition: .5s all;
}


/*all*/
.main {
	width: 100%;
	float: left;
	padding: 30px 0;
}
.main_top {
	float: left;
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-size: 14px;
	padding-left: 40px;
	background: url(../images/dts.png) no-repeat left center;
	border-bottom: 1px solid #ececec;
	margin-bottom: 20px;
}
.main_top span {
	float: left;
	color: #fd8d43;
	font-weight: bold;
}
.main_top .span2 {
	float: right;
	color: #999;
}
.main_top ul {
	float: left;
}
.main_top ul li {
	float: left;
	padding: 0 5px;
	color: #666;
}
.main_top ul li a {
	color: #666;
}
.main_top ul li a:hover {
	color: #fd8d43;
}
/*end*/

/**顶部**/
#header {
	width: 100%;
	float: left;
	position: relative;
	z-index: 9999;
}
#top {
	float: left;
	width: 100%;
	height: 35px;
	line-height: 35px;
	border-bottom: 1px solid #ebebeb;
	background: #f8f8f8;
}
.top_left {
	float: left;
}
.top_left span {
	float: left;
	font-size: 14px;
	color: #666;
	margin: 0 15px 0 5px;
}
.top_right {
	float: right;
	position: relative;
}
.top_right span {
	float: right;
	font-size: 14px;
	color: #666;
	margin: 0 5px 0 15px;
	cursor: pointer;
}
.span1 {
	position: relative;
}
.span1 .span2 {
	position: absolute;
	right: -10px;
	top: 34px;
	z-index: 1200;
	display: none;
}
.span1:hover .span2 {
	display: block;
}
.sitemap {
	position: absolute;
	top: 35px;
	right: 0;
	z-index: 1200;
	width: 750px;
	padding: 15px 30px;
	background: #fff;
	display: none;
}
.sitemap_item {
	width: 15%;
	float: left;
}

.sitemap_item:nth-child(1) {
	width: 25%;
}
.sitemap_title {
	float: left;
	width: 100%;
	height: 26px;
	line-height: 26px;
	overflow: hidden;
}
.sitemap_title a {
	font-size: 14px;
	color: #333;
	font-weight: bold;
}
.sitemap_item ul {
	float: left;
	width: 100%;
}
.sitemap_item ul li {
	float: left;
	width: 100%;
	height: 25px;
	line-height: 25px;
}
.sitemap_item ul li a {
	font-size: 12px;
	color: #666;
}
/*search*/
#search {
	width: 220px;
	float: right;
	margin: 5px 23px 0 0;
	position: relative;
}
#search form {
	margin: 0px auto;
	padding: 0px;
}
.skw {
	display: inline;
	width: 100%;
	text-indent: 30px;
	float: left;
	background: #fff;
	line-height: 26px;
	height: 26px;
	border: 1px solid #dedede;
	color: #666;
	border-radius: 23px;
}
.sub {
	width: 26px;
	height: 26px;
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 0;
	background: url(../images/search.jpg) no-repeat left center;
	border: 0;
}
/*end*/
#logo {
	float: left;
}
#logo img {
	height: 80px;
	margin: 15px 0;
}

.logo_ico{
    float: left;
    margin-left:0;
}

.logo_ico .ico_img{
    position: relative;
    float: left;
    z-index: 9;
}

.logo_ico .ico1{
    display: inline-block;
    width: 42px;
    height: 30px;
    margin: 0 15px 0 0;
    position: relative;
}

.logo_ico .ico2{
    display: inline-block;
    width: 35px;
    height: 30px;
    margin: 0 0 0 0;
}

.logo_ico .ico_img i{
    position: absolute;
    left: 0px;
    top: 100px;
    z-index: 9999;
}

.logo_ico .ico_img i img{
    display: none;
    width: 350px;
    height: 500px;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.logo_ico .ico_img:hover i img{ display: block;}

@media screen and (max-width: 768px) {.logo_ico .ico_img:hover i img{ display: none;} }

#header_right {
	float: right;
}
/*end*/

/*menu*/
#navigate {
	float: right;
	margin: 40px 5px 0 0;
	clear: both;
}
#navigate ul li {
	float: left;
	height: 50px;
	position: relative;
	z-index: 1000;
	text-align: center;
}
#navigate ul li.first_menu {
	background: none;
}
#navigate ul li a {
	padding: 0 14px;
	display: inline-table;
	line-height: 50px;
	height: 50px;
	color: #333;
	text-align: center;
	font-size: 16px;
	font-family: "微软雅黑";
}
#navigate ul li a:hover {
	color: #fd8d43;
}
#navigate ul li .current {
	color: #fd8d43;
}
#navigate ul li ul {
	display: none;
}
#navigate ul li ul li {
}
#navigate ul li ul li a {
}
#navigate ul li ul li a:hover {
}


#navigate ul li .submenu {
  display: none;
  position: absolute;
  top: 50px;
  left: -30px;
  background: #20a0b3;
  width: 170px;
  z-index: 999;
  overflow: hidden;
}



#navigate ul li .submenu li {

    float: left;

    padding: 0;

    background: none;

    height: 45px;

    line-height: 45px;

    border-bottom: 1px solid rgba(255, 255, 255, 0.5);

}



#navigate ul li .submenu>li>a {

    float: none;

    text-align: center;

    font-family: "Microsoft YaHei";

    font-size: 14px;

    height: 45px;

    line-height: 45px;

    background: none;

    color: #fff;

    width: 170px;

    font-weight: normal;

    display: block;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;
    padding: 0 5px;
    box-sizing: content-box;

}


#navigate ul li .submenu li a:hover {

    background: #23d5bb;

    text-decoration: none;

}

/*end*/

/*mobile menu*/
.navbar-toggle {
	margin: 15px 0px 0 0;
}
.navbar-toggle .icon-bar {
	background-color: #333;
}
.mobile_nav {
	display: none;
	background: #FD862B;
}
.mobile_nav ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.mobile_nav li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	border-bottom: 1px solid #fff;
	position: relative;
}
.mobile_nav ul li a {
	padding-left: 10px;
	color: #fff;
	display: block;
	font-size: 14px;
	height: 38px;
	line-height: 38px;
	font-weight: bold;
}
.mobile_nav ul li a:hover, .mobile_nav ul li a:active {
	background-color: #ED7417;
}
.mobile_nav ul ul {
	margin: 0;
	padding: 0 10px 10px 10px;
	display: none;
}
.mobile_nav ul ul li {
	border-bottom: none;
	margin: 0;
	padding: 0;
}
.mobile_nav ul ul li a {
	padding: 0;
	padding-left: 5px;
	font-size: 14px;
	font-weight: normal;
	height: 38px;
	line-height: 38px;
}
.mobile_nav ul li i {
	position: absolute;
	top: 12px;
	right: 5px;
	display: block;
	width: 13px;
	height: 13px;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}
.mobile_nav ul li i.touch-arrow-down {
	background-image: url(../images/touch-arrow-d.png);
}
.mobile_nav ul li i.touch-arrow-up {
	background-image: url(../images/touch-arrow-u.png);
}
/*手机底部导航*/
#toolbar2 {
	display: none;
}
/*toolbar*/
#toolbar {
	width: 60px;
	position: fixed;
	right: 0px;
	top: 50%;
	margin-top: -170px;
	z-index: 1000000;
}
#toolbar ul {
}
#toolbar li {
	width: 60px;
	height: 60px;
	float: left;
	margin: 4px 0px;
	position: relative;
}
#toolbar li .t_item {
	width: 60px;
	height: 60px;
	background: #ff7010;
	text-align: center;
	line-height: 60px;
	display: block;
	border-radius: 5px 0 0 5px;
	color: #fff;
	text-decoration: none;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 2;
}
#toolbar li a.t_item:hover, #toolbar li a.cur {
	background: #ff7010;
}
.tool_qq {
	position: absolute;
	left: -148px;
	top: -100px;
	width: 148px;
	padding: 0 10px 0 0;
	display: none;
}
#qq_top {
	width: 100%;
	height: 85px;
	background: url(../images/qq_top.jpg) no-repeat center;
}
.tool_qq_con {
	width: 100%;
	padding: 5px 0;
	float: left;
	background: #fff; box-shadow: 1px 1px 8px 0 rgba(0, 0, 0, 0.15);
	text-align: center;
}
.tool_qq_con div {
	margin: 8px auto;
}
.tool_qq_con div a {
	display: block;
	width: 100%;
	height: 30px;
	line-height: 30px;
}
.tool_qq_con div a:hover {
	color: #ff7010;
}
.tool_qq_con div a img {
	margin-right: 10px;
}
.tool_tel {
	width: 100%;
	margin-top: 15px !important;
}
.tool_tel h3 {
	width: 100%;
	height: 30px;
	line-height: 30px;
	font-size: 18px;
	color: #040404;
}
.tool_tel h4 {
	width: 100%;
	height: 30px;
	line-height: 30px;
	font-size: 18px;
	color: #ff7010;
	font-family: arial;
}
.tool_weixin2 {
	width: 100%;
	padding: 10px;
	background: #fff;
}
.tool_weixin2 img {
	width: 100%;
	height: auto;
}
.tool_weixin {
	position: absolute;
	top: 0px;
	width: 120px;
	left: -130px;
	padding: 0 10px 0 0;
	display: none;
}
.t_wx_con {
	width: 120px;
	background: #f9fbfb; border:1px solid #f9fbfb; 
	padding: 6px;
	text-align: center;
	font-size: 14px;
	line-height: 22px;
}
.t_wx_con img {
	width: 100px;
	height: 100px;
}
.t1 i {
	width: 60px;
	height: 60px;
	background: url(../images/u1.png) no-repeat center center;
	display: block;
}
.t2 i {
	width: 60px;
	height: 60px;
	background: url(../images/wechat.png) no-repeat center center;
	display: block;
}
.t3 i {
	width: 60px;
	height: 60px;
	background: url(../images/u3.png) no-repeat center center;
	display: block;
}
.t4 i {
	width: 60px;
	height: 60px;
	background: url(../images/wechat.png) no-repeat center center;
	display: block;
}
.t5 i {
	width: 60px;
	height: 60px;
	background: url(../images/top.png) no-repeat center center;
	display: block;
}
/*flash*/
#banner {
	width: 100%;
	float: left;
}
#banner img {
	width: 100%;
	height: auto;
}
#flash {
	width: 100%;
	float: left;
}
.slideBox {
	position: relative;
	overflow: hidden;
	background: #000;
}
.slideBox .bd {
	position: relative;
	z-index: 0;
	margin: 0 auto;
}
.slideBox .bd li {
	position: relative;
	text-align: center;
	height: 600px;
}
.slideBox .bd li img {
	width: 100%;
}
.slideBox .hd {
	width: 100%;
	position: absolute;
	z-index: 1;
	bottom: 10px;
	left: 0;
	height: 12px;
	line-height: 12px;
}
.slideBox .hd ul {
	text-align: center;
}
.slideBox .hd ul li {
	cursor: pointer;
	display: inline-block;
*display:inline;
	zoom: 1;
	width: 12px;
	height: 12px;
	margin: 0 5px;
	overflow: hidden;
	background: #fff;/*filter:alpha(opacity=80);opacity:0.8;*/
	line-height: 999px;
	border-radius: 50%;
}
.slideBox .hd ul .on {
	background: #FD862B;
}
.slideBox .prev {
	/*display: none;*/
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -37.5px;
	width: 49px;
	height: 75px;
	background: url(../images/left.png) no-repeat left top;
	cursor: pointer;
}
.slideBox .next {
	/*display: none;*/
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -37.5px;
	width: 49px;
	height: 75px;
	background: url(../images/right.png) no-repeat left top;
	cursor: pointer;
}
/*end*/

/* home */
.home_top {
	/*float: left;*/
	width: 100%;
	height: 100px; margin-top:30px;
	overflow: hidden;
}
.home_top h1 {
	text-align:center;
	display: block;
	line-height: 50px;
	font-size: 26px; font-weight:600;
	color: #333;
}
.home_top h3 {
	text-align:center;
	display: block;
	line-height: 50px;
	font-size: 26px; font-weight:600;
	color: #333;
}
.home_top  p{
	text-align:center;
	display: block;
	line-height: 40px;
	font-size: 18px; font-weight:400;
	color: #555;
}
/*.home_top a {
	float: right;
	display: inline-block;
	padding-left: 20px;
	background: url(../images/home_more.png) no-repeat left center;
	font-size: 14px;
	color: #fd8d43;
	line-height: 55px;
}*/

/* 热销产品 */
#pro {
	float: left;
	width: 100%;
	background: #fff;
	padding: 25px 0 0 0;
}
.pro_con {
}
.pro_left {
	float: left;
	width: 50%;
}
.pro_right {
	float: right;
	width: 50%;
}
.pro_item {
	float: left;
	background: #fff;
	margin-bottom: 20px;
	position: relative;
	cursor: pointer; box-shadow: 1px 1px 8px 0 rgba(0, 0, 0, 0.15);
}
.pro_item_1, .pro_item_2 {
	width: 280px;
	height: 360px;
	margin-right: 20px;
}
.pro_item_3 {
	width: 580px;
	height: 360px;
	margin-right: 20px;
}
.pro_item_4 {
	width: 600px;
	height: 280px;
}
.pro_item_5 {
	width: 290px;
	height: 350px;
	margin-right: 20px;
}
.pro_item_6 {
	width: 290px;
	height: 350px;
}
.pro_item_img {
	width: 100%;
	height: 100%;
	background-position: 100% 100%;
	background-repeat: no-repeat;
	background-size: contain;
}
.img_position {
	background-position: 0% 100%;
}
.pro_item_title {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 2;
	padding: 30px 10px 0 30px;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
.title_position {
	padding: 60px 10px 0 65%;
}
.title_position_2 {
	padding: 60px 10px 0 60px;
}
.pro_item_title h3 {
	float: left;
	width: 100%;
	height: 26px;
	line-height: 26px;
	overflow: hidden;
}
.pro_item_title h3 a {
	font-size: 24px;
	color: #333;
	padding-right: 28px;
	background: url(../images/pro_li.png) no-repeat right center;
}
.pro_item_title h4 {
	float: left;
	width: 100%;
	line-height: 26px;
	font-size: 14px;
	color: #9a9a9a;
	margin-top: 8px;
}
.pro_item:hover .pro_item_title {
	background: rgba(255,255,255,0.5);
}
.pro_item:hover .pro_item_title h3 a {
	color: #fd8d43;
}
/* 选择对象 */
.select_con {
	float: left;
	width: 100%;
	padding: 0 0 20px 0;
}
.select_item {
	float: left;/* width:25%; */
	width: 276px;
	margin: 0 15px 20px 15px; box-shadow: 1px 1px 8px 0 rgba(0, 0, 0, 0.15);
}
.select_item a {
	float: left;
	width: 100%;
	display: block;
	background: #fff;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
.select_item_img {
	width: 100%;
	height: 165px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}
.select_item_img-2 {
	width: 100%;
	height: 360px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}
.select_item_con-2 {
	float: left;
	width: 100%;
	padding: 22px;
	min-height: 50px;
	background: url(../images/s_li.png) no-repeat right bottom;
}
.select_item_con {
	float: left;
	width: 100%;
	padding: 22px;
	min-height: 150px;
	background: url(../images/s_li.png) no-repeat right bottom;
}
.select_item_con h3 {
	width: 100%;
	height: 36px;
	line-height: 36px;
	font-size: 18px;
	color: #333;
}
.select_item_con-2 h3 {
	width: 100%;
	height: 36px;
	line-height: 18px;
	font-size: 16px;
	color: #333;
}
.select_item_con h4 {
	width: 100%;
	font-size: 14px;
	color: #999;
	line-height: 26px;
}
.select_item a:hover {
	background: #fd8d43;
}
.select_item a:hover .select_item_con h3, .select_item a:hover .select_item_con h4 {
	color: #fff;
}
.scrollable {
	overflow: hidden;
	position: relative;
}
.scrollable ul {
	padding: 0;
	_margin-left: -5px !important;
	list-style: none;
	overflow: hidden;
	width: 10000em;
}
.scrollable a.carousel-next {
	right: -10px;
}
.scrollable a.carousel-prev {
	left: -10px;
}
.scrollable .carousel-direction a {
	display: block;
	overflow: hidden;
	position: absolute;
	width: 40px;
	height: 40px;
	line-height: 40px;
	margin-top: 0;
	top: 137.5px;
	color: #fff;
	font-size: 22px;
	background-color: #FD862B;
	border: 1px solid #FD862B;
	border-radius: 50%;
	font-family: simsun;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	z-index: 100;
}
.carousel-direction a {
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
.scrollable-5col .carousel-direction a {
	top: 15px;
}
.partner_page {
	float: left;
	width: 100%;
	margin-bottom: 20px;
	text-align: center;
}
.partner_page a {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 8px;
	background: #e5e5e5;
	margin: 0 5px;
}
.partner_page a.selected {
	background: #FD862B;
}
.partner_page a span {
	display: none;
}
/* 新闻中心 */
#news {
	float: left;
	width: 100%;
	padding: 25px 0 0 0;
}
.slideTxtBox2 .hd {
	float: left;
	width: 100%;
	height: 55px;
	line-height: 55px;
	border-bottom: 1px solid #e6e6e6;
}
.slideTxtBox2 .hd li {
	float: left;
	display: inline-block;
	font-size: 24px;
	color: #666;
	line-height: 54px;
	margin-right: 25px;
	cursor: pointer;
}
.slideTxtBox2 .hd li.on {
	color: #fd8d43;
	border-bottom: 1px solid #fd8d43;
}
.slideTxtBox2 .bd {
	float: left;
	width: 100%;
	margin-top: 23px;
}
.slideTxtBox2 .bd ul {
	float: left;
	width: 100%;
}
.news_item {
	width: 550px;
	float: left;
	padding-right: 10px;
	margin-bottom: 30px;
	cursor: pointer;
}
.news_position {
	float: right;
}
.news_item_img {
	float: left;
	width: 28.18%;
	overflow: hidden;
}
.news_item_img img {
	width: 100%;
	height: auto;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
.news_item_con {
	float: right;
	width: 68.18%;
}
.news_item_title {
	float: left;
	width: 100%;
	height: 18px;
	line-height: 18px;
	overflow: hidden;
}
.news_item_title a {
	font-size: 18px;
	color: #333;
}
.news_item_desc {
	float: left;
	width: 100%;
	font-size: 14px;
	color: #666;
	line-height: 24px;
	margin-top: 8px;
}
.news_item_more {
	color: #fd8d43;
	margin-left: 10px;
}
.news_item_time {
	float: left;
	width: 100%;
	height: 20px;
	line-height: 30px;
	font-size: 12px;
	color: #999;
}
.news_item:hover .news_item_title a {
	color: #fd8d43;/* text-decoration:underline; */
}
.news_item:hover .news_item_img img {
	transform: scale(1.2, 1.2);
	-webkit-transform: scale(1.2, 1.2);
	-moz-transform: scale(1.2, 1.2);
	-o-transform: scale(1.2, 1.2);
	-ms-transform: scale(1.2, 1.2);
}

.itembg { width:100%;
    background: -webkit-linear-gradient(to bottom right, #fefefe 50%, #fafafa 50%);
	background: linear-gradient(to bottom right, #fefefe 50%, #fafafa 50%);}
/*困惑*/
.c6-cont {width: 1000px; margin-left: auto; margin-right: auto;margin-top: 22px;   margin-bottom: 45px;
    position: relative; height: 371px;
	
	     }
.c6-cont > div {
    position: absolute;
    display: table;
    background-color: #1aade0;
    border-radius: 50%; }
.c6-cont div:hover{transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);}
.c6-cont > div > div {
    display: table-cell;
    vertical-align: middle; }
.c6-cont > div > div h3 {
    font-size: 20px;
    line-height: 26px;
    color: #fff;
    font-weight: normal;
    text-align: center;
    margin-bottom: 12px; }
.c6-cont > div > div p {
    font-size: 16px;
    line-height: 20px;
    color: #ffffff;
    font-weight: normal;
    text-align: center; }
.c6-cont > div:nth-child(1) {
    width: 185px;
    height: 185px;
    left: 0px;
    top: 77px;
    background: #f00;
    background: -webkit-linear-gradient(to right, #2c8af0, #0bcad2);
    background: -moz-linear-gradient(to right, #2c8af0, #0bcad2);
    background: -ms-linear-gradient(to right, #2c8af0, #0bcad2);
    background: linear-gradient(to right, #2c8af0, #0bcad2);
    animation-duration: 6s; }
.c6-cont > div:nth-child(2) {
    width: 168px;
    height: 168px;
    left: 164px;
    top: 187px;
    background: #f00;
    background: -webkit-linear-gradient(to right, #e752e0, #ae50f3);
    background: -moz-linear-gradient(to right, #e752e0, #ae50f3);
    background: -ms-linear-gradient(to right, #e752e0, #ae50f3);
    background: linear-gradient(to right, #e752e0, #ae50f3);
    animation-duration: 7s; }
.c6-cont > div:nth-child(3) {
    width: 205px;
    height: 205px;
    left: 294px;
    top: 51px;
    background: #f00;
    background: -webkit-linear-gradient(to right, #f8ac43, #fb864b);
    background: -moz-linear-gradient(to right, #f8ac43, #fb864b);
    background: -ms-linear-gradient(to right, #f8ac43, #fb864b);
    background: linear-gradient(to right, #f8ac43, #fb864b);
    animation-duration: 8s; }
.c6-cont > div:nth-child(4) {
    width: 163px;
    height: 163px;
    left: 466px;
    top: 174px;
    background: #f00;
    background: -webkit-linear-gradient(to right, #ff6a8a, #ffa8a4);
    background: -moz-linear-gradient(to right, #ff6a8a, #ffa8a4);
    background: -ms-linear-gradient(to right, #ff6a8a, #ffa8a4);
    background: linear-gradient(to right, #ff6a8a, #ffa8a4);
    animation-duration: 9s; }
.c6-cont > div:nth-child(5) {
    width: 206px;
    height: 206px;
    left: 600px;
    top: 24px;
    background: #f00;
    background: -webkit-linear-gradient(to right, #59b102, #84d535);
    background: -moz-linear-gradient(to right, #59b102, #84d535);
    background: -ms-linear-gradient(to right, #59b102, #84d535);
    background: linear-gradient(to right, #59b102, #84d535);
    animation-duration: 10s; }
.c6-cont > div:nth-child(6) {
    width: 185px;
    height: 185px;
    left: 814px;
    top: 130px;
    background: #f00;
    background: -webkit-linear-gradient(to right, #e752e0, #ae50f3);
    background: -moz-linear-gradient(to right, #e752e0, #ae50f3);
    background: -ms-linear-gradient(to right, #e752e0, #ae50f3);
    background: linear-gradient(to right, #e752e0, #ae50f3);
    animation-duration: 11s; }
.c6-cont > div:nth-child(7) {
    width: 182px;
    height: 182px;
    left: 1016px;
    top: 0px;
    background: #f00;
    background: -webkit-linear-gradient(to right, #ff6a8a, #ffa8a4);
    background: -moz-linear-gradient(to right, #ff6a8a, #ffa8a4);
    background: -ms-linear-gradient(to right, #ff6a8a, #ffa8a4);
    background: linear-gradient(to right, #ff6a8a, #ffa8a4);
    animation-duration: 12s; }

.float {
    -webkit-animation: float 5s cubic-bezier(1, 1.01, 0, 0.01) infinite;
    -o-animation: float 5s cubic-bezier(1, 1.01, 0, 0.01) infinite;
    animation: float 5s cubic-bezier(1, 1.01, 0, 0.01) infinite; }
	
@-webkit-keyframes float {
    0% {
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px); }
    25% {
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        -o-transform: translateY(30px);
        transform: translateY(30px); }
    50% {
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px); }
    75% {
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -o-transform: translateY(-30px);
        transform: translateY(-30px); }
    100% {
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px); } }
@-moz-keyframes float {
    0% {
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px); }
    25% {
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        -o-transform: translateY(30px);
        transform: translateY(30px); }
    50% {
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px); }
    75% {
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -o-transform: translateY(-30px);
        transform: translateY(-30px); }
    100% {
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px); }
}
@keyframes float {
    0% {
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px); }
    25% {
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        -o-transform: translateY(30px);
        transform: translateY(30px); }
    50% {
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px); }
    75% {
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -o-transform: translateY(-30px);
        transform: translateY(-30px); }
    100% {
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px); }
}

@media screen and (max-width: 768px) {
.c6-cont { clear:both; position: inherit; display:block;text-align:center;width: 95%; margin-left: auto; margin-right: auto;margin-top: 22px;   margin-bottom: 45px;   height:400px;   }
.c6-cont .float{width:41%;float:left; margin-left:6%;}
.c6-cont > div {
    background-color: #1aade0;border-radius: 50%;  position: static; text-align:center; }
.c6-cont div:hover{transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);}
.c6-cont > div > div {
    vertical-align: middle; }
.c6-cont > div > div h3 {
    font-size: 18px;
    line-height: 26px;
    color: #fff;
    font-weight: normal;
    text-align: center;
    margin-bottom: 12px; }
.c6-cont > div > div p {
    font-size: 15px;
    line-height: 20px;
    color: #ffffff;
    font-weight: normal;
    text-align: center; }
.c6-cont > div:nth-child(1) {
    width: 168px;
    height: 168px;
}
.c6-cont > div:nth-child(2) {
    width: 168px;
    height: 168px;
}
.c6-cont > div:nth-child(3) {
    width: 168px;
    height: 168px;
 }
.c6-cont > div:nth-child(4) {
    width: 168px;
    height: 168px;
 }
.c6-cont > div:nth-child(5) {
    width: 168px;
    height: 168px;
}
.c6-cont > div:nth-child(6) {
    width: 168px;
    height: 168px;
}
.c6-cont > div:nth-child(7) {
    width: 168px;
    height: 168px;
}
}



/*检测范围*/
.conmont-wrap .problem {
    overflow: hidden;
    clear: both;
    position: relative;
}
.conmont-wrap .problem .pull-left {
    width: 493px;
    height: 518px;
    background: url("../images/service_lbg.png") no-repeat center/contain;
    float: left;
    margin-left: 217px;
}
.conmont-wrap .problem .pull-left img {
    position: absolute;
    width: 410px;
    height: 410px;
    left: 0;
    top: 50%;
    margin-top: -205px;
}
.conmont-wrap .problem .step {
    position: absolute;
    width: 600px;
    right: 0;clear: both;
    top: 8%; background:#fff; border:none;
    
}


.conmont-wrap .problem p {
    font-size: 26px;
    line-height:30px; 
}
.conmont-wrap .problem p em{
    font-size: 16px; display:block;
    line-height:20px; width:330px; overflow:hidden;
}
.conmont-wrap .problem .icon {
    width: 90px;
    height: 90px;
    flex: 0 0 90px;
    display: inline-flex;
    align-items: center;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    font-family: Impact;
    background: #fefefe;
    border-radius: 50%;
    margin-right: 40px;
    font-style: italic;
    color: #004597;
}
.conmont-wrap .problem .icon .number {
    font-size: 50px;
    line-height: 50px;
}
.conmont-wrap .problem .icon .txt {
    font-size: 26px;
    line-height:26px;
}

.conmont-wrap .problem .step-list { 
    width: 500px;
    height: 92px;
    background: #f3f5f8;
    border-radius: 46px;
    display: flex;
    align-items: center;
    font-size: 22px; 
    color: #333333;
    line-height: 30px;
    padding-right: 60px;
}
.conmont-wrap .problem .two {
    float: right;
    margin-top: 20px; margin-bottom:20px;
}
.conmont-wrap .problem .two {
    color: #004597;
}
.conmont-wrap .problem .two .icon {
    background-color: #004597;
    color: #FFFFFF;
}
.conmont-wrap .problem .two .icon .number {
    line-height: 50px; height:50px;
}
.conmont-wrap.problem .two .icon .txt {
    font-size: 26px;
    line-height:26px;

}

.conmont-wrap .table {
    margin-top: 50px;
    width: 100%;
}

.changeLeftOrRight .conmont-wrap .problem .pull-left{
    float:right;
    transform:rotate(180deg);
    margin-right: 217px;
}
.changeLeftOrRight .conmont-wrap .problem .pull-left img{
    margin-left: -217px;transform: rotate(180deg);
}
.changeLeftOrRight .conmont-wrap .problem .step{
    left: 0;
}
.changeLeftOrRight .conmont-wrap .problem .two{
    float: none;
    color: #333;
    margin: 50px 0;
    margin-left: 0 !important;
}
.changeLeftOrRight .conmont-wrap .problem .step-list{
    color: #004597;
    float: left;
    margin-left: 60px;
}

@media screen and (max-width: 768px) {
.conmont-wrap .problem {}
.conmont-wrap .problem .pull-left { background: none;}
.conmont-wrap .problem .pull-left img {filter: opacity(20%);}
.conmont-wrap .problem .step { width: 500px; background:#fff; border:none;  }
conmont-wrap .problem .step-list { clear:both; 
    width: 360px;
    height: 92px;

}
.conmont-wrap .problem p {
    font-size: 20px;
    line-height:30px; 
}
.conmont-wrap .problem p span{
    font-size: 14px; display:block;
    line-height:20px; width:260px; overflow:hidden;
}

}


/*合作流程*/

.lc{
  margin: 0px auto 0 auto;
  width: 1250px;
}

.lc .title{
  margin: 0 auto;
  text-align: center;
}

.lc .title .t_l{
  float: none;
  display: inline-block;
  text-align: center;
}

.lc .lc_box{
  margin: 25px auto 0 auto;
  height: 270px;
  padding: 0 73px;
  background: url(../images/lc_bg.jpg) no-repeat center;
}

.lc .lc_box ul li{
  float: left;
  width: 120px;
  margin-right: 75px;
  margin-top: 35px;
  position: relative;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.lc .lc_box ul li:last-child{
  margin-right: 0;
}

.lc .lc_box ul li .pic{
  width: 120px;
  height: 160px;
  background: url(../images/lc_list.png) no-repeat center;
  text-align: center;
  padding-top: 34px;
}

.lc .lc_box ul li .pic img{
  display: block;
  margin: 0px auto 13px auto;
  width: 28px;
  height: 28px;
}

.lc .lc_box ul li .pic h5{
  font-size: 18px;
  color: #fff;

}

.lc .lc_box ul li .txt{
  margin: 0 auto;
  position: relative;
}

.lc .lc_box ul li .txt i{
  display: inline-block;
  padding-top: 30px;
  font-size: 14px;
  color: #333;
  background: url(../images/buttom5.png) no-repeat center top;
  text-align: center;
}

.lc .lc_box ul li .txt i.lc1{
  position: absolute;
  left: -28px;
  top: -40px;
  width: 60px;
}

.lc .lc_box ul li .txt i.lc2{
  position: absolute;
  right: -100px;
  top: -40px;
  width: 60px;
}

.lc .lc_box ul li .txt i.lc3{
  position: absolute;
  left: 0px;
  top: -6px;
  width: 120px;
}

.lc .lc_box ul li:nth-child(4) .txt i.lc2{
  position: absolute;
  right: -120px;
  top: -40px;
  width: 100px;
}

.lc .lc_box ul li:hover{
  transform: translateY(-10px);
  -webkit-transform: translateY(-10px);
  -o-transform: translateY(-10px);
}
@media screen and (max-width: 768px) {
.lc { display:none}
}
/* 合作机构 */
#partner {
	float: left;
	width: 100%;
	padding: 15px 0 30px 0;
}
.partner_top {
	width: 100%;
	height: 100px; text-align:center;
}
.partner_top h3 {
	line-height: 100px;
	font-size: 18px;
	color: #333;
}
.partner_con {
	float: left;
	width: 100%;
}
.partner_con_row {
	margin-left: -7.5px;
	margin-right: -7.5px;
}
.partner_item {
	float: left;
	padding: 0 7.5px;
	margin-bottom: 15px;
}
.partner_item_img {
	width: 180px;
	height: 90px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}
/* 质量保证 */
#quality {
	float: left;
	width: 100%;
	padding: 20px 0;
	background: #ff7010;
}
.q1, .q2, .q3, .q4 {
	float: left;
	width: 24.723%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background: url(../images/q_li.jpg) no-repeat left center;
}
.q1 a, .q2 a, .q3 a, .q4 a {
	display: inline-block;
	height: 50px;
	font-size: 24px;
	color: #fff;
	/*padding-left: 60px;*/
	background-size: contain !important;
}
.q1 {
	width: 25.833%;
	background: none;
}
/* footer */
#footer {
	float: left;
	width: 100%;
	background: #f5f4f3;
	padding: 37px 0 35px 0;
}
#help {
	float: left;
	width: 100%;
	border-bottom: 1px solid #dcdbdb;
}
.help_list {
	float: left;
	padding: 0 5px;
	min-height: 200px;
}
.help_list:nth-child(1) {
	width: 350px;
}
.help_list:nth-child(2) {
	width: 130px;
}
.help_list:nth-child(3) {
	width: 130px;
}
.help_list:nth-child(4) {
	width: 270px;
}
.help_list:nth-child(5) {
	width: 205px;
}
.help_top {
	float: left;
	width: 100%;
	height: 36px;
	overflow: hidden;
}
.help_top h3 {
	float: left;
	height: 36px;
	line-height: 36px;
	font-size: 18px;
	color: #363636;
}
.help_top span {
	float: right;
	width: 14px;
	height: 36px;
	background: url(../images/footer_li.png) no-repeat center;
	display: none;
	-ms-transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.help_top span:hover {
	-ms-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
.help_list ul {
	float: left;
	padding: 0;
	margin-top: 5px;
}
.help_list ul li {
	float: left;
	width: 100%;
	height: 24px;
	line-height: 24px;
}
.help_list ul li a {
	font-size: 14px;
	color: #666;
}
.help_list:nth-child(1) ul li {
	width: 49%;
}
.help_con {
	float: left;
	width: 100%;
	line-height: 35px;
	color: #666;
	font-size: 14px;
}
.help_con span {
	font-size: 18px;
	color: #ff7010;
}
#copy_txt {
	float: left;
	width: 100%;
	line-height: 24px;
	font-size: 14px;
	color: #666;
	text-align: center;
}
/* 友情链接 */
#link {
	float: left;
	width: 100%;
	padding: 20px 45px;
}
.link_top {
	float: left;
	width: 75px;
	font-size: 14px;
	line-height: 24px;
	color: #333;
}
.link_con {
	float: left;
	width: 1040px;
	height: 24px;
	overflow: hidden;
	position: relative;
	padding-right: 50px;
}
.link_con li {
	float: left;
}
.link_con li a {
	display: inline-block;
	font-size: 14px;
	line-height: 24px;
	color: #333;
	margin-right: 10px;
}
.link_btn {
	position: absolute;
	right: 0;
	top: 0;
	line-height: 24px;
	font-size: 14px;
	color: #333;
	cursor: pointer;
}
#LeftButton {
	width: 24px;
	height: 42px;
	display: block;
	background: url(../images/left.png) no-repeat 0px 0px;
	position: absolute;
	left: 0px;
	top: 55px;
}
#RightButton {
	width: 24px;
	height: 42px;
	display: block;
	background: url(../images/right.png) no-repeat 0px 0px;
	position: absolute;
	left: 736px;
	top: 55px;
}
#MarqueeDiv {
	width: 692px;
	float: left;
	height: 152px;
	overflow: hidden;
	margin: 0 0 0 34px;
	display: inline;
}
#MarqueeDiv img {
	margin-right: 10px;
	height: 150px;
	width: 150px;
}
/*end*/


/*left*/
#left {
	width: 100%;
	float: left;
	text-align: center;
}
.left_list {
	width: 100%;
	float: left;
}
.left_top {
	display: none;
}
.left_top h3 {
}
.left_con {
	float: left;
	width: 100%;
}
.type_list {
	width: 100%;
	float: left;
}
.type_list ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.type_list li {
	display: inline-block;
	padding: 0px;
	list-style-type: none;
	margin: 10px 0;
}
.type_list li a {
	font-size: 16px;
	height: 36px;
	margin: 0 5px;
	line-height: 36px;
	padding: 0 30px;
	background: #fd8d43;
	display: inline-block;
	color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
.type_list li a:hover, .type_list li a.current {
	background: #ff7010;
}
.type_list li.second_cat {
}
.type_list li.second_cat a {
}
.type_list li.second_cat a:hover {
}
.type_list li.second_cat a.current {
}
/*end*/

/*right*/
#right {/* width:880px; */
	width: 100%;
	float: right;
}
#right_top {
	width: 100%;
	height: 60px;
	line-height: 60px;
	float: left;
	border-bottom: 1px solid #e5e5e5;
	text-align: center;
	display: none;
}
#right_top h3 {
	font-size: 24px;
	color: #45b1ff;
	line-height: 60px;
	font-family: "微软雅黑";
}
#right_top h3 a {
	color: #45b1ff;
}
#right_top span {
	float: right;
}
#right_con {
	width: 100%;
	float: left;
	padding: 10px 0 0 0;
	line-height: 200%;/*overflow-x:hidden;*/
	min-height: 300px;
	height: auto !important;
	height: 300px;
}
#right_con img {
	max-width: 100%;
	height: auto;
}
/*end*/

/*demo*/
#demo {
	overflow: hidden;
	width: 900px;
	height: 145px;
	margin: 35px 0 0 10px;
	float: left;
	display: inline;
}
#cdemo {
	overflow: hidden;
	width: 900px;
}
#demo img {
}
#indemo {
	float: left;
	width: 800%;
}
#demo1 {
	float: left;
}
#demo2 {
	float: left;
}
/*end*/

	 
/*news*/
.art_list {
	width: 100%;
	float: left;
	padding: 15px 0;
	border-bottom: 1px dashed #dcdcdc;
	cursor: pointer;
}
.art_img {
	float: left;
	width: 20%;
}
.art_img img {
	width: 100%;
}
.art_right {
	float: right;
	width: 78%;
}
.art_title {
	width: 100%;
	height: 30px;
	line-height: 30px;
	font-size: 18px;
	overflow: hidden;
}
.art_title a {
	text-decoration: underline;
}
.art_author {
	width: 100%;
	height: 20px;
	line-height: 20px;
	color: #666;
}
.art_author span {
	margin: 0 10px 0 0;
	color: #999;
}
.art_des {
	color: #666;
	line-height: 25px;
}
.art_more a {
	color: #fd8d43;
}
.art_list:hover {
	border-bottom: 1px dashed #fd8d43;
}
.art_list:hover .art_title a {
	color: #fd8d43;
}
.articleList {
	width: 100%;
	float: left;
}
.articleList ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.articleList li {
	margin: 0px;
	padding: 0 0 0 10px;
	list-style-type: none;
	border-bottom: 1px dotted #ccc;
	background: url(../images/li_0.png) no-repeat left center;
	line-height: 35px;
}
.time {
	float: right;
}
.articleTitle {
	font-weight: bold;
	font-size: 18px;
	text-align: center;
}
.articleAuthor {
	text-align: center;
	padding: 7px 0px;
	border-bottom: 1px dotted #ccc;
}
.articleauthor span {
	margin: 0px 6px;
	font-size: 9pt;
}
.articleInfo {
	width: 100%;
	padding: 10px 0;
	line-height: 200%;
}
.articleInfo img {
	max-width: 100%;
}
.pageUpDown {
	padding-top: 10px;
	text-align: left;
	line-height: 30px;
}
/*end*/

/*Product*/
.productList {/*width:100%;float:left;*/
}
.pro_list {
	float: left;
	margin: 15px auto;
	width: 25%;
	height: 340px;
	padding: 0 15px;
}
.pro_list2 {
	width: 100%;
	height: 100%;
	box-shadow: 0 0 5px #dcdcdc;
}
.pro_img img {
	width: 100%;
}
.pro_title {
	width: 100%;
	height: 25px;
	line-height: 25px;
	overflow: hidden;
}
.productTitle {
	line-height: 35px;
	font-weight: bold;
	text-align: center;
	font-size: 18px;
}
.productImg {
	width: 100%;
	text-align: center;
	float: left;
	margin: 10px auto;
}
.productImg img {
	max-width: 100%;
}
.productBuy {
	width: 100%;
	text-align: center;
	float: left;
	margin: 10px auto;
}
.productBuy a {
	margin: 0 10px;
}
/*.productBuy a{width:120px;height:40px;line-height:40px;background:#45b1ff; display:inline-block; color:#fff; border-radius:5px; font-size:14px;}
.productBuy a:hover{background:#000;}*/
.title {
	width: 100%;
	float: left;
	margin: 10px 0 0 0;
	border-bottom: 1px dotted #ccc;
	line-height: 25px;
}
.title span {
	font-size: 14px;
	font-weight: bold;
}
.productDesc {
	line-height: 200%;
	padding: 10px 0;
	width: 100%;
	float: left;
}
/*end*/

/*page*/
.pages {
	font-size: 12px;
	text-align: center;
	padding: 10px 0px 10px 0px;
}
.pages li {
	display: inline-block;
}
.pages a {
	font-size: 12px;
	padding: 5px 10px;
	border: 1px solid #ccc;
	margin: 0 2px;
}
.pages a:hover {
	background: #eee;
}
.pages li.active a {
	background: #eee;
	color: #f00;
}
.pages select {
	vertical-align: middle;
	font-size: 8pt;
	padding: 0px;
}
.pages b {
	font-weight: normal;
}
/*end*/

/*feedback*/
.f_list {
	width: 100%;
	float: left;
	margin: 5px auto;
	clear: both;
}
.f_list .fl_l {
	float: left;
	width: 20%;
	text-align: right;
}
.f_list .fl_r {
	float: left;
	width: 80%;
}
.input_text {
	width: 90%;
	border: 1px solid #ccc;
	line-height: 24px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
}
.w100 {
	width: 100px;
}
/*end */
@media screen and (min-width: 1230px) {
.container {
	width: 1230px;
}
}
@media screen and (max-width: 1230px) {
.pro_item_1, .pro_item_2 {
	width: 46.666%;
	margin-right: 3.333%;
}
.pro_item_3 {
	width: 96.666%;
	margin-right: 3.333%;
}
.pro_item_4 {
	width: 100%;
}
.pro_item_5 {
	width: 48.333%;
	margin-right: 3.333%;
}
.pro_item_6 {
	width: 48.333%;
}
.slideBox .bd li {
	height: 400px;
}
#navigate ul li a {
	padding: 0 8px;
}
#logo img {
	height: 50px;
}
}
@media screen and (max-width: 1200px) {
#link {
	padding: 20px 15px;
}
.link_top {
	width: 100%;
}
.link_con {
	width: 100%;
}
.news_item {
	width: 100%;
	padding-right: 0;
}
.pro_list {
	width: 33.33%;
}
}
@media screen and (max-width: 992px) {
.pro_left, .pro_right {
	width: 100%;
}
.pro_item_1, .pro_item_5 {
	width: 48%;
	margin-right: 4%;
}
.pro_item_2, .pro_item_6 {
	width: 48%;
	margin-right: 0;
}
.pro_item_3 {
	width: 100%;
}
.pro_item_4 {
	width: 100%;
}
#top {
	display: none;
}
.slideBox .bd li {
	height: 320px;
}
#logo img {
	height: 45px;
}
#navigate {
	margin: 25px 5px 0 0;
}
#navigate ul li a {
	padding: 0 5px;
	font-size: 12px;
}
.q1, .q2, .q3, .q4 {
	height: 40px;
	line-height: 40px;
}
.q1 a, .q2 a, .q3 a, .q4 a {
	height: 40px;
	font-size: 16px;
	padding-left: 40px;
}
.pro_list {
	height: 300px;
}
.pro_item_title h3 a {
	font-size: 18px;
}
.pro_item_title h4 {
	line-height: 20px;
}
}
 @media screen and (max-width: 767px) {
.slideBox .bd li {
	height: 250px;
}
#navigate {
	display: none;
}
.mobile_nav {
	display: block;
	position: absolute;
	z-index: 2;
	width: 100%;
}
.m_search {
	float: left;
	width: 100%;
	padding: 15px;
}
.m_search #search {
	float: none;
	width: 70%;
	margin: 0 auto;
}
#logo img {
	height: 40px;
	margin: 5px 0;
}
.scrollable a.carousel-next {
	right: 0px;
}
.scrollable a.carousel-prev {
	left: 0px;
}
.news_item {
	width: 100%;
	padding-right: 0;
}
.pro_list {
	width: 50%;
}
}
 @media screen and (max-width: 640px) {
.pro_item_1, .pro_item_2, .pro_item_5, .pro_item_6 {
	height: 296px;
}
.pro_item_3, .pro_item_4 {
	height: 233px;
}
.slideBox .bd li {
	height: 200px;
}
.news_item_time {
	display: none;
}
#link, #quality {
	display: none;
}
.help_list {
	width: 100% !important;
	border-bottom: 1px solid #e2e2e2;
	min-height: 36px;
}
.help_list:nth-child(4) .help_top {
	display: none;
}
.help_list:nth-child(4) {
	border-bottom: none;
}
.help_list:nth-child(5) {
	border-bottom: none;
}
.help_list ul {
	display: none;
	margin-bottom: 15px;
}
.help_top span {
	display: block;
}
.help_top h3 {
	font-size: 16px;
}
.wechat {
	padding: 15px 0;
}
#copy_txt span {
	display: block;
}
#footer {
	padding: 15px 0;
}
/*手机底部导航*/
.blank55 {
	width: 100%;
	height: 55px;
	clear: both;
	overflow: hidden;
}
#toolbar2 {
	color: #fff;
	width: 100%;
	height: 54px;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 8;
	background: #333;
	display: block;
}
#toolbar2 a {
	width: 100%;
	color: #fff;
	display: block;
	padding: 5px 0 0 0;
	line-height: 23px;
	font-size: 14px;
}
#toolbar2 a span {
	font-size: 22px;
	display: block;
}
#toolbar {
	display: none;
}
.art_img {
	width: 30%;
}
.art_right {
	width: 68%;
}
.art_author, .art_more {
	display: none;
}
.art_des {
	max-height: 75px;
	overflow: hidden;
}
.main {
	padding: 5px 0 15px 0;
}
.main_top {
	margin-bottom: 10px;
}
.type_list li {
	margin: 5px 0;
}
}
 @media screen and (max-width: 480px) {
.pro_item_1, .pro_item_2, .pro_item_5, .pro_item_6 {
	height: 230px;
}
.pro_item_3, .pro_item_4 {
	height: 180px;
}
.pro_item_title {
	padding: 20px 10px 0 20px;
}
.pro_item_title h3 a {
	font-size: 16px;
}
.pro_item_title h4 {
	font-size: 12px;
	margin-top: 4px;
}
.title_position {
	padding: 60px 10px 0 65%;
}
.slideBox .bd li {
	height: 150px;
}
.m_search #search {
	width: 100%;
}
.news_item_title a {
	font-size: 16px;
}
.news_item_desc {
	height: 48px;
	overflow: hidden;
}
.home_top h1 {
	font-size: 20px;
}
.home_top h3 {
	font-size: 20px;
}
.slideTxtBox2 .hd li {
	font-size: 20px;
}
.pro_list {
	height: 250px;
	padding: 0 10px;
}
.row {
	margin-left: -10px;
	margin-right: -10px;
}
.art_title {
	font-size: 16px;
	height: 25px;
	line-height: 25px;
}
.art_des {
	max-height: 40px;
	line-height: 20px;
}
}
 @media screen and (max-width: 375px) {
.pro_item_1, .pro_item_2, .pro_item_5, .pro_item_6 {
	height: 210px;
}
.pro_item_3, .pro_item_4 {
	height: 150px;
}
.title_position {
	padding: 40px 10px 0 65%;
}
.pro_list {
	height: 220px;
}
}
