body{background: #FFF;}

.margin-top-20{ margin-top:20px;}
.margin-right-10{ margin-right:10px;}
.padding-left-10{ padding-left:10px;}

/** 首页 */

/*导航部分*/
.nav{width: 100%; height: 80px; box-shadow: 0 3px 3px 0 #CCC; background: #FFF; position: fixed; left: 0; top: 0; z-index: 999; overflow: hidden; transition: 0.3s;}
.nav.index{background: rgba(255, 255, 255 ,0.6); box-shadow: 0 0 0 0 rgba(0,0,0,0.9);}
.nav.scroll{ background: #FFF; box-shadow: 0 3px 3px 0 rgba(0,0,0,0.05); transition: 0.3s}
.nav .layui-container{position: relative; transition: all 400ms ease-out;}
.nav .nav-logo{height: 100%; position: absolute; top: 10px; left: 15px; line-height: 80px;}
.nav .nav-list{display: inline-block; overflow:hidden; height: 80px;}
.nav .nav-list button{width: 25px; height: 30px; position: absolute; top: 0px; right: 15px; background-color: transparent; border: none; outline: none; cursor: pointer;}
.nav .nav-list button span{display: block; width: 25px; height: 2px; background: #2db5a3; margin-bottom: 6px; transition: 0.5s;}
.nav .nav-list button span.spa1{transform: rotate(45deg);}
.nav .nav-list button span.spa3{transform: rotate(-45deg) translate(5px,-5px);}
.nav .layui-nav{width: 100%; position: absolute; top: 80px; right: 0; color: #000; background: transparent;}
.nav .layui-nav .layui-nav-item{display: block; line-height: 60px;}
.nav .layui-nav *{font-size: 18px;}
.nav .layui-nav .layui-nav-item a{padding: 0 0; color: #000;}
.nav .layui-nav-bar,
.nav .layui-nav .layui-this:after{height: 2px; background-color: #3cc5a1;}
.nav .layui-nav .layui-this a,.nav .layui-nav .layui-nav-item a:hover{ text-decoration:none; color: #3cc5a1;}

/*轮播*/
#banner { margin-top:85px;}
#banner img{min-width: 100%; height: 435px;}
/*#banner .panel{width: 400px; position: absolute; top: 25%; left: 50%; margin-left: -200px; text-align: center;}
#banner .panel p{color: #8c8c8c; font-size: 44px; line-height: 80px; letter-spacing: 15px;}
#banner .panel p.title{color: #4a4a4a; font-size: 54px; letter-spacing: 10px;}
*/
/*主体—产品*/
.main-product{padding-top: 90px; padding-bottom: 130px;}
.main-product p{font-size: 16px; color: #ababab; line-height: 28px;}
.main-product p.title
,.main-service p.title{color: #484848; font-size: 24px; text-align: center; line-height: 160px;}
.main-product p.title span
,.main-service p.title span{color: #2db5a3;}
.main-product .content{border: 1px solid #DEDEDE; padding: 30px 36px 0 36px; text-align: center; transition: 0.3s;}
.main-product .content p.label{font-size: 18px; color: #939393; line-height: 46px; padding-top: 6px;}
.main-product .content a{font-size: 18px; color: #a1d8cb; line-height: 68px;}
.main-product .content:hover{box-shadow: 0 0 3px 3px #EEE; transition: 0.3s;}
.main-product .content img{transition: 2s;}
.main-product .content img:hover{transform: rotateY(180deg);}


.q_tpm {  border-top: 1px solid #dedede;border-left: 1px solid #dedede;border-right: 1px solid #dedede; width:230px;}
.menul { height:100%; }
.menul h1 {height: 36px;line-height: 36px;white-space: nowrap;overflow: hidden; border-bottom: 1px solid #dedede;text-overflow: ellipsis;}
.menul h1 a {font:100 14px/40px "微软雅黑"; color:#666;padding-left:33px;text-decoration: none; display:block; color:#262626; background:url(../images/icon7.gif) no-repeat 15px 15px;}
.menul h1 a:hover{ color:#d00101;}

.menul h2 {font-weight:bold; font-size:12pt; height: 30px;line-height: 30px;white-space: nowrap; font-weight:normal; overflow: hidden; border-bottom: 1px solid #dedede;text-overflow: ellipsis;}
.menul h2 a {padding-left:34px;color: #404040; font-weight:bold; font-size:12pt;  background:url(../images/icon8.gif) no-repeat 23px 7px}
.menul h2 a:hover{ color:#FF0000;}

.menul ul { height:100%; border-top:none;}
.menul ul li{ line-height:30px;}
.menul a {  text-decoration:none; overflow:hidden;}
.menul .no { display:none; }
.menul .current{ background:#FF0000;}

/* position */
.pos {color:#666666;padding:0 12px 0 12px; height:34px; line-height:34px;bottom;margin:1px 1px 0 1px; overflow:hidden; border-bottom:1px solid #CCC;}
.pos .left{ float:left; width:260px; line-height:34px; padding-left:25px; background:url('../images/rt.gif') no-repeat 0 3px; font-weight:bold; overflow:hidden;}
.pos .right{ float:right; width:560px; text-align:right; line-height:34px; overflow:hidden;}
.pos .posr{padding-left:23px;padding-right:10px;background:url('../images/icon_01.gif') no-repeat 0 10px;}

.title {font-size:20px;text-align:center;font-family:"Microsoft Yahei";font-weight:normal;}
.title_trade {font-size:16px;margin:0 0 8px 0;text-align:center;border-bottom:#F1F1F1 1px solid;padding:0 0 10px 0;}
.info {margin:0 15px 0 15px;padding:4px 10px 4px 10px;}
.introduce {margin:15px;padding:8px 12px 8px 12px;line-height:180%;font-size:14px;background:#F1F1F1;}
.content {line-height:200%;padding:2px 5px;_padding:10px;}
.content .prophoto { clear:both; list-style-type:none; padding:0px; margin:0px;}
.content .prophoto li{ float:left; width:260px; height:250px; text-align:center; overflow:hidden; margin:5px 15px;}
.content .prophoto li img{ width:245px; height:190px; border:1px solid #CCCCCC; padding:5px;}

.detail {background:url('../images/arrow.gif') no-repeat 0 9px;border-bottom:#C0C0C0 1px dotted;padding:8px 0 8px 20px;margin:0 15px 0 15px;}
.related {padding:5px 15px 5px 15px;line-height:22px;}
.box_head_2 {border:#DADADA 1px solid;border-bottom:none;height:30px;line-height:30px;overflow:hidden;padding:0 10px 0 10px;background:url('../images/box_head_2.gif') repeat-x 0 bottom;color:#262626;}
.box_head_2 strong {font-size:14px;}
.box_head_3 {border:#FFCB56 1px solid;border-bottom:none;height:28px;line-height:28px;font-size:14px;overflow:hidden;padding:0 10px 0 10px;background:#FFEEBE url('../images/box_head_3.gif') repeat-x 0 bottom;color:#333333;font-weight:bold;}
.box_body_3 {border:#FFCB56 1px solid;border-top:none;padding:6px 8px 6px 8px;}
.f_l {float:left;}
.f_r {float:right;}
.t_l {text-align:left;}
.t_r {text-align:right;}
.t_c {text-align:center;}
.f_b {font-weight:bold;}
.f_n {font-weight:normal;}
.box_body li.on a{ color:#F56D00;}


/*= Gallery list 图片列表=*/
.list-gallery ul{ list-style:none; padding:0px; margin:0px; overflow:hidden;}
.list-gallery li{
	float:left;
	width:205px;
	background-color:#FFF;
	margin:5px 3px;
}
.list-gallery li .thumb{
	width:200px;
	text-align:center;
}
.list-gallery li .thumb a{
	width:200px;
}
.list-gallery li .thumb a img{
	width:200px;
	height:180px;
	border:1px dashed #CCCCCC;
	padding:2px;
}
.list-gallery li .thumb a img:hover{ background-color:#448dfb;}
.list-gallery li .title{ line-height:25px; height:25px; overflow:hidden; font-size:12px; text-align:center;}

.list-gallery li .brandimg{
	width:180px;
	text-align:center;
}
.list-gallery li .brandimg a{
	width:126px;
}
.list-gallery li .brandimg a img{
	width:126px;
	height:46px;
	border:1px dashed #CCCCCC;
	padding:2px;
}
.list-gallery li .brandtitle{ line-height:25px; height:25px; overflow:hidden; font-size:12px; text-align:center;}





/*主体-服务*/
.main-service{background: #f8f8f8;}
.main-service .content{position: relative;}
.main-service .content .content-left{width: 50%;}
.main-service .content .content-left img{width: 100%;}
.main-service .content .content-right{box-sizing: border-box; background: #FFF; padding: 58px 40px 0 48px; width: 50%; height: 100%; position: absolute; top: 0; right: 0; transition: 0.3s; overflow: hidden;}
.main-service .content .content-right p{color: #adadad; line-height: 32px; overflow: hidden; text-overflow: ellipsis;}
.main-service .content .content-right p.label{font-size: 16px; color: #4a4a4a;}
.main-service .content .content-right span{display: block; width: 50px; height: 2px; background: #2cb6a1; margin-bottom: 23px;} 
.main-service .content .content-right:hover{box-shadow: 2px 2px 2px #EEE; transition: 0.3s;}
.main-service .service-more{padding-top: 80px; padding-bottom: 80px; text-align: center;}
.main-service .service-more a{padding: 10px 62px; font-size: 23px; line-height: 46px;color: #FFF; background: #7fd3c6; border-radius: 3px;}

/*底部*/
.footer{ clear:both; padding-bottom: 70px; background: #5e6664;}
.footer .footer-web{padding-top: 50px; padding-bottom: 63px; text-align:center;}
.footer .footer-web a{color: #a5aaa9; line-height: 22px; margin-right: 20px; transition: 0.3s;}
.footer .footer-web a:hover{color: #dce1e0; transition: 0.3s;}
.footer .footer-contact{color: #FFF;}
.footer .footer-contact .contact-top{line-height: 30px;}
.footer .footer-contact .contact-bottom{line-height: 30px;}


/** 产品 */
.banner{height: 320px; margin-top: 80px;}
.banner.product{background: url(../images/nav_img1.jpg) no-repeat center top; background-size: cover;}
.banner.product .title{padding-top: 170px;}
.banner.product .title.active{padding-top: 120px; transition: 1.5s;}
.banner.product .title p{color: #606060; font-size: 36px; text-align: center; line-height: 50px; letter-spacing: 5px;}
.banner.product .title p.en{font-size: 20px; letter-spacing: 3px;}

.main.product{padding: 30px 0 75px 0;}
.main.product .content{padding: 50px 0; border-bottom: 1px solid #e8e8e8;}
.main.product .content .content-img{text-align: center;}
.main.product .content .content-img img{max-width: 100%;}
.main.product .content .label{color: #565656; font-size: 30px; line-height: 78px; margin-top: 32px;}
.main.product .content .detail{font-size: 16px; line-height: 28px; color: #d7d7d7; padding-bottom: 30px;}
.main.product .content a{color: #a0d2cc; font-size: 16px; line-height: 38px; padding:10px 11px 10px 23px; border: 1px solid #a0d2cc; border-radius: 3px;}


/** 动态 */
.banner.banews{background: url(../images/nav_img3.jpg) no-repeat center top; background-size: cover;}
.banner.banews .title{padding-top: 170px;}
.banner.banews .title.active{padding-top: 120px; transition: 1.5s;}
.banner.banews .title p{color: #606060; font-size: 36px; text-align: center; line-height: 50px; letter-spacing: 5px;}
.banner.banews .title p.en{font-size: 20px; letter-spacing: 3px;}
.main-news{padding: 70px 0 80px 0;}
.main-news .content > div{padding-bottom: 40px; border-bottom: 1px dashed #eaeaea; position: relative;}
.main-news .content .news-img{display: inline-block; width: 30%; vertical-align: top;}
.main-news .content .news-img img{max-width: 90%;}
.main-news .content .news-panel{display: inline-block; width: 70%; vertical-align: top; padding-left: 5px; box-sizing: border-box;}
.main-news .content .news-panel strong a{display: block; color: #555; font-size: 18px; line-height: 26px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.main-news .content .news-panel p.detail{color: #777; line-height: 24px;}
.main-news .content .news-panel p.read-push{color: #AAA; padding-top: 5px;}
.main-news #newsPage .layui-laypage{display: block; text-align: center; margin-top: 70px;}
.main-news #newsPage .layui-laypage a,.main-news #newsPage .layui-laypage span{font-size: 18px; line-height: 40px; height: 40px; margin-right: 20px; border-radius: 3px; color: #e3e3e3;}
/*动态详情页*/
.main-newsdate{margin-top: 80px; text-align: center;}
.main-newsdate .news{text-align: left; line-height: 104px;}
.main-newsdate h1{padding-top: 6px;}
.main-newsdate .pushtime{color: #686868; font-size: 18px; line-height: 82px;}
.main-newsdate .introTop{padding-bottom: 28px; font-size: 18px; line-height: 20px; text-align: left;}
.main-newsdate .introBott{font-size: 18px; line-height: 42px; text-align: justify; padding: 40px 0 102px 0;}
.main-newsdate img{max-width: 100%;}

/** 关于 */
.banner.about{background: url(../images/nav_img4.jpg) no-repeat center top; background-size: cover;}
.banner.about .title{padding-top: 170px;}
.banner.about .title.active{padding-top: 120px; transition: 1.5s;}
.banner.about .title p{color: #606060; font-size: 36px; text-align: center; line-height: 50px; letter-spacing: 5px;}
.banner.about .title p.en{font-size: 20px; letter-spacing: 3px;}

.main-about{clear:both; overflow:hidden;}
.main-about ul.aboutab{padding: 100px 0; text-align: center;}
.main-about ul.aboutab li{display: inline-block; padding: 0 22px; margin-left: 15px; font-size: 20px; line-height: 46px; color: #b5b5b5; border: 1px solid #e2e2e2; border-radius: 3px; cursor: pointer;}
.main-about ul.aboutab li:first-child{margin-left: 0;}
.main-about ul.aboutab li.layui-this
,.main-about ul.aboutab li:hover{color: #2ab5a3; border-color: #afddd7; transition: 0.3s;}
.main-about .tabJob, .main-about .tabCour{display: none;}
/*公司简介*/
.main-about .tabIntro{padding-bottom: 15px;}
.main-about .tabIntro .content{vertical-align: middle;}
.main-about .tabIntro .content .img{width: 50%;}
.main-about .tabIntro .content .img img{width: 100%;}
.main-about .tabIntro .content .panel{width: 50%;}
.main-about .tabIntro .content p{padding: 0 20px; line-height: 24px; text-align: justify;}
.main-about .tabIntro .p_hidden{padding: 0 20px; display: none;}
/*招贤纳士*/
.main-about .tabJob .content{padding: 0 0 40px 20px; border: 1px solid #e2e2e2; border-top: 4px solid #65d0c5; margin-top: 90px;}
.main-about .tabJob .content:first-child{margin-top: 10px;}
.main-about .tabJob .content p{font-size: 18px; line-height: 40px;}
.main-about .tabJob .content p.title{font-size: 24px; color: #545454; line-height: 60px;}
.main-about .tabJob .content ol{padding-left: 20px; list-style-type: none; counter-reset: sectioncounter;}
.main-about .tabJob .content ol li{color: #8d8d8d; font-size: 16px; line-height: 30px;}
.main-about .tabJob .content ol li:before {content: counter(sectioncounter) "、"; counter-increment: sectioncounter;}
/*发展历程*/
.main-about .tabCour p.title{font-size: 28px; line-height: 28px; text-align: center;}
.main-about .tabCour .timeline{position: relative; margin-top: 75px;}
.main-about .tabCour .timeline:before{position: absolute; top: 0; bottom: 0; content: ""; width: 2px; background-color: #e2e2e2; left: 50px;}
.main-about .tabCour .timeline li{position: relative; padding-top: 70px;}
.main-about .tabCour .timeline li:first-child{padding-top: 0;}
.main-about .tabCour .timeline li .cour-img{position: absolute; left: 0; width: 100px; border-radius: 50%;}
.main-about .tabCour .timeline li .cour-img img{width: 100%;}
.main-about .tabCour .timeline li .cour-panel{padding-top: 20px; padding-left: 120px; text-align: left;}
.main-about .tabCour .timeline li .cour-panel p.label{font-size: 18px; color: #000;}
.main-about .tabCour .timeline li .cour-panel p{color: #949494; line-height: 30px;}

.search-hot .xgnlist li{ width:122px; margin:2px 1px; height:30px; line-height:30px; text-align:center; border:1px dashed #CCCCCC; float:left; overflow:hidden; }
.search-hot .xgnlist li:hover{ /*border:1px dashed #CC3300;*/ background-color:#33CCFF;}
.search-hot .xgnlist li a{display: block;}
.search-hot .xgnlist li a:hover{ color:#333333; text-decoration:none;}

.sec_bd20 { width:230px; margin-top:15px; background:#f4f3f3; border:1px solid #f4f3f3; }
.sec_hd20 h1 { font:16px "微软雅黑";line-height:40px; padding-left:35px; color:#333; background:url(../images/c_t.gif) 5px center no-repeat;}
.left_bd { widows:230px; overflow:hidden;background:url(../images/n_t.gif) left top no-repeat;}
.left_hd h1{font:100 16px/36px "微软雅黑"; padding-left:40px; color:#fff;}
.q_tpm20 { line-height:24px; color:#262626;  margin:10px; padding:8px; background:#fff;}
.q_tpm20 .c_dh { padding-bottom:5px; border-bottom:1px solid #ededed;}
.q_tpm20 .c_dh h3{ font:100 16px/24px "微软雅黑"; color:#666;}
.q_tpm20 .c_dh p{font:100 22px/32px "微软雅黑"; color:#d00101;}
.q_tpm20 .c_dz{ padding-top:5px;}
.q_tpm20 .c_dz h3{ font:100 16px/24px "微软雅黑"; color:#666;}
.q_tpm20 .c_dz p{font:100 14px/24px "微软雅黑"; color:#333;}


/*反馈*/
.feedback_loading {text-align: center;padding:10px 0px;}
.feedback_list_all,.feedback_list {list-style:none; }
.feedback_list_all li{padding-bottom:20px;overflow: hidden;}
.feedback_list li{padding:10px 0px;overflow: hidden;}

.feedback_content_a_read_table{overflow:hidden;}
.feedback_content_a_read_table .content{padding:5px 10px;overflow:hidden;}
.feedback_content_a_read_table .b2,.feedback_content_a_read_table .b3,.feedback_content_a_read_table .b4,
.feedback_content_a_read_table .b5,.feedback_content_a_read_table .b6,.feedback_content_a_read_table .b7,.feedback_content_a_read_table .content{border-color:#f2f2f2;}
.feedback_content_a_read_table .b1,.feedback_content_a_read_table .b8{background:#f2f2f2;}
.feedback_content_a_read_table .b2,.feedback_content_a_read_table .b3,.feedback_content_a_read_table .b4,
.feedback_content_a_read_table .b5,.feedback_content_a_read_table .b6,.feedback_content_a_read_table .b7,.feedback_content_a_read_table .content{background:#f2f2f2;}

.feedback_content_b_read_table{overflow:hidden;}
.feedback_content_b_read_table .content{padding:5px 10px;overflow:hidden;}
.feedback_content_b_read_table .b2,.feedback_content_b_read_table .b3,.feedback_content_b_read_table .b4,
.feedback_content_b_read_table .b5,.feedback_content_b_read_table .b6,.feedback_content_b_read_table .b7,.feedback_content_b_read_table .content{border-color:#fff;}
.feedback_content_b_read_table .b1,.feedback_content_b_read_table .b8{background:#fff;}
.feedback_content_b_read_table .b2,.feedback_content_b_read_table .b3,.feedback_content_b_read_table .b4,
.feedback_content_b_read_table .b5,.feedback_content_b_read_table .b6,.feedback_content_b_read_table .b7,.feedback_content_b_read_table .content{background:#fff;color: #ff9000}
.feedback_content_a_read_table .content{line-height: 25px;}

.feedback_list_title{float: left;overflow: hidden;background: url('../images/icon1.gif') no-repeat 0px 8px;padding-left:10px;font-size:14px;}
.feedback_list_title span{padding-left:5px;font-size:12px;}
.feedback_list_data{float: right;overflow: hidden;color: #dedede;}
.feedback_list_aoto{color: #00a73f;font-weight: bold;}

.feedback_index{background: url('../images/feedback_index.gif') no-repeat 25px bottom;padding:0px 0px 8px 0px;margin: 0px;}
.feedback_index .feedback_title{color:#3375b9;font-weight: bold;}
.feedback_index .feedback_auto{color:#639B46;padding-left:10px;}
.feedback_index .feedback_time{color:#7a7a7a;padding-left:10px;}
.feedback_index_re{background: url('../images/feedback_index_re.gif') no-repeat 25px bottom;overflow: hidden;padding:10px 0px 8px 0px;margin: 0px;}
.feedback_index_re .feedback_title{color:#00a73f;font-weight: bold;}
.feedback_index_re .feedback_auto{color:#00a73f;font-weight: bold;padding-left:10px;}
.feedback_index_re .feedback_time{color:#00a73f;padding-left:10px;}

.feedback_form{overflow: hidden;}
.feedback_form .messageicon{float: left;width:18px;height:18px;background: url('../images/mess_icon.gif') no-repeat 0px 0px;margin-top: 8px;}
.feedback_form .messageicon2{float: left;width:18px;height:18px;background: url('../images/mess_icon.gif') no-repeat 0px -18px;margin-top: 6px;}
.feedback_form .messageicon3{float: left;width:18px;height:18px;background: url('../images/mess_icon.gif') no-repeat 0px -90px;margin-top: 6px;}
.feedback_form .messtitle{float: left;height:33px;line-height: 33px;padding-left:5px;}
.feedback_form p{float:left;overflow: hidden;height:33px;line-height: 33px;padding-left:5px;}
.feedback_form .content{padding:15px 10px;overflow:hidden;background:#fff;}

.feedback_form .b1{background:#e5e5e5;}
.feedback_form .b2,.feedback_form .b3,.feedback_form .b4{border-color:#e5e5e5;background:#fafafa;}
.feedback_form .b5,.feedback_form .b6,.feedback_form .b7{background:#fff;border-color:#e5e5e5;}
.feedback_form .b8{background:#e5e5e5;}

.feedback_group{width:100%;overflow: hidden;padding-bottom:15px;}

.content {line-height:200%;padding:2px 5px;_padding:10px;}
.title {font-size:20px;text-align:center;font-family:"Microsoft Yahei";font-weight:normal;}
.text-center{ text-align:center;}


@media screen and (max-width: 480px){
  .main-service .content .content-right{padding: 10px 10px 0 10px;}
  .main-service .content .content-right p{line-height: 24px;}
  .main-news .content .news-panel p.read-push{font-size: 12px;}
  .main-case .content{padding-top: 60px;}
  .main-case .content p.lable{padding-top: 10px; font-size: 18px; line-height: 48px;}
  .main-case .content p{font-size: 12px; line-height: 20px; color: #505050;}
  .main-about ul.aboutab{padding: 70px 0;}
  .main-about ul.aboutab li{padding: 0 15px; font-size: 16px; box-sizing: border-box;}
  .main-about .tabIntro .content .img{width: 100%;}
  .main-about .tabIntro .content .panel{width: 100%;}
  .main-about .tabIntro .content .panel.p_block{display: none;}
  .main-about .tabIntro .p_hidden{display: block;}
  .main-news #newsPage .layui-laypage a,.main-news #newsPage .layui-laypage span
  ,.main-case #casePage .layui-laypage a,.main-case #casePage .layui-laypage span{padding: 0 12px; font-size: 14px; line-height: 30px; height: 30px; margin-right: 4px;}
}
/*小屏幕*/
@media screen and (min-width: 768px){
  .nav{max-height: 80px;}
  .nav.index{background: rgba(255, 255, 255 ,0.6);}
  .nav .nav-list button{display: none;}
  .nav .layui-nav{width: auto; position: absolute; top: 0; padding: 0 5px; border-radius: 0; margin: 0;}
  .nav .layui-nav .layui-nav-item{display: inline-block; margin:0 10px; padding:0 5px; line-height: 80px;}
  .main-product p.title
  ,.main-service p.title{font-size: 36px; line-height: 216px;}
  .main.product .content .content-img{text-align: left;}
  .main-news .content .news-panel strong a{font-size: 20px; line-height: 30px;}
  .main-news .content .news-panel p.read-push{padding-top: 0; position: absolute; bottom: 40px;}
  .main-newsdate .pushtime{line-height: 142px;}
  .main-case .content{width: 45%;}
  .main-case .content.even{margin-left: 9%;}
  .main-about ul.aboutab li{padding: 0 32px; font-size: 24px; margin-left: 30px; line-height: 50px;}
  .main-about .tabIntro .content p{padding: 0 30px; font-size: 18px; line-height: 30px;}
  .main-about .tabJob .content p{font-size: 24px; line-height: 50px;}
  .main-about .tabJob .content p.title{font-size: 30px; line-height: 90px;}
  .main-about .tabJob .content ol li{font-size: 20px; line-height: 60px;}
  .main-about .tabCour .timeline:before{left: 50%;}
  .main-about .tabCour .timeline li{min-height: 195px; padding-top: 95px;}
  .main-about .tabCour .timeline li .cour-img{left: 50%; margin-left: -97.5px; width: 195px;}
  .main-about .tabCour .timeline li .cour-panel{padding-top: 55px; padding-left: 0;}
  .main-about .tabCour .timeline li.odd .cour-panel{text-align: right;}
}
@media screen and (min-width: 768px) and (max-width: 992px){
  .main.product .content div.right{padding-left: 20px;}
  .nav .layui-nav .layui-nav-item{margin:0 15px; padding:0 5px;}
  .main-service .content .content-right{padding: 10px 10px 0 15px;}
  .main-service .content .content-right span{margin-bottom: 20px;}
  .main-service .content .content-right p{line-height: 28px;}
  .main.product .content .label{line-height: 40px; margin-top: 0;}
  .main.product .content .detail{padding-bottom: 10px;}
}
/*大屏幕*/
@media screen and (min-width: 992px){
  .main.product .content{padding: 100px 0;}
  .main.product .content div.right{padding-left: 0;}
  .main-news .content .news-img{width: 20%;}
  .main-news .content .news-panel{width: 80%;}
  .main-case .content{width: 31%;}
  .main-case .content.even{margin-left: 0;}
  .main-case .content.center{margin-right: 3%; margin-left: 3%;}
  .main-about .tabIntro .content p{padding: 0 50px; font-size: 20px; line-height: 40px;}
}
/*超大屏幕*/
@media screen and (min-width: 1200px) {
  .main-news .content .news-img{width: 35%;}
  .main-news .content .news-panel{width: 65%;}
  .main-news .content:nth-child(odd){padding-right: 20px;}
  .main-news .content:nth-child(even){padding-left: 20px;}
  .main-about .tabCour .timeline li .cour-panel{padding-left: 50px;}
  .main-about .tabCour .timeline li.odd .cour-panel{padding-left: 0; padding-right: 50px;}
}
@media screen and (min-width: 1300px) {
  .layui-container{width: 1200px; padding: 0;}
  .main-about .tabJob .content:last-child{margin-bottom: 180px;}
  .nav .nav-logo{position: absolute; top: 0; left: 0;}
  .layui-col-space80{margin: -40px;}
  .layui-col-space80>*{padding: 40px;}
}

.pd5{ padding:5px;}
.col2{width:10%;}
.col3{width:20%;}
.col4{width:30%;}
.col5{width:40%;}
.col6{width:60%;}
.col7{width:70%;}
.col8{width:80%;}
.col10{width:100%;}
.col11 {width: 95%;}
.infoInput{padding:5px;margin: 0px; line-height:25px; border:1px solid #d5d5d5;}
.infoInput:hover{padding:5px;margin: 0px; line-height:25px;border:1px solid #bfbfbf;}


/*新闻*/
.news-list li {
  padding: 10px 0 33px 0;
  margin-top:5px;
  border-bottom: 1px dashed #d0cfcf;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  overflow:hidden;
}
.news-list li .date {
	text-align:center;
	font-family: Arial;
	font-size: 16px;
	width: 79px;
	height: 84px;
	padding-top: 10px;
	margin-left:20px;
	float: left;
	background: #e1e1e1;
	margin-top: 5px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	border:1px solid #cccccc;
}
.news-list li .date span {
	display: block;
	font-size: 38px;
	font-weight: bold;
	color: #777777;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.news-list li .info {
  width: 680px;
  float: right;
}
.news-list li .info h4 {
  font-size: 16px;
  margin-bottom: 8px;
}
.news-list li .info h4 a {
  color: #333;
}
.news-list li .info .related {
  font-size: 14px;
  line-height: 24px;
}
.news-list li .info .txt {
  font-size: 15px;
  line-height: 24px;  
}
.news-list li .info .txt a{
  font-size: 15px;
  line-height: 24px;
}

.news-list li:hover .date,
.news-list li:hover .date span {
  color: #00438e;
}

.article-head{ text-align:center;}
.article-head .title{color:#000;font:150% "Microsoft Yahei";padding:25px 20px 15px;font-weight:bold; text-align:center;}
.article-head .meta{padding:0 20px 8px;border-bottom:#ccc 1px dashed;}
.article-head .meta .item{margin-right:0.7em;}
.article-summary{padding:20px 40px 30px;color:#999;line-height:180%;}
.article-foot{text-align:right;padding:0 20px 10px;color:#999;}
.article-foot .item{margin-left:1em;}


.fuwu{ width:1110px; margin:0 auto; margin-top:25px;}
.f_title{ text-align:center;}
.f_title h3{font:100 24px/40px "微软雅黑"; color:#474747; background:url(../images/f_t.gif) center center no-repeat;}
.f_title p{font:100 14px/30px "微软雅黑"; color:#a2a2a2; padding-top:5px;}

.f_con{ margin-top:25px; height:370px; overflow:hidden;}
.f_con .con_l{float:left; margin-right:22px; width:500px; background:url(../images/f1.gif) left top no-repeat; height:374px;}
.f_con .con_m{float:left; width:250px;}
.f_con .con_r{float:right; width:313px; border:1px solid #dfdfdf;}

.con_l .left_t{ padding-top:75px; padding-left:40px; color:#fff;}
.con_l .left_t h2{ font:100 24px/36px "微软雅黑";}
.con_l .left_t p{ padding-top:10px; font:100 14px/26px "微软雅黑"; padding-left:3px;}
.con_l .left_c{ padding-top:75px; padding-left:25px; color:#737373; line-height:26px; font-size:12px;}

.con_m .mid_t{width:250px; text-align:center; background:url(../images/m_t.gif) 230px center no-repeat #6e6e6e; height:30px; font:100 14px/30px "微软雅黑";color:#fff;}
.con_m .mid_c{ border:1px solid #d0d0d0; margin-top:1px; background:url(../images/m_c.gif) 20px 12px no-repeat;}
.con_m .mid_c ul{ margin:12px 20px 5px 20px;}
.con_m .mid_c ul li{ clear:both; width:200px; padding-left:25px; line-height:22px; height:22px; font:100 12px/17px "宋体"; color:#909090; padding-top:6px; padding-bottom:6px; text-overflow:ellipsis;overflow:hidden;}

.con_r .right_t{ height:30px; background:#efefef; font:100 14px/30px "微软雅黑"; color:#4c4c4c;padding-left:18px;}
.con_r .right_c {padding:10px 10px 0 10px;}
.right_c li { float:left; padding-bottom:10px; text-align:center; margin-left:7px; margin-right:7px;position:relative; }
.right_c li img { display:block; width:129px; height:72px;position:relative; z-index:2;}

.right_c li .hova{ width:129px; height:72px; background: url(../images/iobj.png) no-repeat; position:absolute; left:0px; top:0px; z-index:50; filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
.right_c li .hova a{ width:129px; height:72px; display:block; }
.right_c li .hova .aa_2 { text-align:center; display:block; font-size:22px; width:auto;height:72px; line-height:72px;background: url(../images/yyly.png) no-repeat 8px center; padding-left:20px; }
.right_c li:hover .hova{ filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
.right_c li:hover p{ color:#999;}
.right_c li a{ text-decoration:none; color:#fff;}

.body_index { height:100%; width:1110px; margin:0 auto; }
/* index about*/
.body_bg2{ width:1120px; margin:0 auto; margin-top:25px; }

.body_bg2 .ab_con{ background:#f8f8f8; padding:5px; margin-top:20px; }
.body_bg2 .ab_con .ab_img{float:left; width:385px; height:280px;overflow:hidden;margin-top:10px;  margin-right:20px;}
.body_bg2 .ab_con img{width:385px;height:260px; -webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all 2s ease;-moz-transition:all 2s ease;-o-transition:all 2s ease;transition:all 2s ease;}
.body_bg2 .ab_img:hover img{-webkit-transform:scale(1.35);-moz-transform:scale(1.35);-o-transform:scale(1.35);transform:scale(1.35);-webkit-transition:all 2s ease;-moz-transition:all 2s ease;-o-transition:all 2s ease;transition:all 2s ease;}

.body_bg2 .ab_con .ab_conr{ float:right; width:700px; font-size:12pt; line-height:25px; font-family::"微软雅黑";color:#666;}
.body_bg2 .ab_con .ab_conr a{ text-decoration:none; padding-top:10px;}

.conter{ width:1120px; margin:0 auto;}

.lm{ text-align:center; width:1200px; height:150px; position:relative;}
.lm_A{ font-size:40px; color:#ddd; position:absolute; top:50px;  width:1200px; text-align:center; }
.lm_B{ font-size:24px; color:#da251e; font-weight:bold; position:absolute; top:65px;  width:1200px; text-align:center;}
.lm_C{ font-size:14px; position:absolute; top:110px;  width:1200px; text-align:center;}

.fl{ float:left;}
.fr{ float:right;}
.box4{ border-top:1px solid #ddd; height:auto; overflow:hidden;}
.news_box{height:auto; overflow:hidden; }
.news_menu{ width:1120px; height:auto; overflow:hidden; margin-top:30px;}
.news_menu_list{ width:600px; margin:0 auto;}
.news_menu_list ul li{ float:left; width:33%; height:40px;  overflow:hidden;}
.news_menu_list a{ display:block; width:75%; font-size:18px; color:#fff; line-height:40px; text-align:center; background:#da251e;}
.news_menu_list a:hover{ background:#3d9add; text-decoration:none;}

.news_nr{ width:1120px; margin-top:50px; height:auto; overflow:hidden;}
.news_tp{ width:300px; height:400px; overflow:hidden;}
.news_tp img{ width:300px; height:400px;}
.news{ width:810px; height:400px; overflow:hidden;}
.news_lm{ height:52px; background:url(../images/news2.jpg) no-repeat bottom; overflow:hidden;}
.news_lm_bt{ width:20%; height:50px; overflow:hidden;}
.news_lm_bt a{ display:block; text-decoration:none; line-height:50px; font-size:18px; color:#000;}
.news_lm_more{ width:80px; height:50px; overflow:hidden;}
.news_lm_more a{ display:block;line-height:50px;text-decoration:none; font-size:18px;}

.news_list{height:auto; overflow:hidden; margin-top:10px;}
.news_list_xq{ width:390px; height:290px; overflow:hidden;}
.news_xq_time{ height:60px; overflow:hidden;}
.news_xq_time h3{ font-size:24px; line-height:30px;}
.news_xq_time span{ font-size:16px; color:#666;}
.news_xq_time p{ width:20px; height:2px; background:#da251e; margin-top:2px;}
.news_xq_lm{margin-top:10px;  height:40px; overflow:hidden;}
.news_xq_lm a{ display:block; color:#da251e; width:390px; line-height:40px; font-size:16px; font-weight:bold; overflow:hidden;}
.news_xq_txt{ height:90px; overflow:hidden;}
.news_xq_txt p{line-height:30px; font-size:14px;}
.news_xq_more{ margin-top:40px; height:42px; overflow:hidden;}
.news_xq_more a{ display:block; color:#999; font-size:18px; width:120px; height:40px; text-align:center; line-height:40px; border:1px solid #999;}
.news_xq_more a:hover{ color:#fff;  background:#da251e; border:1px solid #fff;}

.news_list_box{ width:810px; overflow:hidden;}
.news_list_box ul li{ float:left; width:402px; height:55px; margin-bottom:1px; overflow:hidden;}
.news_list_box ul li:nth-of-type(odd){  margin-right:5px;}

.news_list_box ul li a{ display:block; width:395px; height:50px; background:#f5f5f5;}
.news_list_box ul li a:hover{ background:#da251e; color:#fff;}
.news_time{ width:80px;text-align:center;  border-right:1px solid #ddd; float:left;}
.news_time p{ font-size:24px; line-height:30px;}
.news_time span{ font-size:16px;}
.news_txt{ width:310px; float:right;}
.news_txt h3{ font-size:14px;  line-height:30px; height:30px; overflow:hidden;}
.news_txt p{ font-size:14px; overflow:hidden;}


.qrcode{ border:1px solid #c9eeff; border-radius:2px; z-index:9999; right:5px; top:-650px; width:150px; position:absolute; background:#FFF url(../images/onlinebg.jpg) no-repeat 0 0; box-shadow:0px 0px 10px rgba(0,0,0,0.08);}
.qrcode .bd{ padding:80px 15px 10px 15px;}
.qrcode .bd ul{ line-height:1.4;}
.qrcode .bd ul li{  margin-bottom:8px; overflow:hidden;}
.qrcode .bd ul li .tit{ font-size:14px;}
.qrcode .bd ul li .btn{ margin-bottom:4px; width:120px; height:26px; display:block; text-indent:44px; color:#FFF !important; font-size:13px; line-height:26px; text-decoration:none;}
.qrcode .bd ul li .qq{ background:url(../images/btn_qqo.png) no-repeat;}
.qrcode .bd ul li .baidu{ background:url(../images/btn_sq.png) no-repeat;}
.qrcode .bd ul li .tel{ color:#e00; font-size:16px;}
.qrcode .bd ul li a:hover{ filter:alpha(opacity=80); opacity:0.8;}



.searchwrap{
	overflow: hidden;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left:5px;
	width:1020px;
	margin:0px auto;
	clear:both;
}
.searchwrap form{float:left;}
.searchwrap form input{float:left}
.searchwrap .search_hot{
	float: left;
	margin: 3px 0px 0px 20px;
}
.searchwrap .search_hot a{padding:0px 4px;}
.search_text{width:280px; height:25px; line-height:25px; padding:0px 5px; border:2px solid #E4E4E4; border-right:none; color:#999; font-size:12px}
.search_btn{background:url(../images/search_btn.png) no-repeat; border:medium none; width:74px; height:29px; cursor:pointer}


.index_catelist{ clear:both; width:1120px; margin:5px auto; overflow:hidden;}
.index_catelist span{ float:left; display:block;}
.index_catelist p{ float:right; display:block; line-height:20px}
.index_catelist .cpfl{list-style-type:none; padding:0px 50px; margin:0px; overflow:hidden;}
.index_catelist .cpfl li{ float:left; margin-left:15px;  margin-right:10px; overflow:hidden;}
.index_catelist .cpfl li a {
	display: block;
	width: 140px;
	height: 50px;
	color: #fff;
	background: #FF8A26;
	float: left;
	line-height: 50px;
	text-align: center;
	margin: 3px 2px;
	font-size: 13px;
	-moz-border-radius: 5px;     -webkit-border-radius: 5px; border-radius:5px;
}
.index_catelist .cpfl li a:hover{
text-decoration:none;
	background: #00487C;

}