@charset "utf-8";

*{margin:0; padding:0; list-style:none; font-family: "微软雅黑"; box-sizing: border-box;}

body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}

fieldset,img{border:0;}

img{vertical-align:middle;}

ol,ul,li{list-style-type:none;text-align:justify;text-justify:inter-ideograph;}

table{border-collapse:collapse;border-spacing:0;}

button,input,select,textarea{font-size:12px;font-family:inherit;margin:0;outline:none;resize:none;border:none;}

.clearfix:after {clear: both; content: "."; display: block; height: 0; overflow: hidden; visibility: hidden; }

.clearfix { zoom:1; }

html{verflow:-Scroll;overflow-x:hidden;zoom:1;overflow-y:scroll;overflow:-moz-scrollbars-vertical;}

body{color:#666;font-size:14px;line-height:24px;font-family:"Microsoft YaHei","SimSun", Arial, Helvetica, sans-serif;}

a{color:#666;text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());transition:all ease 0.3s;}

a:hover{color:#e77817;text-decoration:none;}:focus{outline:none;}

/* CSS活动的公共样式 */

.fl{float:left;}

.fr{float:right;}

.w1200{width:1200px; margin:0 auto;}

.mb10{margin-bottom:10px;}

.mb15{margin-bottom:15px;}

.mb25{margin-bottom:25px;}

.center{text-align:center;}

.hide{overflow:hidden;}

.erp{white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}

.txt p{line-height: 35px!important;}

/* 头部  */

.header{height:115px;padding-top:15px;}

.headR {padding-top:25px;}

.headR .wx{float:left;width:40px;height:40px;background: url('../images/wxIcon.png') no-repeat;padding-right:20px;border-right:1px solid #d7d7d7;position:relative;margin-top:5px;cursor:pointer;z-index:3;}

.headR .wx span{position: absolute;top:50px;left:-45px;background:#ececec;padding:5px;display:none;z-index:5;}

.headR .wx span::before{position: absolute;content: "";top:-12px;left:50%;border:6px solid transparent;border-bottom-color:#ccc;margin-left:-6px;}

.header .phone{background: url('../images/pIcon.png') no-repeat left center;padding-left:50px;margin-left:20px;}

.header .phone span{display:block;font-size:24px;color:#e77817;font-family:Arial;font-weight:bold;}

/* 导航  */

.nav{height:60px;line-height:60px;font-size:16px;background: url('../images/nav_bg.jpg');}

.nav li{float:left;width: 15%;text-align:center;}

.nav li a{color:#000;display:block;position:relative;z-index:2;background-position: left center;background: url('../images/nav_h.jpg') no-repeat left 60px;}

.nav li:last-child{margin-right:0;}

.nav li .cur,.nav li a:hover{background-position: 0 0; color:#fff;}

/*  广告轮播图 */

.banner{margin: 0 auto;position:relative;overflow:hidden;height: 500px;z-index: -1;}

.banner .bd{height:550px; z-index:0;position:relative;left:50%; margin-left:-960px;}

.banner_ctr{ height:90px;position:absolute;top:45%;z-index:2;left:50%;margin-left:-600px;}

.banner_ctr a{ display:block;width:40px;height:40px; background: url('../images/ctrl.png') no-repeat 0 0; position:absolute; opacity:0;filter: alpha(opacity=0);display:block;}

.banner_ctr a.prev{left:-90px;}

.banner_ctr a.next{right:-1280px; background-position: -40px 0px;}

.banner_ctr a:hover{opacity:1;filter:alpha(opacity=100);}

.banner .hd{position:absolute; bottom:20px; text-align: center; z-index:5;left:50%;font-size: 0; line-height: 0;height: 0px; margin-left:-30px;height:14px;}

.banner .hd li{z-index:2; cursor:pointer; margin-right:5px; display:inline-block;width:10px; height:10px;*display:inline; zoom:1;border-radius:100%;border:2px solid #fff;position:relative;transition:all 0.3s;}

.banner .hd li:after{content:"";position:absolute;width:6px;height:6px;background:#fff;top:2px;left:2px;border-radius:100%;}

.banner .hd li:hover,.banner .hd .on{border:2px solid #e77817;transform:scale(1.1);}

.banner .hd .on:after{background:#e77817;}

/*  搜索 */

.search{height:36px;padding:15px 0;border-bottom:1px solid #e5eef4;}

.searFont{width:780px;overflow:hidden;line-height:36px;}

.searFont a{margin:0 8px;}

.searFont strong{color:#333;font-weight:normal}

.searMain{width:360px;height:34px;line-height:34px;border:1px solid #dbdbdb;}

.searSelect{float:left;width:49px;color:#333;padding-left:15px;position:relative;font-size:12px;cursor:pointer;border-right:1px solid #ddd;}

.searSelect span{position:relative;display:block;}

.searSelect span:after{content:"";position:absolute;right:8px;top:17px;border:4px solid transparent;border-top-color:#333;}

.searSelect ul{position:absolute;top:34px;left:0;background:#fff;text-align:center;width:65px;display:none;}

.searSelect ul li{padding-left:15px;line-height:25px;border-top:1px solid #f5f5f5;}

.searSelect ul li:hover{background:#f1f1f1;}

.search .txt{width:240px;float:left;height:34px; line-height:34px;color:#666;padding:0 10px;}

.search .btn{float:left;width:35px;height:34px; cursor:pointer;transition:all 0.3s;background:#e77817 url('../images/searIcon.png') no-repeat center center;}

.search .btn:hover{opacity:.8;}

/*  优势 */

.adv{border-left:1px solid #eeeeee;}

.adv li{width:299px;border-right:1px solid #f0f0f0;height:200px;text-align:center;float:left;transition:all 0.3s;}

.adv li h4{padding-top:75px;display:inline-block;padding-left:65px;font-weight:normal;text-align:left;}

.adv li i{float:left;width:58px;height:46px;background: url('../images/advIcon.png') no-repeat;margin-left:-65px;transition:all 0.3s;top:0;position:relative;}

.adv li h4 span{display:block;font-size:18px;color:#333;margin-bottom:5px;font-weight:bold;}

.adv li:nth-child(2) i{background-position: -58px 0;}

.adv li:nth-child(3) i{background-position: -116px 0;}

.adv li:nth-child(4) i{background-position: -174px 0;}

.adv li:hover{box-shadow:0 0 10px #ccc;}

.adv li:hover i{top:-10px;}

/*  产品中心 */

.product{/* padding:60px 0; */overflow:hidden;background:#f0f0f0;}

.proL{width:280px;}

.proL h3{font-size:24px;color:#fff;padding:25px 0 0 30px;text-transform:uppercase;height:65px;background:#0089c3;}

.proL h3 span{font-size:12px;display:block;font-weight:normal;}

.proL .side{background:#fff;font-size:16px;border:1px solid #e77817;}

.proL .side .m{font-size:16px;font-weight:bold;}

.proL .side .m>a{background:#e77817;color:#fff;display:block;padding:0 15px;}

.proL .side .m i{float:left;background: url('../images/sideIcon.png') no-repeat left center;width:32px;height:60px;margin-right:6px;}

.proL .side .m2 i{background-position: -32px center;}

.proL .side a{height:60px;line-height:60px;}

.proL .side .m>a:hover{background:#e50e00;}

.proL .side .m ul{padding:0 15px;overflow:hidden;}

.proL .side .m1 ul a{font-weight:normal;height:50px;line-height:50px;border-bottom:1px solid #dcdcdc;display:block;background: url('../images/side_li.png') no-repeat right center;}

.proL .side .m1 ul a:hover,.proL .side ul .cur a{background: url('../images/side_lih.png') no-repeat right center;color:#e77817;}

.proL .side .m2 ul{padding:5px 15px;}

.proL .side .m2 ul a{font-size:14px;float:left;width:45%;font-weight:normal;height:40px;line-height:40px;background: url('../images/side_li2.jpg') no-repeat left center;padding-left:5%;}

.proL .phone{background:#fff url('../images/pIcon.png') no-repeat center 20px;padding:70px 0 25px 0;text-align:center;margin-top:10px;font-weight:normal;}

.proL .phone span{color:#e77817;font-size:24px;display:block;margin-top:5px;}

.proR{width:900px;}

.proR .tie{height:50px;line-height:50px;background:#fff;padding:0 20px;font-size:24px;font-weight:normal;color:#333;margin-bottom:15px;}

.proR .tie a{float:right;font-size:14px;}

.proR ul{width:940px;}

.proR li{background:#fff;float:left;font-size:12px;text-align:center;width:290px;margin:0 15px 26px 0;padding-bottom:20px;overflow:hidden;transition:all 0.3s;}

.proR li .pImg{display:block;width:290px;height:240px;overflow:hidden;margin-bottom:10px;}

.proR li img{ width:290px;height:240px;transition:all 0.5s;}

.proR li h4{color:#333;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;font-weight:normal;padding:0 10px;}

.proR li:hover img{transform:scale(1.1);}

.proR li:hover h4{color:#e77817;}

.proR li:hover{box-shadow:0 0 10px #ccc;}

/*  产品定制 */

.made{padding: 30px 0;overflow:hidden;background:#f0f0f0;background-position:center;background-attachment: fixed;background-size:cover;}

.hTitle{text-align:center;font-size:30px;color:#333;font-weight:normal;margin-bottom: 60px;line-height:36px;}

.hTitle strong{font-size: 32px;font-weight:bold;color:#116bc4;}

.hTitle span{font-size:14px;color:#666;display:block;}

.hTitle2{color:#fff;}

.hTitle2 span{color:#ccc;}

.made ul{width:1240px;margin-bottom:50px;}

.made li{float:left;background:#fff;/* padding:20px; */width: 290px;height: 320px;margin-right: 10px;margin-left: 10px;color:#555;padding-right: 10p; margin-bottom:20px ;}

.made li .pImg{width: 290px;height: 244px;overflow:hidden;display:block;}

.made li img{width: 290px;height: 244px;transition:all .5s;}

.made li h4{font-size: 18px;color:#222;font-weight:normal;padding: 20px 0 0;text-align: center;}

.made li:hover img{transform:scale(1.1);}

.made .btn{text-align:center;height:40px;}

.made .btn a,.odds li .font .more{display:inline-block;width:130px;height:40px;line-height:40px;text-align:center;background:#e77817;color:#fff;margin:0 10px;}

.made .btn a:hover,.odds li .font .more:hover{background:#0082b8;}

/*  产品定制 */

.case{padding: 60px 0;overflow:hidden;/* background: #f0f0f0; */}

.case .menu{height:100px;background:#eaeaea;}

.case .menu a{float:left;width: 33.2%;border-right:1px solid #fff;height: 100px;text-align:center;padding-top:18px;}

.case .menu span{display:block;}

.case .menu a i{display:inline-block;background: url('../images/caseIcon.png') no-repeat;width:40px;height:30px;margin-bottom:5px;transition:all 0.3s;}

.case .menu a:nth-child(2) i{background-position: -40px 0;}

.case .menu a:nth-child(3) i{background-position: -80px 0;}

.case .menu a:nth-child(4) i{background-position: -120px 0;}

.case .menu a:nth-child(5) i{background-position: -160px 0;}

.case .menu a:nth-child(6) i{background-position: -200px 0;}

.case .menu a:nth-child(7) i{background-position: -240px 0;}

.case .menu a:nth-child(8) i{background-position: -280px 0;}

.case .menu a.on,.case .menu a:hover{background:#e77817;color:#fff;}

.case .menu a.on i{background-position: 0 -30px;}

.case .menu a:nth-child(2).on i{background-position: -40px -30px;}

.case .menu a:nth-child(3).on i{background-position: -80px -30px;}

.case .menu a:nth-child(4).on i{background-position: -120px -30px;}

.case .menu a:nth-child(5).on i{background-position: -160px -30px;}

.case .menu a:nth-child(6).on i{background-position: -200px -30px;}

.case .menu a:nth-child(7).on i{background-position: -240px -30px;}

.case .menu a:nth-child(8):hover i{background-position: -280px -30px;}

.caseMain{height: 386px;overflow:hidden;border:1px solid #eaeaea;}

.caseBox{height: 400px;overflow:hidden;}

.caseBox .pic{display:block;width: 1200px;height: 396px;overflow:hidden;}

.caseBox img{width: 1200px;height: 386px;transition:all 0.5s;}

.caseBox .font{width:570px;padding:40px 30px 0 0;overflow:hidden;}

.caseBox .txt{height:240px;margin-bottom:15px;overflow:hidden;}

.caseBox .btn a{display:inline-block;width:130px;height:40px;line-height:40px;text-align:center;background:#e77817;color:#fff;margin-right:10px;border:1px solid #e77817;}

.caseBox .btn a:nth-child(1){background:none;color:#e77817;}

.caseBox .btn a:hover{background:#0082b8;color:#fff;}

/*  4大理由 */

.odds{padding:60px 0;overflow:hidden;background-image:url('../images/odds_bg.jpg');background-repeat: no-repeat;background-attachment: fixed;background-position: center ;background-size:cover;}

.odds .hTitle{font-size:36px;}

.odds .hTitle strong{font-size:90px;color:#e77817;line-height:80px;font-family:Arial;}

.odssMain,.odds li{height:440px;background:#fff;overflow:hidden;}

.odds li .pImg{width:600px;height:440px;overflow:hidden;}

.odds li img{width:600px;height:440px;transition:all 0.8s;}

.odds li .font{padding:70px 45px 40px 45px;width:510px;height:330px;overflow:hidden;position:relative;z-index:2;}

.odds li .font i{position:absolute;right:0;top:60px;color:#f1f1f1;font-style:normal;font-size:158px;line-height:158px;font-family:Arial;z-index:-1;}

.odds li .font h3{font-size:24px;color:#333;margin-bottom:35px;}

.odds li .font .txt{height:160px;margin-bottom:15px;overflow:hidden;font-size:16px;}

.odds li .btn p{background: url('../images/pIcon2.png') no-repeat 30px center;padding-left:80px;color:#e77817;float:left;border-left:1px solid #e77817;margin-left:30px;margin-top:-5px;}

.odds li .btn p span{display:block;font-size:24px;font-family:Arial;font-weight:bold;}

.odds li:hover img{transform:scale(1.1);}

.numTab{text-align:center;margin-top:40px;}

.numTab span{font-size:16px;color:#fff;margin:0 10px;cursor:pointer;position:relative;padding-bottom:10px;}

.numTab span:after{content:"";position:absolute;left:0;bottom:0;background:#e77817;width:0;transition:all 0.3s;height:2px;}

.numTab span.on{color:#e77817;}

.numTab span.on:after{width:100%;}

/*  合作伙伴 */

.partner{width:100%;padding:60px 0;overflow:hidden;padding-left:1px;background-image: url('../images/made_bg.jpg');background-position:center;background-attachment: fixed;background-size:cover;}

.partner li{float:left;width:200px;height:89px;position:relative;transition:all 0.3s;position:relative;border:1px solid #e2e2e2;margin-top:-1px;margin-left:-1px;}

.partner li img{width:200px;height:89px;position:absolute;z-index:2;transform:rotateY(0deg);transition:all 0.5s ease 0s;backface-visibility:hidden;}

.partner li span{position:absolute;width:200px;height:99px;background:#e77817;line-height:98px;text-align:center;transform:rotateY(-180deg);transition:all 0.5s ease 0s;backface-visibility:hidden;color:#fff;padding:0 5px;}

.partner li:hover img{transform:rotateY(180deg);}

.partner li:hover span{transform:rotateY(0deg);}

.hMore{display:block;width:160px;height:40px;line-height:40px;border:1px solid #e2e2e2;text-align:center;margin:0 auto;margin-top:40px;}

.hMore:hover{background:#e77817;border:1px solid #0082b8;color:#fff;}

/*  服务流程 */

.process{background-image:url('../images/process_bg.jpg');background-position:center;background-repeat: no-repeat;background-attachment: fixed;background-size:cover; padding-top:60px;overflow:hidden;}

.process .phone{text-align: center;color:#e77817;margin-bottom:50px;}

.process .phone .btn{display:inline-block;width:170px;border-radius:20px 0 0 20px;background:#e77817;color:#fff;height:40px;line-height:40px;margin-right:1px;transition:all .4s;}

.process .phone span.btn{border-radius:0 20px 20px 0;}

.process .phone .btn:hover{width:220px;}

.process .phone .btn i{background: url('../images/pIcon3.png') no-repeat;width:22px;height:18px;margin-right:5px;display:inline-block;position:relative;top:2px;}

.process .pic{left:50%;margin-left:-960px;position:relative;display:block;}

/*  关于我们 */

.about{padding:60px 0;overflow:hidden;}

.aboutMain{height:360px;overflow:hidden;background:#f6f6f6;}

.aboutMain .pic{float:left;width:600px;height:360px;overflow:hidden;position:relative;}

.aboutMain .pic img{width:600px;height:360px;transition:all 0.5s;animation:myfirst 20s linear infinite normal;}

.aboutMain .pic .txt{position:absolute;background:rgba(0,0,0,.8);position:absolute;left:0;bottom:0;color:#fff;font-weight:bold;width:92%;padding:10px 4%;}

.aboutMain .pic .txt h4{font-size:20px;margin-bottom:6px;}

.aboutMain .font{padding:30px 40px;height:300px;width:520px;}

.aboutMain .font .txt{height:250px;margin-bottom:10px;overflow:hidden;}

.aboutMain .more{display:inline-block;width:160px;height:40px;line-height:40px;border:1px solid #e77817;text-align:center;color:#e77817;}

.aboutMain .more:hover{background:#e77817;color:#fff;border:1px solid #0082b8;}

@keyframes myfirst

{

0%   {transform:scale(1,1);}

50%{transform:scale(1.1,1.1);}

100%{transform:scale(1,1);}

}

/*  工厂环境 */

.setting{padding-bottom:60px;overflow:hidden;}

.setting .menu{text-align:center;height:40px;margin-bottom:50px;position:relative;overflow:hidden;}

.setting .menu a{display:inline-block;width:170px;height:40px;line-height:40px;text-align:center;line-height:35px;margin:0 15px;border-radius:20px;font-size:16px;color:#333;background:#dbdbdb;}

.setting .menu a.on{background:#e77817;color:#fff;}

.setting .menu:after{content:"";position:absolute;left:0;top:20px;height:1px;width:100%;background:#dbdbdb;z-index:-1;}

.settingMain,.settingBox{height:220px;overflow:hidden;}

.settingMain ul{width:1240px;overflow:hidden;margin-bottom: 30px;}

.settingMain li{float:left;width:285px;height:220px;text-align:center;margin-right:20px;}

.settingMain li img{width:285px;height:220px;transition:all 0.5s;}

.settingMain li .pic{display:block;width:285px;height:220px;overflow:hidden;}

.settingMain li p{height:50px;line-height:50px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;position:relative;margin-top:-50px;z-index:2;background:#000;background:rgba(0,0,0,.5);color:#fff;}

.settingMain li:hover img{transform:scale(1.1);}

/*  客户见证 */

.client{background:#f0f0f0;padding:60px 0;overflow:hidden;}

.clientMain{height:435px;overflow:hidden;}

.clientMain ul{width:1240px;}

.clientMain li{float:left;width:265px;background:#fff;border:1px solid #dbdbdb;padding:9px;padding-bottom:0;margin-right:20px;margin-bottom:5px;}

.clientMain li .pic{width:265px;height:200px;overflow:hidden;display:inline-block;}

.clientMain li img{width:265px;height:200px;transition:all 0.5s;}

.clientMain li h4{padding:15px 0;color:#333;}

.clientMain li p{height:110px;color:#999;overflow:hidden;}

.clientMain li .more{display:block;background:#dbdbdb;text-align:center;height:50px;line-height:50px;margin:0 -10px;}

.clientMain li .more:hover{background:#e77817;color:#fff;}

.clientMain li:hover img{transform:scale(1.1);}

.clientMain li:hover{border:1px solid #e77817;}

.clientMain li:hover .more{background:#e77817;color:#fff;}

/*  新闻 */

.news{padding:60px 0;overflow:hidden;}

.newsL{width:790px;overflow:hidden;}

.news .title{font-size:24px;color:#333;font-weight:normal;height:55px;background:#fff;}

.news .title a{float:right;font-size:14px;}

.newsTop {height:300px;margin-bottom:10px;overflow:hidden;background:#f0f0f0;padding-right:30px;}

.newsTop .nImg{width:400px;height:300px;float:left;margin-right:30px;overflow:hidden;}

.newsTop img{width:400px;height:300px;transition:all 0.5s;}

.newsTop h4{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;font-weight:normal;margin-bottom:10px;padding-top:50px}

.newsTop h4 span{display:block;font-size:12px;font-family:Arial;color:#888;}

.newsTop h4 a{color:#222;}

.newsTop p{height:120px}

.newsTop h4 a:hover{color:#e77817;}

.newsTop img:hover{transform:scale(1.1);}

.newsTop .more{display:inline-block;width:100px;height:30px;background:#e77817;color:#fff;font-size:12px;text-align:center;line-height:30px;margin-top:10px;}

.newsTop .more:hover{background:#0082b8;width:160px;}

.newsL ul{background:#f0f0f0;padding:15px;overflow:hidden;}

.newsL ul li{height:45px;line-height:45px;float:left;width:345px;padding-right:35px;border-bottom:1px solid #dfdfdf;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}

.newsL ul li a{background: url('../images/ly_li.png') no-repeat left center;padding-left:10px;;}

.newsL ul li span{float:right;font-size:12px;margin-left:25px;}

.newsL ul li a:hover{background: url('../images/ly_li.png') no-repeat 8px center;padding-left:18px;}

/*  常见问题 */

.faq{width:390px;background:#f0f0f0;}

.faqMain{height:472px;overflow:hidden;margin:25px;}

.faq li{border-bottom:1px dotted  #ddd;padding-bottom:25px;margin-bottom:25px;}

.faq li h4{height:38px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;background: url('../images/a.jpg') no-repeat left 2px;padding-left:30px;font-weight:normal;font-size:16px;}

.faq li h4 a{color:#333;}

.faq li h4 a:hover{color:#e77817;}

/* 底部 */

.footer{padding-top:40px;color: #000;background: url('../images/foot.jpg');background-repeat: repeat-x;height: 280px;}

.footMain{/* padding-left:260px; */width: 1200px;overflow:hidden;/* margin-bottom:30px; */}

.fLogo{/* margin-left:-260px; */width: 260px;border-right:1px dotted #5b5b5b;height: 210px;padding-top: 60px;}

.fLogo img{/* margin-left:-260px; */padding-left: 50px;}


.footMenu{height:60px;}

.footer .footMenu a{margin-right:52px;color: #000;}

.footer .footMenu a:hover{text-decoration:underline;}

.footMenu a:last-child{margin-right:0;}

.footContact{width: 500px;padding-right:15px;border-right:1px dotted #5b5b5b;/* height: 160px; */line-height: 28px;margin-left: 60px;}

.footContact p{ font-size:18px; font-weight:bold; margin-bottom:10px;}

.footWx{width:230px;text-align:center;border-right:1px dotted #5b5b5b;height:190px;}

.footWx img{width:135px;height:135px;margin-bottom:5px;}

.footWx span{display:block;}

.footR{max-width:240px;text-align: left;margin-left: 40px;}

.footR ul{ width:100%;}

.footR ul li{ width:50%; float:left}



.footR p{ font-size:18px; font-weight:bold; margin-bottom:10px;}


.footR span{display:block;font-size:24px;color:#fff;font-family:Arial;}

.footer .footR a{display: block;
	line-height: 38px;
	color: #000;
	width: 100%;
	font-size: 14px;}


.firendLink{border-top:1px dotted #5b5b5b;/*height:50px;*/line-height:50px;}

.firendLink span{color:#fff;}

.firendLink a{margin-left:10px;}

.footer a{color: #000;}

.footer a:hover{color:#000;}

/* 内页公用 */

.listBanner{width:1920px;position: relative;left:50%;margin-left:-960px;height: 350px;overflow:hidden;}

.listWrapper{padding:60px 0;overflow:hidden;}

.breadCrumb p,.listMenu p{background:url('../images/home_icon.png') no-repeat left center; padding-left:20px;font-size:14px;}

.breadCrumb p{width:1180px;}

.breadCrumb p span{ margin:0 8px;}

.breadCrumb .back{float:right;height:28px;line-height:28px;text-align:center;border-radius:5px;margin-top:20px;background: url('../images/back.png') no-repeat left center;padding-left:20px;}

.partnerList,.honorList,.settingList,.newsList,.videoList,div.searList,.newsList2{ width:1200px;overflow: hidden;}

.partnerList ul,.honorList ul,.settingList ul,.videoList ul,div.searList ul,.newsList2 ul{ width:1250px;}

.proSear{margin-bottom:50px;}

.proSear form{width:625px;margin:0 auto;margin-top:15px;background:#fff;height:40px;line-height:40px;}

.proSear .searSelect{border:1px solid #ccc;border-right:none;}

.proSear .txt{width:488px;float:left;height:40px; line-height:40px;color:#666;padding:0 10px;border:1px solid #ccc;}

.proSear .btn{float:left;width:50px;height:42px; cursor:pointer;transition:all 0.3s;background:#2da8ef url('../images/searIcon.png') no-repeat center;}

.proSear .btn:hover{opacity:.8;}

/* 内页公用菜单 */

.listMenu,.breadCrumb{height:70px;line-height:70px;background:#f5f5f5;border-bottom:1px solid #e9e9e9;}

.listMenu .menu a{float:left;font-size:16px;color:#333;position:relative;margin-right:35px;}

.listMenu .menu a:after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;transition:all 0.4s;background:#0079ce;}

.listMenu .menu a.cur,.listMenu .menu a:hover{color:#0079ce;}

.listMenu .menu a.cur:after,.listMenu .menu a:hover:after{width:100%;}

.menuSub{text-align:center;margin-top:20px;}

.menuSub a{width:125px;border:1px solid #ddd;background:#fff;display:inline-block;transition:all 0.3s;margin-right:10px;height:35px;line-height:35px;box-shadow:0 0 1px #fff inset;}

.menuSub a.current,.menuSub a:hover{border:1px solid #008a43;background:#e77817;color:#fff;}

/*  产品列表 */

.proSide .phone{background-color:#f1f1f1;}

.listRight{width: 1200px;float: right;overflow: hidden;}

.listRight .title1{background:#f1f1f1;height:50px;line-height:50px;overflow:hidden;margin-bottom:30px;padding:0 15px;}

.listRight .title1 strong{font-size:24px;font-weight:normal;color:#333;}

.proList ul{width: 1200px;}

.proList li{float:left;width: 285px;margin:0 15px 20px 0;}

.proList li .pImg{display:block;width:288px;height:240px;overflow:hidden;border:1px solid #e5e5e5;position:relative;}

.proList li img{width:288px;height:240px;transition:all 0.5s;}

.proList li h5{font-weight:normal;text-align:center;height:40px;line-height:45px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;}

.proList li .pImg:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(2,145,226,.7);transition:all 0.25s;transform:perspective(400px) rotateX(-90deg);-moz-transform:perspective(400px) rotateX(-90deg);-webkit-transform:perspective(400px) rotateX(-90deg);-o-transform:perspective(400px) rotateX(-90deg);transform-origin:top;z-index:2;}

.proList li .pImg:after{content:"";position:absolute;width:54px;height:54px;background: url('../images/pmore.png') no-repeat;left:50%;top:50%;margin-left:-27px;opacity:0;transition:all 0.25s;z-index:3;}

.proList li:hover img{transform:scale(1.1);}

.proList li:hover .pImg:before{transform:perspective(200px) rotateX(0);}

.proList li:hover .pImg:after{transition-delay:.1s;margin-top:-27px;opacity:1;}

.listRight .title2{margin-top:40px;background:#009de0;height:45px;line-height:45px;font-size:16px;text-align:center;margin-bottom:25px;color:#fff;}

/* 左侧图片放大镜样式 */

.rec-title{padding-left:20px;height:35px;line-height:35px;background:url('../images/page_line.jpg') no-repeat 10px 10px #e8e8e8;font-size:14px;font-weight:bold;color:#333;}

.product-show-pic{width:450px;height:520px;}

.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}

.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:310px;background:#fff;border:1px solid #CCC;display:none;text-align:center;overflow:hidden;}

.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#fff;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

/* 图片小图样式 */

.spec-preview{width:450px;height:405px;border:1px solid #ccc;display: table-cell;vertical-align: middle;}

.spec-scroll{margin-top:10px;width:450px;height:80px;overflow:hidden;position:relative;}

.spec-scroll a.prev{display:block;width:12px;height:21px;position:absolute;top:25px;left:0;background:url('../images/listpro_btn.png') no-repeat 0 0px;overflow:hidden;cursor:pointer;transition:all 0s;}

.spec-scroll a.prev:hover{background-position:0 -21px;}

.spec-scroll a.next{display:block;width:12px;height:21px;position:absolute;top:25px;right:0;background:url('../images/listpro_btn.png') no-repeat 0 -42px;overflow:hidden;cursor:pointer;transition:all 0s;}

.spec-scroll a.next:hover{background-position:0 -63px;}

.spec-scroll .items{position:relative;width:400px;height:80px;margin:0 auto;overflow:hidden;}

.spec-scroll .items ul{position:absolute;width:360px;height:80px;}

.spec-scroll .items ul li{width:104px;height:80px;float:left;}

.spec-scroll .items ul li img{width:95px;height:78px;cursor:pointer;border:1px solid #ccc;}

.spec-scroll .items ul li img:hover,.spec-scroll .items ul .on img{border:1px solid #005cd5;}

/* 产品简介 */

.proshow_synopsis{width:400px;color: #aaa;font-size: 14px;line-height: 30px; height:460px;border-radius:3px;}

.proshow_synopsis .title{font-size:24px; color:#e77817;border-bottom:1px solid #dbdbdb;margin-bottom:15px;padding-bottom:0px;font-weight:normal;padding-bottom: 15px}

.proshow_synopsis strong{color: #333;font-weight: normal; }

.proshow_synopsis .font{line-height:24px;overflow: hidden;height:130px;margin-bottom:20px;}

.proshow_synopsis .font strong{float: left;width: 45px;}

.proshow_synopsis .font div{float: right;width:355px;}

.prodcut-tel{ padding-left:40px; margin-bottom:20px; line-height:26px; background:url('../images/p_icon.png') no-repeat left 8px; }

.prodcut-tel span{font-family:arial; font-size:24px; color:#e77817;display: block; }

.proshow_synopsis .btn a{display: inline-block; width: 170px; height: 40px; line-height: 40px;text-align: center; background:#4b4b4b url(../images/proshow_icon1.png) no-repeat 20px 14px; color: #fff;transition: all 0.3s;font-size:16px;}

.proshow_synopsis .btn .a02{background:#e77817 url(../images/proshow_icon2.png) no-repeat 20px 13px;margin-left:25px;}

.proshow_synopsis .btn a:hover{opacity: 0.8;filter:alpha(opacity=50);transition: all 0.3s;}

/* 产品说明标签切换样式 */

.gr-tab-list{overflow:hidden; margin-top:30px; margin-bottom:20px;}

.gr-tab-list .hd{height:34px;line-height:34px;border-bottom:1px solid #dadada}

.gr-tab-list .hd li{padding:0 30px;float:left;text-align:center;background:#dadada;margin-right:5px;cursor:pointer;}

.gr-tab-list .hd li.on{background:#e77817;color:#fff;}

.gr-tab-list .bd{overflow:hidden;padding-top:15px;}

.tab_down p{ height:35px;line-height:35px;border-bottom:1px dotted #ddd;background:url(../images/ly_li.png) no-repeat left center;padding-left:15px;}

.tab_down p a{float:right;background:url(../images/downIcon.png) no-repeat right center;padding-right:25px;}

.tab_down p a:hover{background:url(../images/downIconh.png) no-repeat right center;}

/* 采购表单样式 */

.orderBox{padding:25px;width:850px;background:#eee;overflow:hidden;}

.orderBox h3{font-size:15px;line-height:18px;font-weight:normal;font-family:"微软雅黑";}

.orderBox .table{padding-top:20px;overflow:hidden;}

.orderBox .table li{width:410px;height:215px;float:left;height:35px;margin-bottom:10px;}

.orderBox .table li span{float:left;border:1px solid #ddd;line-height:33px;height:33px;width:78px;display:inline-block;text-align:center;background:#fff;}

.orderBox .table li .iptTxt{float:right;width:319px;border:1px solid #ddd;border-left-width:0;height:33px;line-height:33px;background:#fff;color:#666;padding-left:10px;}

.orderBox .table li .iptCode{float:left;width:239px;border:1px solid #ddd;border-left-width:0;height:33px;line-height:33px;background:#fff;color:#666;padding-left:10px;}

.orderBox .table li .checkcode{float:right;border:1px solid #ddd;border-left-width:0;background:#fff;padding:5px 9px 6px 10px;}

.orderBox .table li .btn{width:410px;height:35px;line-height:35px;background:#333;cursor:pointer;font-size:14px;color:#fff;text-align:center;border:none;}

.orderBox .table li .btn:hover{background:#e77817;color:#fff;}

.orderBox .table li.areLi{width:400px;float:right;height:215px;overflow:hidden;}

.orderBox .table li.areLi .txtContent{width:368px;height:183px;border:1px solid #ddd;outline:none;resize:none;padding:15px;color:#666;line-height:18px;}

/* 相关产品样式 */

.related-product {overflow:hidden;}

.related-product .title,.relatedTitle{background:#d1d1d1;height:45px;line-height:45px;margin-bottom:20px;}

.related-product .title span,.relatedTitle span{display:inline-block;color:#fff;background:#e77817;height:45px;text-align:center;font-size:16px;padding:0 15px;font-weight:normal;}

.related-product ul{ width:950px;}

.related-product li{float:left;width:280px;margin-bottom:20px;margin-right:27px;border:1px solid #ddd;background:#eee;text-align:center;}

.related-product li a{display:block;width:280px;}

.related-product li img{width:270px;height:225px;padding:5px;background:#fff;}

.related-product li span{height:35px;line-height:35px;padding:0 5px; white-space:nowrap;overflow:hidden;text-overflow: ellipsis;display:block;}

.related-product li:hover{border:1px solid #e77817;}

.related-product li a:hover{background:#e77817;color:#fff;}

/*  定制案例 */

.caseList li{border:1px solid #f5f5f5;overflow:hidden;height: 318px;background:#f5f5f5;margin-bottom:30px;}

.caseList li .pic{display: block;width: 450px;height: 318px;float: left;overflow: hidden;}

.caseList li .pic img{display: block;width: 100%;height: 100%;transition: all .4s;}

.caseList li .txt{width:650px;float:right;padding:39px 48px;}

.caseList li .txt h3{font-size: 24px;font-weight: normal;margin-bottom:20px;}

.caseList li .txt h3 a{color:#333;}

.caseList li .txt h3 a:hover{color:#2da8ef;}

.caseList li .txt p{height:120px;margin-bottom:20px;overflow:hidden;}

.caseList li .more{display:inline-block;width: 160px;height:35px;line-height: 35px;border:1px solid #2da8ef;color:#2da8ef;text-align:center;}

.caseList li .more:hover{background:#2da8ef;color:#fff;}

.caseList li:nth-child(2n) .pic{float: right;}

.caseList li:nth-child(2n) .txt{float:left;}

.caseList li:hover img{transform:scale(1.1);}

.caseRelative{margin-top:40px;overflow:hidden;}

.caseRelative{width:1200px;}

.caseRelative li{margin-right:24px;}

/* 关于我们 */

.aBox{padding:60px 0;overflow:hidden;}

.aTie{font-size:30px;font-weight:normal;color:#333;text-align:center;margin-bottom:50px;line-height:30px;padding-bottom:20px;position:relative;}

.aTie:after{content:"";position:absolute;left:50%;bottom:0;background:#d2d2d2;width:30px;margin-left:-15px;height:1px;}

.aboutBox1 .font{width:590px;line-height: 35px;font-size: 16px;}

.aboutBox1 .font h3{font-size: 22px;/* color:#009de0; */font-weight:normal;margin-bottom:25px;}

.aboutBox3,.aboutBox6,.aboutBox5{background:#f0f0f0;}

.aboutBox2 .main{background:#fff;overflow:hidden;}

.aboutBox2 .pic{width:540px;height:420px;overflow:hidden;}

.aboutBox2 .pic img{width:540px;height:420px;transition:all 0.5s;}

.aboutBox2 .main:hover img{transform:scale(1.1);}

.aboutBox2 .txt{background:#fff;padding: 10px 0 0 50px;width:610px;}

.aboutBox2 .txt p{margin-bottom:30px;position:relative;padding-left:25px;font-size: 16px;line-height: 30px;}

.aboutBox2 .txt span{color:#333;font-size: 20px;font-weight: bold;}

.aboutBox2 .txt p:after{content:"";position:absolute;width:6px;height:6px;background:#009de0;left:0;top:10px;}

.aboutBox3 ul{width:1240px;}

.aboutBox3 li{float:left;width:284px;margin-right:20px;}

.aboutBox3 li .pImg{width:284px;height:212px;overflow:hidden;background:#eee;display:block;}

.aboutBox3 li img{width:284px;height:212px;transition:all 0.5s;}

.aboutBox3 li p{text-align:center;height:50px;line-height:50px;/* white-space:nowrap; *//* overflow:hidden; *//* text-overflow: ellipsis; */}

.aboutBox3 li img:hover{transform:scale(.95,.95);}

.aboutBox4 ul{width:1240px;}

.aboutBox4 li{float:left;width:285px;height:220px;overflow:hidden;margin-bottom:15px;margin-right:15px;}

.aboutBox4 li img{width:285px;height:220px;transition:all 0.5s;}

.aboutBox4 li.big{width:595px;height:455px;overflow:hidden;}

.aboutBox4 li.big img{width:595px;height:455px;transition:all 1.8s}

.aboutBox4 li span{background:#000;background:rgba(0,0,0,.5);height:40px;line-height:40px;color:#fff;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;position:relative;text-align:center;transition:all 0.3s;display:block;}

.aboutBox4 li:hover span{margin-top:-40px;}

.aboutBox4 li:hover img{transform:scale(1.1);}



.aboutBox5{position:relative;padding:60px 0;overflow: visible;}



.aboutBox5 .ohbox{height:240px;}



.aboutBox5 .pageBtn span{position:absolute;cursor:pointer;left:-60px;top:250px;font-size:0;line-height:0;background: url('../images/vBtn.png') no-repeat ;width:34px;height:8px;}



.aboutBox5 .pageBtn .next{left:auto;right:-60px;background-position: -34px 0;}



.aboutBox5 .pageBtn span:hover{background-position: -68px 0;}



.aboutBox5 .pageBtn .next:hover{background-position: -102px 0;}/* 视频中心 */

.videoList ul li{width:280px;float:left;margin-right:26px;margin-bottom:25px;text-align:center;font-size:14px;position:relative;cursor:pointer;}

.videoList ul li img{display:block;width:270px;height: 250px;padding:4px;border:1px solid #e3e3e3;background:#fff;}

.videoList ul li span{height:35px;line-height:35px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display: block;padding:0 5px;}

.videoList ul li:hover span{color:#10498c;}

.videoList ul li i{position:absolute;top:0;left:5px;top:5px;width:270px;height:195px;background:#000 url('../images/vIcon2.png') no-repeat center center;opacity:.6;}

.videoList ul li:hover img{border:1px solid #005cd5;}

/* 荣誉资质 */

.honorList ul li{width:250px;float:left;margin-right:26px;margin-bottom:25px;text-align:center;padding:15px 15px 0 15px;background:#f2f2f2;border-bottom:3px solid #ddd;position:relative;}

.honorList ul li .pImg{display:block;width:230px;height:170px;padding:4px;border:1px solid #e3e3e3;background:#fff;display: table-cell;vertical-align: middle;}

.honorList ul li img{width:230px;vertical-align: middle;height:170px;}

.honorList ul li::before{content: "";position:absolute;height:3px;bottom:-3px;left:0;transition:all 0.5s;width:0;}

.honorList ul li:hover::before{width:100%;background:#e77817;transition:all 0.5s;}

.honorList ul li p{height:35px;line-height:35px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display: block;}

.lb-data .lb-caption{color:#fff;}

.honorList ul li:hover{background:#eee;box-shadow:0 0 10px #ccc;}

/* 公司坏境 */

.settingList li{width:280px;float:left;margin-right:26px;margin-bottom:25px;text-align:center;background:#f2f2f2;border-bottom:3px solid #ddd;position:relative;}

.settingList li img{display:block;width:270px;height:200px;padding:4px;border:1px solid #e3e3e3;background:#fff;transition:all 0.5s;}

.settingList li::before{content: "";position:absolute;height:3px;bottom:-3px;left:0;transition:all 0.5s;width:0;}

.settingList li:hover::before{width:100%;background:#e77817;transition:all 0.5s;}

.settingList li span{height:45px;line-height:45px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display: block;padding:0 5px;}

.settingList li:hover img{transform:scale(.95);}

.partnerList{padding:1px;}

/* 定制下单 */

.dzbj{background-image: url('../images/bj_bg.jpg');background-position:center;background-size:cover;background-repeat: no-repeat;padding:100px 0;}

.dzbjMain{background:#fff;background: rgba(255,255,255,.9);padding:80px;border-radius:10px;width:1040px;}

.dzbjMain li{overflow:hidden;margin-bottom:5px;overflow:hidden;}

.dzbjMain li p,.dzbjMain li.b{float:left;width:268px;height:48px;border:1px solid #dcdcdc;background:#fff;margin-right:25px;line-height:48px;overflow:hidden;padding-left:60px;margin-bottom:15px;}

.dzbjMain li label{float:left;margin-left:-60px;text-align:right;width:60px;color:#666;}

.dzbjMain li p:nth-child(1){padding-left:90px;width:238px;}

.dzbjMain li p:nth-child(1) label,.dzbjMain li.b label{width:90px;margin-left:-90px;}

.dzbjMain li input{width:95%;padding-right:5%;height:48px;line-height:48px;}

.dzbjMain li p:nth-child(3n){margin-right:0;}

.dzbjMain li.b{width:950px;float:none;padding-left:90px;height:90px;padding:15px;padding-left:90px;line-height:24px;}

.dzbjMain li textarea{width:100%;height:90px;line-height:24px;font-size:14px;}

.dzbjMain li.d input,.dzbjMain li.d img {float:left;}

.dzbjMain li.d input{width:180px;border:1px solid #dcdcdc;padding:0 15px;}

.dzbjMain li.d img{background:#fff;border:1px solid #dcdcdc;padding:13px;border-left:none;}

.dzbjMain li.d .btn{float:right;background:#ddd;margin-left:10px;text-align:center;cursor:pointer;color:#222;font-size:14px;transition:all 0.3s;}

.dzbjMain li.d .sub{background:#e77817;color:#fff;}

.dzbjMain li.d .btn:hover{background:#333;color:#fff;}

.dzbjMain h3{font-size:36px;color:#222;line-height:36px;margin-bottom:10px;font-weight:normal;}

.dzbjMain .p1{margin-bottom:40px;}

.dzbjMain .p1 span{color:#e77817;}

/* 常见问题 */

.faqList li{position:relative;margin-bottom:25px;}

.faqList li:after{content:''; position:absolute; top:12px; right:16px; display:block; width:30px; height:30px; background:#e77817;pointer-events:none;}

.faqList li h3:before, .faqList li h3:after{content:''; position:absolute; top:26px; right:23px; z-index:2; width:16px; height:2px; background:#fff;}

.faqList li h3:before{width:2px; height:16px; top:19px; right:30px; -webkit-transition:0.3s; transition:0.3s;}

.faqList li.act h3:before{-webkit-transform:rotate(90deg); transform:rotate(90deg);background:transparent\0;}

.faqList li h3{position:relative; padding:0 60px 0 25px; background-color:#f1f1f1; line-height:54px; font-size:16px; cursor:pointer;font-weight:normal;border:1px solid #e1e1e1;}

.faqList li div{display:none;padding:25px;line-height:25px;color:#7c7c7c;-webkit-animation:fadeIn 0.5s ease-out 0.2s both; animation:fadeIn 0.5s ease-out 0.2s both;font-size:14px;background:#f5f5f5;}

@-webkit-keyframes fadeIn{

  0%{opacity:0;}

  100%{opacity:1;}

}

@keyframes fadeIn{

  0%{opacity:0;}

  100%{opacity:1;}

}

/* 新闻中心 */

.newsList li{border:1px solid #e2e2e2;padding:30px;overflow:hidden;margin-bottom:30px;transition:all 0.3s;}

.newsList li .font{width:800px;overflow:hidden;color:#333;padding-top:30px;}

.newsList li .date{background-image: url('../images/sj.png');width:80px;height:110px;color: #000;padding-left:20px;font-size:20px;font-family:'HelveticaNeuedd7b7fc3f53d6';position:relative;margin-right:40px;transition:all 0.4s;}

.newsList li .date span{display:block;opacity:.8;padding-top:35px;font-size:14px;}

.newsList li .date:after{position:absolute;content:"";width:50px;left:60px;background:#555;height:1px;top:10px;width:0;transition:all 0.3s;}

.newsList li h4{font-size: 18px;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;margin-bottom:15px;/* font-weight: bold; */}

.newsList li  .txt{color:#666;}

.newsList li .pic{width:260px;height:160px;overflow:hidden;}

.newsList li img{width:260px;transition:all 0.5s;height:160px;}

.newsList li:hover .date{margin-right:60px;}

.newsList li:hover .date:after{width:80%;}

.newsList li:hover h4{color:#e77817;}

.newsList li:hover img{transform:scale(1.1);}

.newsList li:hover{box-shadow:0 5px 10px #eee;}

/* 新闻详细样式 */

.articleBox1 .title{text-align:center;font-size:20px;color:#000;margin-bottom:10px;font-weight:normal;}

.articleBox1 .p1{margin-bottom:15px;padding-bottom: 10px; text-align:center;color:#888;}

.detailLeft  .p1,.picShow .p1{border-bottom:1px dotted #adadad;;}

.articleBox1 .p1 span{margin-right:15px;}

.solution .p1{margin-bottom:40px;}

.review{background:#f7f7f7 url(../images/nShow_icon.png) no-repeat left top;padding:20px 20px 20px 20px;border:1px dotted #adadad;text-indent:2em;font-size:14px;color:#333;margin-bottom:20px;}

.fontResizer a{padding:0 5px;}

.article_key{background:#f7f7f7 url(../images/nShow_icon2.png) no-repeat 15px 7px;color:#adadad;margin-bottom:20px;padding-left:35px;line-height:28px;}

.fontsizebox{padding-bottom: 40px;border-bottom:1px dotted #adadad;font-size:13px;color:#424242;}

.fontsizebox p{font-size: 16px;}
.fontSize a.active{color:#0099e6;}

.detailShare{overflow:hidden;padding:25px 0;border-bottom:1px dotted #adadad;}

.detailShare span{border-left:1px dotted #adadad;padding:0 15px;}

.detailShare span.date{margin-left:15px;}

.detail_fenx{font-size:14px;padding-top:10px;overflow:hidden;margin-bottom:20px;border-bottom:1px dotted #adadad;padding-bottom: 10px}

.detail_fenx div{width:48%;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}

.relatedNews_font{width:1200px;overflow:hidden;font-size:13px;margin-top:15px;}

.relatedNews_font ul{width:1240px;}

.relatedNews_font ul li{float:left;padding-right:50px;width:570px;height:40px;line-height:40px;border-bottom:1px dotted #ddd;}

.relatedNews_font ul li a{display:block;width:450px;line-height:40px;background:url(../images/ly_li.png) no-repeat left center;padding-left:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;float:left;}

.relatedNews_font ul li span{float:right;color:#999;}

/* 客户见证 */

.clientList{padding:0 5px;}

.clientList li{border:1px solid #e1e1e1;padding:9px;width:550px;float:left;margin-bottom:25px;height:150px;padding-right:19px;}

.clientList li .cImg{float:left;width:200px;height:150px;margin-right:25px;overflow:hidden;}

.clientList li img{display:block;width:200px;height:150px;transition:all 0.5s;}

.clientList li h4{font-size:16px;font-weight:normal;margin-bottom:15px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}

.clientList li h4 a{color:#333;}

.clientList li h4 a:hover{color:#009de0;}

.clientList li .more{margin-top:15px;font-size:12px;display:inline-block;}

.clientList li .more:hover{color:#009de0;padding-left:8px;}

.clientList li:nth-child(2n){float:right;}

.clientList li:hover img{transform:scale(1.1);}

.clientList li:hover{box-shadow:0 0 6px #ddd;}


/* 内页留言样式 */

.contactFont{overflow:hidden;margin-bottom:50px;}

.contactFont li{float:left;width:239px;text-align:center;border-right:1px solid #dcdcdc;padding:0 30px;/*height:150px;*/padding-top:10px}

.contactFont li:last-child{border-right:none;}

.contactFont li h4{font-weight:normal;font-size:16px;color:#333;}

.contactFont li h4 span{display:block;margin:10px 0 5px 0;}

#dituContent{height:420px;}

.feedback{margin-top:50px;overflow:hidden;}


.feedback .title{text-align:center;font-size:24px;font-weight:normal;margin-bottom:25px;color:#333;position:relative;}

.feedback .title span{padding:0 25px;background: #fff;position:relative;z-index:2;}

.feedback .title::before{content:"";border-bottom:1px solid #e1e1e1;width:100%;left:0;position:absolute;top:13px;}

#feedback_form label{display:block;float:left;height:32px;line-height:32px;margin-bottom:30px;padding-left:40px;background:url(../images/contact.png) no-repeat;font-size:14px;position:relative;}

.feedback .name:after,.feedback .telephone:after,.feedback .email:after,.feedback .msg_title:after{content: "*";color:#f00;position:absolute;top:0;right:-280px;}

#feedback_form label.name{background-position:0 -32px;}

#feedback_form label.email{background-position:0 -64px;}

#feedback_form label.city{background-position:0 -96px;}

#feedback_form label.msg_title{background-position:0 -128px;}

#feedback_form label.address{background-position:0 -160px;}

#feedback_form label.message{background-position:0 -192px;margin-bottom:10px;}

#feedback_form input{width:243px;height:30px;line-height:30px;float:left;margin:0 28px 30px 0;padding:0 10px;border:1px solid #dbdbdb;}

#feedback_form input.last{margin-right:0;}

#feedback_form .msg{border-top:1px dotted #ccc;padding:30px 0;}

#feedback_form textarea{height:125px;width:1178px;padding:10px;border:1px solid #dbdbdb;display:block;}

#feedback_form .btns{width:120px;height:40px;margin-right:10px; background:#e77817;color:#fff;border:none;font-size:15px;margin-bottom:0;cursor:pointer;}

#feedback_form .btns:hover{background:#333;transition:all 0.3s;}

#feedback_form .reset{background:#ccc;cursor:pointer;margin-bottom:0;}

#feedback_form .tableRow{width:100%;height:32px;}

#feedback_form .tableRow input{width:150px;margin-right:10px;color:#999;float:left;}

#feedback_form .tableRow .checkcode{width:50px;height:22px;margin-left:5px;border:1px solid #ccc;padding:4px 5px;display:block;float:left;background:#fff;}

#feedback_form input:focus,#feedback_form textarea:focus{border-color:#666;}





.columnTitle {text-align:center;}

.columnTitle.white .tit,.columnTitle.white .txt {color: #116bc4;}

.columnTitle .tit {line-height:40px;font-size: 32px;color:#333333;font-weight:bold;}

.columnTitle .txt {line-height:20px;font-size:16px;color:#666666;margin-top:16px;}

.wrap {max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box;}	

.introductionl {padding-bottom:20px; margin-top: 30px;}

.introductionl .bg {height: 220px;/* background:url(../images/introductionl_bg.jpg) no-repeat center 0; */background-attachment:fixed;/* padding-top:60px; */box-sizing:border-box;}

.introductionl .content {position:relative;margin-top:-135px;z-index:2;background:#fff;box-shadow: 0px 2px 10px 1px #dadada;}

.introductionl .content:after {content:"";height:0;display:block;clear:both;}

.introductionl .content .pic {width: 530px;overflow: hidden;float: right;height: 345px;margin-top: 39px;margin-right: 46px;}

.introductionl .content .pic img {width:100%;display:block;    -webkit-transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4s;transition: all 0.4s;}

.introductionl .content .pic a:hover img{-moz-transform: scale(1.05);-ms-transform: scale(1.05);-webkit-transform: scale(1.05);transform: scale(1.05);}

.introductionl .content .text {width:50%;float:left;padding:40px;box-sizing:border-box;min-height:437px;}

.introductionl .content .text .tit {line-height:34px;font-size: 26px;/* font-weight:bold; */color:#333333;}

.introductionl .content .text .line {width:33px;height:2px;background:#d2d2d2;margin:28px 0 16px 0;}

.introductionl .content .text .txt {line-height:30px;font-size:14px;color:#595959;height:180px;overflow:hidden;}

.introductionl .content .text ul {margin-top:44px;}

.introductionl .content .text ul:after {content:"";height:0;display:block;clear:both;}

.introductionl .content .text ul li {width:33.333%;float:left;text-align:center;background:url(../images/introductionl_line.gif) no-repeat 0 center;}

.introductionl .content .text ul li:first-child {background:none;}

.introductionl .content .text ul li a:hover .txt2 {color:#175bc0;}

.introductionl .content .text ul li .icon {height:34px;}

.introductionl .content .text ul li .icon img {max-height:100%;}

.introductionl .content .text ul li .txt2 {line-height:20px;font-size:16px;color:#333333;margin-top:10px;}





/*首页新闻中心*/

.h_news{padding: 30px 0 50px;background:url(../images/h_news_bg.jpg) center center no-repeat;}

.h_news .hd {text-align:center;margin: 20px 0 22px;}

.h_news .hd span{display:inline-block;width:120px;height:40px;line-height:40px;text-align:center;font-size:16px;border:2px solid #fff;margin:0 8px;color: #fff;cursor:pointer;}

.h_news .hd span.on{border:2px solid #e81816;background:#e81816;}

.h_news .hd span:hover{border:2px solid #e81816;background:#e81816;}

.h_news ul{min-height: 290px;display:none;}

.h_news ul.on{display:block;}

.h_news ul li{float: left;width: 48.5%;padding: 10px 0%;margin-right:3%;}

.h_news ul li:nth-child(2n){margin-right:0;}

.h_news ul li .newslist_wrap{display:block;float: left;width: 96%;padding: 10px 2%;position: relative;background: #f4f4f4;-webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s;}

.h_news ul li .data{float:left;position:absolute;left:20px;top:20px;width:92px;text-align:center;padding: 9px 11px 0 0;color: #a2a2a2;font-size:16px;line-height:16px;font-family:Arial;}

.h_news ul li .data time{display:block;color: #c8c8c8;font-size:35px;line-height:36px;margin:5px 0;}

.h_news ul li .info{min-height:90px;padding-left: 18px;}

.h_news ul li .tit{display:block;float:left;width:100%;color:#333333;font-size: 17px;line-height:28px;margin: 5px 0 8px 0;-webkit-transition: none;-moz-transition:none;-o-transition:none;transition:none;overflow: hidden;text-overflow: ellipsis;white-space:nowrap;font-weight: bold;}

.h_news ul li .p1{float:left;width:100%;color: #777;font-size:14px;line-height: 22px;height: 46px;overflow:hidden;}

.h_news ul li:hover .newslist_wrap{background: #116bc4;}

.h_news ul li:hover .tit{color: #fff;}

.h_news ul li:hover .p1{color:#fff;}

.h_news ul li:hover .data{color:#fff;}

.h_news ul li:hover .data time{color:#fff;}





.h_public_title2{text-align:center;margin-bottom:20px;}

.h_public_title2 p{font-size: 26px;color: #000;text-transform : uppercase;}

.h_public_title2 span{display:block;font-size: 32px;color: #e77817;line-height: 80px;font-weight: bold;}





.yunu-menu-inner {

	text-align: center;

	margin-bottom: 20px;

}

.yunu-menu-inner a {

	float: left;

	width: 16.666666666%;

}

.yunu-menu-inner span {

	display: block;

	margin-left: 1px;

	background-color: #f4f4f4;

	color: #333;

	font-size: 18px;

	line-height: 55px;

}

.yunu-menu-inner a:hover span, .yunu-menu-inner a.active span {

	background: url(../images/p16-icon6.png) no-repeat center bottom #d82634;

	color: #fff;

}

.gsjj dt {

	float: left;

	width: 886px;

}

.gsjj dd {

	margin-left: 886px;

	border: 2px solid #d82634;

	border-left: 0;

	margin-top: 45px;

	padding: 45px 0 45px 64px;

}

.gsjj dd small {

	display: block;

	font: 20px "Times New Roman", Times, serif;

	text-transform: uppercase;

}

.gsjj dd strong {

	display: block;

	font: bold 50px "Times New Roman", Times, serif;

	text-transform: uppercase;

}

.gsjj dd h4 {

	margin: 5px 0 0;

	color: #d82634;

	font-size: 36px;


}

.gsjj dd h5 {







	margin: 0;

	font-size: 26px;

	font-weight: normal;

}

.gsjj-text {

	margin: 30px 0 0;

}

.gsjj-text dt {

	font-size: 24px;

}

.gsjj-text dt strong {






	display: block;

	font-size: 36px;

}

.gsjj-text dt strong span {

	font-weight: normal;

	color: #d82634;

	font-family: "Times New Roman", Times, serif;

}

.gsjj-text dd {

	margin: 20px 0 0;

	color: #666;

	line-height: 1.8;



}

.sb {

	background-color: #f8f8f8;

	padding: 45px 0;

}

.sb dl {

	margin: 0;

}

.sb dt {

	float: left;

	width: 600px;

}

.sb dd {

	margin-left: 650px;

}

.sb dd p {

	margin: 60px 0 0;

	line-height: 1.8;

	text-align: justify;

}

.sb dd p:before {

	content: '';

	display: block;

	width: 55px;

	height: 4px;

	background-color: #d82634;

	margin-bottom: 15px;

}

.fwhf {

	background: url(../images/8525187fff7e4089b943bac717c75b8d_4.jpg) no-repeat 0 0;

	height: 698px;

	position: relative;

}

.fwhf .text {

	width: 269px;

	position: absolute;

	bottom: 0;

	right: 0;

	border: 2px solid #ccc6c6;

	padding: 55px 68px 0;

	text-align: justify;

	height: 295px;

}

.fwhf .text p {

	margin: 0;

	line-height: 2;

}

.txthd{ font-size:18px; line-height:60px; width:100%}


.aboutBox5{position:relative;padding: 30px 0;overflow: visible;}

.aboutBox5 .ohbox{height:330px;}

.aboutBox5 .pageBtn span{position:absolute;cursor:pointer;left:-60px;top: 320px;font-size:0;line-height:0;background: url('../images/vBtn.png') no-repeat;width:34px;height:8px;}

.aboutBox5 .pageBtn .next{left:auto;right:-60px;background-position: -34px 0;}

.aboutBox5 .pageBtn span:hover{background-position: -68px 0;}

.aboutBox5 .pageBtn .next:hover{background-position: -102px 0;}


.ny_banner{width:100%;position:relative;height:300px;clear: left;z-index: -1;}
.about_ban{background: url(../images/about_ban.jpg) no-repeat center}
.news_ban{background: url(../images/news_ban.jpg) no-repeat center}
.product_ban{background: url(../images/product_ban.jpg) no-repeat center}
.contact_ban{background: url(../images/contact_ban.jpg) no-repeat center}
.zy_ban{background: url(../images/zy_ban.jpg) no-repeat center}

.case_ban{background: url(../images/case_ban.jpg) no-repeat center}
.service_ban{background: url(../images/xfwl_ban.jpg) no-repeat center}
.join_ban{background: url(../images/join_ban.jpg) no-repeat center}
.yxwl_ban{background: url(../images/yxwl_ban.jpg) no-repeat center}

.ny_baninfo{width:1200px; height:225px; position: absolute; top:130px; left:50%; margin-left: -600px; }
.ny_baninfo h3{font-size: 28px; color: #fff; line-height: 40px; margin-top: 60px;}
.ny_baninfo .ny_fubiao{width:100%; height: auto; overflow: hidden; margin-top: 28px;}
.ny_baninfo .ny_fubiao hr{width:55px; height: 1px; float: left; background: #e3a423; margin-top: 10px; margin-right: 8px;}
.ny_baninfo .ny_fubiao p{float: left; font-size: 14px; color: #fff;}
.ny_baninfo .ny_fubiao p a{font-size: 14px; color: #fff}
.ny_baninfo h4{font-size: 50px;font-family: "Arial"}
.ny_baninfo .ny_fubiao p a:hover{color:#0c4499}
.shine{background: #fff -webkit-gradient(linear, left top, right top, from(#fff), to(#fff), color-stop(0.9, #959490)) 0 0 no-repeat;
	-webkit-background-size: 125px;
	color: rgba(255, 255, 255, 0.1);
	-webkit-background-clip: text;
	height:50px;
	line-height:50px;
	font-weight:bold;
	display:block;
	position:absolute;
	left:0;
	top:0%; 
	-webkit-animation-name: shine;
	-webkit-animation-duration: 3s;
	-webkit-animation-iteration-count: infinite;
}

@-webkit-keyframes shine
{
    0%
    {
        background-position: top left;
    }
    100%
    {
        background-position: top right;
    }
}

.nva_bg {
	
}
.nva_box {
	width: 1200px;
	margin: 0 auto;
	margin-top:10px;
}
.nva_logo {
	
	float: left;
}

.nva_logo img{ width: 80%;}
.nva {
	float: right;
	margin-top: 14px;
	bottom: 0;

	margin-top: 20px;
}
.nva li {
	float: left;
	margin-left: 35px;
	padding-bottom: 9px;
	padding-bottom: 32px;
}
.nva a {
	font-size: 17px;
	color: #222323;
}
.sy {
	position: relative;
	margin-left: 20px;
}
.sy img {
	position: absolute;
	left: 0;
	top: 0;
	margin-top: 2px;

}

.eyys {
	width: 100%;
	height: 790px;
	background: url(../images/made_bg.jpg) no-repeat center center;
}
.floor {
	padding-top: 40px;
}
.floor .ystit .tit {
	color: #000;
}
.floor .ystit .subtit {
	color: #fff;
}
.floor .ystit .tit {
	color: #000;
}
.floor .ystit .subtit {
	color: #000;
}
.eyys .ystit {
	text-align: center;
	width: 100%;
	height: 190px;
	background-size: 60px 189px;
}
.eyys .ystit .tit {
	padding-top: 60px;
	display: block;
	font-size: 40px;
	font-weight: bold;
	color: #116bc4;
	line-height: 40px;
}
.eyys .ystit .subtit {
	font-size: 16px;
	color: #666;
	line-height: 18px;
	font-weight: normal;
	padding-top: 12px;
}
.floor .eybox {
	margin-top: 70px;
	min-height: 400px;
	background: url("../images/canpin.png") no-repeat center center;
}
.floor .eylist .item {
	float: left;
	display: block;
	width: 400px;
	cursor: pointer;
}
.floor .eylist .item .img {
	float: left;
	display: block;
	width: 80px;
	height: 80px;
	background: #116bc4;
	border-color: #116bc4;
	border-radius: 50%;
	transition: all .5s;
}
.floor .eylist .item .img img {
	width: 100%;
	height: 100%;
	display: block;
}
.floor .eylist .item .txt {
	float: left;
	width: 300px;
	margin-left: 16px;
	transition: all .5s;
}
.floor .eylist .item .txt h3 {
	margin-bottom: 20px;
	font-size: 24px;
	font-weight: bold;
	color: #000;
	line-height: 24px;
	transition: all .5s;
}
.floor .eylist .item .txt p {
	padding-top: 20px;
	width: 300px;
	font-size: 14px;
	line-height: 24px;
	color: #000;
	border-top: 1px dashed #9a9a9a;
	transition: all .5s;
}
.floor .eylist .item:nth-child(2n) {
	margin-bottom: 80px;
	margin-left: 400px;
}
.floor .eylist .item:hover .img {
	background: #116bc4;
	border-color: #116bc4;
	transform: translateY(-6px);
}
.floor .eylist .item:hover .txt {
	transform: translateY(-6px);
}
.floor .eylist .item:hover .txt h3 {
	color: #116bc4;
}
.floor .eylist .item:hover .txt p {
	color: #116bc4;
}

.made .tab{padding-bottom: 40px;text-align: center;}
.made .tab a{position: relative;display: inline-block;font-size: 16px;line-height: 38px;text-align: center;padding: 0 18px;margin: 0 10px;border: 1px solid #e3e3e3;background: #fff;transition: all .5s;}
.made .tab a:hover{color: #fff;border-color: var(--colour1);background: var(--colour1);}

.sy a {
	padding-left: 21px;
}
/*.tu2{display:none;}*/

.sy:hover .tu1 {
	display: none;
}
.sy:hover .tu2 {
	display: block;
}
.nva li a:hover {
	color: #feb658;
	border-bottom: 1px solid #feb658;
}
.nva li a.on {
	color: #feb658;
	border-bottom: 1px solid #feb658;
}
.nva li {
	position: relative;
}
.ziji {
	position: absolute;
	z-index: 10;
	background: rgba(255,255,255,0.9);
	margin-top: 27px;
	left: -20px;
	text-align: center;
	width: 120px;
	/* padding-left: 10px; */
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-top: 3px solid #e77817;
	z-index: 999999999;
	/* letter-spacing: -1px; */,;
	/* text-indent: -20px; */
}
.ziji li {
	margin-left: 0;
	margin-top: 5px;
	padding: 5px 10px;
	width: 120px;
	text-align: center;
}

.ziji li a{font-size: 16px;}

/*--------footer-----------*/
.footer{ background:#2b3038; padding:40px 0; font-size:14px; color:#8b8b8b; line-height:24px;}
.footer a:hover{ text-decoration:underline;}
.footTop{ padding:22px 0; overflow:hidden; border-bottom:1px solid #555960;}
.footLable{ float:left; background:url(../images/footLable.png) left center no-repeat; padding-left:20px;}
.friendLink{ overflow:hidden; margin-right:-16px}
.friendLink li{ float:left; padding:0 16px;}
.friendLink li a{ color:#8c8e91;}
.footBot{ padding:22px 0;}
.footBot a{ color:#8b8b8b;}
.footBot .fr{ color:#FFFFFF; font-size:24px;}
.footBot .fr img{ vertical-align:middle; margin:-5px 5px 0 0;}


.case_c {width: 1200px;height: 520px;position: relative;}
.case_c ul li {
	background: url(../images/bg_w.png) no-repeat;
	width: 200px;
	height: 99px;
	overflow: hidden; background-color:#FFFFFF
}
.case_c ul li img {
	display: block;
	width: 200px;
	height: 89px;
	margin: 5px auto;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}
.case_c ul li:nth-child(1) {
	position: absolute;
	top: 0;
	left: 210px;
}
.case_c ul li:nth-child(2) {
	position: absolute;
	top: 0;
	left: 713px;
}
.case_c ul li:nth-child(3) {
	position: absolute;
	top: 123px;
	left: 100px;
}
.case_c ul li:nth-child(4) {
	position: absolute;
	top: 123px;
	left: 354px;
}
.case_c ul li:nth-child(5) {
	position: absolute;
	top: 123px;
	left: 608px;
}
.case_c ul li:nth-child(6) {
	position: absolute;
	top: 123px;
	left: 857px;
}
.case_c ul li:nth-child(7) {
	position: absolute;
	top: 246px;
	left: 210px;
}

.case_c ul li:nth-child(8) {
	position: absolute;
	top: 246px;
	left: 464px;
}
.case_c ul li:nth-child(9) {
	position: absolute;
	top: 246px;
	left: 713px;
}
.case_c ul li:nth-child(10) {
	position: absolute;
	top: 379px;
	left: 310px;
}
.case_c ul li:nth-child(11) {
	position: absolute;
	top: 379px;
	left: 600px;
}
.case_c ul li:nth-child(12) {
	position: absolute;
	top: 0px;
	left: 464px;
}
.case_c ul li:nth-child(13) {
	position: absolute;
	top: 339px;
	left: 482px;
}
.case_c ul li:nth-child(14) {
	position: absolute;
	top: 339px;
	left: 718px;
}
.case_c ul li:nth-child(15) {
	position: absolute;
	top: 452px;
	left: 366px;
}
.case_c ul li:nth-child(16) {
	position: absolute;
	top: 452px;
	left: 602px;
}
.case_c ul li:nth-child(17) {
	position: absolute;
	top: 565px;
	left: 488px;
}


.secton-gyc-1 {
  padding-top: 30px;
}

.section-gyc-2 {
  position: relative;
  /* padding: 0.666667rem 0; */
  /* background-color: #f4f4f4; */
}

.section-gyc-2:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  /* background-color: #ffbb05; */
  content: '';
  z-index: 0;
}

.section-gyc-2 .wp {
  position: relative;
  z-index: 1;
}

.section-gyc-2 .cont {
  margin-top: 30px;
}

.section-gyc-2 .cont .img {
  flex: auto;
  min-height: 400px;
}

.section-gyc-2 .cont .img img {
  width: 100%;
 
  object-fit: cover;
}

.section-gyc-2 .cont .list {
  padding-left: 10px;
  display: grid;
  grid-template-columns: repeat(2, calc(50% - 5px));
  grid-template-rows: repeat(3, auto);
  gap: 10px;
  width: 750px;
  flex: none;
}

.section-gyc-2 .cont .list .item {
  padding: 0 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #ffbb05;
  text-align: center;

  color: #fff;
  cursor: pointer;
}

.section-gyc-2 .cont .list .item:hover {
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
}

.section-gyc-2 .cont .list .item .title {
  font-weight: bold;
  font-size: 20px;
}

.section-gyc-2 .cont .list .item .txt {
  padding-top: 12px;
  font-size: 24px;
  line-height: 60px;
  float: left;
  text-align: left;
}


.flex {
  display: flex;
}

.align-stretch {
  align-items: stretch;
}{

    margin-top: 50px;

}.show-box {

    display: flex;

    align-items: center;


    justify-content: space-between;

}.show-box .picture {

width: 360px;

height: 450px;
}.show-box .picture img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}.show-box .info {

flex: 1;

height: 450px;

box-sizing: border-box;

padding: 0px 55px;

background-color: #fff;

display: flex;

flex-direction: column;

justify-content: space-between;
}.show-box .info .name {

    font-size: 26px;

}.show-box .info .intro {

font-size: 18px;

lighting-color: 32px;

color: #808080;

text-align: justify;

line-height: 40px;
}.show-box .info .photo {

display: flex;

align-items: center;

justify-content: space-between;

margin-top: 40px;
}.show-box .info .photo img {

width: 240px;

height: 319px;

display: block;

transition: 0.3s;

cursor: pointer;
}.show-box .info .bot {

    display: flex;

    align-items: center;

    justify-content: space-between;

}.show-box .info .bot .detail {

    width: 150px;

    height: 48px;

    background-color: #3186E0;

    border-radius: 24px;

    font-size: 16px;

    color: #fff;

    line-height: 48px;

    text-align: center;

    transition: 0.2s;

}.show-box .info .bot .detail:hover {

    background-color: #ffb123;

}.show-box .info .bot div {

    font-size: 16px;

    color: #6f6f6f;

}.show-box .info .bot div strong {

    font-size: 40px;

    color: #3186E0;

}.show-car {

    margin-top: 29px;

    display: flex;

    justify-content: space-between;

}.show-car .car-item {

    width: 32%;

}.show-car .car-item .tu {

    width: 100%;

    overflow: hidden;

}.show-car .car-item .tu img {

    width: 100%;

    height: 100%;

    transition: 0.3s;

}.show-car .car-item .info {

    width: 100%;

    height: 80px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    background-color: #fff;

    padding: 0 19px;

    transition: 0.3s;

    box-sizing: border-box;

}.show-car .car-item .info span {

    font-size: 16px;

    transition: 0.3s;

}.show-car .car-item .info div {

    font-size: 16px;

    color: #6f6f6f;

    transition: 0.3s;

}.show-car .car-item .info div strong {

    font-size: 30px;

    color: #3186E0;

    transition: 0.3s;

}.show-car .car-item:hover .tu img {

    transform: scale(1.1);

}.show-car .car-item:hover .info {

    background-color: #3186E0;

}.show-car .car-item:hover .info span {

    color: #fff;

}.show-car .car-item:hover .info div {

    color: #fff;

}.show-car .car-item:hover .info strong {

    color: #fff;

}



.product {
	position: relative;
	/* margin-top: 60px; */
}
.product .list {
	width: 106%;
*padding-bottom:60px;
}
.product .list li {
	position: relative;
	float: left;
	display: block;
	width: 300px;
	height: 500px;
	transition: all ease 300ms;
}
.product .list li a {
	display: block;
}
.product .list li.item .img {
	display: block;
	width: 400px;
	height: 300px;
	transition: all 600ms ease;
}
.product .list li.item .txt {
	width: 400px;
	height: 180px;
	background: #fff;
	border-left: 1px solid #ddd;
	cursor: pointer;
}
.product .list li.item .txt .tit {
	padding-top: 40px;
	font-size: 24px;
	text-align: center;
	color: #333;
}
.product .list li.item .txt .cont {
	width: 280px;
	margin: 0 auto;
	margin-top: 16px;
	font-size: 18px;
	color: #666;
	text-align: center;
	line-height: 40px;
}
.product .list li.item .txt .more {
	width: 100px;
	height: 30px;
	margin: 0 auto;
	margin-top: 20px;
	font: normal 14px "arial";
	line-height: 30px;
	text-align: center;
	color: #666;
	border: 1px solid #ddd;

	border-radius: 15px;
	transition: all ease 600ms;
}
.product .list li.item:hover {
}
.product .list li.item:hover .img {
	border: none;
	transition: all ease 600ms;
	filter: brightness(105%);
	transition: all ease 600ms;
}
.product .list li.item:hover .txt .tit {
	color: #f37b1d;

}
.product .list li.item:hover .txt .more {
	width: 120px;
	transition: all ease 600ms;
}
.product .hd {
	position: absolute;
	bottom: -90px;
	left: 45%;
	height: 36px;
}
.product .hd .iconList {
	display: inline-block;
	max-width: 300px;
	text-align: center;
}
.product .hd .iconList li {
	float: left;
	display: block;
	width: 14px;
	height: 14px;
	margin-left: 12px;
	font-size: 0;
	border: 2px solid #fff;
	border-radius: 100%;
	cursor: pointer;
}
.product .hd .iconList li.on {
	background: #f37b1d;
	border: 2px solid #f37b1d;
}
.product .list li .triangle {
	border-style: solid dashed dashed dashed;
	border-color: transparent transparent #fff transparent;
	border-width: 13px;
	width: 0;
	height: 0;
	overflow: hidden;
	position: absolute;
	left: 50%;
	margin-left: -12px;
	top: 198px;
}
.product .list li.pro2 .triangle {
	border-style: dashed dashed solid dashed;
	border-color: #fff transparent transparent transparent;
	border-width: 13px;
	width: 0;
	height: 0;
	overflow: hidden;
	position: absolute;
	left: 50%;
	margin-left: -12px;
	top: 224px;
}
.product .list li .img {
	position: absolute;
	top: 0;
	left: 0;
}
.product .list li .txt {
	position: absolute;
	bottom: 0;
	left: 0;
}
.product .list li.pro2 .img {
	position: absolute;
	bottom: 0;
	left: 0;
	top: 200px;
}
.product .list li.pro2 .txt {
	position: absolute;
	top: 0;
	left: 0;
}

.yunu-link {
	padding: 20px 0;
	margin-bottom: 30px;
}
.yunu-link h4 {
	border-bottom: 1px solid #ddd;
	margin: 0;
	font-size: 18px;
	color: #015cb5;
	padding-bottom: 15px;
}
.yunu-link h4 small {
	text-transform: uppercase;
	font-size: 16px;
	font-weight: normal;
	color: #999;
}
.yunu-link ul {
	margin-left: -20px;
}
.yunu-link li {
	float: left;
	margin-left: 20px;
	margin-top: 20px;
}