@charset "utf-8";
/* CSS Document */

a:hover {text-decoration:none;}
img{vertical-align:middle;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}

h2.h2_title {text-align: center;height: 40px;background: url(../Images/artline01.png) repeat-x left 84px;padding-top: 65px;font-weight: normal;}
h2.h2_title i {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 7px;height: 7px;background: url(../Images/artty01.png) no-repeat center;}
h2.h2_title a {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;height: 40px;line-height: 40px;font-size: 32px;color: #072fa8;padding: 0 20px;background: #fff;line-height: 40px;}
h2.h2_title span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;height: 40px;line-height: 40px;font-size: 32px;color: #072fa8;padding: 0 20px;background: #fff;line-height: 40px;}
p.p_title {font-size: 16px;color: #333;text-align: center;height: 24px;line-height: 24px;padding-bottom: 30px;}

.product {background: #f4f4f4;padding-bottom: 40px;}
.product h2.h2_title a {background: #f4f4f4;}
.product p.p_title {font-weight: bold;}
.product .conleft {width: 270px;}
.product .conleft dl {padding-bottom: 15px;background: #fff;border: 1px solid #dddddd;border-radius: 0 0 5px 5px;}
.product .conleft dl:first-child {border-bottom: none;border-radius: 0;}
.product .conleft dl dt {height: 70px;line-height: 70px;width: 270px;position: relative;left: -1px;background: #072fa8;font-size: 20px;text-indent: 30px;top: -1px;margin-bottom: 15px;border-radius: 5px 5px 0 0;}
.product .conleft dl dt a {display: block;color: #fff;height: 70px;background: url(../Images/proicon02.png) no-repeat 220px center;}
.product .conleft dl:first-child dt a {display: block;color: #fff;height: 70px;background: url(../Images/proicon01.png) no-repeat 220px center;}
.product .conleft dl dd {font-size: 14px;height: 44px;line-height: 44px;margin-left: 30px;padding-left: 20px;background: url(../Images/ty01.png) no-repeat left center;position: relative;}
.product .conleft dl dd>a {color: #000;}
.product .conleft dl dd.cur ,.product .conleft dl dd:hover {background: url(../Images/ty02.png) no-repeat left center;}
.product .conleft dl dd.cur>a ,.product .conleft dl dd:hover>a {color: #072fa8;}

.product .conleft dl dd:hover ul {display: block;}

.product .conleft dl dd ul {display: none; position: absolute;left: 238px;top: 0;width: 200px;background: #fff;border: 1px solid #dddddd;border-left: none;z-index: 2;}
.product .conleft dl dd ul li {padding-left: 25px;background: url(../Images/ty01.png) no-repeat 5px center;height: 44px;line-height: 44px;border-bottom: 1px solid #dddddd;}

.product .conleft dl dd ul li:hover {background: url(../Images/ty02.png) no-repeat 5px center;}
.product .conleft dl dd ul li:hover a {color: #072fa8;}



.product .conleft .left_tel {width: 270px;height: 110px;background: url(../Images/f_bg.jpg) center;margin-top: 15px;border-radius: 5px;}
.product .conleft .left_tel .con_tel {padding: 32px 0 32px 70px;height: 46px; background: url(../Images/pro_tel.png) no-repeat 22px center;color: #fff;}
.product .conleft .left_tel .con_tel .p1 {font-size: 13px;}
.product .conleft .left_tel .con_tel .p2 {font-size: 26px;}

.product .conright {width: 918px;position: relative;}
.product .conright .r_top {height: 320px; margin-bottom:20px;border: 1px solid #dddddd;border-radius: 5px;background: #fff;position: relative;overflow: hidden;}
.product .conright .r_top ul {position: relative;}
.product .conright .r_top ul li {float: left;width: 918px;}
.product .conright .r_top dl {position: relative;height: 320px;padding-left: 460px; }
.product .conright .r_top dl dt {width: 409px;border-right: 1px solid #dddddd;position: absolute;left: 0;top: 0;height: 320px;padding-top:0px;}
.product .conright .r_top dl dt img {display: block;width:409px;height:320px;}
.product .conright .r_top dl dd.dd1 {font-size: 24px;padding-top:30px;margin-bottom: 15px;}
.product .conright .r_top dl dd.dd1 a {color: #333;}
.product .conright .r_top dl dd.dd2 {font-size: 13px;color: #666;margin-bottom: 25px;line-height: 24px;padding-right: 80px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 7;-webkit-box-orient: vertical;}
.product .conright .r_top dl dd.dd3 {font-size: 13px;line-height: 24px;}
.product .conright .r_top dl dd.dd4 {height: 40px;position: absolute;width: 350px;left: 460px;top:250px;}
.product .conright .r_top dl dd.dd4 a {float: left; width: 112px;height: 38px;border-radius: 20px;border: 1px solid #d7d7d7;line-height: 38px;text-align: center;font-size: 14px;margin-right: 20px;}
.product .conright .r_top dl dd.dd4 a:hover {background: #D01817;color: #fff;border-color: #D01817;}
.product .conright .r_top .pro_btnl {display: block;width: 31px;height: 31px;background: url(../Images/jtl01.png) no-repeat center;position: absolute;left: 28px;top: 140px;cursor: pointer;}
.product .conright .r_top .pro_btnr {display: block;width: 31px;height: 31px;background: url(../Images/jtr01.png) no-repeat center;position: absolute;right: 28px;top: 140px;cursor: pointer;}
.product .conright .r_top .pro_btnl:hover {background: url(../Images/jtl02.png) no-repeat center;}
.product .conright .r_top .pro_btnr:hover {background: url(../Images/jtr02.png) no-repeat center;}

.product .conright .prozt {display: block;width: 45px;height: 80px;background: url(../Images/prozt.png) no-repeat center;position: absolute;right: 39px;top: -7px;z-index: 2;}

.product .conright .r_bot {margin-top: 10px;}
.product .conright .r_bot dl {float: left; border:1px solid #ddd;width: 298px;border-radius:5px;background: #fff;padding-bottom: 20px; margin:0 0 9px 9px;}
.product .conright .r_bot dl.bdnot {margin-left: 0;}
.product .conright .r_bot dl dt {height: 246px;}
.product .conright .r_bot dl dt img {display: block;}
.product .conright .r_bot dl dd.dd1 {font-size: 16px;text-align: center;height: 30px;line-height: 30px;margin-bottom: 5px;overflow: hidden;white-space:nowrap;text-overflow: ellipsis;padding:5px 15px;}
.product .conright .r_bot dl dd.dd1 a{color: #333;}
.product .conright .r_bot dl dd.dd2 {font-size: 13px;line-height: 20px;text-align: center;padding: 0 40px;margin-bottom: 15px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.product .conright .r_bot dl dd.dd3 a {display: block;width: 114px;height: 40px;line-height: 40px;text-align: center;font-size: 14px;border: 1px solid #d7d7d7;border-radius:20px;margin: 0 auto;}

.product .conright .r_bot dl:hover dd.dd3 a {background: #D01817;color: #fff;border-color: #D01817;}
/*标题
.title{ overflow: hidden; width: 100%; text-align:center; margin-top: 60px;}
.title h2{ font-size: 30px;  color: #000}
.title h2 a{ color: #333}
.title h2  span{ color: #072fa8}
.title p{ font-size: 21px; color: #4e4e4e; margin-top: 10px;}
/* adv */
/* Title */
.Title{width: 100%;text-align: center;width: 1200px;margin: 0 auto;padding-top: 46px;}
.Title h2{font-size: 36px;color: #333333;font-weight: normal;}
.Title h2 a{color: #333333;text-decoration: none;}
.Title i{display: block;width: 1200px;height: 3px;margin: 6px 0 16px 0;}
.Title i img{display: block;width: 1200px;height: 3px;}
.Title p{font-size: 18px;color: #999999;}
/* 
.adv{width: 100%;padding-top: 118px;}
.adv .Title{padding-top: 0px;}
.adv .Title h2 img{display: block;margin: 0 auto;}
.adv .Title p{color: #666666;margin: 8px 0;}
.adv .Title span{font-size: 11px;color: #9f9f9f;display: block;text-align: center;}
.adv .mainCon{margin-top: 30px;}
.adv .mainCon .con{height: 417px;overflow:hidden;position: relative;}
.adv .mainCon .con1{background: url(../images/advPic_01.jpg) no-repeat center;}
.adv .mainCon .con2{background: url(../images/advPic_02.jpg) no-repeat center;}
.adv .mainCon .con3{background: url(../images/advPic_03.jpg) no-repeat center;}
.adv .mainCon .con4{background: url(../images/advPic_04.jpg) no-repeat center;height: 418px;}
.adv .mainCon .con h3{font-size: 24px;color: #044b2d;font-weight: normal;}
.adv .mainCon .con p{font-size: 24px;color: #333333;font-weight: bold;}
.adv .mainCon .con ul{margin-top: 34px;}
.adv .mainCon .con li{padding-left: 22px;background: url(../images/adv_icon01.png) no-repeat left 6px;line-height: 18px;margin-bottom: 16px;font-size: 14px;color: #999999;}
.adv .mainCon .con .box{padding-top: 122px;margin-left: 62px;width: 484px;position: relative;top: 500px;position: 0;}
.adv .mainCon .con1 .box,.adv .mainCon .con3 .box{width: 510px;margin-left: 658px;}
*/
/* flow */
.flow{width: 100%;background: #f8f8f8;padding-bottom: 78px;}
.flow .Title{padding-top: 50px;}
.flow .Title h2 img{display: block;margin: 0 auto;}
.flow .Title p{color: #666666;margin: 8px 0;}
.flow .mainCon{margin-top: 58px;}
.flow .mainCon img{display: block;margin-left: 30px;}
.flow .mainCon ul{margin-left: 30px;margin-top: 16px;}
.flow .mainCon li{width: 140px;margin-left: 60px;text-align: center;font-size: 16px;color: #000000;float: left;}
.flow .mainCon li:first-child{margin-left: 0;}

/*案例*/
.wl{ overflow:hidden; width:100%; height:538px; background:url(../Images/anliimg/wlBg.jpg) no-repeat center;}
.wl h3{ font-size:25px; text-align:center; margin-top:50px;}
.wl h3 a{ color:#333;}
.wl>span{ display:block; text-align:center; font-size:16px; color:#333; margin-top:15px; padding-bottom:25px; background:url(../Images/anliimg/titleBg.png) no-repeat center bottom; margin-bottom:40px;}
.wl .wlBox{ overflow:hidden; width:1280px; margin:0 auto; height:310px; position:relative;}
.wl .wlBox span{ display:block; width:53px; height:39px; cursor:pointer; position:absolute; top:126px; z-index:2}
.wl .wlLeft{ left:0; background:url(../Images/anliimg/wlLeft.png) no-repeat center top;}
.wl .wlRight{ right:0; background:url(../Images/anliimg/wlRight.png) no-repeat center top;}
.wl .wlBox span:hover{ background-position:bottom;}
.wl .wlWin{ overflow:hidden; width:1200px; margin:0 auto; height:310px; position:relative;}
.wl .wlWin ul{ overflow:hidden; position:absolute;}
.wl .wlWin li{ float:left; overflow:hidden; width:385px; height:310px; background-color:#287ffd; margin-right:22px;}
.wl .wlWin li p{ font-size:14px; color:#fff; text-align:center; margin-top:14px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

/*为什么*/
.slxz{overflow:hidden; width:100%; height:532px; background:url(../images/anliimg/why_zuan.jpg) no-repeat center;}
.slxz .dlBox{width:1200px; margin:0 auto;}
.dlBox .dl_bt{ display:block; width:400px; height:63px; margin:0 auto;margin-top:35px;background:url(../images/anliimg/dlxz_bt_bg.png) no-repeat center; }
.dl_bt h3{font-size:32px;color:#fff; width:180px; height:63px; line-height:63px; text-align:center;float:left;}
.dl_bt p{font-size:23px; color:#fff; float:left; width:220px; height:24px; margin-top:15px;float:left;}
.dl_bt span{font-size:12px; color:#42afe8; margin-top:5px;float:left;}
.dlBox .why_dl{ overflow:hidden;width:100%;}
.dlBox .why_dl ul{ overflow:hidden;width:1030px; margin:0 auto;  }
.why_dl ul li{width:475px; height:160px; float:left;padding-top:45px;}
.why_dl ul li h4{ font-size:18px; color:#2a2a2a;}
.why_dl ul li p{ width:290px; line-height:20px; color:#3b3b3b; font-size:13px; padding-top:10px; }
.why_dl ul li.why_dl_ys01{overflow:hidden; float:right;}
.why_dl ul li.why_dl_ys01 h4{ width:100%; text-align:right;}
.why_dl ul li.why_dl_ys01 p{ float:right; text-align:right;}
.why_dl ul li.why_dl_ys02 h4{width:100%; text-align:right;}
.why_dl ul li.why_dl_ys02 p{float:right; text-align:right;}



/*产品中心*/
.weba{margin:0 auto; width:100%; background-color:#f8f8f8; padding-top:10px; padding-bottom:20x; overflow:hidden;}
.webt{margin:0 auto; width:1150px; text-align:center; font-size:26px; line-height:40px; color:#000000; overflow:hidden;}
.webt h2{ margin-bottom:10px;}
.webt span{font-size:18px; color:#444444; overflow:hidden;}
.webtt{margin:0 auto; width:1200px; margin-top:40px; height:86px; background-image:url(../images/lbbj.jpg); border-left:1px #e7e7e7 solid; border-right:1px #e7e7e7 solid; overflow:hidden;}
.webkk{margin:0 auto; width:1200px; margin-top:40px; overflow:hidden;}
.cj_kk{float:left; width:1200px; height:680px; overflow:hidden;}
.cj_tk_{ float:left; width:1200px; overflow:hidden;}
.cj_tkb{ float:left; width:130px; height:65px; font-size:14px; text-align:center; color:#333333; padding-top:15px; overflow:hidden;}
.cj_tkb a{text-decoration:none; display: block;}
.cj_tkb a:link{color:#333333; }
.cj_tkb a:visited{color:#333333;}
.cj_tkb a:hover{color:#333333;}
.cj_tka{ float:left; width:130px; height:65px; font-size:14px; text-align:center; color:#cc0009; padding-top:15px; border-bottom:6px #cc0009 solid; font-weight:bold; overflow:hidden;}
.cj_tka a{text-decoration:none; display: block;}
.cj_tka a:link{color:#cc0009; }
.cj_tka a:visited{color:#cc0009;}
.cj_tka a:hover{color:#cc0009;}
.cj_kka{display:block;}
.cj_kkb{display:none;}

.webkka{margin:0 auto; width:1200px; overflow:hidden;}
.webkka ul li{float:left; width:280px; margin:9px; height:300px; list-style-type:none; font-size:16px; color:#444444; background-color:#ffffff; border:1px #FFFFFF solid; overflow:hidden;}
.webkka ul li a{ color:#444444; display: block;}
.webkka ul li a:link{color:#444444; }
.webkka ul li a:visited{color:#444444;}
.webkka ul li a:hover{color:#ffffff;}
.webkka ul li:hover{color:#ffffff; font-weight:bold; border:1px #03C solid; background-color:#03C; }
.webkkaimg{float:left; width:280px; height:250px; text-align:center; overflow:hidden;}
.webkkaimg img{ width:100%;  height:250px;overflow:hidden;}
.webkkan{margin:0 auto; width:280px; height:46px; line-height:46px; text-align:center; overflow:hidden;}

/*  经典案例 */
.w1340{width:1200px; margin:0 auto;}
.hTitle{font-size:42px;color:#191919;text-align:center;line-height:42px;margin-bottom:50px;}
.hTitle span{display:block;font-size:14px;display:block;font-family:Arial;opacity:.3;line-height:30px;}
.case{background: url('../images/foot_bg.jpg');}
.case .w1340{padding:70px 0;overflow: hidden;}
.case .hTitle{color:#fff;}
.caseMenu{margin-bottom:10px;overflow:hidden;}
.caseMenu li{float:left;width:239px;background:#fff;text-align:center;margin-right:1px;}
.caseMenu li a{display: block;padding-top:20px;height:55px;line-height:24px;font-size:18px;color:#333;line-height: 20px;position:relative;z-index:2;}
.caseMenu li span{display:block;font-size:12px;opacity:.5;}
.caseMenu li a::after{content:"";position:absolute;left:0;top:0;background:#82401e;width:100%;height:100%;z-index:-1;transform: scale(0,1);transition: transform .5s;transform-origin:right;}
.caseMenu .on a{color:#fff;background:#ab5528;}
.caseMenu .on a::after{transform: scale(1);transform-origin:left;}

.caseMain,.caseMain ul{height:550px;overflow:hidden;}
.caseMain li{float:left;width:298px;height:275px;overflow:hidden;margin-left:1px;margin-bottom:1px;}
.caseMain li img{width:298px;height:275px;transition:all .5s;}
.caseMain li p{height:50px;line-height:50px;background: rgba(0, 0, 0, .5);color:#fff;padding:0 15px;position:relative;transition:all .3s;padding:0 15px;}
.caseMain li p i{font-style:normal;float:right;}
.caseMain li.big,.caseMain li.big img{width:600px;height:551px;}
.caseMain li.big{margin-left:0;}
.caseMain li.big p{margin-top:-50px;}
.caseMain li:hover img{transform: scale(1.1);}
.caseMain li:hover p{margin-top:-50px;}
.case .zxBtn{margin:0 auto;display:block;bottom:-20px;position:relative;z-index:3;}
.case .zxBtn:hover{width:300px;background:#82401e;}
.zxBtn{display:inline-block;width:160px;height:40px;line-height:40px;background:#82401e;color:#fff;text-align:center;margin-left:100px;box-shadow:0 4px 10px #82401e;margin-top:45px;}
.zxBtn i{display:inline-block;width:16px;height:16px;background: url('../images/zxIcon.png') no-repeat;position:relative;margin-left:15px;top:2px;}
.zxBtn:hover{background:#6b3519;color:#fff;}
/**/

/*  关于我们 */
.about{padding:70px 0;overflow:hidden;border-top: 1px solid #d9d9d9;}
.aboutL{width:620px;height:480px;overflow: hidden;}
.aboutR{width:520px;position:relative;height:480px;}
.aboutR .title{font-size:42px;color:#191919;line-height:42px;/*margin-bottom: 30px;*/}
.aboutR .title span{display:block;font-size:14px;opacity:.3;line-height:26px;}
.aboutR h4{font-size:18px;color:#82401e;margin-bottom:15px;}
.aboutR .txt{height:191px;margin-bottom:15px;}
.aboutR .more{font-size:12px;color:#999;}
.aboutR .more:hover{color:#82401e;}
.aboutR .tie2{position: absolute;right:0;background:#82401e;color:#fff;width:590px;right:0;bottom:0;font-size:20px;color:#fff;padding:15px 15px 15px 45px}
.aboutR .tie2 span{display:block;font-size:12px;opacity:.5;}
.aboutR p{line-height:24px;}

/* 新闻 */
.fl{float:left;}
.fr{float:right;}
.news{padding:80px 0;overflow:hidden;background: url('../images/news_bg.jpg');}
.newsL{width:820px;overflow:hidden;}
.newsMenu{height:50px;padding-bottom:40px;overflow:hidden;line-height:50px;}
.newsMenu a{display:inline-block;font-size:20px;color:#191919;box-shadow:0 5px 10px #ccc;background: #fff;width:160px;text-align:center;}
.newsMenu .on{background:#82401e;color:#fff;}
.newsMain,.newsBox{height:425px;overflow:hidden;}
.newsMain .pic{float:left;width:385px;margin-right:30px;}
.newsMain .pic .pImg,.newsMain .pic img{height:385px;height:370px;overflow:hidden;transition: all .5s;display:block;}
.newsMain .pic h4{font-size:16px;color:#333;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;padding-top:15px;height:40px;}
.newsMain .pic h4 i{float:right;font-style:normal;}
.newsMain .pic:hover h4{color:#82401e;}
.newsMain .pic:hover img{transform: scale(1.1);}

.newsMain .font{height:75px;overflow:hidden;font-size:12px;position:relative;background:#fff;border-bottom:1px solid #ddd;padding:15px 10px;}
.newsMain .font:after{position:absolute;content:"";left:0;top:0;width:0;height:100%;transition:all 0.4s;background:#82401e;}
.newsMain .font:last-child{border-bottom:none;}
.newsMain .font a{position:relative;z-index:2;display:block;}
.newsMain .font .date{float:left;width:80px;height:75px;text-align:center;margin-right:20px;transition:all 0.3s;}
.newsMain .font .date i{display:block;font-style:normal;font-size:48px;color:#191919;line-height:48px;font-family:Arial;font-weight:bold;}
.newsMain .font h4{color:#333;height:30px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;font-weight:normal;font-size:16px;}
.newsMain .font:hover .date i,.newsMain .font:hover a,.newsMain li:hover h4{color:#fff;transition:all 0.3s;}
.newsMain .font:hover{background:#82401e;transition-delay:.3s;}
.newsMain .font:hover:after{width:100%;}

.faq{width:290px;background:#fff;box-shadow:0 0 10px #ccc;padding:30px;}
.faq .title{font-size:20px;color:#333;height:40px;}
.faq .title a{float:right;width:13px;height:13px;background: url('../images/more.png') no-repeat;margin-top:5px;}
.faqMain{height:290px;overflow: hidden;margin-top:10px;}
.faq li{border-bottom: 1px dotted #b2b2b2;padding:10px 0;}
.faq li h4{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;margin-bottom:8px;}
.faq li h4 a{color:#333;}
.faq li h4 a:hover{color:#82401e;}



/*
.prodh {height: 120px;padding: 40px 0;background: url(../Images/dhbg.jpg) repeat-y;}
.prodh .dh_d1 {width: 220px;float: left;background: url(Img/Index/dhicon01.png) no-repeat left bottom;height: 120px;}
.prodh .dh_d1 h3 {font-size: 16px;}
.prodh .dh_d1 h3 a {color: #072fa8;}
.prodh .dh_d1 h3 i {display: block;font-size: 13px;color: #ccc;}

.prodh .dh_ul {float: left;width: 205px;height: 120px;border-left: 1px dotted #c4c4c4;padding-left: 80px;}
.prodh .dh_ul li {height: 24px;line-height: 24px;margin-bottom: 10px;padding-left: 20px;background: url(../Images/ty01.png) no-repeat left center;font-size: 13px;}
.prodh .dh_ul li a {color: #333;}
.prodh .dh_ul li:hover {background: url(../Images/ty02.png) no-repeat left center;font-weight: bold;}
.prodh .dh_ul li:hover a {color: #D01817;}
.prodh .ul1 {border-left: none;}
*/