@charset "UTF-8";
*{ margin:0; padding:0; font-size:12px; font-family:"微软雅黑";}
body{ overflow-x: hidden; min-width:1260px; margin:0 auto;}
svg { display: block; }
img{ border:0 none}
a,img{ outline:0}
a{ text-decoration:none}
li{ list-style:none}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
.page,.w1100{ margin:0 auto; width:1200px;}
.cl,.clear{ clear:both; display: block; }
.dis{ display:none}
.top35{ margin-top:35px}
.en{ text-transform:uppercase; font-family:arial}
.head{ height: 45px; line-height: 45px; background:#f2f2f2; position: relative; }
.head:after{ content: ''; height: 9px; background: url(../images/head_bottom.png) no-repeat center; width: 100%; display: block; position: absolute; bottom: -9px; left: 0; }
.head .fl,.head .fr a{ color: #a8a9a9; }
.head .fr a { display: inline-block; padding-left: 45px; background: url(../images/top_input.png) no-repeat 2px 6px; transition: 0.3s all ease-in-out; font-size: 13px; line-height: 45px; padding-right: 20px; cursor: pointer; position: relative;}
.head .fr .tel{ background-position:-114px 6px; }
.head .fr .wx{ background-position:-232px 6px; }
.head .fr a:hover,.head .fr strong:hover{ background-position-y:-46px; color: #fff; background-color: #45417c}
.head .fr .wx .wxewm { width: 130px; height: 130px; position: absolute; top: 45px; z-index: 2; left: 0; display: none; }
.head .fr .wx .wxewm img{ width: 130px; height: 130px; display: block; }
.top { padding:10px 0; height:160px; width: 100%; }
.top > .page > .logo{ display: block; margin:0 auto; width:350px; margin-top:40px;}
.top > .page > .logo  a  img{display: block;width: 100%;}
.top > .page > .logo > a{display: block;height: 100%; width: auto;}
.top > .page >.logo_2{display: block;height:60px;padding-left:20px; border-left: 1px solid #e7e7e7;margin-top:20px;}
.top > .page >.logo_2 > strong{display: block;font-size: 22px; font-weight: bold;line-height: 32px;color:#343434;}
.top > .page >.logo_2 > p{display: block;font-size: 16px;line-height: 24px;color: #666;padding-bottom: 4px;}
.top > .page > .top_tel{height: 90px;display: block}
.top > .page > .top_tel:after{content: '';display: block;clear: both}
.top > .page > .top_tel > i{float:left;margin-top:18px;background: url(../images/top_tel.png) 13px 13px no-repeat;width: 28px;height: 28px;display: block;padding: 12px;border:2px solid #45417c;border-radius: 50%;transform: rotate(0deg);-webkit-transform: rotate(0deg);}
.top > .page > .top_tel > p{font-size: 24px;font-family: '微软雅黑';color: #45417c;line-height:28px;height:50px;float:left;margin-left:10px;margin-top:20px;font-weight:bold;}
.top > .page > .top_tel > p .small{font-size: 16px;display: block;line-height: 22px; font-weight:normal;}
.nav.menu{ position:relative; background:#45417c; width: 100%; height: 60px; }
.nav li { float: left; display: block; width: 133px; text-align: center; overflow: hidden; }
.nav li.last{ background:0 0}
.nav li a { display: block; height: 60px; line-height: 60px; color: #fff; font-size: 15px; background-repeat: no-repeat; background-position: -30px center; padding-left: 0; position: relative; left: 0px; text-transform: uppercase;}
.nav li:hover,.nav li.navcurrent { background: url(../images/bg.jpg) repeat center; }
.nav li.navl1 { width: 133px; }
.nav li.navl1 a{ background-position:25px center;}
.nav #Zz0 .a1{ background-image: url(../images/d1.png); }
.nav #Zz1 .a1{ background-image: url(../images/d2.png); }
.nav #Zz2 .a1{ background-image: url(../images/d3.png); }
.nav #Zz3 .a1{ background-image: url(../images/d4.png); }
.nav #Zz4 .a1{ background-image: url(../images/d5.png); }
.nav #Zz5 .a1{ background-image: url(../images/d6.png); }
.nav #Zz6 .a1{ background-image: url(../images/d7.png); }
.nav #Zz7 .a1{ background-image: url(../images/d8.png); }
.nav #Zz8 .a1{ background-image: url(../images/d9.png); }
.nav li .ssccsscc {position: absolute; z-index:999; display:none; width:133px; background:#ffd242; border-radius:0 0 10px 10px; }
.nav li:hover .ssccsscc {display:block;position:absolute;width:133px;}
.nav li .ssccsscc a{ display:inline-block;height:40px; line-height:40px; color: #fff;font-size:12px;width:133px;}
.nav li .ssccsscc a:hover{height:40px; line-height:40px;display:inline-block; color: #fff; font-size: 12px; background:#45427d;width:133px;}
/* 首页banner */
.HomeBan{overflow: hidden;position:relative; z-index:3; clear:both;}
.HomeBan .bd ul{ margin: 0 auto;}
.HomeBan .hd{z-index: 99;position: absolute;width: 100%;text-align: center;bottom: 20px;}
.HomeBan .hd li{background: url(../images/tab.png) no-repeat;display: inline-block;width: 16px;height: 16px;display: inline-block;margin: 0 4px;cursor: pointer;}
.HomeBan .hd li:hover,
.HomeBan .hd li.on{background: url(../images/tab_on.png) no-repeat;}
.HomeBan img{width: 100%;}

.banner-boxx{ min-width:1100px; height:520px; position:relative; margin:0 auto; }
.banner-boxx .bd{ width:100% !important; }
.banner-boxx .bd li{ width:100% !important; height:520px; background-position: center; background-repeat: no-repeat; }
.banner-boxx .bd li a{ display:block; background-size:auto; }
.banner-btnn{ width: 100%; position: absolute; top: 0; left: 0; margin-left: 0; height:520px; overflow: hidden; }
.banner-btnn a{ display:block; width:49px; height:104px; position:absolute; top:248px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition:0.3s all ease-in-out}
.banner-btnn a.prev{ left:-50px; background:url(../images/lr.png) no-repeat 0 0; }
.banner-btnn a.next{ right:-50px; background:url(../images/lr.png) no-repeat -49px 0; }
.banner-boxx .hd { position:absolute; bottom:25px; width: 100%; display: block; }
.banner-boxx .hd ul { width: 1200px; margin: 0 auto; text-align: center; }
.banner-boxx .hd ul li{ width:35px; height:10px; border-radius:20px; text-indent:-9999px; background:#fff; cursor:pointer; display:inline-block; margin:0 5px; transition:0.3s all ease-in-out; text-align: center; position: relative; z-index: 1111; }
.banner-boxx .hd ul li.on{ background: #45417c; width: 70px; }
.banner-boxx:hover .banner-btnn a.prev{ left:20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-boxx:hover .banner-btnn a.next{ right: 20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-boxx .banner-btnn a.prev:hover,.banner-boxx .banner-btnn a.next:hover{ filter:alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8; opacity:.8; }

.main_item {float: left;padding: 0 20px;cursor:pointer;}
.main_item > i{display: block;width: 100px;height: 60px;position: relative;margin-top: 5px;}
.main_item > i:before{content: '';display: block;width: 100%;height: 100%;position: absolute;left:0;top: 0;}
.main_item > i:after{content: '';display: block;width: 100%;height: 100%;position: absolute;left:0;top: 0;}
.main_item > p{font-size: 15px;color: #666;line-height: 30px;display: block;text-align: center;transition:0.5s all ease-in-out;cursor:pointer;}
.main_item_1 > i:before,.main_item_1 > i:after{background: url(../images/main_30_1.jpg) no-repeat;transition:0.5s all ease-in-out;}
.main_item_2 > i:before,.main_item_2 > i:after{background: url(../images/main_30_2.jpg) no-repeat;transition:0.5s all ease-in-out;}
.main_item_3 > i:before,.main_item_3 > i:after{background: url(../images/main_30_3.jpg) no-repeat;transition:0.5s all ease-in-out;}
.main_item_4 > i:before,.main_item_4 > i:after{background: url(../images/main_30_4.jpg) no-repeat;transition:0.5s all ease-in-out;}
.main_item_1 > i:after{background-position: 0 -70px;opacity: 0;filter: alpha(opacity=0);height: 0;}
.main_item_1 > i:before{background-position: 0 0;}
.main_item_2 > i:after{background-position: 0 -70px;opacity: 0;filter: alpha(opacity=0);height: 0;}
.main_item_2 > i:before{background-position: 0 0;}
.main_item_3 > i:after{background-position: 0 -70px;opacity: 0;filter: alpha(opacity=0);height: 0;}
.main_item_3 > i:before{background-position: 0 0;}
.main_item_4 > i:after{background-position: 0 -70px;opacity: 0;filter: alpha(opacity=0);height: 0;}
.main_item_4 > i:before{background-position: 0 0;}
.main_item.active > i:after{height: 100%;opacity: 1;filter: alpha(opacity=100);}
.main_item.active > p{color: #230c6f}
.content, .footer{ width:1200px; margin:0 auto;  }
/*关于我们*/
.guany_bg{ background:url(../images/guany_bg.gif) no-repeat center 0;height: 430px; padding:80px 0 0;font-size: 0;overflow: hidden;}
.guany dl{width:1200px; display:inline-block; overflow:hidden;}
.guany dl dt{ width:638px; padding-bottom:1px;float:left;}
.guany dl dt img{ width:638px; height:400px;}
.guany dl dd{width:545px; overflow:hidden; float:left; padding:0 0 0 10px;}
.guany dl dd h4{font-size: 20px;color: #45417c;line-height: 40px; padding:0 0 0 40px;}
.guany dl dd h4 i{font-weight: normal; font-style:normal; font-size:16px; color:#333;}
.guany dl dd p{height:150px; padding:22px 0 0 40px; overflow:hidden;}
.guany dl dd p span{display: block; line-height:32px; font-size:14px; color:#333 ; background:url(../images/guany_ico01.png) no-repeat 0 14px; padding:0 0 0 15px; overflow:hidden;}
.guany ul{ clear:both;overflow:hidden;}
.guany li{ float:left;width: 206px;height: 130px;position: relative; padding:5px 0 0 38px;}
.guany li em{width: 206px;height: 130px;display: block;overflow: hidden;}
.guany li img,.hz_r ul li img,.fuw_l img,.team dl dt img,.honor_c ul li img,.photo_m ul li img,.news dt img{ width:206px; height:130px;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.guany li img:hover,.hz_r ul li img:hover,.fuw_l img:hover,.team dl dt img:hover,.honor_c ul li img:hover,.photo_m ul li img:hover,.news dt img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.guany li span{ width:206px; display:block; text-align:center; height:30px; line-height:30px;position: absolute;bottom: 0;right: 0; background:url(../images/guany_picbg.png) repeat;font-size: 14px;color: #fff;z-index: 10; overflow:hidden;}
/*真切品质缔造常青品牌*/
.pin_bg{ background:url(../images/pin_bg.gif) no-repeat center 0;height:600px; padding:20px 0 0;font-size: 0;overflow: hidden;}
.pin h2,.case h2,.fuw h2{height: 75px;text-align: center; margin:0 0 20px;-webkit-transition:transform .3s;transition:transform .3s;overflow: hidden;}
.pin h2 a,.case h2 a,.fuw h2 a{font-size: 30px;color: #45417c; text-decoration:none;}
.pin h2 span,.case h2 span{display: block;font-size: 16px;color: #666;font-weight: normal; padding:5px 0 0;}
.pin h2:hover,.case h2:hover,.fuw h2:hover{-webkit-transform:translate(0,-10px);transform:translate(0,-10px);}
/**/
.three_bg{ background:url(../images/three_bg.gif) no-repeat center 0;height:330px;font-size: 0;overflow: hidden;}
.three dl{ background:url(../images/three_k01.png) no-repeat 50px 75px;width: 300px;height: 255px;float: left; padding:75px 50px 0;}
.three dl dt{ background:url(../images/three_y.png) no-repeat;width: 140px;height: 140px;text-align: center;overflow: hidden; margin:0 auto;line-height: 32px;transition: all 1s ease-in-out 0s;}
.three dl dt i{display: block;font-size:30px; padding:38px 0 0;font-style:normal; }
.three dl dt a{font-size:22px;color: #45417c;font-weight: bold; text-decoration:none;}
.three dl dt:hover,.fuw_l b:hover{ transform: rotateY(360deg);}
.three dl dd{font-size: 14px;color: #333;line-height: 22px; padding:12px 0 0;text-align: center;}
.three dl dd span{display: block;font-size: 16px;color: #45417c; padding:0 0 10px;}
/*广告条*/
.ban01{ width:1200px; height:160px; margin:0 auto; overflow:hidden; position:relative;}
.ban01 img{ width:1200px; height:160px;}
.ban01 em{ display:block; position:absolute; top:90px; right:420px;width: 110px;height: 36px;font-style:normal; }
.ban01 em a{display: block;width: 110px;height: 36px;text-align: center;line-height: 36px;background: #e9a33d;font-size: 14px;color: #fff;overflow: hidden;}
.ban01 em a:hover{background: #fff;color: #45417c; text-decoration:none;}
.ban01 p{ font-size:12px; color:#fff; position:absolute; top:95px; left:430px;}
.ban01 p i{ font-family:"微软雅黑"; font-size:18px;font-style:normal; font-weight:bold;}
/*构筑品质工程*/
.case_bg{ background:url(../images/case_bg.gif) no-repeat center 0;height: 520px; padding:175px 0 0;font-size: 0;overflow: hidden;}
.case_l{width: 200px;height: 375px;overflow: hidden;}
.case_l ul li{width: 200px;height: 65px;line-height: 65px;overflow: hidden; padding:0 0 10px;}
.case_l ul li a{font-size: 16px;color: #333;display: block;width: 158px;height: 65px; padding:0 0 0 40px; background-repeat:no-repeat;}
.case_l ul li.cur a,.case_l ul li a:hover{color: #fff; text-decoration:none; background-image:url(../images/case_lbg02.png); padding:0 0 0 40px;width: 158px;}
.case_l .case_li01 a{ background-image:url(../images/case_lbg01.png);}
.case_l .case_li02 a{ background-image:url(../images/case_lbg01.png); background-position:0 -75px;}
.case_l .case_li03 a{ background-image:url(../images/case_lbg01.png); background-position:0 -150px;}
.case_l .case_li04 a{ background-image:url(../images/case_lbg01.png); background-position:0 -225px;}
.case_l .case_li05 a{ background-image:url(../images/case_lbg01.png); background-position:0 -300px;}
.case_r{width: 960px;height: 400px;}
.case_r ul li{width: 600px;height: 390px; margin:0 auto; border:#fff 1px solid; }
.case_r ul li img{width: 600px;height: 390px;box-shadow:2px 3px 4px #d9d8d8;}
.case_r ul li span{ width:600px; display:block; text-align:center; height:50px; line-height:50px;position: absolute;bottom: 2px; background:url(../images/guany_picbg.png) repeat;font-size:20px;color: #fff;z-index: 10; overflow:hidden;}
/*合作用户*/
.hz_bg{ background:url(../images/hz_bg.gif) no-repeat center 0;height: 200px;font-size: 0;overflow: hidden;}
.hz_l{ padding:83px 0 0;width: 221px;height: 73px;text-align: center;line-height: 73px;overflow: hidden;}
.hz_l a{font-size: 24px;color: #fff;}
.hz_r{ padding:65px 0 0;width: 960px;}
.hz_r ul li{width: 220px;float: left; padding:0 0 0 20px;}
.hz_r ul li em{width: 218px;height: 108px;display: block;overflow: hidden; border:#eee 1px solid; box-shadow:2px 3px 4px #f3f3f3;}
.hz_r ul li img{width: 218px;height: 108px;}
/*用服务铸就辉煌*/
.fuw_bg{ background:url(../images/fuw_bg.jpg) no-repeat center 0;height: 716px; padding:30px 0 0;font-size: 0;overflow: hidden;}
.fuw h2{height: 56px;}
.fuw_l{width: 850px;height: 480px;}
.fuw_l em{width: 600px;height: 480px;display: block;overflow: hidden;}
.fuw_l img{width: 600px;height: 480px;}
.fuw_l b{display: block;font-size: 24px;color: #fff; background:url(../images/fuw_y.png) no-repeat;width: 300px;height: 300px;position: absolute;top: 90px;right: 100px;text-align: center;overflow: hidden;line-height: 40px;z-index: 10;
transition: all 1s ease-in-out 0s;}
.fuw_l b i{display: block; padding:100px 0 0; font-style:normal;}
.fuw_r{width: 340px;height: 500px;}
.fuw_r ul li{width: 340px;height: 80px; padding:0 0 20px;}
.fuw_r ul li a{font-size: 16px;color: #333;display: block;width: 240px;height: 80px;line-height: 80px;display: block;overflow: hidden; padding:0 0 0 100px;}
.fuw_r ul li.cur a,.fuw_r ul li a:hover{color: #fff; text-decoration:none; background-image:url(../images/fuw_rbg02.gif);}
.fuw_r .fuw_li01 a{ background-image:url(../images/fuw_rbg01.gif);}
.fuw_r .fuw_li02 a{ background-image:url(../images/fuw_rbg01.gif); background-position:0 -100px;}
.fuw_r .fuw_li03 a{ background-image:url(../images/fuw_rbg01.gif); background-position:0 -200px;}
.fuw_r .fuw_li04 a{ background-image:url(../images/fuw_rbg01.gif); background-position:0 -300px;}
.fuw_r .fuw_li05 a{ background-image:url(../images/fuw_rbg01.gif); background-position:0 -400px;}
/*团队*/
.team_bg{ background:url(../images/team_bg.gif) no-repeat center 0;height: 420px;font-size: 0;overflow: hidden;}
.team dl{ display:inline-block;width: 1200px;}
.team dl dt{width: 640px;height: 420px;overflow: hidden;float: right;}
.team dl dt img{width: 640px;height: 420px;}
.team dl dd{width: 560px;height: 420px;float: left;overflow: hidden;}
.team dl dd span{ display:inline-block;width: 500px; padding:0 0 0 30px;}
.team dl dd span a{font-size: 16px;color: #fff; background:url(../images/team_k01.gif) no-repeat;display: block;float: left;width: 80px;height: 50px;line-height: 50px;overflow: hidden; margin:0 10px 0 0; padding:0 0 0 60px;}
.team dl dd span a.cur,.team dl dd span a:hover{ background:url(../images/team_k02.gif) no-repeat; text-decoration:none;}
.team dl dd p{font-size: 14px;color: #333;line-height: 26px;height:280px;overflow: hidden; padding:20px 0 0 35px;width: 455px;}
/*荣誉资质*/
.honor_bg{ background:url(../images/honor_bg.jpg) no-repeat center 0;height: 350px;font-size: 0;}
.honor{ width:280px; padding:0 0 0 20px; margin:-20px 0 0;}
.honor_t{ height:50px;line-height: 44px;text-align: center;overflow: hidden;}
.honor_t a{font-size: 20px;color: #fff;}
.honor_l,.honor_r { padding:112px 0 0;}
.honor_l a:hover img,.honor_r a:hover img {-webkit-animation: icon-bounce 0.5s alternate;-moz-animation: icon-bounce 0.5s alternate;-o-animation: icon-bounce 0.5s alternate;animation: icon-bounce 0.5s alternate;}
.honor_c ul li { width:200px; padding:0 0 0 22px;}
.honor_c ul li em{ width:200px; height:260px;display: block;overflow: hidden;}
.honor_c ul li img{ width:200px; height:260px;}
.honor_c ul li span,.photo_m ul li span{ width:200px; text-align:center; display:block; height:25px; line-height:25px; overflow:hidden; padding:5px 0 0;}
.honor_c ul li span a{ font-size:14px; color:#fff;}
.photo{ padding:90px 0 0 80px;width: 820px;}
.photo_m{}
.photo_m ul li{width: 240px;float: left; padding:0 30px 0 0;}
.photo_m ul li em{width: 238px;height: 148px;display: block;overflow: hidden; border:#fff 1px solid;}
.photo_m ul li img{width: 238px;height: 148px;}
.photo_m ul li span{width: 240px;}
.photo_m ul li span a{font-size: 14px;color: #333;}
.photo_l{position: absolute;top: 295px;left: 435px;}
.photo_r{position: absolute;top: 295px;right: 395px;}
.photo_l a{ background:url(../images/photo_lico01.gif) no-repeat;display: block;width: 30px;height: 30px;}
.photo_l a:hover{ background:url(../images/photo_lico02.gif) no-repeat;}
.photo_r a{ background:url(../images/photo_rico01.gif) no-repeat;display: block;width: 30px;height: 30px;}
.photo_r a:hover{ background:url(../images/photo_rico02.gif) no-repeat;}
/*动态*/
.news,.wd{ width:670px; padding:35px 0 50px; font-size:0;}
.news_t{ height:82px; background:url(../images/news_line.gif) no-repeat 0 74px; line-height:78px;overflow: hidden;}
.news_t a{font-size: 20px;color: #333;}
.news_t a:hover,.news dd h3 a:hover,.news dd span a:hover,.wd dt a:hover{color: #45417c; text-decoration:none;}
.news_t span{ float:right;display: block;float: right;line-height: 0; padding:20px 0 0;}
.news_t span a{ font-family:Verdana, Geneva, sans-serif; font-size:12px;font-weight: normal;display: block;width: 88px;height: 28px;text-align: center;line-height: 28px;overflow: hidden; border:#333 1px solid;text-transform: uppercase;}
.news_t span a:hover{ border:#45417c 1px solid;}
.news dl{ width:670px; padding:35px 0; border-bottom:#ddd 1px dashed; display:inline-block; overflow:hidden;}
.news dt{ width:190px; height:120px;float: left;overflow: hidden;}
.news dt img{ width:190px; height:120px;}
.news dd{ float:left; overflow:hidden; width:440px; padding:0 0 0 25px;}
.news dd h3{ height:25px; line-height:25px; overflow:hidden;}
.news dd h3 a{ font-size:16px; color:#333;font-weight: normal;}
.news dd p{ font-size:14px; color:#666; height:50px; line-height:25px;overflow: hidden; padding:10px 0 0;}
.news dd span{ display:block;width: 100px; padding:10px 0 0;}
.news dd span a{font-size: 12px;color: #333;}
.news .nobor{ border:none;}
/**/
.wd{ width:460px;}
.wd dl{ width:460px; height:90px; padding:22px 0 0;}
.wd dt{ background:url(../images/wen.gif) no-repeat; padding-left:45px; height:30px; line-height:25px; overflow:hidden;}
.wd dt a{ font-size:14px; color:#333; font-weight:bold;}
.wd dd{ font-size:14px; color:#666; background:url(../images/da.gif) no-repeat 0 10px; padding:8px 0 0 45px; line-height:25px; height:50px; overflow:hidden;}
/*友情链接*/
.links_bg{ height:87px; padding:18px 0 0; background:url(../images/link_bg.jpg) no-repeat center 0;font-size: 0;}
.links_l{padding:18px 60px 0 100px; height:25px; line-height:25px;width: 85px;text-align: center;}
.links_l a{ font-size:14px; color:#45417c;}
.links_c{ height:60px; line-height:60px; overflow:hidden; width:810px;}
.links_c a{font-size: 14px;color: #666; padding:0 11px; display:inline-block;}
.links_r{ height:60px; line-height:60px; overflow:hidden;width: 140px;}
.links_r a{font-size: 14px;color: #666;}
/*底部开始*/
.f_bg{ background:url(../images/f_bg.gif) repeat-x; height:180px; overflow:hidden; padding:39px 0 0;}
.f_ban{width: 920px;height: 200px;}
.f01{width: 460px;}
.f_ban p{ font-size:14px; color:#888; line-height:36px; padding:0 0 0 38px;}
.f_ban span{ padding:0 20px;}
.f_ban a{ font-size:14px; color:#888;}
.f_ban .f_p01{ background:url(../images/f_ico01.png) no-repeat 0 7px;}
.f_ban .f_p02{ background:url(../images/f_ico02.png) no-repeat 0 7px;}
.f_ban .f_p03{ background:url(../images/f_ico03.png) no-repeat 0 7px;}
.f_ban .f_p04{ background:url(../images/f_ico04.png) no-repeat 0 7px;}
.f_ban .f_p05{ background:url(../images/f_ico05.png) no-repeat 0 7px;}
.f_ban .f_p06{ background:url(../images/f_ico06.png) no-repeat 0 7px;}
.f_er{width: 280px;height: 200px;}
.f_er img{ width:120px; height:120px;}
.f_er p{float: left;width: 120px;text-align: center; padding:0 0 0 18px;}
.f_er p span{display: block;font-size: 14px;color: #fff; padding:10px 0 0;}
.f_nav{ height:60px; line-height:60px; text-align:center; overflow:hidden; color:#999;}
.f_nav a{ font-size:14px; color:#999; padding:0 20px;}
/*底部二维码*/
.twm {display:inline-block;position:fixed;right:0;top:10%;border:1px solid #333333; }
.twm img {width:150px;height:204px;}
/*底部结束*/

/*产品展示*/
.project{padding-bottom:30px; margin-top:10px;}
.project .sidebar { width: 230px;float: left; }
.project .sidebar h3 { height:80px; box-sizing: border-box; padding-top:25px; border-top: 6px solid #fabf01; font-size:20px; line-height: 100%; font-weight: bold; text-transform:uppercase;text-align: center; color: #fff; background: #45417c; }
.project .sidebar h4 { height:80px; box-sizing: border-box; padding-top:15px; border-top: 6px solid #fabf01; font-size:20px; line-height: 100%; font-weight: bold; text-align: center; color: #fff; background: #45417c; }
.project .sidebar h4 span { display: block; font-size: 12px; letter-spacing:1px; color: #eee; font-weight: normal; margin-top:5px; text-transform:uppercase; }

.project .sidebar ul { box-sizing: border-box; border: 1px solid #e7e7e7; border-top: none; background: #f0f0f0; padding: 15px 14px 9px; }
.project .sidebar ul li { position: relative; width: 200px; height: 40px; box-sizing: border-box; border: 1px solid #dadada; margin-bottom: 10px; background: #fefefe; }
.project .sidebar ul li a { display: block; padding-left:5px; font-size: 12px; line-height: 40px; color: #333; }
.project .sidebar ul li:after { content: ""; width: 10px; height: 10px; border: 1px solid #808080; border-style: solid solid none none; position: absolute; top: 50%; right: 5px; margin-top: -8px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
.project .sidebar ul li:hover { border: none; background: url(../images/ip_bg1.jpg) no-repeat center; }
.project .sidebar ul li:hover a { color: #fff; line-height: 40px; }
.project .sidebar ul li:hover:after { right:5px; border-color: #fff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.project .project_con {width:950px; float: right; border:1px solid #eee; border-top:none;}
.project .project_con .pro_con_nav { height: 55px; margin-bottom:10px; background: #45417c; }
.project .project_con .pro_con_nav span {float:left;display:block;height:55px; margin-left:10px;padding-left:25px;font-weight:bold;font-size:16px;color:#fff;line-height:55px;text-align:center;background:url(../images/d1.png) no-repeat left;}
.project .project_con .pro_con_nav a { display: block; float: right; padding-right: 20px; font-size: 12px; color: #fff; line-height: 55px; }
.pro_rm{ padding:10px;}
.pro_rm dl{width:295px;float:left; margin-right:15px; margin-bottom:15px;}
.pro_rm dl:nth-child(3n){ margin-right: 0; }
.pro_rm dl dt{width:295px;height:240px;}
.pro_rm dl dt img{width:289px;padding:3px;}
.pro_rm dl dt a{background:#f3f3f3;display: block;width:295px;height:240px;display: block;font-size: 12px;color: #252525;}
.pro_rm dl dt a:hover{background: #45417c;color: #fff; text-decoration:none;}
.pro_rm dl dt span{display: block;width: 316px;height: 38px;text-align: center;line-height: 38px;overflow: hidden;}
.pro_rm dl dd{ background:url(../images/cp_btn.gif) no-repeat 0 15px; padding:15px 0 0;width: 237px;height: 34px;line-height: 34px; margin:0 auto;}
.pro_rm dl dd a{font-size: 12px;color: #fff;display: block;float: left;width: 118px;text-align: center;float: left;}
.pro_rm dl dd .cp_btn01{color: #252525;}
.abcc{line-height:30px;}
.abcc img{ max-width:100%; margin-bottom:5px;}
.pro_rmm{ padding:10px;}
.pro_rmm dl{width:295px;float:left; margin-right:15px; margin-bottom:15px;}
.pro_rmm dl:nth-child(3n){ margin-right: 0; }
.pro_rmm dl dt{width:295px;height:250px;}
.pro_rmm dl dt img{width:289px; height:207px;padding:3px;}
.pro_rmm dl dt a{background:#f3f3f3;display: block;width:295px;height:250px;display: block;font-size: 12px;color: #252525;}
.pro_rmm dl dt a:hover{background: #45417c;color: #fff; text-decoration:none;}
.pro_rmm dl dt span{display: block;width: 316px;height: 38px;text-align: center;line-height: 38px;overflow: hidden;}
.pro_rmm dl dd{ background:url(../images/cp_btn.gif) no-repeat 0 15px; padding:15px 0 0;width: 237px;height: 34px;line-height: 34px; margin:0 auto;}
.pro_rmm dl dd a{font-size: 12px;color: #fff;display: block;float: left;width: 118px;text-align: center;float: left;}
.pro_rmm dl dd .cp_btn01{color: #252525;}

.pro_rmmm{ padding:10px;}
.pro_rmmm dl{width:220px;float:left; margin-right:15px; margin-bottom:15px;}
.pro_rmmm dl:nth-child(4n){ margin-right: 0; }
.pro_rmmm dl dt{width:220px;}
.pro_rmmm dl dt img{width:214px;padding:3px;}
.pro_rmmm dl dt a{background:#f3f3f3;display: block;width:220px;height:150px;display: block;font-size: 14px;color: #252525;}
.pro_rmmm dl dt a:hover{background: #45417c;color: #fff; text-decoration:none;}
.pro_rmmm dl dt span{display: block;width: 220px;height: 38px;text-align: center;line-height: 38px;overflow: hidden;}
.pro_rmmm dl dd{ background:url(../images/cp_btn.gif) no-repeat 0 15px; padding:15px 0 0;width: 237px;height: 34px;line-height: 34px; margin:0 auto;}
.pro_rmmm dl dd a{font-size: 14px;color: #fff;display: block;float: left;width: 118px;text-align: center;float: left;}
.pro_rmmm dl dd .cp_btn01{color: #252525;}
/*****************新闻资讯********************/
.newslistt{ width:100%;}
.newslistt ul{}
.newslistt ul li{width:300px;height:330px;background: #f9f9f9;float: left; margin-right:15px; margin-bottom:20px;}
.newslistt ul li:nth-child(3n) {margin-right: 0; float:right;}
.con_new{width:290px;height: auto;margin: 5px auto 0;}
.xwbt{font-size:14px;line-height: 22px;margin-top: 10px;color:#666; font-weight:bold;}
.xwbt a{color:#666;}
.tim{font-size:12px; margin-top:5px;color: #8b8b8b;}
.titl{font-size:12px;line-height:20px;color: #7b7b7b;}
.newslistt ul li span{ float:right; color:#999999}
.newmore{margin-top:10px;color: #c3161c;font-size:12px;line-height:20px;text-transform: uppercase;text-decoration: none; background:#45417c; border-radius:20px; width:100px; text-align:center;}
.newmore a{color: #fff;font-size:12px; text-decoration: none !important;}
.fy{ clear:both;}
.fy a{ width:60px;height:30px; margin-top:10px; line-height:30px; display:inline-block; border:1px solid #CCC; text-align:center; margin-bottom:20px; margin-right:10px; color:#666}
.product_x{margin-top:20px; clear:both;}
.product_xx{height:35px; background:#eee;lear:both;}
.product_xx h2{float:left;width: auto; padding:0 20px; margin:0px; line-height:35px; vertical-align:middle; font-size:16px;color:#FFF; font-weight:normal; background-color:#45417c;}
#product_info{overflow:hidden;margin:0 auto; font-size:14px; line-height:24px; clear:both; text-align:left; margin-top:10px;}
#product_info img{ max-width:980px;}

/**************留言*****************/
#feedback_form{ margin-bottom:80px;}
#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;}
#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:280px;height:30px;line-height:30px;float:left;margin:0 37px 30px 0;padding:0 10px;border:1px solid #dbdbdb;}
#feedback_form input.last{margin-right:0;}
#feedback_form .msg{padding:10px 0;}
#feedback_form textarea{height:100px;width:900px;padding:10px;border:1px solid #dbdbdb;display:block;}
#feedback_form .btns{width:120px;height:40px;margin-right:10px; background:#ff6014;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 input:focus,#feedback_form textarea:focus{border-color:#0089e2;}