﻿@charset "utf-8";
/* com-title */
.com-title{width: 100%;text-align: center;padding-top: 66px;}
.com-title h2{color: #333333;font-size: 35px;font-weight: normal;}
.com-title h2 a{color: #333333;text-decoration: none;}
.com-title em{color: #000;font-weight: bold;}
.com-title i{display: block;width: 382px;height: 12px;margin: 16px auto 0;}
.com-title i img{display: block;width: 382px;height: 12px;}
/* banner */
.banner{ overflow:hidden; width:100%;}
#flashs{ position:relative; height:700px; overflow:hidden;}
#flashs .btn{ width: 100%;position: absolute;left: 0;bottom: 35px;text-align: center;z-index: 998;}
#flashs .btn span{display: inline-block;width: 62px;height: 4px;cursor: pointer; background:#e6dcd9;margin: 0 4px;}
#flashs .btn span.cur {background: #e77d32;}
#flashs .bot{ display:block; position:absolute; width:58px; height:58px; top:50%; margin-top:-29px;display: none;}
#flashs .bot1{ background:url(../images/babot1.png) no-repeat center; left:5%; z-index: 2;}
#flashs .bot2{ background:url(../images/babot2.png) no-repeat center; right:5%; z-index: 2;}
#flashs:hover .bot{display: block;}
/* product */
.product{width: 100%;background: url(../images/cpbg.jpg) no-repeat top center;padding-bottom: 82px;}
.product .mainCon{margin-top: 66px;width: 100%;}
.product .sideBar{width:20%;float: left;background: #fff;}
.product .sideBar .top{position: relative;height:90px;background:#543a9b; line-height:90px;text-align: center;}
.product .sideBar .top h2{font-size: 24px;color: #fff;}
.product .sideBar .top h2 a{color: #fff;text-decoration: none;}
.product .sideBar .product-list{ border:1px solid #666;}
.product .sideBar .product-list li{height: 50px;font-size: 16px;color: #666666;text-indent: 28px;line-height: 50px;border-bottom: 1px solid #666;}
.product .sideBar .product-list li a{color: #666666;text-decoration: none;display: block;}
.product .sideBar .product-list li:first-child{border-top: 1px solid #eeeeee;}
.product .sideBar .product-list li:hover{background: #543a9b;}
.product .sideBar .product-list li:hover a{color: #fff;}

.product .section{width:75%;float: right;overflow: hidden;}
.product .section ul{width: 100%;}
.product .section li{float: left;width: 30%;text-align: center;margin-right:3%;}
.product .section li a{display: block;text-decoration: none;}
.product .section li span{display: block;width:100%;margin: 0 auto;overflow: hidden;}
.product .section li img{display: block;width:100%;transition: all 1s ease-out;}
.product .section li p{font-size: 16px;color: #666666;height:40px;line-height: 40px;transition: all 0.5s ease-out;z-index:999;position: relative;top:-40px;}
.product .section li:hover img{transform: scale(1.2);}
.product .section li:hover p{color: #fff; background: #543a9b; display:block;}
/*****************banner*************************************/
.hengfu{background:url(../images/banner.jpg); height:192px;}
.hengfucen{width:90%; background:url(../images/bannerbg.png); height:122px; padding-top:70px; padding-left:5%; padding-right:5%; margin:0 auto;}
.hengfucen .a1{width:15%;float:left; margin-right:5%;display:inline-block; background:#F00; height:51px; font-size:24px; font-weight:bold; color:#fff;text-align:center; line-height:51px; }
.hengfucen .tu{width:23%; padding-left:2%;float:left; margin-right:2%; display:inline-block;height:51px;color:#fff; text-align:left; line-height:30px; font-size:24px;}
.hengfucen .tu img{float:left; margin-right:5%;}
.hengfucen .tu span{ font-size:14px;}
.hengfucen .tu:last-child{ float:right; margin-right:0px;}

.hengfu2{background:url(../images/banner2.jpg); height:298px;}
.hengfucen2{width:100%; background:url(../images/bannerbg2.png); height:298px; margin:0 auto;}
.hengfucen2 p{width:50%; color:#fff;margin:0 auto; padding-top:40px; line-height:30px;}
.hengfucen2 p b{ font-size:24px; display: inline-block; margin-bottom:10px;}

.hengfu3{background:url(../images/banner3.jpg); height:300px;}
.hengfucen3{width:100%;height:300px; margin:0 auto;}
.hengfucen3 p{color:#fff;margin:0 auto; padding-top:120px; line-height:30px; text-align:right;}
.hengfucen3 p b{ font-size:24px; display: inline-block; margin-bottom:10px;}
/********************************************company******************************************/
.company{background:#f9f9f9; padding-bottom:30px;}
.aboutleft{width:55%; float:left; line-height:40px; margin-top:50px;}
.aboutleft a{ width:150px; height:40px; line-height:40px; display:block; text-align:center; background:#543a9b; margin-top:30px; color:#fff; border-radius:20px;}
.aboutrihgt{width:40%; float:right; line-height:40px; margin-top:50px;}
.aboutrihgt a{width:48%; float:left; margin-bottom:30px;}
.aboutrihgt a:nth-child(2n) { float:right;}
.aboutrihgt a img{width:100%;}


/********************************************yingyong******************************************/
.yingyong{background: url(../images/yingyingbg.jpg); padding-bottom:50px;}
.yingyong .container{margin-top:50px; }
.yingyong .container a{ width:32%; display:inline-block; background:#fff; margin-right:1.5%;}
.yingyong .container a:nth-child(3) { float:right; margin-right:0px;}
.yingyong .container a img{width:100%;}
.yingyong .container a p{ padding:5%; font-size:18px;}
.yingyong .container a p span{ width:100%; display:block; margin-top:30px; font-size:12px;}

/********************************************synews******************************************/
.news{background: url(../images/news.jpg) top no-repeat; padding-bottom:50px;}
.news em{ color:#fff;}
.news .news-nav { width: 100%; text-align: center; font-size: 16px; margin-top:50px;}
.news .news-nav a { display: inline-block; width: 180px; height:40px; line-height:40px;background-color: #f5f5f5; color: #333;}
.news .news-nav a:not(:first-child) { margin-left: 12px; }
.news .news-nav a.cur,.news .news-nav a:hover { background-color: #F00; color: #fff; }
.news .news-main { margin-top: 3%; width: 100%; padding-top: 30%; position: relative;}
.news .news-main .news-cont { width: 100%;  position: absolute; left: 0; top: 0; z-index: 9; }
.news .news-main .news-cont:not(:first-child) { display: none; }
.news .news-cont .news-list { width:100%; overflow: hidden;}
.news .news-list .infos { height: 20%; margin-bottom:30px; width:48%; float:left;}
.news .news-list .infos:nth-child(2n) { float:right;}
.news .news-list .date {width:35%;float:left;}
.news .news-list .date img{width:100%; max-height:180px;}
.news .news-cont .txts h3 { font-size: 16px; color: #000;text-overflow:ellipsis;height:50px; line-height:50px; overflow:hidden;}
.news .news-cont .txts p {font-size: 14px;color: #000;line-height:25px;overflow: hidden;}
.news .news-list .txts { width:63%;overflow: hidden; float:right;}

.nynewslist{ width:100%; margin-bottom:20px; border-bottom:#b2b2b5 1px solid; padding-bottom:20px;}
.nynewslist a{ color:#fff;}
.nynewslist_cont{ width:75%; float:left;}
.nynewslist_time{ width:13%; float:left; height:auto; font-size:16px;}
.nynewslist_month span{ border:1px solid; display:block; width:35%; float:right; margin-top:18px;}
.nynewslist_ny{ width:85%; float:right; height:auto;}
.nynewslist_tit{ font-size:18px; color:#fff;}
.nynewslist_miao{ font-size:16px;}
.nynewslist_more{ width:20%; float:right;}
.nynewslist_more img{ width:100%; max-height:150px;}

/*分页*/
.pages_box{ width:100%; margin-top:30px; margin-bottom:30px;}
.pages_box .page_pre{ background:url(../images/case_prev.png) no-repeat;width:94px;height:35px; display:inline-block;}
.pages_box .page_next{ background:url(../images/case_next.png) no-repeat;width:94px;height:35px; display:inline-block; float:right;}
.pages_box .page_pre:hover,.pages_box .page_pree{ background:url(../images/case_prev.png) no-repeat;width:94px;height:35px; display:inline-block;}
.pages_box .page_next:hover,.pages_box .page_nextt{ background:url(../images/case_next.png) no-repeat;width:94px;height:35px; display:inline-block; float:right;}

/********************************************about******************************************/
.neirongzw{background: url(../../images/nrbg.png) center; padding-bottom:50px;background-size:cover;}
.neirongzw .container{ padding-top:100px;}
.zhengwen{width:75%;  float:left; color:#eae6e7; line-height:35px; font-size:16px;}
.zhengwen .wznr{color:#eae6e7; line-height:35px; font-size:16px;}
.zhengwen .wznr img{ max-width:100%;}
.adaohao{width:15%;float:right;}
.adaohao .tit{background:#543a9b; height:45px; line-height:45px; border-radius:10px; display:inline-block; width:100%; text-align:center; color:#fff; font-size:20px; font-weight:bold; margin-bottom:50px;}
.adaohao a{width:100%; color:#fff; font-size:16px;display:inline-block; height:35px; line-height:35px; text-align:center; margin-bottom:30px;}
.adaohao a i{width:34px; height:42px; display:inline-block; float:right;background:url(../images/t.png); margin-top:-12px;}
.adaohao a:hover,.adaohao .cur{width:100%; color:#fff; font-size:16px;  border-radius:10px; display:inline-block; height:35px; line-height:35px; text-align:center; background:#543a9b;}
.adaohao a:hover i,.adaohao .cur i{ width:34px; height:42px; display:inline-block; float:right;background:url(../images/th.png); margin-top:-12px;}
.weizhi{ padding-right:20px; min-width:15%; display:inline-block;border:1px  solid #aeafb3; border-radius:20px; color:#aeafb3; height:30px; line-height:30px;float:right; border-left:none;}
.back-top{background:url(../images/top.png) no-repeat; float:left; margin-top:-8px;width:43px; height:43px; display:inline-block; margin-right:10px;}
.weizhi div{ display:inline-block;}
.weizhi div a{color:#aeafb3;}

.zhengwen h1{width:100%; text-align:center; margin-bottom:30px;}
.newtt{ background:#543a9b; margin-bottom:30px;}
.newtt span{ width:30%; text-align:center; display:inline-block;}


.chanp{background:#fff; width:23%; margin:1%; float:left;}
.chanp img{ width:100%;}
.chanp p{padding:20px; padding-top:0px; padding-bottom:0px; font-size:14px;}
.chanp p span{border-bottom:1px  solid #eee; width:100%; font-size:16px;height:50px; text-align:center; line-height:50px;display:block;}
.chanp p font{ float:right;}

/* --case-- */
.case{padding:30px 0;overflow:hidden;}
.case-slide{position:relative; height:350px;}
.case-slide .prev,.case-slide .next{position:absolute;bottom:0px;width:94px;height:35px;cursor:pointer;}
.case-slide .prev{left:0;background:url(../images/case_prev.png) no-repeat center;}
.case-slide .next{right:0;background:url(../images/case_next.png) no-repeat center;}
.case-slide .prev:hover{background-image:url(../images/case_prevh.png);}
.case-slide .next:hover{background-image:url(../images/case_nexth.png);}
.case-list{overflow:hidden;height:300px;}
.case-list .item{float:left;width:25%;text-align:center;overflow:hidden;}
.case-list .pic{display:block; margin:2%;}
.case-list .pic img{display:block;width:100%;transition:all 1s;}
.case-list .item:hover .pic img{transform:scale(1.1);}
/* --end case-- */
/*表格*/
.comm_table { border-collapse: collapse; width:80%; margin:0 auto;border-spacing: 0; font-size: 12px; }
.comm_table tr {}
.comm_table td { padding: 8px; color:#fff; font-size:16px; m}
.comm_table th { padding: 8px; background: #30323A; color: #fff; vertical-align: bottom; }
.verifycode {margin:15px;}
/*表单*/
.input { padding: 5px; height:40px; line-height: 20px; border: 1px solid #ddd;display: block; font-size:14px; background:#eeeeee; }
.label label { display: block; font-size: 12px; font-weight: bold; }
.form_group { overflow: hidden; }
.form_x .form_group .label { float: left; width: 15%; text-align: right; padding: 7px 7px 7px 0; }
.form_x .form_group .finput { float: right; width: 85%; }
.form_x .form_button { margin-left: 15px; }
.form_auto .input {  width:93%;display: inline-block; }
.form_auto textarea.input { width:93%; height: auto;}
#m_verifycode{ width:30%;}
/*按钮*/
.btnn { padding: 15px; border: 1px solid #ddd; cursor: pointer; display: inline-block; line-height: 18px; margin: 0; width:30%;}
.btnn:hover { transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1) 0s; }
.btn_bg_red { background: #FC3939; border-color: #FC3939; color: #fff; }
.btn_bg_red:hover, .btn_bg_red:focus { background: #30323A; border-color: #30323A; color: #fff; }
.badge1 { display: inline-block; padding: 3px 7px; font-size:18px; margin-left:5px;font-weight: bold; line-height: 1; color: #FC3939; text-align: center; white-space: nowrap; vertical-align: baseline;  }


/*详情*/
.js-silder{position: relative;min-width: 320px; width:100%;}
.silder-scroll{width: 100%;overflow: hidden;}
.silder-main{position: relative;width: 100%;overflow: hidden;}
.silder-main-img{position: absolute;top: 0;left: 0;width: 100%;}
.silder-main-img img{width: 100%;}
.js-silder-ctrl{width: 100%;text-align: center;}
.silder-ctrl-prev,.silder-ctrl-next{position: absolute;top: 0;width: 8%;height: 100%;vertical-align: middle;cursor: pointer;color: #fff;font-family: "宋体";font-size: 52px;font-weight: 600;text-shadow: #666 2px 2px 5px;}
.silder-ctrl-prev{left:20px;text-align: left;}
.silder-ctrl-next{right:20px;text-align: right;}
.silder-ctrl-prev>span,.silder-ctrl-next>span{position: absolute;top: 50%;margin-top: -40px;}
.silder-ctrl-prev>span{left: 0;}
.silder-ctrl-next>span{right: 0;}
@media (max-width: 768px){.silder-ctrl-prev,.silder-ctrl-next{width: 10%;font-size: 26px;margin-top: -25px;}}

.product_x{margin-top:20px; clear:both; width:100%;}
.product_xx{height:35px;margin-top:20px; background:#eee; clear:both;}
.product_xx h5{float:left;width: auto; padding:0 20px; margin:0px; line-height:35px; vertical-align:middle; font-size:16px;color:#FFF; font-family:'微软雅黑'; font-weight: bold; background-color:#ff0000;}
#product_info{ padding:2%;width:96%; height:auto;overflow:hidden;margin:0 auto; font-size:14px; line-height:24px; clear:both; text-align:left; background:#fff;}




.axqdiv{background:#efefef; margin-bottom:10px; clear:both; display:inline-block; width:100%;}
.axqdiv font{width:20%; display:block; text-align:center;float:left;line-height:50px; font-weight:bold; color:#000; font-size:14px;}
.axqdiv span{width:75%; display:block; line-height:50px; font-size:14px; color:#000; }

