@charset "utf-8";
/* CSS Document */
.product{background:#f6f6f6;/*height:805px;*/ margin-top:30px;}
.product .container{position:relative;padding-top:45px;}
.product h3{color: #222;font-size:30px;text-align: center;background:url(../images/ptit.jpg) no-repeat center center;}
.product h4{color: #a8a8a8;font-size:16px;text-align: center;text-transform:uppercase; font-weight: normal;font-family:"Impact"}
.product .portit{text-align: center;width:950px;margin:auto;}
.product .portit a{color: #555;font-size:14px;width: 165px;height: 45px;line-height: 45px;text-align: center;
border-radius: 30px;display: block;float: left;margin-right:10px;margin-left: 10px;margin-top:30px;background: #332c2b;color: #fff}
.product .portit a:hover{background: #e4b40d;font-size: 15px;color: #fff}

.porone{width:100%;height:auto;overflow:hidden; margin-top:30px;}
.porone ul { margin-right:-20px;}
.porone ul li{float:left;width:265px;background:#fff;padding:10px;transition:all 0.3s;font-size:13px;margin:0 20px 20px 0;}
.porone ul li .pImg{display:block;width:265px;height:200px;overflow:hidden;background:#fff;}
.porone ul li img{width:265px;height:200px;transition:all 0.5s}
.porone ul li p{height:45px;line-height:45px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;text-align:center;background:#fff;}
.porone ul li:hover{background:#e4b40d;}
.porone ul li:hover img{transform:scale(.95);}

.pageBan{height:265px;position:relative;left:50%;margin-left:-960px;margin-bottom:0;}

/*  优势 */
.odds{background:#fff;padding-top:20px; overflow:hidden;color:#333;font-size:13px; line-height:24px;}
.odds .title{text-align:center;margin-bottom:35px;}
.odds .title h3{font-size:26px;font-weight:normal;color:#333;font-weight:normal;margin-top:15px;line-height:28px;position:relative;}
.odds .title h3 span{padding:0 30px;background:#fff;position:relative;z-index:2;font-size:20px}
.odds .title h3:before{position:absolute;content: "";left:0;top:15px;width:100%;height:1px;background:#d7d7d7;}
.oddsBox{border-bottom:1px dotted #a8a8a8;margin-bottom:35px;}
.oddsBox .font{padding-left:100px;}
.oddsBox h3{font-size:24px;margin-bottom:10px;height:50px;padding-top:20px;line-height:26px;}
.oddsBox h3 i{float:left;background: url('../images/odds_num.png') no-repeat;width:66px;height:76px;text-align:center;line-height:76px;color:#fff;font-size:34px;font-family:Arial;margin-left:-100px;font-style:normal;margin-top:-20px;}
.oddsBox1{background: url('../images/odds1.jpg') no-repeat right 40px;padding-right:580px;height:380px;overflow:hidden;}
.oddsBox .odds_b{margin-top:40px;}
.oddsBox2{background: url('../images/odds2.jpg') no-repeat left 0;height:365px;}

.oddsRight{width:610px;}

.oddsBox3{border-bottom:none;background: url('../images/odds3.jpg') no-repeat right top;height:315px;padding-right:610px;}
.oddsBox3 .phone{margin-top:30px;overflow:hidden;}
.oddsBox3 .phone p{background: url('../images/pIcon2.png') no-repeat left center;padding-left:40px;margin-bottom:0;font-size:12px;float:left;}
.oddsBox3 .phone p span{font-size:24px;font-family:Arial;color:#e4b615;line-height:32px;display:block;}
.oddsBox3 .phone .p2{margin-left:0;background: url('../images/pIcon3.png') no-repeat left center;}

/*简介*/
.about{height:620px; padding-top:55px;background:#fff url('../images/abbj.jpg') no-repeat right top; border-top:1px solid #f4f4f4}
.about .container{position: relative;height: 620px;}
.about .abcon .ableft{float: left;}
.about .abimg{margin-bottom:45px;}
.about .abimg img{ width:1200px;}
.about .abcon .ableft h3{color: #e4b40d;font-size: 34px;font-family:"Impact";font-weight:normal;text-transform:uppercase; }
.about .abcon .ableft h4{color: #444;font-size: 26px;font-weight:bold;}
.about .abcon .abright{width: 930px;float: right;}
.about .abcon .abright p{color: #555555;color: #555555;font-size: 14px;line-height:32px;}
.about .abcon ul{margin-top:40px;}
.about .abcon ul li{text-align: center;float: left;width: 25%}
.about .abcon ul li img{display: block;height:39px;margin:auto;}
.about .abcon ul li span{color: #555555;font-size: 15px;font-weight:bold;}
.about .abcon ul li p{color: #d9d9d9;font-size:12px;font-family: "Arial";text-transform:uppercase; }
.about .abcon ul li:hover span{color: #1caed8}
.about .abcon ul li:hover p{color: #1caed8}

/*news*/
.news{margin:35px 0; }
.news .container{position:relative;background: url(../images/nbj.png) no-repeat center bottom;}
.news h3{float: left;}
.news h3 span{color: #222222;font-size: 24px;font-weight:bold;}
.news h3 em{color: #d5d5d5;font-weight:normal;font-family:"Impact";font-style:normal;font-size: 16px;text-transform:uppercase; margin-left:10px;}
.news h4{float:right;margin-top: 10px;}
.news h4 a{color: #333333;font-size:14px;padding-right: 80px;}
.news h4 a:nth-child(2){padding-right: 0px;background: none;}
.news h4 a:hover{color: #1caed8}
.news .newstit{border-bottom: solid 1px #d8d7d7;padding-bottom: 15px;}
.newsright{width: 540px;float: left;}
.newsright .newone{margin-top:30px;position: relative;}
.newsright .newone img{display: block;}
.newsright .newone h5 a{color: #333333;font-size: 15px;line-height: 58px;height: 58px;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
border-bottom: solid 1px #ccc;width:450px;}
.newsright .newone h5 a:hover{color: #e39d08}
.newsright .newone p{color: #999999;line-height:26px;display: -webkit-box;width: 100%;
    overflow: hidden;margin-bottom: 20px;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: normal !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
cursor:pointer;height: 52px;margin-top: 15px;}
.newone .more{width:34px;height:33px;background:url(../images/nmo1.jpg) no-repeat center center;display: block;line-height: 36px;
font-family:"Arial";text-transform:uppercase;position: absolute;top:;}
.newone .more:hover{color: #fff;background:url(../images/nmo2.jpg) no-repeat center center;}
.newsright .newcon{border-bottom: dashed 1px #dbdbdb;}
.newsright .newcon p{border-top: dashed 1px #dbdbdb;clear:bold;background:url(../images/n1.png) no-repeat left center; padding-left:15px;}
.newsright .newcon p a{color: #555555;height: 50px;line-height: 50px;width: 390px;display: block;float: left;transition: all 0.8s;position:relative;}
.newsright .newcon p span{float: right;line-height: 50px;color: #999999}
.newsright .newcon p i{display: block;}
.newsright .newcon p:hover a{padding-left:0;transition: all 0.8s;color: #e39d08}
.newone span{position: absolute;top:170px;right:5px;color: #999999;font-size: 20px;}
.newone .more{position: absolute;top:200px;right:35px;}

/* 内页公用 */
.listBanner{ width:1920px; height:300px; overflow:hidden;}
.listWrapper{ overflow: hidden; padding-bottom:30px; padding-top:20px; background-color:#fff;}
.listLeft{width:250px; float: left;overflow: hidden; }
.listRight{width:900px; float: right; overflow: hidden;}
.breadCrumb{ border-bottom:1px solid #DADADA; height:30px;margin-bottom:10px;}
.breadCrumb strong{ color:#333; font-size:18px; font-family:"微软雅黑";  height:29px; border-bottom:2px solid #e4b615; display:inline-block; font-weight:normal;}
.breadCrumb p {background:url('../images/mapIcon.png') no-repeat left center; padding-left:20px;}
.breadCrumb p span{ margin:0 5px;}
.listLeft .searMain{width:248px;margin-bottom:20px;border:1px solid #ccc;}
.listLeft .searMain .sear_text{width:175px;border:none;}
.listLeft .searMain .sear_btn{width:40px;font-size:12px;}

/* 内页公用菜单 */
.sidebar{background:#eee;margin-bottom:15px;}
.side_title{font-size:24px;color:#fff;text-align:center;height:80px;line-height:80px;background:#332c2b;}
.sidebarMenu li a{display:block;height:45px;line-height:45px;padding-left:45px;color:#222;background: url('../images/side_li.png') no-repeat 30px center;border-bottom:2px solid #fff;font-size:14px;}
.sidebarMenu li a:hover{background: url('../images/side_lih.png') no-repeat 30px center;color:#e4b615;padding-left:45px;}
.sidebarMenu li .current{color:#e4b615; font-weight:bold;}
.sidebarMenu li ul a{background: url('../images/side_li.png') no-repeat 40px center;padding-left:50px;height:35px;line-height:35px;font-size:12px;opacity:.8;}
.sidebarMenu li ul .current,.sidebarMenu li ul a:hover{background: url('../images/side_lih.png') no-repeat 40px center;opacity:1;}

/*  内页左侧 */
.recommend_pro{margin-bottom:15px;}
.listLeft .left_title{ background:#e4b615; height:50px; line-height:50px; font-size: 16px;color: #fff; padding-left:15px;}
.recommend_slide{height:420px;overflow:hidden;padding:9px;border:1px solid #bcbcbc;background:#fff;border-top:none; }
.recommend_pro li{ width:230px;overflow:hidden;margin-bottom:10px;}
.recommend_pro li img{ width:224px; height:164px; border:1px solid #ddd;padding:2px;}
.recommend_pro li span{height:30px; line-height:30px; position:relative; text-align:center;display: block;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.recommend_pro li:hover img{ border: 1px solid #e4b615;}
.twoCont{padding:10px;overflow:hidden;background:#f4f4f4;font-size:13px; line-height:28px;}
.sidebarThree h3{font-size:15px;margin-bottom:10px;font-weight:normal;}
.sidebarThree h3 span{display:block;font-size:24px;color:#e4b615;font-family:arial;}
.sidebarThree p{line-height:22px;}
.sidebarThree p span{padding-left:3em;}

.listBox{ padding:5px 0; line-height:32px; font-size:14px;}



/*产品中心分类*/
.pro_box {margin:10px 0 40px 0;line-height: 28px;font-size: 14px; overflow:hidden; text-align:center;}
.pro_box h2{font-size:26px; line-height:40px; margin-bottom:15px;font-weight:bold;}
.prolsit_bg {background: #f5f5f5;width:100%; padding:20px 0; overflow:hidden;}

.home-pro ul{margin-right: -9px;}
.home-pro li{float: left;width: 596px;margin-right: 8px;background: #fff;margin-bottom:20px;position: relative;height:165px; padding:10px 0;}
.hp-img{position: relative;width: 220px;height: 165px;overflow: hidden;}
.hp-img img{-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);-webkit-transition: all 1.1s ease;-moz-transition: all 1.1s ease;-o-transition: all 1.1s ease;transition: all 1.1s ease;width: 220px;}
.hp-mask{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #d7160f;opacity: .6;filter: alpha(opacity=60);z-index: 2;}
.hp-icon{position: absolute;top: 50%;left: 50%;z-index: 3;margin-left: -16px;margin-top: -17px;}
.hp-main{width:320px;padding: 0 20px;}
.hp-main h2{font-size: 15px;font-weight: bold;color: #000;margin-top:12px;}
.hp-main h2:hover{color: #e4b40d;}
.hp-main .txt{font-size: 12px;color: #444;line-height: 24px;margin-top: 6px; height:125px; overflow:hidden;}
.hp-sign{position: absolute;z-index: 3;right: -18px;top: 50%;margin-top: -18px;}

/*产品多级栏目*/
.con_list{width:250px;margin:0 auto 15px auto; overflow:hidden;}
.filterinput{background-color:rgba(249, 244, 244, 0);border-radius:15px;width:90%;height:30px;border:thin solid #FFF;text-indent:0.5em;font-weight:bold;color:#FFF;}
#demo-list a{overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;width:100%;}

/*#sidebar.listLeft{float:none;position:fixed;bottom:300px;z-index:6;left:auto}*/

/*  产品列表 */
.proList{margin-top:10px;}
.proList li img{width: 235px;height:235px;border:solid 2px #e1e1e1; padding:20px;}
.proList li{width: 275px;float: left;margin-right:35px;margin-bottom: 10px}
.proList li:nth-child(3n){margin-right: 0px}
.proList li:hover img{border:solid 2px #e4b40f;}
.proList li p{height: 35px;line-height: 35px;text-align: center;color: #333;padding:0px 15px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.proList li:hover p{color: #2d2d2d;}

/*产品子项目*/
.jtdt {padding-bottom: 50px; overflow: hidden;}
.jtdt .cainers {background: #fff;padding:0;position: relative;}
.jtdt .jtdt_con {width: 900px;}
.jtdt .jtdt_con .concase {height:210px;border-bottom: 1px solid #e5e5e5;width:875px; padding: 11px;margin-bottom:15px;position: relative;z-index: 1;}
.jtdt .jtdt_con .concase .con_left {width: 220px;height: 200px;}
.jtdt .jtdt_con .concase .con_left img{width: 200px;height: 200px;}
.jtdt .jtdt_con .concase .con_right {width: 620px;}
.jtdt .jtdt_con .concase .con_right h3 {margin-top:5px;font-size:22px;color: #333;height: 36px;line-height: 36px;font-weight: normal;background: url(Img/inside/jtr06.png) no-repeat right center;}
.jtdt .jtdt_con .concase .con_right .con_p1 {margin-top:10px;line-height: 25px;font-size: 14px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;}



/* 产品详情页选项卡1 */
.tabs{ border-bottom:12px solid #e8e9eb;}
.tabs .horizontal{margin:6px 0;padding:0;border-bottom:1px solid #d6d6d6; height:36px;}
.tabs .horizontal li{float:left;list-style:none;height:36px;line-height:36px;background:#a9a9a9; padding:0 16px;text-align:center;cursor:pointer;font-size:13px; font-weight:bold; color:#fff;}
.tabs .horizontal li:not(:first-child){margin-left:2px}
.tabs .horizontal li.selectActive{ border:1px solid #a9a9a9; background:#fff;color:#e4b40d; border-bottom:none;}
.tabs .divsx{display:none;clear:both;min-height:215px;font-size:14px; line-height:28px; padding:6px 0; overflow:hidden;}
.tabs .divsx img{ float:left; height:200px; margin-right:20px; border:1px solid #d6d6d6;}

.pist{ width:100%; overflow:hidden; margin:10px auto;}
.pist h2{font-size: 18px;font-weight: bold;color: #333;margin-top:0;}
.pist ul{margin-right:-2%; margin-top:10px;}
.pist ul li{width:10%;float:left;margin-right:2%;margin-bottom:10px;text-align:center;}
.pist ul li img{display:block;width:97%;border:5px solid #ebebeb;background:#fff;}
.pist ul li img:hover,.pist ul li img.hover{border:5px solid #e4b40d;}
.pist ul li p{line-height:22px; padding-top:4px; font-size:13px;display:block;}

.product_detail{ width:100%; overflow:hidden; margin:12px auto;}
.product_detail h3{font-size: 16px; line-height:36px; font-weight: bold;color: #333;margin-top:0;}
.product_detail .detai_xq{ padding:10px 0 25px 0; line-height:30px; font-size:14px; border-bottom:1px solid #d6d6d6;}


.product_detail table{ border-collapse:collapse; margin-top:10px; border: 1px #000 solid !important; width:100% !important;line-height:25px!important;}
.product_detail table td{ padding: 5px!important; padding-left:12px !important;word-wrap:break-word;word-break:break-all;border: 1px #000 solid !important;line-height:25px!important; font-size:13px;}
.product_detail table td div{padding: 0px!important;height:auto!important;}

.product_detail tr:first-child{background: #5a6369 !important; color:#fff; font-weight:bold;}
.product_detail tr:nth-child(1n){background: #eee;}
.product_detail tr:nth-child(2n){background: #fff;}

.product_down{width:100%; overflow:hidden; margin:30px auto 0 auto;}




/* 荣誉资质 */
.productList,.caseList,.partnerList,.honorList,.settingList,.newsList,.appList,.newsList,.clientList{ width:100%;overflow: hidden;}
.productList ul,.caseList ul,.partnerList ul,.honorList ul,.settingList ul,.appList ul{ margin-right:-3%;}
.honorList ul li{width:30.33%;float:left;margin-right:3%;margin-bottom:10px;text-align:center;}
.honorList ul li img{display:block;width:97%;padding:2px;border:2px solid #e3e3e3;background:#fff;}
.honorList ul li img:hover{border:2px solid #e4b615;}
.honorList ul li span{height:30px;line-height:30px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;}

/* 公司坏境 */
.settingList ul li{width:280px;float:left;margin-right:30px;margin-bottom:25px;text-align:center;}
.settingList ul li img{display:block;width:270px;height:205px;padding:4px;border:1px solid #e3e3e3;background:#fff;}
.settingList ul li img:hover{border:1px solid #e4b615;background:#e4b615;}
.settingList ul li span{height:30px;line-height:30px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;}

/* 合作伙伴 */
.partnerList li{float:left;width:200px;margin-right:30px;margin-bottom:15px;}
.partnerList li img{ width:190px; height:110px;background:#e5e5e5; padding: 4px; border: 1px solid #d4d4d4; box-shadow: 1px 1px 0 #fff inset,-1px -1px 0 #fff inset;}
.partnerList li span{ height: 35px; line-height: 35px; display: block; text-align:center; white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}

.caselist{width:100%;margin-top:10px;overflow: hidden;}
.caselist ul{margin-right:-3%;}
.caselist ul li{width:47%;float:left;margin-right:3%;margin-bottom:10px;text-align:center;}
.caselist ul li img{display:block;width:97%;padding:2px;border:2px solid #e3e3e3;background:#fff;}
.caselist ul li span{height:30px;line-height:30px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;}

/* 新闻列表 */
.news_list{margin-top:15px; overflow:hidden;}

.news_list li{padding: 10px;margin-bottom:18px;border:1px dotted #ddd;background: #fff;}
.news_list li h3{height: 40px;line-height: 40px;font-size: 16px;}
.news_list li h3 a{height: 40px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width:730px;line-height: 40px;font-size: 15px;display: block;float: left;color: #444;}
.news_list li h3 a:hover{color: #2d2d2d}
.news_list li h3 span{height: 40px;line-height: 40px;font-size: 16px;display: block;float: right;font-size: 12px;font-weight:normal;}
.news_listcon p{font-size: 14px;line-height: 26px;color: #777;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; }
.news_listcon{width:730px;height:60px;display: block;overflow: hidden;text-overflow: ellipsis;}
.newslistmore{float: right;width: 100px;height: 35px;line-height: 35px;text-align: center;display: block;border: solid 1px #4B4B4B;margin-top: -50px;background: #332c2b;color: #fff;}
.newslistmore:hover{color: #fff;background: #e4b40f;border: solid 1px #e4b40f;}

.news_con_title{border-bottom:1px dashed #ddd;}
.news_con_title h3{font-size: 18px;line-height:42px;font-weight: bold;color: #666;margin-top:0;text-align:center;}
.news_con_title h4{font-size: 12px;font-weight: normal;color: #626262;line-height:30px;margin-bottom: 10px; text-align:center;}
.news_content{line-height:30px;margin-top: 10px;color: #5e5e5e;}
.news_content img{margin:auto;}

/*分页*/
.relevant{padding-top:28px;}
.relevantPn{border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.relevantPn p, .relevantPn p a{font-size:14px;line-height:45px;color: #2d2d2d;}
.relevantPn p{width:50%;text-align: left;color: #666}
.relevantPn p a:hover{text-decoration:underline;color: #2d2d2d}

/*新闻详情页面推荐产品*/
.news_end{margin-bottom: 10px;margin-top: 30px}
.news_end h2{height: 40px;line-height: 40px;padding-left: 0px;color:#2d2d2d;font-size: 18px;border-bottom: 1px solid #ccc;font-weight:normal;}
.news_end h2 a{float: right;font-size: 12px;display: block;width: 60px;text-align: center;line-height: 25px;height: 25px;margin-top: 10px;}

.pro_dis{margin-right: 16px;}
.pro_dis_top img{ width:255px;height:191px;border: solid 1px #e1e1e1;}
.pro_dis_top img:hover {border:solid 1px #e4b40f;}
.pro_dis_top a{display: block;line-height: 30px;text-overflow: ellipsis;overflow: hidden;}

/* 推荐资讯样式 */
.gr-rec-news{width:900px;margin-top:10px;overflow:hidden;}
.gr-rec-news ul{width:950px;padding-top:10px;}
.gr-rec-news ul li{float:left;margin-right:30px;width:430px;height:28px;line-height:28px;}
.gr-rec-news ul li a{display:block;width:310px;line-height:28px;background:url(../images/ly_li.png) no-repeat left center;padding-left:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;float:left;}
.gr-rec-news ul li span{float:right;color:#999;}
.rec-title{padding-left:20px;height:35px;line-height:35px;background:url(../images/page_line.jpg) no-repeat 10px 10px #ddd;font-size:14px;font-weight:bold;color:#333;}



/*feedback*/
.content_box{margin-top:0px;}
.content_box .messages_box{width:auto;padding:0 1% 10px 0;}
.content_box .messages_box ul{width:100%;}
.content_box .messages_box ul li{padding:5px 28px 5px 5px;}
.content_box .messages_box .text-input,.content_box .messages_box .summary-input,.content_box .messages_box .qq-input{width:100%;height:33px;padding:0px 10px;line-height:normal;background:none repeat scroll 0% 0% rgb(253, 253, 253);border-width:1px;border-style:solid;border-color:rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201);box-shadow:1px 2px 3px rgb(183, 183, 183) inset !important;font-size:14px;}
.content_box .messages_box .cont-input{width:100%;height:130px;padding:10px;line-height:20px;background:none repeat scroll 0% 0% rgb(253, 253, 253);border-width:1px;border-style:solid;border-color:rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201);box-shadow:1px 2px 3px rgb(183, 183, 183) inset !important;font-size:14px;}
.content_box .messages_box .code-input{width:125px;vertical-align:middle;height:33px;padding:0px 10px;line-height:normal;background:none repeat scroll 0% 0% rgb(253, 253, 253);border-width:1px;border-style:solid;border-color:rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201);box-shadow:1px 2px 3px rgb(183, 183, 183) inset !important;}
.content_box .messages_box .verify-pic{height:35px;vertical-align:middle;}
.content_box .messages_box .submitBtn{text-align:center;padding-top:10px;}
.content_box .messages_box .messages-button{width:125px;height:34px;line-height:34px;font-size:16px;color:#fff;text-align:center;background:none repeat scroll 0% 0% #e4b40f;border:none;}