.procenter{padding:46px 0;background:#f4f4f4;}
.procenterlist{position:relative;}
.procentercont{width:1158px;height:380px;overflow:hidden;margin:0 auto;}
.procentercont ul{width:9999px;}
.procentercont ul li{width:280px !important;height:350px;overflow:hidden;position:relative;background:#fff;margin-right:12px;float:left;}
.procentercont ul li p { text-align:center;}
.procentercont ul li a img,.showroomlist li a img{filter: alpha(opacity=90);opacity: 0.9; transition: all 1s ease-out; -moz-transition: all 1s ease-out; -ms-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out;}
.procentercont ul li a:hover img,.showroomlist li a:hover img{filter:alpha(opacity=100); opacity:1; transform: scale(1.2,1.2); -moz-transform: scale(1.2,1.2); -ms-transform: scale(1.2,1.2); -o-transform: scale(1.2,1.2); -webkit-transform: scale(1.2,1.2);}
.imglink{display:block;margin:0 auto;width:210px;padding:42px 0 40px 0;}
.imglink img{width:210px;height:210px;}
.procentercont ul li div{border-top:1px solid #f4f4f4;text-align:center;height:87px;line-height:20px;}
.procentercont ul li div h4{padding-top:16px;font-size:16px;font-weight:bold;padding-bottom:3px;}
.procentercont ul li div a h4{color:#333;}
.procentercont ul li div a{color:#999;}
.procentercont ul li.thisback div{background:#2373b2;}
.procentercont ul li.thisback div a{color:#fff;}
.procentercont ul li.thisback div a h4{color:#fff;}

.protitle img{margin:0 auto;}
.procenterbtn{text-align:center;padding:26px 0 80px 0;}
.procenterbtn a{display:inline-block;width:140px;height:28px;line-height:28px; margin-right:20px;background:url(../images/img16.jpg) no-repeat;}
.procenterbtn a:hover, .procenterbtn a.changecur{color:#fff;background:url(../images/img17.jpg) no-repeat;}

.procenterwrap{position:relative;width:1200px;overflow:hidden; display:none;}
.proleft, .proright{display:inline-block;width:40px;height:76px; position:absolute;top:152px;background:url(../images/img18.png) no-repeat;z-index:20;}
.proleft{left:29px;}
.proleft:hover{background-position:left bottom;}
.proright{right:29px;background-position:right top;}
.proright:hover{background-position:right bottom;}










.web{width:1200px;margin:0 auto;}
.index-about{ width: 100%; height: 360px; background: url(../images/cimg35.png) no-repeat;}
.index-title{ width: 100%; padding: 70px 0 38px;}
.index-title img{ margin: 0 auto;}
.index-about .brief{ line-height: 24px; font-size: 14px; text-align: center; padding-bottom: 40px; border-bottom: 1px solid #d9d9d9;}
.index-about-list{ padding-top: 49px; }
.index-about-list li{ float: left; width: 168px; padding-right: 38px;}
.index-about-list .last-li{ padding-right: 0;}
.index-about-list li a{ cursor: default;}
.index-about-list li span{ display: block; width: 86px; height: 86px; border: 2px solid #ccc; margin: 0 auto;}
.index-about-list li .title{ display: block; font-size: 14px; padding-top: 19px;}
.index-about-list li a:hover .title{ color: #304a9a;}
.index-about-list li a:hover span{ border-color: #304a9a;}

.index-about-list li .pic01{ background: url(../images/cimg18.png) no-repeat center center;}
.index-about-list li .pic02{ background: url(../images/cimg20.png) no-repeat center center;}
.index-about-list li .pic03{ background: url(../images/cimg22.png) no-repeat center center;}
.index-about-list li .pic04{ background: url(../images/cimg24.png) no-repeat center center;}
.index-about-list li .pic05{ background: url(../images/cimg26.png) no-repeat center center;}
.index-about-list li .pic06{ background: url(../images/cimg28.png) no-repeat center center;}

.index-about-list li a:hover .pic01{ background: url(../images/cimg19.png) no-repeat center center;}
.index-about-list li a:hover .pic02{ background: url(../images/cimg21.png) no-repeat center center;}
.index-about-list li a:hover .pic03{ background: url(../images/cimg23.png) no-repeat center center;}
.index-about-list li a:hover .pic04{ background: url(../images/cimg25.png) no-repeat center center;}
.index-about-list li a:hover .pic05{ background: url(../images/cimg27.png) no-repeat center center;}
.index-about-list li a:hover .pic06{ background: url(../images/cimg29.png) no-repeat center center;}

.index-about .more{ padding-top: 43px; width: 100%; text-align: center;}
.index-about .more a{ display: inline-block; font-size: 14px; width: 93px; text-align: center; height: 30px; line-height: 30px; color: #d9d9d9; background: url(../images/cimg30.png) no-repeat;}
.index-about .more a:hover{ color: #304a9a; background-image: url(../images/cimg31.png);}

.index-pro{ width: 100%; height: 880px; background: #324d9e url(../images/cimg36.png) no-repeat center center;}
.index-pro .more{ padding-top: 49px; width: 100%; text-align: center;}
.index-pro .more a{ display: inline-block; font-size: 14px; width: 93px; text-align: center; height: 30px; line-height: 30px; color: #fff; background: url(../images/cimg43.png) no-repeat;}




/*warp*/
.warp_show{ width:100%; height:auto; overflow:hidden;}
.warp_shBox{ clear:both; position:relative;}
.name{ color:#484848; font-size:32px; font-weight:bold; line-height:normal; text-align:center;}
.intro{ font-size:14px; line-height:22px; width:806px; margin:12px auto 38px; text-align:center;}





 /*选项卡 over*/
 img{border:none;display: block;}
.index-new{ width: 100%; background-color: #fff; padding-bottom: 85px;}
.index-new .pic{ width: 493px; height: 370px; overflow: hidden; position: relative;}
.index-new .pic a{}
.index-new .pic img{ width: 493px; height: 370px;}
.index-new .pic .title{ display: block; position: absolute; bottom: 0; font-size: 16px; color: #fff; line-height: 45px; height: 45px; padding: 0 14px 0 20px; width: 459px; background: url(../webimages/cimg45.png) repeat-x;}
.index-new .pic .title .date{ position: absolute; right: 14px; font-size: 14px;}
.index-new .pic a:hover .title{ }
.index-title img{margin: 0 auto;}
.index-title{ width: 100%; padding: 10px 0 1px;}
.newlist{ width: 660px;}
.newlist-box{ border-bottom: 1px solid #d9d9d9; height: 92px; position: relative; overflow: hidden;}
.newlist-box a{ display: block; width: 100%; cursor: pointer;}
.newlist-box .newlist-left{ width: 115px; text-align: center; color: #ccc; position: absolute; left: 0; bottom: 0; z-index: 1;}
.newlist-box .newlist-left strong{ display: block; font-size: 55px; font-weight: 400; line-height: 44px; padding-bottom: 6px;}
.newlist-box .newlist-left em{ display: block; font-size: 16px; line-height: 20px; padding-bottom: 11px;}
.newlist-box .newlist-right{ width: 526px; padding: 0 19px 12px 0; position: absolute; bottom: 0; right: 0; z-index: 1;}
.newlist-box .newlist-right .title{ display: block; color: #1a1a1a; line-height: 20px; padding-bottom: 8px; font-weight: 400; font-size: 16px;}
.newlist-box .newlist-right .text{ display: block; line-height: 20px; color: #666; font-size: 14px;}
.newlist-box .mask{ position: absolute; background-color: #2d458f; width: 100%; height: 92px; bottom: 0; left: -660px; z-index: 0;}
.newlist-box .newlist-left .whitefont,.newlist-box .newlist-right .whitefont{ color: #fff;}








 
.index-new{ width: 1000px; background-color: #fff; padding-bottom: 85px;}
.index-new .pic{ width: 493px; height: 370px; overflow: hidden; position: relative;}
.index-new .pic a{}
.index-new .pic img{ width: 493px; height: 370px;}
.index-new .pic .title{ display: block; position: absolute; bottom: 0; font-size: 16px; color: #fff; line-height: 45px; height: 45px; padding: 0 14px 0 20px; width: 459px; background: url(../webimages/cimg45.png) repeat-x;}
.index-new .pic .title .date{ position: absolute; right: 14px; font-size: 14px;}
.index-new .pic a:hover .title{ }




.wd1200{width:1200px;margin:0 auto;}
#warp_shBox6{ background:url(../images/cont_img.jpg) no-repeat center; width:100%; height:532px;}
#warp_shBox6 .pdd{ padding:84px 0 0 0;}
#warp_shBox6 .name a{ color:#FFF;}
.cont{ height:140px; padding-top:40px;}
.cont li{ float:left; width:300px; height:140px;}
.cont li a{ display:block; width:300px;}
.cont_icon{ display:block; width:115px; height:100px; margin:0 auto;}
.cont_name{ display:block; color:#919090; font-size:14px; width:300px; padding-top:16px; text-align:center;}
.cont_icon1{ background:url(../images/cont_ac1.png) no-repeat;}
.cont_icon2{ background:url(../images/cont_ac2.png) no-repeat;}
.cont_icon3{ background:url(../images/cont_ac3.png) no-repeat;}
.cont_icon4{ background:url(../images/cont_ac4.png) no-repeat;}
.cont li a:hover .cont_icon1{ background:url(../images/cont_ho1.png) no-repeat;}
.cont li a:hover .cont_icon2{ background:url(../images/cont_ho2.png) no-repeat;}
.cont li a:hover .cont_icon3{ background:url(../images/cont_ho3.png) no-repeat;}
.cont li a:hover .cont_icon4{ background:url(../images/cont_ho4.png) no-repeat;}
.cont li a:hover .cont_name{ color:#009b4d;}













body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {padding: 0;margin: 0;}
table {border-collapse: collapse; border-spacing: 0;}
fieldset,img {border: 0; padding:0px; margin:0px;}
ol,ul {list-style: none;}
h1,h2,h3,h4,h5,h6 {font-weight: normal; font-size:100%;}
body{ font:12px/24px 'Microsoft YaHei'; color:#666;}
a{ color:#333; text-decoration:none;}
.fl{ float:left;}
.fr{ float:right;}
.show{ display:block;}
.hide{ display:none;}
.cl{ clear:both;}
html{ overflow-x:hidden;}
*{ outline:none;}
.wd1200{width:1200px;margin:0 auto;}
.bor_radius{ border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;}
.pdd{ padding:90px 0 132px;}
a:hover{ color:#009b4d;}


/*底部公用*/
.footer{ clear:both; width:100%; height:auto; overflow:hidden; background-color:#232323;}
.foot_t{ height:auto; overflow:hidden; padding:50px 0 32px; border-bottom:1px solid #4a4949;}
.foot_all{ width:300px;}
.foot_chnal{ width:auto;}
.foot_logo{ width:300px; height:46px;}
.foot_read{ padding-top:14px;}
.foot_read h3{ color:#919090; font-size:14px;}
.foot_read p{ color:#585656; line-height:16px; padding:4px 0 14px;}
.read_search{ background-color:#333; width:298px; height:30px; border:1px solid #595959;}
.read_text{ display:block; background-color:#333; font-family:'Microsoft YaHei'; color:#585656; font-size:12px; width:214px; height:20px; line-height:20px; padding:5px 12px; border:0; border:none;}
.read_button{ display:block; background-color:#595959; font-family:'Microsoft YaHei'; color:#919090; font-size:14px; width:60px; height:30px; border:none; cursor:pointer;}
.foot_share{ position:relative; height:24px; padding:20px 0 4px 10px;}
.foot_share span{ float:left;}
.foot_share span,.foot_lg span,.foot_lg a{ color:#585656;}
.foot_share a{ display:inline-block; margin-right:10px; width:24px; height:24px;}
.foot_wx{ display:none; position:absolute; right:58px; top:-182px; z-index:20; background:url(../images/wx_cur.jpg) no-repeat bottom; padding-bottom:12px; width:164px; height:186px;}
.foot_wxShow{ padding:10px 10px 0 10px; width:144px; height:176px; background-color:#FFF;}
.foot_wxName{ font-size:14px; height:32px; line-height:32px; text-align:center;}
.foot_sh1{ background:url(../images/foot_shac1.png) no-repeat;}
.foot_sh2{ background:url(../images/foot_shac2.png) no-repeat;}
.foot_sh3{ background:url(../images/foot_shac3.png) no-repeat;}
.foot_share .foot_sh1:hover{ background:url(../images/foot_shho1.png) no-repeat;}
.foot_share .foot_sh2:hover{ background:url(../images/foot_shho2.png) no-repeat;}
.foot_share .foot_sh3:hover{ background:url(../images/foot_shho3.png) no-repeat;}
.foot_lg{ padding-left:10px;}
.foot_lg a{ padding:0 8px;}
.foot_chnal{ width:800px; border-left:1px solid #4a4949;}
.foot_chnal dl{ float:right; margin-left:70px; display:inline;}
.foot_chnal dl dt{ margin-bottom:10px;}
.foot_chnal dl dt a{ color:#FFF; font-size:16px;}
.foot_chnal dl dd{ height:28px; line-height:28px;}
.foot_chnal dl dd a{ display:block; color:#919090; font-size:14px;}
.foot_d{ height:auto; overflow:hidden; padding:16px 0;}
.copyright,.copyright a{ color:#919090;}
.foot_click{ color:#4e4e4e; margin-right:-8px; display:inline;}
.foot_click a{ color:#919090; padding:0 8px;}
.footer a:hover{ color:#FFF;}








/******index产品中心**9.25******/
.cpzx{}
.cpzx .hd{  height:50px; line-height:50px; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;border-right:1px solid #e4e4e4;}
.cpzx .hd li{ width:165px; height:50px; text-align:center; display:block; float:left; border-left:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;}
.cpzx .hd li.mo{ border-right:1px solid #e4e4e4}
.cpzx .hd li.curr{ background:#0058a8}
.cpzx .hd li.curr a{ color:#fff}
.cpzx .hd li a{ font-size:14px; color:#333; display:block }
.cpzx .bd .bdiv{ width:100%; height:455px; overflow:hidden; position:relative; display:none }
.cpzx .bd .bdiv .pic{ position:relative; width:100%; height:100%; overflow:hidden;}
.cpzx .bd .bdiv .pic img{ width:1920px; height:455px; position:absolute; left:50%; top:0; margin-left:-960px;}
.cpzx .bd .bdiv .txt{ font-size:14px; line-height:30px; color:#fff; width:560px; padding:50px 100px; background:rgba(255,255,255,0.5); position:absolute; left:50%; top:55px; margin-left:-380px;}
.cpzx .bd .bdiv .txt a{ width:135px; height:40px; line-height:40px; margin:30px auto; text-align:center; background:#1872cc; color:#fff; font-size:14px; display:block;}


.box,.aboutclass{-webkit-box-shadow: -1px 0 3px rgba(0,0,0,0.1),0 4px 3px rgba(0,0,0,0.1),1px 0 3px rgba(0,0,0,0.1);box-shadow: -1px 0 3px rgba(0,0,0,0.1),0 4px 3px rgba(0,0,0,0.1),1px 0 3px rgba(0,0,0,0.1);-ms-box-shadow: -1px 0 3px rgba(0,0,0,0.1), 0 4px 3px rgba(0,0,0,0.1),1px 0 3px rgba(0,0,0,0.1);-moz-box-shadow: -1px 0 3px rgba(0,0,0,0.1),0 4px 3px rgba(0,0,0,0.1),1px 0 3px rgba(0,0,0,0.1);-o-box-shadow: -1px 0 3px rgba(0,0,0,0.1),0 4px 3px rgba(0,0,0,0.1),1px 0 3px rgba(0,0,0,0.1);}
.box{width:1200px;margin:auto;}