@import url("base.css");
/*公共*/
.range .cp-yw-tit{width:1200px;text-align:center;font-size:28px;color:#108fe2}
.brand-part,.case-part{padding:30px 0 50px}/*===品牌客户、成功案例===*/
/*========(产品业务)========*/
.business{margin:30px 0}
.range{}
.yw-list{}
.yw-list ul li{display:block;float:left;width:160px;height:200px;margin:0 20px}
.yw-list ul li:hover{transform:translate3d(0px,-10px,0px);transition:transform 1s linear 0s}
.yw-list ul li a{display:block;text-align:center;color:#0785de}
.yw-list ul li a p{margin-top:15px;font-size:16px}
.yw-icon-box{height:160px}
.item-icon{position:relative;-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;transition:all .35s ease-in-out}
.item-icon,.item-icon *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.item-icon img{width:100%;height:100%}
.item-icon.circle,.item-icon.circle .img{width:160px;height:160px}
.item-icon.circle .img:before{position:absolute;display:block;content:'';width:100%;height:100%;/*box-shadow:inset 0 0 0 0px rgba(255,255,255,.6),0 1px 3px rgba(0,0,0,.3);-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;transition:all .35s ease-in-out*/}
.item-icon.circle .img img{}
.item-icon.circle.effect .spinners{width:162px;height:162px;border:2px solid #FFF;-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;transition:all .8s ease-in-out;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}
.item-icon.circle.effect .img{position:absolute;top:2px;bottom:0;left:2px;right:0;width:auto;height:auto}
.item-icon.circle.effect .img:before{}
.item-icon.circle.effect a:hover .spinners{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(0deg);border:2px solid #0785de;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}
.item-icon.circle.effect a:hover .info{opacity:1}
/*========(品牌客户)========*/
.bg-r{background:#eee}
.brand-list{}
.brand-list .pinpai-tit{width:1200px;text-align:center}
.brand-list .pinpai-tit h2,.brand-list .pinpai-tit .en{display:block}
.brand-list .pinpai-tit h2{font-size:28px;color:#108fe2}
.brand-list .pinpai-tit .en{color:#999;font-size:16px;margin-top:20px;text-transform:uppercase}
.brand-box{padding-top:30px}
.pinpai-part{width:1200px;margin:0 auto;text-align:left}
.pinpai-part .pp-tab{overflow:hidden;zoom:1;padding:0 12px;position:relative}
.pinpai-part .next,.pinpai-part .prev{position:absolute;left:0;top:23px;display:block;width:24px;height:24px;background:#0076db url(../images/icon.png) -323px -83px no-repeat;z-index:10}
.pinpai-part .next{left:auto;right:0;background:#0076db url(../images/icon.png) -348px -83px no-repeat}
.pinpai-part .pp-wrap ul{overflow:hidden;zoom:1;width:1300px}
.pinpai-part .pp-wrap ul li{margin-right:30px;width:172px;float:left;overflow:hidden;text-align:center}
.pinpai-part .pp-wrap ul li:hover{background:#108fe2;color:#fff}
.pinpai-part .pp-wrap ul li .pic{text-align:center}
.pinpai-part .pp-wrap ul li .pic img{width:172px;height:70px;display:block}
.pinpai-part .pp-wrap ul li .title{text-align:center;height:50px;line-height:50px;font-size:14px}
.pinpai-part .pp-wrap ul li .title a{color:#333}
/*========(资讯简介)========*/
.center-part{padding:30px 0}
.about-news{position:relative;width:100%;margin:auto;clear:both;overflow:hidden}
/*公共标题*/
.about-tit,.news-tit{position:relative;width:100%;height:48px;margin:0 auto;color:#108fe2;font-size:26px;line-height:48px}
.about-tit a{color:#108fe2}
.about-tit a span,.news-tit span{color:#999;font-size:16px;text-transform:uppercase;font-weight:400;padding-left:10px}
.news-tit-more a{position:absolute;right:0;top:11px;padding:0 8px;height:25px;border:1px solid #d0d0d0;display:block;color:#666;font-size:14px;line-height:25px;text-align:center;background:#fff}
.news-tit-more a:hover{background:#f60;border:1px #f60 solid;color:#fff}
/*公司简介*/
.about-part{float:left;width:650px;word-break:break-all}
.aboutus{position:relative;width:650px;overflow:hidden}
.aboutus dt{float:left;width:255px;padding-right:25px}
.aboutus dt img{margin-top:18px;width:255px;height:196px}
.aboutus dd{float:left;width:370px;height:36px;display:block;color:#666;font-size:14px;line-height:30px}
.aboutus dd h1{width:370px;height:36px;display:block;color:#333;font-size:16px;line-height:36px;font-weight:700;padding-top:20px}
/*新闻中心*/
.news-part{float:left;width:480px;margin-left:70px}
.news-part ul{float:left;width:480px}
.news-part ul li{width:460px;height:42px;padding-left:20px;border-bottom:1px dashed #d5d6d5;background:url(../images/icon.png) 4px -153px no-repeat}
.news-part ul li a{width:360px;height:42px;display:block;color:#666;font-size:14px;line-height:42px;float:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.news-part ul li a img{margin-left:5px}
.news-part ul li a:hover{color:#f60}
.news-part ul li .time{float:right;width:80px;text-align:right;display:block;color:#666;font-size:14px;line-height:42px}
/*========(成功案例)========*/
.case-list{}
.case-list .case-tit{width:1200px;text-align:center}
.case-list .case-tit .en,.case-list .case-tit h2{display:block}
.case-list .case-tit h2{font-size:28px;color:#108fe2}
.case-list .case-tit .en{color:#999;font-size:16px;margin-top:20px;text-transform:uppercase}
.case-pic-list{width:100%;overflow:hidden;padding-top:30px}
.ul-case{width:1220px;height:366px}
.ul-case li{position:relative;float:left}
.ul-case li{width:232px;height:340px;background:#fff;margin-right:10px;margin-bottom:36px}
.ul-case li:hover{background:#f60}
.ul-case li:hover .site-title{color:#f00;background:#f7f7f7;padding:0 9px;margin:0 auto}
.ul-case li:hover .site-photo{background:#f7f7f7;margin:3px auto 0}
.ul-case li:hover .site-intro{border-top:1px solid #f60;color:#fff;background:#f60}
.ul-case .site-title{width:208px;height:40px;padding:0 12px;color:#666;font-size:14px;line-height:40px;overflow:hidden}
.ul-case .site-photo{width:214px;height:134px;padding:6px;margin:0 auto}
.ul-case .site-photo img{display:block;width:214px;height:134px}
.ul-case .site-intro{width:208px;height:110px;border-top:1px solid #cfcfcf;padding:8px 12px;color:#666;font-size:12px;line-height:24px;overflow:hidden}
.ul-case .site-more{position:absolute;left:92px;bottom:-26px;width:48px;height:48px;display:block;border-radius:50%;color:#fff;font-size:14px;line-height:48px;text-align:center;background:#a9a9a9}
/*========(产品中心)========*/
.prod-part{padding:30px 0}
.prod-list{}
.prod-list .prod-tit{width:1200px;text-align:center}
.prod-list .prod-tit .en,.prod-list .prod-tit h2{display:block}
.prod-list .prod-tit h2{font-size:28px;color:#108fe2}
.prod-list .prod-tit .en{color:#999;font-size:16px;margin-top:20px;text-transform:uppercase}
.prod-clip{padding-left:0}
.prod-clip .cp-list ul{zoom:1;overflow:hidden;width:1230px;margin:30px 0 0}
.prod-clip .cp-list li{float:left;margin-right:30px;display:inline}
.prod-clip .cp-list li a{}
.prod-clip .cp-list li .btns{display: inline-block;padding: 10px 22px;margin-top:10px;border-radius:5px}
.prod-clip .cp-list li .color1{background-color: #108fe2;color: #fff;float:left}
.prod-clip .cp-list li .color2{background-color: #f60;color: #fff;float:right}
.prod-clip .cp-list li img .for-vertical{display:inline-block;height:100%;margin-left:-4px;vertical-align:middle}
.prod-clip .cp-list li img{width:210px;height:260px;padding:2px;background-color:#fff;border:1px solid #ccc;display: block;border-radius:5px}
.prod-clip .cp-list li span{display:block;font-style:normal;width:216px;height:40px;line-height:40px;overflow:hidden;text-align:center;position: absolute;bottom: 50px; color: #fff;background: rgba(0,0,0,.5);border-bottom-left-radius:5px;border-bottom-right-radius:5px}
/*========(资质联系)========*/
.photo-part{padding:30px 0}
/*企业资质*/
.cert-box .cert{width:760px}
.title-cert{position:relative;width:100%;height:48px;margin:0 auto;color:#108fe2;font-size:26px;line-height:48px;margin-bottom:15px}
.title-cert span{color:#999;font-size:16px;font-family:arial;text-transform:uppercase;font-weight:400}
.cert-more a{position:absolute;right:0;top:11px;padding:0 8px;height:25px;border:1px solid #d0d0d0;display:block;color:#666;font-size:14px;line-height:25px;text-align:center;background:#fff}
.cert-more a:hover{background:#f60;border:1px #f60 solid;color:#fff}
.photo-part .zz-tab{overflow:hidden;height:27px;position:absolute;right:75px;top:11px}
.photo-part .zz-tab .next,.photo-part .zz-tab .prev{display:block;width:27px;height:27px;float:right;margin-right:5px;overflow:hidden;cursor:pointer;background:#f60 url(../images/icon.png) -322px -82px no-repeat}
.photo-part .zz-tab .next{background:#108fe2 url(../images/icon.png) -346px -82px no-repeat}
.cert-box ul{float:left;width:780px;height:190px;overflow:hidden}
.cert-box ul li{position:relative;float:left}
.cert-box ul li{width:240px;height:190px;background:#fff;margin-right:20px}
.cert-box ul li:hover{background:#eee}
.cert-box ul li:hover .zz-img{background:#eee}
.cert-box ul li:hover .zz-intro{background:#eee;color:#f60}
.cert-box ul li .zz-img{width:240px;height:150px;background-color:#f6f6f6;display:block;text-align:center}
.zz-ul .zz-img .for-vertical{display:inline-block;height:100%;margin-left:-4px;vertical-align:middle}
.cert-box ul li .zz-img img{vertical-align:middle;max-width:220px;max-height:130px}
.cert-box ul li .zz-intro{background:#f6f6f6;width:240px;height:40px;color:#666;font-size:14px;line-height:40px;text-align:center;overflow:hidden}
/*联系我们*/
.cert-box .contact{width:410px;margin-left:30px}
.contact .tel-num{width:310px;height:48px;padding-left:10px;color:#f60;font-size:32px;line-height:48px;font-family:impact;overflow:hidden}
.contact dl{width:290px;display:block;clear:both}
.contact dl dd,.contact dl dt{color:#666;font-size:14px;line-height:35px}
.contact dl dt{float:left;width:58px;padding-left:12px}
.contact dl dd{float:left;width:200px}
.contact .more-a{position:absolute;right:0;top:4px;width:121px;height:166px;background:url(../images/contact-bg.png) left top no-repeat}
.contact .more-a a{width:121px;height:44px;margin-top:122px;display:block;color:#fff;font-size:14px;line-height:44px;text-align:center}
/*========(客户案例)========*/
.anli-part{padding:30px 0}
.anli-list{}
.anli-list .title-anli{width:1200px;text-align:center;font-size:28px;color:#108fe2}
.anli{width:1220px}
.anli .com-box{width:224px;margin:30px 20px 0 0;float:left;background:#e0f2fe;color:#676767}
.anli .com-box .com-title{background:#108fe2;height:40px;line-height:40px;padding:0 15px;font-size:16px;font-weight:100;color:#FFF}
.anli .com-box ul{padding:10px 15px}
.anli .com-box ul li{font-size:14px;line-height:240%;width:194px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.anli .com-box ul li a{color:#f60}
.anli .com-box ul li a:hover{color:#f60;text-decoration:underline}
.anli .com-box .more{text-align:left;line-height:240%}
/*========(友情链接)========*/
.link-bg{padding:10px 0;border-top:1px solid #d2d2d2;line-height:200%}
.link-box{width:1200px;text-align:left;margin:0 auto}
.link-box,.link-box a{display:inline-block;line-height:36px;margin-right:20px}