@charset "utf-8";body,dd,dl,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,ol,p,select,td,textarea,th,ul{margin:0;padding:0}
fieldset,img{border:0}
img{vertical-align:middle}
li,ol,ul{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:0;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:0;blr:expression(this.onFocus=this.blur());transition:all ease .3s}
a:hover{color:#0079ce;text-decoration:none}
:focus{outline:0}
.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}
.topBar{height:35px;line-height:35px;border-bottom:1px solid #ececec;overflow:hidden;font-size:12px}
.topBar .right a{margin-left:25px;position:relative}
.topBar .right a:nth-child(2):after,.topBar .right a:nth-child(3):after{content:"";position:absolute;left:-15px;height:10px;width:1px;background:#bbb;top:4px}
.topBar .right .lang{background:url(../images/lang.png) no-repeat left 3px;padding-left:20px;margin-left:0}
.topBar .right .en{background-position:0 -32px;margin-left:10px}
.topBar .right a:nth-child(3):hover{color:#565656}
.header{height:85px;padding-top:20px}
.header .phone{background:url(../images/pIcon.png) no-repeat left center;padding-left:50px;line-height:28px}
.header .phone span{display:block;font-size:30px;font-family:Arial;font-weight:700;color:#0079ce}
.nav{height:60px;line-height:60px;background:#0079ce;position:relative;z-index:2}
.navMain{width:1090px;height:60px}
.navMain li{float:left;width:135px;text-align:center;height:60px;background:url(../images/nav_line.jpg) no-repeat right center}
.navMain li a.navAone{font-size:16px;position:relative;color:#fff;display:block;z-index:2}
.navMain li a i{display:inline-block;width:5px;height:3px;position:relative;background:url(../images/down.png) no-repeat;margin-left:5px;top:-4px}
.navMain li a.navAone:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:0;background:#228bd5;transition:all .3s;z-index:-1}
.navMain li:last-child{background:0 0}
.nav li.cur .navAone,.navMain li:hover .navAone{background:#228bd5}
.nav li.cur .navAone:before,.navMain li:hover .navAone:after{height:100%}
.navMain .sub .img{display:block;width:480px;height:260px;overflow:hidden;background:#eee}
.navMain .sub img{width:480px;height:260px;transition:all .5s}
.navMain .sub .right{width:660px}
.navMain .sub{line-height:26px;position:absolute;z-index:999;top:100%;left:0;display:none;width:100%;padding:30px 0;border:1px #ddd solid;background:rgba(255,255,255,.9)}
.navMain .sub li{zoom:1}
.navMain .sub .right a.navAtwo{font-size:14px;position:relative;display:inline-block;float:left;width:165px;margin:0 15px;padding:8px 10px 8px 15px;-webkit-transition:color .2s ease-in-out;transition:color .2s ease-in-out;text-align:left;color:#555;border-bottom:1px #d2d2d2 solid;border-radius:0;background:url(../images/ly_li.png) no-repeat left}
.navMain .sub .right a.navAtwo:hover{color:#0079ce}
.navMain .sub .right a.navAtwo:before{position:absolute;bottom:-1px;left:0;display:block;width:0;height:1px;content:'';-webkit-transition:width .4s ease-in-out;transition:width .4s ease-in-out;background:#0079ce}
.navMain .sub .right a.navAtwo:hover:before{width:100%}
.navMain .sub .img:hover img{transform:scale(1.1)}
.searIcon{float:right;background:#dd1e32 url(../images/searIcon.png) no-repeat 20px center;width:60px;height:60px;line-height:60px;padding-left:50px;color:#fff;font-size:16px;cursor:pointer}
.search{position:absolute;top:60px;background:#fff;background:rgba(0,0,0,.5);height:80px;width:100%;display:none;line-height:40px;left:0}
.search form{width:720px;margin:0 auto;margin-top:15px;background:#fff;height:40px}
.searSelect{float:left;width:49px;color:#333;padding-left:10px;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:18px;border:4px solid transparent;border-top-color:#333}
.searSelect ul{position:absolute;top:40px;left:0;background:#fff;text-align:center;width:55px;display:none}
.searSelect ul li{padding-left:10px;line-height:25px;border-top:1px solid #f5f5f5}
.searSelect ul li:hover{background:#f1f1f1}
.proSear .txt,.search .txt{width:590px;float:left;height:40px;line-height:40px;color:#666;padding:0 10px}
.proSear .btn,.search .btn{float:left;width:50px;height:40px;cursor:pointer;transition:all .3s;background:#333 url(../images/searIcon.png) no-repeat center}
.proSear .btn:hover,.search .btn:hover{opacity:.8}
.proSear .searSelect span:after{top:25px}
.banner{margin:0 auto;position:relative;overflow:hidden;height:670px}
.banner .bd{height:670px;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 0}
.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:0;margin-left:-30px;height:14px}
.banner .hd li{z-index:2;cursor:pointer;margin-right:5px;display:inline-block;width:10px;height:10px;zoom:1;border-radius:100%;border:2px solid #888;position:relative;transition:all .3s}
.banner .hd li:after{content:"";position:absolute;width:6px;height:6px;background:#888;top:2px;left:2px;border-radius:100%}
.banner .hd .on,.banner .hd li:hover{border:2px solid #dd1d32;transform:scale(1.1)}
.banner .hd .on:after{background:#dd1d32}
.project{padding:70px 0 95px 0;position:relative}
.hTitle{font-size:36px;color:#333;font-weight:400;text-align:center;background:url(../images/tie_line.png) no-repeat center 56px;line-height:38px;position:relative;padding-top:40px;margin-bottom:40px}
.hTitle strong{margin-left:5px}
.hTitle span{display:block;font-size:20px;color:#666;letter-spacing:4px}
.hTitle:after{content:"";position:absolute;width:70px;height:27px;background:url(../images/tie_icon.png) no-repeat;left:50%;top:0;margin-left:-35px}
.project .menu{margin-bottom:30px;overflow:hidden;padding-top:1px;padding-left:1px}
.project .menu a{float:left;border:1px solid #e5e5e5;margin-left:-1px;width:298px;margin-top:-1px;text-align:center;line-height:80px;height:80px;font-size:18px}
.project .menu .on,.project .menu a:hover{background:#0079ce;color:#fff}
.projectBox,.projectMain{height:315px;overflow:hidden}
.projectBox{width:1240px}
.projectMain li{float:left;width:385px;height:315px;overflow:hidden;position:relative;margin-right:20px}
.projectMain li img{width:385px;height:315px;transition:all .5s}
.projectMain li .txt{position:absolute;left:0;top:-100%;right:0;padding:40px;color:#fff;background:#0079ce;background:rgba(0,121,206,.9);text-align:center;transition:all .5s;height:235px}
.projectMain li h4{font-size:18px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:url(../images/pIcon2.png) no-repeat center top;padding-top:70px;margin-bottom:10px}
.projectMain li p{height:70px;margin-bottom:10px}
.projectMain li .more{display:inline-block;width:130px;height:30px;line-height:30px;border:1px solid #fff;border-radius:15px;transition:all .3s}
.projectMain li p{height:70px;margin-bottom:10px}
.projectMain li .tie{height:40px;line-height:40px;padding:0 10px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:16px;color:#fff;margin-top:-40px;display:block;z-index:2;text-align:center;background:url(../images/opc2.png);transition:all .4s}
.projectMain li:hover img{transform:scale(1.1)}
.projectMain li:hover .tie{margin-top:0}
.projectMain li:hover .txt{top:0}
.projectMain li .more:hover{background:#fff;color:#0079ce}
.project .bg{position:absolute;bottom:-65px;left:-360px;z-index:2}
.hMore{width:190px;height:46px;line-height:46px;text-align:center;background:#dd1e32;color:#fff;border-radius:23px;position:absolute;left:50%;margin-left:-95px;bottom:-23px;z-index:2}
.hMore:hover{background:#b60013;width:260px;color:#fff;margin-left:-130px}
.product{padding:95px 0;position:relative;background:#f0f0f0}
.proLeft{width:290px;background:#fff;font-size:16px}
.proLeft .tie{height:70px;line-height:70px;font-size:24px;color:#fff;padding-left:75px;background:#0079ce url(../images/pIcon3.png) no-repeat 35px center}
.proLeft li a{height:40px;line-height:40px;background:url(../images/slide_li.png) no-repeat 255px center;display:block;padding:0 40px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-top:1px solid #e9e9e9}
.proLeft li a:hover{background:#0079ce url(../images/slide_lih.png) no-repeat 265px center;color:#fff}
.proRight{width:890px}
.proRight ul{width:930px}
.proRight li{float:left;width:280px;border:1px solid #e9e9e9;transition:all .3s;background:#fff;margin:0 20px 15px 0}
.proRight li .pImg{width:280px;height:270px;display:block;overflow:hidden}
.proRight li img{width:280px;height:270px;transition:all .5s ease-in}
.proRight p{text-align:center;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:16px}
.proRight p span{display:block;font-size:12px;color:#888;margin-bottom:15px;text-transform:uppercase}
.proRight li:hover img{transform:scale(1.1,1.1)}
.proRight li:hover{box-shadow:0 0 15px #ddd}
.proRight li:hover p,.proRight li:hover span{color:#0079ce}
.strength{padding:95px 0;position:relative}
.strength ul{background:url(../images/strength.jpg) no-repeat center top;height:505px}
.strength li{float:left;width:210px;padding:20px 70px 0 90px;height:140px;background:url(../images/str_line.jpg) no-repeat left bottom}
.strength li:nth-child(2n){margin-left:300px;float:right;text-align:right;padding:20px 90px 0 70px}
.strength li img{width:74px;height:74px;float:left;margin-left:-90px;margin-top:10px;transition:all .3s;position:relative;top:0}
.strength li:nth-child(5),.strength li:nth-child(6){background:0 0}
.strength li h4{font-size:18px;color:#333;height:35px}
.strength li:nth-child(2n) img{margin-left:0;margin-right:-90px;float:right}
.strength li:hover img{top:-8px}
.strength .bg{position:absolute;top:0;right:-360px;z-index:2}
.case{padding:95px 0;position:relative;background:#f0f0f0}
.caseMain ul{width:1240px}
.caseMain li{float:left;width:385px;height:315px;overflow:hidden;position:relative;color:#fff;margin:0 22px 22px 0}
.caseMain li img{width:385px;height:315px;transition:all .5s}
.caseMain li .txt{background:url(../images/opc2.png);background:rgba(0,0,0,.5);position:absolute;bottom:0;padding:0 5%;color:#fff;height:40px;overflow:hidden;transition:all .5s;width:90%;}
.caseMain li .txt h4{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;height:40px;line-height:40px;transition:all .4s}
.caseMain li .txt p{margin-top:10px}
.caseMain li:hover .txt{background:rgba(0,121,206,.9);height:100px;padding:25px}
.caseMain li:hover h4{font-size:20px;font-weight:700}
.client{padding:95px 0;position:relative;background:url(../images/client_bg.jpg) no-repeat center}
.client ul{padding-left:1px;padding-top:1px}
.client li{float:left;width:238px;height:138px;border:1px solid #e9e9e9;margin-left:-1px;margin-top:-1px;position:relative;transition:all .3s;position:relative}
.client li img{width:238px;height:138px;filter:grayscale(100%);filter:gray;-webkit-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);transition:all .3s}
.client li:hover img{filter:none;-webkit-filter:none;-ms-filter:none;-o-filter:none}
.client li:hover{box-shadow:3px 3px 10px #ccc;z-index:2}
.about{padding:95px 0 70px 0;overflow:hidden}
.aboutL{width:540px}
.aboutL h2{font-size:22px;color:#222;font-weight:400;margin-bottom:35px}
.aboutL h2 span{display:block;font-size:50px;color:#0079ce;line-height:56px;font-weight:700}
.aboutL .txt{height:220px;margin-bottom:20px;font-size:16px;line-height:28px}
.aboutL .more{width:190px;height:46px;line-height:46px;text-align:center;background:#dd1e32;color:#fff;border-radius:23px;display:inline-block}
.aboutL .more:hover{width:260px;background:#b60013}
.aboutR{width:600px}
.aboutR li{float:left;width:200px;text-align:center}
.aboutR li .txt{height:130px;padding:30px;padding-top:40px}
.aboutR li h4{font-size:18px;position:relative;color:#333;padding-bottom:20px;margin-bottom:15px}
.aboutR li h4:after{content:"";position:absolute;left:50%;bottom:0;background:#0079ce;height:1px;width:30px;margin-left:-15px}
.aboutR li .pic{display:block;width:200px;height:200px;overflow:hidden}
.aboutR li img{width:200px;height:200px;transition:all .5s}
.aboutR li:hover img{transform:scale(1.1)}
.news{padding:70px 0;overflow:hidden;background:#f0f0f0}
.nMenu{text-align:center;font-size:18px;margin-bottom:30px}
.nMenu a{width:150px;height:40px;line-height:40px;color:#333;display:inline-block;border-radius:25px}
.nMenu a.on,.nMenu a:hover{background:#dd1e32;color:#fff}
.newsBox,.newsMain{height:405px;overflow:hidden}
.newsL{width:585px;overflow:hidden}
.newsL .nImg{width:585px;height:210px;overflow:hidden;display:block}
.newsL img{width:585px;height:210px;transition:all .5s}
.newsL .txt{padding:30px 40px;background:#fff}
.newsL .date{display:block}
.newsL .date a{float:right;color:#0079ce}
.newsL h4{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:400;margin-bottom:15px}
.newsL h4 a{color:#333}
.newsL .date a:hover,.newsL h4 a:hover{color:#dd1e32}
.newsL:hover img{transform:scale(1.1)}
.newsR{width:505px;padding:25px 40px;background:#fff;overflow:hidden}
.newsR li{height:60px;line-height:60px;border-bottom:1px dotted #e3e3e3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.newsR li a{background:url(../images/ly_li.png) no-repeat left center;padding-left:10px;display:block}
.newsR li span{float:right;margin-left:25px;color:#999}
.newsR li a:hover{background:#0079ce url(../images/ly_li.png) no-repeat 8px center;padding-left:18px;color:#fff;padding-right:8px}
.newsR li a:hover span{color:#fff}
.footer{font-size:13px;overflow:hidden;padding-bottom:25px}
.footContact{border-bottom:1px solid #ccc;overflow:hidden;padding:25px 0;margin-bottom:25px;font-size:14px}
.footContact li{border-right:1px solid #e6e6e6;margin-right:40px;float:left;width:195px;padding-left:40px;line-height:20px}
.footContact li span{display:block}
.footContact li i{float:left;margin-left:-40px;background:url(../images/fIcon.png) no-repeat;width:26px;height:26px;margin-top:10px}
.footContact li:last-child{border-right:none;width:330px;margin-right:0}
.footContact li:nth-child(2) i{background-position:-26px 0}
.footContact li:nth-child(3) i{background-position:-52px 0}
.footContact li:nth-child(4) i{background-position:-78px 0}
.footMenu{max-width:860px}
.footMenu ul{float:left;width:200px}
.footMenu h3{font-size:16px;height:40px;color:#333}
.footMenu .one{width:360px}
.footMenu .one li{float:left;width:180px}
.footMenu .one li:first-child{clear:both;width:100%}
.footWx{width:290px}
.footWx p{width:130px;text-align:center}
.footWx p img{width:130px;height:130px;border:1px solid #e6e6e6;padding:4px;margin-bottom:5px}
.copyrigyt{margin-top:30px}
.firendLink{background:#171717;padding:15px 0;overflow:hidden;color:#bbb}
.firendLink span{text-transform:uppercase}
.firendLink a{margin:0 10px;color:#bbb}
.firendLink a:hover{color:#fff}
.listBanner,.pageBan{width:1920px;position:relative;left:50%;margin-left:-960px;height:400px;overflow:hidden}
.pageBan{height:235px}
.listWrapper{padding:50px 0;overflow:hidden}
.listLeft{width:260px;float:left;overflow:hidden}
.listRight{width:900px;float:right;overflow:hidden;text-align:justify;text-justify:inter-ideograph}
.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:30px;background:url(../images/back.png) no-repeat left center;padding-left:20px}
.appList,.honorList,.newsList,.partnerList,.searList,.settingList,.videoList{width:1200px;overflow:hidden}
.appList ul,.honorList ul,.searList ul,.settingList ul,.videoList ul{width:1240px}
.proSear{margin-bottom:60px}
.proSear form{width:725px;margin:0 auto;margin-top:15px;background:#fff;height:50px;line-height:50px;background:#f1f1f1}
.proSear .searSelect{border-right:1px solid #ccc}
.proSear .txt{width:595px;float:left;height:50px;line-height:40px;color:#666;padding:0 10px;background:#f1f1f1}
.proSear .btn{float:left;width:50px;height:50px;cursor:pointer;transition:all .3s;background:#333 url(../images/searIcon.png) no-repeat center;border-left:1px solid #666}
.proSear .btn:hover{opacity:.8}
.breadCrumb,.listMenu{height:80px;line-height:80px;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 .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%}
.aboutBox1{padding:70px 0;overflow:hidden;text-align:center}
.aTitle{font-size:36px;color:#333;text-align:center;line-height:36px;font-weight:400;margin-bottom:30px}
.aTitle span{display:block;font-size:16px;color:#888}
.aboutBox1 .txt{font-size:16px;margin-bottom:35px;overflow:hidden;text-align:left}
.aboutBox1 .more{display:inline-block;width:190px;height:46px;line-height:46px;text-align:center;background:#dd1e32;color:#fff;border-radius:23px}
.aboutBox1 .more:hover{background:#b60013;width:260px;color:#fff}
.aboutBox2{background:#f5f5f5;padding:70px 0 40px 0;overflow:hidden}
.aboutBox2 li{float:left;width:200px;margin-right:50px;margin-bottom:30px;text-align:center}
.aboutBox2 li img{position:relative;top:0;width:200px;height:200px;transition:all .3s}
.aboutBox2 li p{font-size:20px;color:#333;margin-top:10px}
.aboutBox2 li:nth-child(5n){margin-right:0}
.aboutBox2 li:hover img{top:-10px}
.aboutBox3{padding:70px 0;overflow:hidden}
.aboutBox3 ul{width:1200px;position:relative;overflow:hidden}
.aboutBox3 li{float:left;width:298px;height:225px;overflow:hidden;margin-bottom:2px}
.aboutBox3 li img{width:298px;height:225px;transition:all .5s}
.aboutBox3 li:nth-child(2n){float:right;margin-left:400px}
.aboutBox3 li.s1{position:absolute;left:300px;top:0}
.aboutBox3 li.s1,.aboutBox3 li.s1 img{width:600px;height:452px}
.aboutBox3 li span{background:url(../images/opc2.png);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 .3s;display:block}
.aboutBox3 li:hover span{margin-top:-40px}
.aboutBox3 li:hover img{transform:scale(1.1,1.1)}
.aboutBox4{background:#f5f5f5;padding:70px 0;overflow:hidden}
.aboutBox4 li{float:left;width:400px;text-align:center;font-size:18px}
.aboutBox4 li .txt{height:200px;padding:65px;padding-bottom:0}
.aboutBox4 li h4{font-size:30px;position:relative;color:#333;padding-bottom:20px;margin-bottom:15px;line-height:30px}
.aboutBox4 li h4:after{content:"";position:absolute;left:50%;bottom:0;background:#0079ce;height:2px;width:30px;margin-left:-15px}
.aboutBox4 li .pic{display:block;width:400px;height:265px;overflow:hidden}
.aboutBox4 li img{width:400px;height:265px;transition:all .5s}
.aboutBox4 li:hover img{transform:scale(1.1)}
.honorList ul li{width:260px;float:left;margin-right:26px;margin-bottom:30px;text-align:center;padding:10px 10px 0 10px;background:#f2f2f2;border-bottom:3px solid #ddd;position:relative}
.honorList ul li .pImg{display:block;width:245px;height:180px;padding:4px;border:1px solid #e3e3e3;background:#fff;display:table-cell;vertical-align:middle}
.honorList ul li img{width:245px;vertical-align:middle}
.honorList ul li::before{content:"";position:absolute;height:3px;bottom:-3px;left:0;transition:all .5s;width:0}
.honorList ul li:hover::before{width:100%;background:#0079ce;transition:all .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:170px;padding:4px;border:1px solid #e3e3e3;background:#fff;transition:all .5s}
.settingList li::before{content:"";position:absolute;height:3px;bottom:-3px;left:0;transition:all .5s;width:0}
.settingList li:hover::before{width:100%;background:#0079ce;transition:all .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 ul{padding-top:1px;padding-left:1px}
.partnerList li{float:left;width:238px;height:138px;border:1px solid #e9e9e9;margin-left:-1px;margin-top:-1px;position:relative;transition:all .3s;position:relative}
.partnerList li img{width:238px;height:138px;position:absolute;z-index:2;transform:rotateY(0);transition:all .5s ease 0s;backface-visibility:hidden}
.partnerList li span{position:absolute;width:228px;height:138px;background:#0071bd;line-height:138px;text-align:center;transform:rotateY(-180deg);transition:all .5s ease 0s;backface-visibility:hidden;color:#fff;padding:0 5px}
.partnerList li:hover img{transform:rotateY(180deg)}
.partnerList li:hover span{transform:rotateY(0)}
.sidebar{margin-bottom:15px;background:#f5f5f5}
.side_title{height:70px;line-height:70px;font-size:24px;color:#fff;padding-left:75px;background:#0079ce url(../images/pIcon3.png) no-repeat 35px center}
.sidebarMenu li a{height:40px;line-height:40px;background:url(../images/slide_li.png) no-repeat 225px center;display:block;padding:0 30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-top:1px solid #e9e9e9}
.sidebarMenu li a.cur,.sidebarMenu li a:hover{background:#0079ce url(../images/slide_lih.png) no-repeat 235px center;color:#fff}
.sidebarMenu li ul{font-size:12px;padding:5px 0}
.sidebarMenu ul li{background:0 0;padding-top:0}
.sidebarMenu li ul a{background:url(../images/ly_li.png) no-repeat 40px center;padding-left:50px;color:#666;height:30px;line-height:30px;font-size:12px}
.sidebarMenu li ul .current,.sidebarMenu li ul a:hover{background:url(../images/ly_li.png) no-repeat 48px center;color:#0079ce;padding-left:58px}
.leftPhone{background:url(../images/left_phone.jpg);color:#fff;padding-right:20px;text-align:right;font-size:18px;font-weight:700;padding-top:20px;height:76px;line-height:30px;margin-bottom:15px}
.leftPhone span{display:block;font-size:30px;font-family:Arial}
.recommend_pro{margin-bottom:15px}
.listLeft .left_title{background:#0079ce;height:50px;line-height:50px;font-size:16px;color:#fff;padding-left:15px;border-left:5px solid #0079ce}
.recommend_slide{height:720px;overflow:hidden;padding:15px 10px;background:#f4f4f4;border-top:none}
.recommend_pro li{width:240px;overflow:hidden;margin-bottom:10px}
.recommend_pro li img{width:234px;height:194px;border:1px solid #ddd;padding:2px;background:#fff}
.recommend_pro li span{height:30px;line-height:38px;position:relative;text-align:center;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.recommend_pro li:hover img{border:1px solid #0079ce}
.leftArticle ul{padding:15px 10px;background:#f4f4f4}
.leftArticle .n1{width:230px;height:190px;overflow:hidden}
.leftArticle .n1 img{width:230px;height:190px;transition:all .5s}
.leftArticle .n1 span{display:block;height:40px;line-height:40px;margin-top:-40px;position:relative;z-index:2;color:#fff;text-align:center;background:rgba(0,0,0,5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 5px}
.leftArticle .n1:hover img{transform:scale(1.1)}
.leftArticle .n2{height:40px;line-height:40px;border-bottom:1px solid #fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:url(../images/ly_li.png) no-repeat 2px center;padding-left:15px}
.pTitle{font-size:24px;color:#0070be;text-transform:uppercase}
.pTitle span{font-size:14px;color:#bdbdbd;margin-left:10px;font-family:Arial;font-weight:400}
.projectTop{height:340px;overflow:hidden;margin:20px 0 40px 0}
.projectList{margin-top:20px}
.projectTop ul{width:1240px}
.projectTop li{float:left;width:270px;margin-right:27px;font-size:14px;border-bottom:2px solid #dadada;height:320px;position:relative;padding:6px;background:#f2f2f2;margin-bottom:20px}
.projectTop li .cImg{width:270px;height:220px;overflow:hidden;display:block}
.projectTop li img{width:270px;height:220px;transition:all .5s}
.projectTop li h4{font-size:16px;font-weight:400;height:35px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:10px;padding:0 10px}
.projectTop li p{padding:0 10px}
.projectTop li h4 a{color:#333}
.projectTop li h4 a:hover{color:#0070be}
.projectTop li::before,.teamMain li::before{position:absolute;content:"";height:2px;bottom:-2px;left:0;width:0;transition:all .3s;background:#0070be}
.projectTop li:hover::before,.teamMain li:hover::before{width:100%;transition:all .3s}
.projectList li{background:#f2f2f2;height:180px;overflow:hidden;padding-right:30px;margin-bottom:30px;padding:10px}
.projectList li .cImg{width:220px;height:180px;display:block;overflow:hidden;margin-right:20px;float:left}
.projectList li img{width:220px;height:180px;transition:all .5s}
.projectList li h4{font-size:16px;height:30px;border-bottom:1px solid #dfdfdf;padding-top:15px;margin-bottom:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:400}
.projectList li h4 a{color:#333}
.projectList li h4 a:hover{color:#0070be}
.projectList li p{height:80px;margin-bottom:10px;overflow:hidden}
.projectList li .more{color:#0070be;font-size:12px}
.projectList li .more:hover{text-decoration:underline}
.projectList li:hover img,.projectTop li:hover img{transform:scale(1.1)}
.caseList ul{width:960px}
.caseList li{float:left;width:260px;background:#fff;margin:0 30px 25px 0;border:1px solid #ccc;padding:9px 9px 0 9px;line-height:22px;padding-bottom:10px;font-size:12px;color:#888}
.caseList li .cImg{width:260px;height:215px;display:block;overflow:hidden}
.caseList li a{color:#888}
.caseList li img{width:260px;height:215px;transition:all .5s}
.caseList li h5{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;border-top:1px solid #c6c6c6;margin-top:8px;font-weight:400;padding-top:8px;font-size:14px;color:#333;text-align:center}
.caseList li:hover img{transform:scale(1.1,1.1)}
.caseList li:hover{border:1px solid #0079ce}
.caseList li:hover h5{border-top:1px solid #0079ce;color:#0079ce}
.caseShow .title{text-align:center;font-size:18px;color:#000;margin-bottom:10px;font-weight:400}
.caseShow .p1{margin-bottom:25px;text-align:center;color:#666;border-bottom:1px dotted #ccc;padding-bottom:10px}
.caseShow .p1 span{margin-right:15px}
.picShow_pic{margin-bottom:30px;text-align:center}
.caseShow_font1 .title{height:35px;border-bottom:1px solid #ccc}
.caseShow_font1 .title span{float:left;height:35px;width:120px;font-size:14px;text-align:center;line-height:35px}
.caseShow_font1 .title .on{background:#0079ce;color:#fff}
.caseShow_font1{margin-bottom:30px}
.zoombox{width:900px;margin-bottom:35px;text-align:center}
.zoompic{width:900px;background:url(../images/loading.gif) no-repeat 50% 50%;margin:0 auto;overflow:hidden;text-align:center}
.sliderbox{height:82px;overflow:hidden;margin-top:20px}
.sliderbox .arrow-btn{width:20px;height:70px;background:url(../images/arrow_btn.png) no-repeat;cursor:pointer;margin-top:8px}
.sliderbox #btn-left{float:left;background-position:0 0}
.sliderbox #btn-left.dasabled{background-position:-40px 0}
.sliderbox #btn-right{float:right;background-position:-20px 0}
.sliderbox #btn-right.dasabled{background-position:-60px 0}
.sliderbox .slider{float:left;height:82px;width:770px;position:relative;margin-left:10px;overflow:hidden}
.sliderbox .slider ul{position:absolute;left:0;width:880px}
.sliderbox .slider li{float:left;width:120px;height:82px;text-align:center}
.sliderbox .slider li img{border:3px solid #ddd;width:94px;height:76px}
.sliderbox .slider li.current img{border:3px solid #0079ce}
.proRight{overflow:visible}
.proList{margin-top:-8px}
.proList li{float:left;width:278px;border:1px solid #e9e9e9;transition:all .3s;margin:8px 20px 15px 5px}
.proList li .pImg{width:278px;height:270px;display:block;overflow:hidden}
.proList li img{width:278px;height:270px;transition:all .5s ease-in}
.proList p{padding-left:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:59px;line-height:59px;border-top:1px solid #e9e9e9}
.proList p i{float:right;width:59px;text-align:center;border-left:1px solid #e9e9e9;transition:all .3s;font-style:normal;font-family:"宋体"}
.proList li:hover i{background:#0079ce;color:#fff;border-left:1px solid #0079ce}
.proList li:hover img{transform:scale(1.1,1.1)}
.proList li:hover{box-shadow:0 0 15px #ddd}
.searList{width:1200px}
.searList ul{width:1240px}
.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:700;color:#333}
.product-show-pic{width:450px;height:520px}
.jqzoom{float:left;border:none;position:relative;padding:0;cursor:pointer;margin:0;display:block}
.zoomdiv{z-index:100;position:absolute;top:0;left:0;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:0;left:0;width:20px;height:20px;border:1px solid #aaa;background:#fff;opacity:.5;-moz-opacity:.5;-khtml-opacity:.5;filter:alpha(Opacity=50)}
.spec-preview{width:450px;height:400px;border:1px solid #ccc;display:table-cell;vertical-align:middle}
.spec-scroll{margin-top:10px;width:450px;height:100px;overflow:hidden;position:relative}
.spec-scroll a.prev{display:block;width:12px;height:21px;position:absolute;top:38px;left:0;background:url(../images/listpro_btn.png) no-repeat 0 0;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:38px;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:100px;margin:0 auto;overflow:hidden}
.spec-scroll .items ul{position:absolute;width:360px;height:100px}
.spec-scroll .items ul li{width:104px;height:100px;float:left}
.spec-scroll .items ul li img{width:95px;height:98px;cursor:pointer;border:1px solid #ccc}
.spec-scroll .items ul .on img,.spec-scroll .items ul li img:hover{border:1px solid #0079ce}
.proshow_synopsis{width:400px;color:#aaa;font-size:14px;line-height:30px;height:460px;border-radius:3px}
.proshow_synopsis .title{font-size:20px;color:#333;border-bottom:1px dotted #dbdbdb;margin-bottom:15px;padding-bottom:10px}
.proshow_synopsis .title span{display:block;color:#888;font-size:16px;font-weight:400}
.proshow_synopsis .font{overflow:hidden;height:200px;margin-bottom:20px}
.proshow_synopsis .font strong{font-size:16px;color:#333;display:block}
.proshow_synopsis .tel{height:50px;line-height:50px;background:#333;margin-bottom:15px;font-size:16px;color:#fff;padding-left:20px;font-weight:700}
.proshow_synopsis .tel span{font-size:22px}
.proshow_synopsis .tel a{float:right;width:90px;height:50px;background:#dd1e32;text-align:center;color:#fff}
.proshow_synopsis .tel a:hover{background:#b60013}
.proshow_synopsis .p1{background:#f5f5f5;height:40px;line-height:40px;border:1px solid #d2d2d2;text-align:center;font-size:16px;color:#555}
.proShow_main{margin:40px 0 30px 0}
.relatedTitle{margin-bottom:15px}
.orderBox{padding:25px;width:850px;background:#eee;overflow:hidden}
.orderBox h3{font-size:15px;line-height:18px;font-weight:400;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:#0079ce;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:0;resize:none;padding:15px;color:#666;line-height:18px}
.related-product{overflow:hidden}
.related-product .title,.relatedTitle{background:#e7e7e7;height:45px;line-height:45px}
.related-product .title span,.relatedTitle span{display:inline-block;color:#fff;background:#0079ce;width:120px;height:45px;text-align:center;font-size:16px;font-weight:700}
.related-product ul{width:950px;margin-top:20px}
.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:260px;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 #0079ce}
.related-product li a:hover{background:#0079ce;color:#fff}
.aboutPro ul{width:1240px}
.aboutPro{width:1200px}
.aboutPro li{margin-right:35px}
.aboutPro li,.aboutPro li a{width:210px}
.aboutPro li img{width:200px;height:228px}
.newsList li{border:1px solid #e2e2e2;padding:30px;overflow:hidden;margin-bottom:30px;transition:all .3s}
.newsList li .font{width:800px;overflow:hidden;color:#333;padding-top:30px}
.newsList li .date{width:80px;height:110px;background:#2b2b2b;color:#fff;padding-left:20px;font-size:20px;font-family:HelveticaNeuedd7b7fc3f53d6;position:relative;margin-right:40px;transition:all .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 .3s}
.newsList li h4{font-size:16px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:15px}
.newsList li .txt{color:#666}
.newsList li .pic{width:260px;height:165px;overflow:hidden}
.newsList li img{width:260px;transition:all .5s;height:165px}
.newsList li:hover .date{margin-right:60px}
.newsList li:hover .date:after{width:80%}
.newsList li:hover h4{color:#0079ce}
.newsList li:hover img{transform:scale(1.1)}
.newsList li:hover{box-shadow:0 5px 10px #eee}
.newsList2 ul{width:1240px}
.newsList2 li{float:left;width:340px;border:1px solid #e5e4e4;padding:20px;margin-bottom:40px;transition:all .3s;margin-right:27px}
.newsList2 li .date{font-size:20px;font-family:Arial;display:block;margin-bottom:20px;line-height:36px}
.newsList2 li .date i{font-style:normal;display:block;font-size:36px;margin-bottom:6px;position:relative}
.newsList2 li .date i:after{content:"";position:absolute;height:1px;width:70px;left:0;bottom:-8px;background:#bababa}
.newsList2 li .pImg{width:340px;height:200px;overflow:hidden;display:block}
.newsList2 li img{width:340px;height:200px;transition:all .5s}
.newsList2 li h4{font-size:16px;color:#333;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:10px 0}
.newsList2 li p{height:60px}
.newsList2 li .more{display:inline-block;width:140px;height:34px;line-height:32px;border:1px solid #e5e4e4;text-align:center;border-radius:16px;margin-top:10px}
.newsList2 li .more i{font-family:"宋体";font-style:normal;font-weight:700;margin-left:4px}
.newsList2 li:hover img{transform:scale(1.1)}
.newsList2 li:hover{box-shadow:0 0 8px #ccc}
.articleBox1 .title{text-align:center;font-size:20px;color:#000;margin-bottom:10px;font-weight:400}
.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:15px 15px 10px 15px;border:1px dotted #adadad;border-right:none;border-left:none;text-indent:2em;font-size:14px;color:#333}
.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}
.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}
.faqList li{position:relative;margin-bottom:25px}
.faqList li:after{content:'';position:absolute;top:12px;right:16px;display:block;width:30px;height:30px;background:#0079ce;pointer-events:none}
.faqList li h3:after,.faqList li h3:before{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:.3s;transition:.3s}
.faqList li.act h3:before{-webkit-transform:rotate(90deg);transform:rotate(90deg);background:0 0\9}
.faqList li h3{position:relative;padding:0 60px 0 25px;background-color:#f1f1f1;line-height:54px;font-size:16px;cursor:pointer;font-weight:400;border:1px solid #e1e1e1}
.faqList li div{display:none;padding:25px;line-height:25px;color:#7c7c7c;-webkit-animation:fadeIn .5s ease-out .2s both;animation:fadeIn .5s ease-out .2s both;font-size:14px;background:#f5f5f5}
@-webkit-keyframes fadeIn{0%{opacity:0}
100%{opacity:1}
}
@keyframes fadeIn{0%{opacity:0}
100%{opacity:1}
}
.jobTop{overflow:hidden;padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid #eee;height:370px;padding-bottom:40px;font-size:16px}
.jobTop .main{float:right;width:560px}
.jobTop .main .font{overflow:hidden;line-height:28px}
.jobTop .main .p1{padding-top:15px;font-size:16px;color:#333}
.jobTop .main .p1 a{color:#333}
.jobTop .main .p1 a:hover{text-decoration:underline}
.jobTop .more{width:120px;height:40px;line-height:40px;text-align:center;color:#fff;border-radius:3px;display:inline-block;background:#333;margin-top:15px}
.jobTop .more:hover{background:red}
.jobList li{border-bottom:1px dashed #dbdbdb;margin-bottom:20px}
.jobList h4{font-size:28px;font-weight:400;background:url(../images/gicon19.png) no-repeat right center;padding-right:20px;padding-bottom:20px;line-height:32px}
.jobList h4 span{display:block;font-size:16px;margin-top:8px}
.jobList h4 span i{display:inline-block;font-style:normal;background:url(../images/job_icon.png) no-repeat left -35px;padding-left:30px;margin-right:15px}
.jobList h4 span .num{background-position:0 0}
.jobList .font{background:#f2f2f2;padding:25px;display:none}
.jobList .font .tie{color:#555;margin-bottom:10px;display:block}
.jobList .font h5{margin-top:15px;font-size:16px}
.jobList h4.on{color:#333;background:url(../images/gicon18.png) no-repeat right center}
.contactFont{overflow:hidden;margin-bottom:30px}
#dituContent{height:420px}
.feedback{margin-top:50px;overflow:hidden}
.feedback .title{text-align:center;font-size:24px;font-weight:400;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 .email:after,.feedback .msg_title:after,.feedback .name:after,.feedback .telephone:after{content:"*";color:red;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:#0079ce;color:#fff;border:none;font-size:15px;margin-bottom:0;cursor:pointer}
#feedback_form .btns:hover{background:#333;transition:all .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}