﻿body, h1, h2, h3, h4, h5, h6, ul, ol, li, form, img, dl, dt, dd, table, th, td, blockquote, fieldset, div, strong, label, em{ margin:0; padding:0; border:0;}   
ul, ol, li{ list-style:none;}
input, button{ margin:0; font-size:13px; vertical-align:middle;}
body{ font-size:13px; font-family:Microsoft YaHei; margin:0 auto;}
*{ outline:none;}


/*首页样式*/
.head{ width:1200px; height:145px; overflow:hidden; margin:0 auto;}
.head .lt{ width:650px; height:145px; overflow:hidden; float:left; display:inline-block;}
.head .lt a{ text-decoration:none; width:auto; height:145px; float:left; text-align:left;}
.head .lt a img{ margin-top:34px; padding-right:15px;}
.head .lt span{ height:auto; float:left; display:inline-block; border-left:1px solid #878787; color:#b42a2e; font-size:24px; line-height:30px; padding:2px 0px 0px 15px; margin-top:43px; font-weight:bold;}
.head .lt span font{ color:#666; font-size:16px; display:block; font-weight:lighter;}
.head .rt{ width:350px; height:145px; overflow:hidden; float:right; text-align:right; display:inline-block;}
.head .rt p{ margin:0; padding:0; font-size:22px; color:#5a5959; overflow:hidden;}
.head .rt p img{ vertical-align:-4px; margin-right:5px; padding-top:15px;}
.head .rt p font{ color:#b32a2e; font-size:30px; font-family:Arial; font-weight:bold; vertical-align:-4px;}
.head .rt p em{ width:40px; height:24px; display:inline-block; float:left; background:url(../images/fdj.png) center center no-repeat; margin-top:4px;}
.head .rt p input{ width:200px; height:24px; line-height:18px; float:left; border:none; background:#fff; padding:0; margin:0; padding-left:10px; border-left:1px solid #878787; margin-top:4px;
                   color:#363636; font-family:Microsoft YaHei; font-size:14px;}
.head .rt p a{ text-decoration:none; width:auto; height:30px; line-height:30px; float:right; text-align:center; color:#fff; background:#474747; padding:0 15px; font-size:14px;}



.nav{ width:100%; height:69px; background:#c8343a;}
.nav ul{ width:1200px; height:69px; margin:0 auto;}
.nav ul li{ height:69px; line-height:69px; border-left:1px solid #a62c2e; float:left; position:relative;}
.nav ul li:last-child{ border-right:1px solid #a62c2e;}
.nav ul li a{ text-decoration:none; padding:0 30px; height:70px; text-align:center; display:inline-block; color:#fff; font-size:16px; margin-top:-1px; transition:all 0.5s ease;}
.nav ul li a:hover{ background:#3c3c3c;}
.nav ul li .over{ background:#3c3c3c;}
.nav ul li ul{ width:auto; height:auto; position:absolute; top:69px; left:-1px; z-index:999; border-top:0; background:#fff; border:1px solid #ccc; border-top:none; border-bottom-left-radius:3px; 
               border-bottom-right-radius:3px; display:none;}
.nav ul li ul li{ float:none; border-left:none; width:auto; height:auto; line-height:35px; border-bottom:1px dotted #ccc;}
.nav ul li ul li:last-child{ border-right:0; border-bottom:none;}
.nav ul li ul li a{ color:#333; height:35px; margin-top:0px; text-align:left; padding:5px 15px; display:block; font-size:14px; white-space:nowrap; min-width:135px;}
.nav ul li:hover a{ background:#3c3c3c;}
.nav ul li:hover ul li a{ background:none;}
.nav ul li ul li:hover{ background:#ddd;}
.nav ul li ul li:hover a{ color:#c8343a;}
.nav ul li:hover ul{ display:block;}

.nav ul li ul li ul{ position:absolute; left:165px; top:0px; border:none; background:#ddd; display:none;}
.nav ul li ul li ul li{ border-bottom:none;}
.nav ul li ul li ul li a{ padding:5px 15px;}
.nav ul li ul li:hover ul li a{ color:#3c3c3c;}
.nav ul li ul li ul li a:hover{ color:#c8343a; text-decoration:underline;}
.nav ul li:hover ul li ul{ display:none;}
.nav ul li ul li:hover ul{ display:block;}


.banner{ width:100%; height:520px; overflow:hidden;box-shadow:0px 5px 10px #666; position:relative;}
.banner ul{ width:500%; height:520px; overflow:hidden; position:absolute;}
.banner ul li{ width:20%; height:520px; overflow:hidden; float:left;}
.banner p{ width:100%; height:auto; overflow:hidden; text-align:center; margin:0; padding:0; position:absolute; left:0px; bottom:0px; padding:10px 0px;}
.banner p span{ width:39px; height:15px; display:inline-block; background:url(../images/lingxing1.png) center center no-repeat; margin-right:10px; cursor:pointer; /*background:rgba(255,255,255,0.5); transition:all 1s ease; transform:skew(-30deg, 0deg); -webkit-transform: skew(-30deg, 0deg);*/  }
.banner p span:hover{ background:#c8343a; background:url(../images/lingxing2.png) center center no-repeat;}
.banner p .red{ background:rgba(200,52,58,1); background:url(../images/lingxing2.png) center center no-repeat;}


.bg-gray{ background:#e8e8e8;}
.cont-category{ width:1200px; height:auto; overflow:hidden; margin:0 auto; margin-top:30px;}
.cont-category .lt{ width:240px; height:auto; overflow:hidden; float:left; margin-right:20px;}
.cont-category .lt h3{ width:240px; height:60px; line-height:60px; background:#c8343a; font-size:22px; font-weight:bold; color:#fff; text-align:center; border-top-left-radius:3px; border-top-right-radius:3px;}
.cont-category .lt ul{ padding:20px 10px 5px; background:#e8e8e8; overflow:hidden;}
.cont-category .lt ul li{ width:100%; height:auto;}
.cont-category .lt ul li a{ text-decoration:none; color:#3d3d3d; font-size:16px; font-weight:bold; background:#c5c4c4; border-radius:2px; line-height:24px; padding:10px; display:block; margin-bottom:20px;}
.cont-category .rt{ width:940px; height:auto; overflow:hidden; float:left;}
.cont-category .rt h3{ width:100%; height:60px; line-height:60px; background:#c8343a; font-size:22px; font-weight:bold; color:#fff; text-align:left; border-top-left-radius:3px; text-indent:20px; 
                       border-top-right-radius:3px; margin-bottom:20px;}

.cont-category .rt .img{ width:325px; height:325px; overflow:hidden; float:left; margin-right:50px;}
.cont-category .rt .txt{ width:565px; height:350px; overflow:hidden; float:left;}
.cont-category .rt .txt h4{ width:100%; height:40px; line-height:40px; background:#d5d5d5; color:#333; font-size:16px; text-indent:15px; margin-bottom:10px;}
.cont-category .rt .txt table tr th{ color:#262626; font-size:14px; width:75px; line-height:20px; text-align:right; padding:5px; vertical-align:top;}
.cont-category .rt .txt table tr td{ color:#888; font-size:14px; line-height:20px; text-align:left; padding:5px;}
.cont-category .rt .txt p{ margin:0; padding:0; text-align:center; padding-top:20px;}
.cont-category .rt .txt p a{ display:inline-block; text-decoration:none; width:auto; color:#535353; border:1px solid #878787; border-radius:2px; font-size:16px; padding:8px 20px;}
.cont-category .rt .txt p input{ display:inline-block; width:auto; background:#b42930; color:#fff; border:1px solid #b42930; border-radius:2px; font-size:16px; padding:8px 20px; 
                                 font-family:Microsoft YaHei; font-weight:bold; float:left; cursor:pointer;}
.cont-category .rt .txt p input:hover{ background:#c8343a; border:1px solid #b42930;}
.cont-category .rt .txt p .more{ float:right;}
.cont-category .rt .txt p a:hover{ border:1px solid #b42930; color:#b42930;}



.pro{ width:100%; height:auto; overflow:hidden; background:#ececec; padding:60px 0px; margin-top:50px;}
.pro .info{ width:1200px; height:auto; overflow:hidden; margin:0 auto;}
/* Box */
.wp_box{ width:100%; height:auto; overflow:hidden;}
.plst_pt{ overflow:hidden; _width:100%;}
.plst_pt ul{ overflow:hidden; zoom:1; width:9999em;}
.plst_pt li{ width:285px; height:285px; float:left; margin-right:20px; display:inline; text-align:center;}
.plst_pt li:lastchild{ margin-right:0px;}
.plst_pt li a{ text-decoration:none; color:#666; width:285px; height:285px; overflow:hidden; display:block; background:#fff; position:relative; transition:all 0.5s ease-in;}
.plst_pt li a img{ width:100%; height:100%;}
/*.plst_pt li a .txt{ width:100%; height:100%; overflow:hidden; background:rgba(73,71,72,0.8); padding:20px; box-sizing:border-box; position:absolute; top:0px; left:0px; z-index:9; transform: scale(0); transition: all 0.5s ease-in;}*/
.plst_pt li a .txt h3{ width:100%; height:auto; overflow:hidden; line-height:25px; white-space:nowrap; font-size:18px; color:#fff; padding-bottom:10px;}
.plst_pt li a .txt p{ margin:0; padding:0; width:100%; height:60px; overflow:hidden; line-height:20px; font-size:14px; color:#fff; text-align:left;}
.plst_pt li a .txt span{ width:auto; height:30px; line-height:30px; overflow:hidden; display:inline-block; padding:0 10px; color:#fff; font-size:14px; cursor:pointer; margin-top:10px; border:1px solid #ccc; }
/*.plst_pt li a:hover .txt{ transform: scale(1);}*/
.wp_box .more{ width:auto; height:40px; line-height:40px; padding:0 20px; display:inline-block; color:#333; border:1px solid #333; font-size:16px; text-decoration:none;}
.wp_box .more:hover{ background:#333; color:#fff;}
/* Roll */
.wp_roll{ position:relative; _width:100%;}
.roll_lt{ width:25px; height:45px; line-height:45px; position:absolute; top:72px; left:0px; z-index:99; font-size:30px; font-family:SimSun; text-align:left; color:#c63f3e; 
                    text-decoration:none; text-indent:8px; background:rgba(255, 255, 255, 0.8); background:url(../images/l-rollbg.png) left top no-repeat;}
.roll_rt{ width:25px; height:45px; line-height:45px; position:absolute; top:72px; left:0px; z-index:99; font-size:30px; font-family:SimSun; text-align:left; color:#c63f3e; 
                    text-decoration:none; text-indent:8px; background:rgba(255, 255, 255, 0.8); background:url(../images/r-rollbg.png) right top no-repeat;}
.roll_lt{ border-top-right-radius:45px; border-bottom-right-radius:45px; text-indent:2px;}
.roll_rt{ left:auto; right:0px; border-top-left-radius:45px; border-bottom-left-radius:45px;}
.roll_cnt{ width:100%; height:auto; overflow:hidden;}
.roll_lt:hover{ background:rgba(0, 0, 0, 0.7); background:url(../images/l-rollbg2.png) left top no-repeat;}
.roll_rt:hover{ background:rgba(0, 0, 0, 0.7); background:url(../images/r-rollbg2.png) right top no-repeat;}




.pinzhi{ width:100%; height:1030px; overflow:hidden; background:url(../images/pinzhi-bg2.jpg) center top no-repeat;}
.pinzhi .zhezhao{ width:100%; height:1030px; overflow:hidden; background:rgba(77,77,77,0.8); background:url(../images/zhezhao-gry.png) 0 0 repeat; position:relative;}
.pinzhi .zhezhao .HH{ width:100%; height:155px; overflow:hidden; background:rgba(222,79,77,0.9); background:url(../images/zhezhao-red.png) 0 0 repeat;}
.pinzhi .zhezhao .HH h1{ width:100%; height:70px; line-height:70px; margin-top:8px; color:#fff; font-size:34px; text-align:center; letter-spacing:1px;}
.pinzhi .zhezhao .HH h1 span{ letter-spacing:0px; font-weight:lighter;}
.pinzhi .zhezhao .HH h2{ width:100%; height:50px; overflow:hidden; text-align:center;}
.pinzhi .zhezhao .HH h2 span{ width:auto; height:46px; line-height:46px; display:inline-block; padding:0 25px; border:2px solid #fff; color:#fff; font-size:30px; font-weight:lighter;}
.pinzhi .zhezhao .arrow-down{ width:100%; height:26px; background:url(../images/arrow-down.png) center -1px no-repeat;}
.pinzhi .zhezhao .cont{ width:1200px; height:auto; min-height:605px; overflow:hidden; margin:0 auto; background:url(../images/pinzhi-contbg.png) center top no-repeat; margin-top:65px; position:relative;}
.pinzhi .zhezhao .cont ul{ width:100%; height:auto; overflow:hidden;}
.pinzhi .zhezhao .cont ul li{ position:absolute; text-align:left;}
.pinzhi .zhezhao .cont ul li h3{ width:100%; height:37px; line-height:37px; overflow:hidden; margin-bottom:10px; font-size:28px; color:#fff; font-weight:lighter;}
.pinzhi .zhezhao .cont ul li h3 em{ width:37px; height:37px; display:inline-block; background:#cb3332; color:#fff; font-style:normal; text-align:center; margin-right:15px;}
.pinzhi .zhezhao .cont ul li p{ margin:0; padding:0; line-height:25px; font-size:14px; color:#fff;}
.pinzhi .zhezhao .cont ul .li1{ width:330px; height:auto; overflow:hidden; top:20px; left:0px;}
.pinzhi .zhezhao .cont ul .li2{ width:330px; height:auto; overflow:hidden; top:20px; left:870px;}
.pinzhi .zhezhao .cont ul .li3{ width:300px; height:auto; overflow:hidden; top:295px; left:0px;}
.pinzhi .zhezhao .cont ul .li4{ width:250px; height:auto; overflow:hidden; top:280px; left:945px;}
.pinzhi .zhezhao .cont ul .li5{ width:480px; height:auto; overflow:hidden; top:500px; left:710px;}
.pinzhi .zhezhao .bot{ width:100%; height:100px; line-height:100px; text-align:center; overflow:hidden; background:rgba(222,79,77,0.9); background:url(../images/zhezhao-red.png) 0 0 repeat; position:absolute; bottom:0px; left:0px; font-size:28px; 
                       color:#fff; font-family:SimHei;}
.pinzhi .zhezhao .bot a{ text-decoration:none; color:#fff; width:auto; padding:0 20px; display:inline-block; background:#a42f2f; border:1px solid #c67c7c; border-radius:2px; height:48px; 
                         line-height:48px;}
.pinzhi .zhezhao .bot span{ font-family:Arial; font-size:30px;}



.first-choice{ width:100%; height:auto; overflow:hidden; background:#fff;}
.first-choice .HH{ width:100%; height:auto; overflow:hidden;}
.first-choice .HH h1{ width:100%; height:80px; margin-top:45px; margin-bottom:35px; color:#404040; text-align:center; /*font-weight:lighter;*/}
.first-choice .HH h1 img{ margin-top:5px; margin-right:10px; vertical-align:-4px;}
.first-choice .HH h1 span{ font-size:34px; display:inline-block; text-align:left;}
.first-choice .HH h1 span em{ font-size:24px; font-style:normal;}
.first-choice .HH h2{ width:100%; height:50px; overflow:hidden; text-align:center; margin-bottom:20px;}
.first-choice .HH h2 span{ width:auto; height:46px; line-height:46px; display:inline-block; padding:0 25px; border:2px solid #656565; color:#4d4d4d; font-size:30px; font-weight:lighter;}
.first-choice .arrow-down{ width:100%; height:26px; background:url(../images/arrow-down2.png) center top no-repeat;}
.first-choice .cont{ width:1200px; height:auto; min-height:605px; overflow:hidden; margin:0 auto; margin-top:60px; background:url(../images/red-line.png) center top no-repeat;}
.first-choice .cont ul{ width:100%; height:auto; overflow:hidden;}
.first-choice .cont ul .left-img{ width:100%; height:auto; min-height:310px; overflow:hidden; padding-left:555px; box-sizing:border-box; background:url(../images/red-line2.png) 600px bottom no-repeat; 
                             position:relative;}
.first-choice .cont ul .left-img .img{ width:555px; height:100%; overflow:hidden; position:absolute; top:0px; left:0px;}
.first-choice .cont ul .left-img .img img{ width:380px; height:280px;}
.first-choice .cont ul .left-img .num{ width:90px; height:100%; overflow:hidden; float:left; text-align:center;}
.first-choice .cont ul .left-img .num span{ width:84px; height:86px; line-height:86px; display:inline-block; background:url(../images/num-bg.png) center -1px no-repeat; color:#fff; font-size:48px; 
                                       font-family:YouYuan; vertical-align:top;}
.first-choice .cont ul .left-img .txt{ width:525px; height:auto; overflow:hidden; padding-left:30px; padding-top:20px; float:left; text-align:left;}
.first-choice .cont ul .left-img .txt h3{ width:100%; height:auto; line-height:40px; font-size:30px; color:#cc3333; font-weight:lighter;}
.first-choice .cont ul .left-img .txt h4{ width:100%; height:auto; line-height:25px; font-size:18px; color:#d96666; font-family:YouYuan; font-weight:lighter; margin-bottom:10px;}
.first-choice .cont ul .left-img .txt h5{ width:100%; height:auto; line-height:20px; font-size:14px; color:#ccc; font-family:YouYuan; font-weight:lighter; padding-bottom:10px;}
.first-choice .cont ul .left-img .txt p{ margin:0; padding:0; padding-left:20px; line-height:24px; color:#666; font-size:14px; background:url(../images/star.png) left 7px no-repeat; padding-bottom:15px;}
.first-choice .cont ul .right-img{ width:100%; height:auto; min-height:310px; overflow:hidden; padding-right:555px; box-sizing:border-box; background:url(../images/red-line2.png) 0px bottom no-repeat; 
                             position:relative;}
.first-choice .cont ul .right-img .img{ width:555px; height:100%; overflow:hidden; position:absolute; top:0px; right:0px;}
.first-choice .cont ul .right-img .img img{ width:380px; height:280px;}
.first-choice .cont ul .right-img .num{ width:90px; height:100%; overflow:hidden; float:right; text-align:center;}
.first-choice .cont ul .right-img .num span{ width:84px; height:86px; line-height:86px; display:inline-block; background:url(../images/num-bg.png) center -1px no-repeat; color:#fff; font-size:48px; 
                                       font-family:YouYuan; vertical-align:top;}
.first-choice .cont ul .right-img .txt{ width:525px; height:auto; overflow:hidden; padding-right:30px; padding-top:20px; float:right; text-align:left;}
.first-choice .cont ul .right-img .txt h3{ width:100%; height:auto; line-height:40px; font-size:30px; color:#cc3333; font-weight:lighter;}
.first-choice .cont ul .right-img .txt h4{ width:100%; height:auto; line-height:25px; font-size:18px; color:#d96666; font-family:YouYuan; font-weight:lighter; margin-bottom:10px;}
.first-choice .cont ul .right-img .txt h5{ width:100%; height:auto; line-height:20px; font-size:14px; color:#ccc; font-family:YouYuan; font-weight:lighter; padding-bottom:10px;}
.first-choice .cont ul .right-img .txt p{ margin:0; padding:0; padding-left:20px; line-height:24px; color:#666; font-size:14px; background:url(../images/star.png) left 7px no-repeat; padding-bottom:15px;}
.first-choice .cont ul .li1 .img{ background:url(../images/f1.png) center bottom no-repeat;}
.first-choice .cont ul .li2 .img{ background:url(../images/f2.png) center bottom no-repeat;}
.first-choice .cont ul .li3 .img{ background:url(../images/f3.png) center bottom no-repeat;}
.first-choice .cont ul .li4 .img{ background:url(../images/f4.png) center bottom no-repeat;}
.first-choice .cont ul .li2{ margin-top:60px;}
.first-choice .cont ul .li3{ margin-top:60px;}
.first-choice .cont ul .li4{ margin-top:60px;}
.first-choice .cont ul li:last-child{ background:none;}
.first-choice .bot{ width:100%; height:154px; line-height:154px; text-align:center; overflow:hidden; background:url(../images/first-choice-botbg.png) center top no-repeat; font-size:28px; 
                    color:#fff; font-family:SimHei;}
.first-choice .bot .info{ width:1200px; height:154px; overflow:hidden; margin:0 auto; text-align:right;}
.first-choice .bot a{ text-decoration:none; color:#fff; width:auto; padding:0 15px; display:inline-block; background:#a42f2f; border:1px solid #c67c7c; border-radius:2px; height:48px; 
                      line-height:48px; text-align:center; margin-right:10px;}
.first-choice .bot .a1{ background:none; border:1px solid #fff;}
.first-choice .bot a:hover{ background:#4c4c4c; border:1px solid #999;}
.first-choice .bot .a1:hover{ background:#fff; color:#cc3333; border:1px solid #fff;}
.first-choice .bot span{ font-family:Arial; font-size:30px;}




.about{ width:100%; height:auto; overflow:hidden; background:#ececec; padding:60px 0px 40px;}
.about .info{ width:1200px; height:auto; overflow:hidden; margin:0 auto;}
.about .info h1{ color:#4c4c4c; font-size:45px; line-height:48px; text-align:center;}
.about .info h1 span{ color:#fff; font-size:30px; width:auto; height:48px; display:inline-block; background:#c5403c; line-height:48px; padding:0 15px; vertical-align:top; letter-spacing:5px; margin-left:5px;}
.about .info .pic-txt{ width:100%; height:auto; min-height:320px; overflow:hidden; margin-top:55px; background:url(../images/office-building.png) center top no-repeat;}
.about .info .pic-txt .pic{ width:370px; height:285px; overflow:hidden; float:left;}
.about .info .pic-txt .pic img{ width:100%; vertical-align:middle;}
.about .info .pic-txt .txt{ width:345px; height:auto; overflow:hidden; padding-left:35px; float:right; text-align:left;}
.about .info .pic-txt .txt h3{ color:#c6403d; font-size:24px; font-weight:lighter; line-height:30px; margin:20px 0px 20px;}
.about .info .pic-txt .txt p{ margin:0; padding:0; height:125px; overflow:hidden; line-height:25px; color:#666; font-size:14px; padding-bottom:30px;}
.about .info .pic-txt .txt a{ text-decoration:none; width:auto; height:40px; line-height:40px; display:inline-block; padding:0 20px; color:#c6403d; border:1px solid #c6403d; border-radius:2px; font-size:16px;}
.about .info .pic-txt .txt a:hover{ background:#4c4c4c; color:#fff; border:1px solid #4c4c4c;}




.quality-photo{ width:1200px; height:auto; overflow:hidden; margin:0 auto; background:#fff; padding:45px 0px 55px;}
.quality{ width:270px; height:auto; overflow:hidden; float:left; margin-right:65px;}
.quality h3{ width:100%; height:30px; line-height:30px; text-align:left; color:#c6403d; font-size:24px; margin-bottom:20px; font-weight:lighter;}
.quality h3 a{ width:25px; height:24px; line-height:21px; display:inline-block; border:1px solid #cbcbcb; color:#999; font-size:18px; text-align:center; text-decoration:none; float:right; 
               margin-top:2px; font-weight:lighter;}
.quality h3 a:hover{ border:1px solid #c5403c; color:#c5403c;}               
.quality ul{ /*width:270px;*/ height:270px; overflow:hidden;}
.quality ul li{ width:270px; height:270px; overflow:hidden; float:left; position:relative; margin-right:0px;}
.quality ul li a{ width:100%; height:100%; display:inline-block; text-decoration:none;}
.quality ul li img{ width:270px; height:270px;}
.quality ul li .title{ width:100%; height:40px; overflow:hidden; padding:0 10px; line-height:40px; background:rgba(63,66,59,0.8);background: url(../images/zhezhao-gry.png) 0 0 repeat; color:#fff; font-size:14px; box-sizing:border-box; display:block;
                     position:absolute; bottom:0px; left:0px; text-align:center;}
.quality-photo .roll_lt, .roll_rt{ top:92px;}

.photo{ width:865px; height:auto; overflow:hidden; float:left;}
.photo h3{ width:100%; height:30px; line-height:30px; text-align:left; color:#c6403d; font-size:24px; margin-bottom:20px; font-weight:lighter;}
.photo h3 a{ width:25px; height:24px; line-height:21px; display:inline-block; border:1px solid #cbcbcb; color:#999; font-size:18px; text-align:center; text-decoration:none; float:right; 
             margin-top:2px; font-weight:lighter;}
.photo h3 a:hover{ border:1px solid #c5403c; color:#c5403c;}               
.photo ul{ /*width:865px;*/ height:270px; overflow:hidden;}
.photo ul li{ width:270px; height:270px; overflow:hidden; float:left; position:relative; margin-right:27px;}
.photo ul li:last-child{ margin-right:0px;}
.photo ul li a{ width:100%; height:100%; display:inline-block; text-decoration:none;}
.photo ul li img{ width:270px; height:270px;}
.photo ul li .title{ width:100%; height:40px; overflow:hidden; padding:0 10px; line-height:40px; background:rgba(63,66,59,0.8);background: url(../images/zhezhao-gry.png) 0 0 repeat; color:#fff; font-size:14px; box-sizing:border-box; display:block;
                     position:absolute; bottom:0px; left:0px; text-align:center;}




.agent{ width:100%; height:auto; overflow:hidden; background:#ececec; padding:40px 0px 40px;}
.agent .info{ width:1200px; height:465px; overflow:hidden; margin:0 auto; background:url(../images/agent_bg2.png) center center no-repeat; position:relative;}
.agent .info h1{ width:213px; height:127px; padding-top:10px; overflow:hidden; margin:0 auto; color:#40433c; font-size:24px; line-height:28px; text-align:center; font-weight:lighter;}
.agent .info h1 span{ color:#d2d1d1; font-family:Arial;}
.agent .info .box{ width:315px; height:360px; padding-left:70px; overflow:hidden; border-left:1px solid #ccc; position:absolute; top:85px; right:80px;}
.agent .info .box ul{ width:auto; height:auto; overflow:hidden;}
.agent .info .box ul li{ width:288px; height:38px; line-height:38px; background:#fff; padding:0px 10px; border:1px solid #dbdbdb; overflow:hidden; text-align:left; margin-bottom:10px; color:#40433c;}
.agent .info .box ul li input{ border:none; padding:0px; width:260px; height:38px; font-size:14px; font-family:Microsoft YaHei; color:#666; vertical-align:top;}
.agent .info .box ul li em{ color:#c6403d; font-size:18px; font-style:normal; float:right; display:inline-block; vertical-align:-4px;}
.agent .info .box ul li textarea{ width:288px; height:80px; padding:5px 10px; border:1px solid #dbdbdb; border-radius:3px; font-family:Microsoft YaHei; color:#666; line-height:20px; font-size:14px;}
.agent .info .box ul li img{ float:right; height:38px; border:1px solid #ccc;}
.agent .info .box ul li .tijiao{ padding:0px; width:105px; height:40px; background:#c63f3e; text-align:center; line-height:36px; font-size:16px; border-radius:3px; font-family:Microsoft YaHei; 
                                 color:#fff; margin-right:20px; cursor:pointer;}
.agent .info .box ul li .tijiao:hover{ background:#d72424;}                                 
.agent .info .box ul li .reset{ padding:0px; width:105px; height:38px; background:none; text-align:center; line-height:34px; font-size:16px; border-radius:3px; font-family:Microsoft YaHei; 
                                color:#40433c; border:1px solid #3f423b; cursor:pointer;}
.agent .info .box ul li .reset:hover{ background:#40433c; color:#fff;}
.agent .info .box ul li strong{ color:#3498cb; font-size:13px;}



.news{ width:1200px; height:auto; overflow:hidden; margin:0 auto; padding:45px 0px 55px;}
.news h3{ width:100%; height:50px; line-height:30px; text-align:left; color:#c6403d; font-size:24px; font-weight:lighter;}
.news h3 a{ width:25px; height:24px; line-height:21px; display:inline-block; border:1px solid #cbcbcb; color:#999; font-size:18px; text-align:center; text-decoration:none; float:right; 
            margin-top:2px; font-weight:lighter;}
.news h3 a:hover{ border:1px solid #c5403c; color:#c5403c;}  
.news .infol{ width:865px; height:auto; overflow:hidden; float:left; margin-right:30px;} 
.news .infol h3{ background:url(../images/bot-line.png) center bottom no-repeat;}
.news .infol h3 span{ color:#40433c; width:auto; height:45px; display:inline-block; padding:0 20px; float:left; cursor:pointer;}
.news .infol h3 span:hover{ color:#c6403d; border-bottom:5px solid #c6403d;}
.news .infol h3 .over{ color:#c6403d; border-bottom:5px solid #c6403d;}
.news .infol .box{ width:535px; height:auto; overflow:hidden; padding-left:330px; position:relative; margin-top:25px;}
.news .infol .box img{ width:300px; height:100%; position:absolute; top:0px; left:0px;}
.news .infol .box ul{ width:100%; height:auto; overflow:hidden;}
.news .infol .box ul li{ width:100%; height:auto; overflow:hidden; text-align:left;}
.news .infol .box ul li a{ text-decoration:none; color:#666; display:block; width:100%; height:auto; overflow:hidden; padding-left:30px; box-sizing:border-box; border-bottom:1px dashed #ccc; 
                           background:url(../images/arrow2.png) left 24px no-repeat; padding-top:14px;}
.news .infol .box ul li a h4{ width:100%; height:35px; line-height:35px; font-size:16px; color:#333; font-weight:lighter;}
.news .infol .box ul li a h4 span{ color:#999; font-size:14px; float:right; display:inline-block;}
.news .infol .box ul li a p{ margin:0; padding:0; width:100%; height:20px; line-height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px; padding-bottom:10px;}
.news .infol .box ul li a:hover{ background:url(../images/arrow2.png) left 24px no-repeat #eee;}
.news .infol .box ul li a:hover h4{ color:#c6403d;}

.news .problem{ width:305px; height:auto; overflow:hidden;} 
.news .problem h3{ height:45px;}
.news .problem .box{ width:275px; height:330px; overflow:hidden; position:relative; background:#efefef; padding:10px 15px;}
.news .problem .box .info{ width:275px; height:330px; overflow-y:scroll;  overflow-x:hidden;}
.news .problem .box .info dl{ width:275px; height:auto; overflow:hidden; border-bottom:1px dashed #ccc; text-align:left; padding-bottom:10px; cursor:pointer;}
.news .problem .box .info dl dt{ width:228px;height:20px; line-height:20px; overflow:hidden; font-size:16px; color:#333; padding:10px 0px 10px 30px;position:relative;}
.news .problem .box .info dl dt em{ width:20px; height:20px; line-height:20px; font-size:12px; border-radius:20px; text-align:center; display:inline-block; font-style:normal; background:#c63f3e; color:#fff;  position:absolute; top:10px; left:0px; }
.news .problem .box .info dl dt a{ text-decoration:none; color:#333;}
.news .problem .box .info dl dd{ width:258px; height:60px; line-height:20px; overflow:hidden; font-size:13px; color:#666; padding-left:30px; box-sizing:border-box; position:relative;}
.news .problem .box .info dl dd em{ width:20px; height:20px; line-height:20px; font-size:12px; border-radius:20px; text-align:center; display:inline-block; font-style:normal; background:#3f423b; color:#fff; position:absolute; top:0px; left:0px; }
.news .problem .box .info a:hover dl dt{ color:#c63f3e;}               




.links{ width:100%; height:auto; overflow:hidden; background:#ececec; padding:30px 0px 20px;}
.links h3{ width:1200px; height:40px; overflow:hidden; margin:0 auto; line-height:40px; text-align:left; font-weight:lighter; background:url(../images/link-h3bg.png) left bottom no-repeat}
.links h3 span{ width:auto; height:38px; line-height:38px; padding:0 20px; border:1px solid #40433c; background:#fff; display:inline-block; float:left; color:#40433c; font-size:18px;}
.links h3 a{ text-decoration:none; font-size:13px; color:#333; float:right; display:inline-block; margin-right:5px;}
.links h3 a em{ font-style:normal; font-family:SimSun; letter-spacing:-3px;}
.links h3 a:hover{ color:#c63f3e;}
.links .box{ width:1200px; height:auto; overflow:hidden; margin:0 auto; margin-top:20px;}
.links .box a{ text-decoration:none; color:#333; font-size:13px; float:left; width:auto; display:inline-block; padding-right:20px; line-height:25px;}
.links .box a:hover{ color:#c63f3e;}




.foot{ width:100%; height:auto; overflow:hidden; background:#d6d6d6; margin-top:30px;}
.foot .info{ width:1200px; height:auto; overflow:hidden; margin:0 auto;}
.foot .info .top{ width:100%; height:50px; overflow:hidden; background:#4d4d4d;}
.foot .info .top a{ text-decoration:none; text-align:center; width:132px; height:50px; line-height:50px; display:inline-block; float:left; color:#fff; border-right:1px solid #403d3d;}
.foot .info .bot{ width:100%; height:85px; overflow:hidden; padding:40px 0px; color:#40433c;}
.foot .info .bot .l{ width:50%; height:85px; float:left; box-sizing:border-box; border-right:1px solid #ececec; text-align:right; padding-right:25px;}
.foot .info .bot .l img{ height:76px; margin-top:4px;}
.foot .info .bot .r{ width:50%; height:85px; float:left; box-sizing:border-box; border-left:1px solid #a8a8a8; padding-left:25px; line-height:26px; font-size:14px;}





/*产品中心样式*/
.banner2{ width:100%; height:350px; overflow:hidden; box-shadow:0px 5px 10px #666; position:relative;}
.banner2 ul li{ width:100%; height:350px; overflow:hidden;}


.weizhi{ width:100%; height:30px; margin:0 auto; margin-top:30px;}
.weizhi .info{ width:1200px; height:30px; line-height:30px; margin:0 auto; text-align:left; font-size:14px;}
.weizhi .info a{ text-decoration:none; width:auto; height:30px; display:inline-block; color:#666;}
.weizhi .info a:hover{ color:#d84c4b;}
.weizhi .info em{ font-style:normal; color:#999; font-family:SimHei; width:30px; display:inline-block; text-align:center;}
.weizhi .info span{ color:#d84c4b;}


.insidecont{ width:1200px; height:auto; overflow:hidden; margin:0 auto; margin-top:15px;}
.insidecont .cont-left{ width:900px; height:auto; min-height:100px; overflow:hidden; float:left; margin-right:20px;}
.insidecont .cont-left .l-pro{ width:900px; height:auto; overflow:hidden;}
.insidecont .cont-left .l-pro ul{ width:915px; height:auto; overflow:hidden;}
.insidecont .cont-left .l-pro ul li{ width:290px; height:auto; overflow:hidden; float:left; margin-right:15px; margin-bottom:20px;}
.insidecont .cont-left .l-pro ul li:last-child{ margin-right:0px;}
.insidecont .cont-left .l-pro ul li a{ text-decoration:none; width:100%; display:block; padding:1px; box-sizing:border-box;}
.insidecont .cont-left .l-pro ul li a img{ width:288px; height:288px; vertical-align:top;}
.insidecont .cont-left .l-pro ul li a span{ width:100%; height:40px; line-height:40px; display:block; color:#666; font-size:14px; text-align:center;}
.insidecont .cont-left .l-pro ul li a:hover{ padding:0; border:1px solid #d84c4b;}
.insidecont .cont-left .l-pro ul li a:hover span{ background:#d84c4b; color:#fff;}
.insidecont .cont-left .news2{ width:900px; height:auto; overflow:hidden;}
.insidecont .cont-left .news2 h3{ width:100%; height:40px; line-height:30px; text-align:left; color:#c6403d; font-size:24px; font-weight:lighter; background:url(../images/bot-line.png) center bottom no-repeat; background-size:900px 5px;}
.insidecont .cont-left .news2 h3 a{ width:25px; height:24px; line-height:21px; display:inline-block; border:1px solid #cbcbcb; color:#999; font-size:18px; text-align:center; text-decoration:none; float:right; 
                                    margin-top:2px; font-weight:lighter;}
.insidecont .cont-left .news2 h3 a:hover{ border:1px solid #c5403c; color:#c5403c;} 
.insidecont .cont-left .news2 h3 span{ color:#40433c; width:auto; height:35px; display:inline-block; padding:0 10px; float:left; cursor:pointer;}
.insidecont .cont-left .news2 h3 span:hover{ color:#c6403d; border-bottom:5px solid #c6403d;}
.insidecont .cont-left .news2 h3 .over{ color:#c6403d; border-bottom:5px solid #c6403d;} 
.insidecont .cont-left .news2 .box{ width:900px; height:auto; overflow:hidden; margin-top:20px;}
.insidecont .cont-left .news2 .box ul{ width:940px; height:auto; overflow:hidden;}
.insidecont .cont-left .news2 .box ul li{ width:430px; height:30px; line-height:30px; float:left; margin-right:40px;}
.insidecont .cont-left .news2 .box ul li a{ text-decoration:none; color:#666; width:400px; height:30px; display:inline-block; padding-left:30px; background:url(../images/left-icon1.png) left 11px no-repeat;}
.insidecont .cont-left .news2 .box ul li a span{ display:inline-block; width:300px; height:30px; line-height:30px; text-overflow:ellipsis; white-space:nowrap; float:left;}
.insidecont .cont-left .news2 .box ul li a em{ display:inline-block; width:100px; height:30px; line-height:30px; float:right; text-align:right; color:#999; font-style:normal;}
.insidecont .cont-left .news2 .box ul li a:hover{ background:url(../images/left-icon2.png) left 11px no-repeat;}
.insidecont .cont-left .news2 .box ul li a:hover span{ color:#d84c4b;}


.insidecont .cont-right{ width:280px; height:auto; overflow:hidden;}
.insidecont .cont-right .menu{ width:280px; height:auto; overflow:hidden;}
.insidecont .cont-right .menu h3{ width:280px; height:60px; line-height:60px; background:#c8343a; font-size:22px; font-weight:bold; color:#fff; letter-spacing:1px; text-align:center; border-top-left-radius:3px; border-top-right-radius:3px;}
.insidecont .cont-right .menu ul{ padding:20px 10px 6px; background:#e8e8e8; overflow:hidden;}
.insidecont .cont-right .menu ul li{ width:100%; height:auto;}
.insidecont .cont-right .menu ul li a{ text-decoration:none; color:#3d3d3d; font-size:16px; font-weight:bold; background:#c5c4c4; border-radius:2px; line-height:24px; padding:10px; display:block; margin-bottom:20px;}
.insidecont .cont-right .menu ul li a:hover{ color:#fff; background:#d74c4a;}
.insidecont .cont-right .menu ul li .over{ color:#fff; background:#d74c4a;}
.insidecont .cont-right .webSphere{ width:280px; height:auto; overflow:hidden; margin-top:25px;}
.insidecont .cont-right .webSphere h3{ width:100%; height:40px; line-height:30px; text-align:left; color:#c6403d; font-size:24px; font-weight:lighter;}
.insidecont .cont-right .webSphere h3 a{ width:25px; height:24px; line-height:21px; display:inline-block; border:1px solid #cbcbcb; color:#999; font-size:18px; text-align:center; text-decoration:none; float:right; 
                                    margin-top:2px; font-weight:lighter;}
.insidecont .cont-right .webSphere h3 a:hover{ border:1px solid #c5403c; color:#c5403c;} 
.insidecont .cont-right .webSphere .box{ width:260px; height:auto; overflow:hidden; background:#efefef; padding:5px 10px 20px 10px;}
.insidecont .cont-right .webSphere .box ul{ width:100%; height:auto; overflow:hidden;}
.insidecont .cont-right .webSphere .box ul li{ width:100%; height:auto; line-height:40px; overflow:hidden; text-align:left;}
.insidecont .cont-right .webSphere .box ul li a{ text-decoration:none; color:#666; width:240px; height:40px; display:inline-block; padding-left:20px; border-bottom:1px dashed #ccc;
                                                 background:url(../images/left-icon1.png) left 15px no-repeat;}
.insidecont .cont-right .webSphere .box ul li a:hover{ background:url(../images/left-icon2.png) left 15px no-repeat; color:#d84c4b;}
.insidecont .cont-right .contact{ width:280px; height:auto; overflow:hidden; margin-top:25px;}
.insidecont .cont-right .contact h3{ width:100%; height:40px; line-height:30px; text-align:left; color:#c6403d; font-size:24px; font-weight:lighter;}
.insidecont .cont-right .contact h3 a{ width:25px; height:24px; line-height:21px; display:inline-block; border:1px solid #cbcbcb; color:#999; font-size:18px; text-align:center; text-decoration:none; float:right; 
                                    margin-top:2px; font-weight:lighter;}
.insidecont .cont-right .contact h3 a:hover{ border:1px solid #c5403c; color:#c5403c;} 
.insidecont .cont-right .contact .box{ width:260px; height:auto; overflow:hidden; background:#efefef; padding:20px 10px 15px;}
.insidecont .cont-right .contact .box .top{ width:100%; height:45px; overflow:hidden;}
.insidecont .cont-right .contact .box .top img{ float:left; margin-right:10px; filter:alpha(opacity=20); opacity:0.2;}
.insidecont .cont-right .contact .box .top span{ display:inline-block; width:auto; height:45px; float:left;  color:#666; font-size:15px; line-height:15px; vertical-align:top;}
.insidecont .cont-right .contact .box .top span font{ font-family:Calibri; font-size:28px; line-height:30px; color:#c6403d; font-weight:bold; letter-spacing:1px; display: block;}
.insidecont .cont-right .contact .box table{ width:100%; height:auto; overflow:hidden; margin-top:20px;}
.insidecont .cont-right .contact .box table tr td{ color:#666; font-size:14px; vertical-align:top; padding-bottom:5px; padding-top:5px;}



/*产品说明下载样式*/
.insidecont .cont-left .left-info{ width:100%; height:auto; overflow:hidden;}
.insidecont .cont-left .left-info h3{ width:100%; height:29px; line-height:29px; padding:15px 0px; text-align:center; color:#333; font-size:24px; border-bottom:1px dashed #999; font-weight:lighter;}
.insidecont .cont-left .left-info .download-list{ width:900px; height:auto; overflow:hidden; border-top:1px solid #dbdbdb; border-right:1px solid #dbdbdb; margin-top:20px;}
.insidecont .cont-left .left-info .download-list tr th{ font-size:14px; border-left:1px solid #dedede; border-bottom:1px solid #dbdbdb; height:20px; line-height:20px; padding:10px; text-align:left;}
.insidecont .cont-left .left-info .download-list tr td{ font-size:14px; border-left:1px solid #dedede; border-bottom:1px solid #dbdbdb; height:20px; line-height:20px; padding:10px; text-align:left;}
.insidecont .cont-left .left-info .download-list tr .mo{ text-align:center;}
.insidecont .cont-left .left-info .download-list tr th{ color:#4d4d4d;}
.insidecont .cont-left .left-info .download-list tr td{ color:#666;}
.insidecont .cont-left .left-info .download-list tr td a{ text-decoration:none; color:#d84c4b;}
.insidecont .cont-left .left-info .download-list tr td a:hover{ text-decoration:underline;}



/*用户登录样式*/
.insidecont .cont-left .left-info .login{ width:100%; height:auto; overflow:hidden; margin-top:20px; text-align:left;}
.insidecont .cont-left .left-info .login p{ margin:0; padding:0; color:#666; font-size:14px; line-height:25px; padding-bottom:20px;}
.insidecont .cont-left .left-info .login p span{ width:280px; height:38px; line-height:38px; display:block; border:1px solid #dbdbdb; padding:0 10px;}
.insidecont .cont-left .left-info .login p span input{ border:0; padding:0; width:260px; height:38px; line-height:34px; float:left; color:#666; font-family:Microsoft YaHei; font-size:14px;}
.insidecont .cont-left .left-info .login p span font{ font-size:18px; color:#c63f3e; float:right; vertical-align:top;}
.insidecont .cont-left .left-info .login p .dl{ border:0; padding:0;  width:302px; height:40px; line-height:36px; background:#c63f3e; color:#fff; border-radius:2px; font-family:Microsoft YaHei; font-size:16px;}
.insidecont .cont-left .left-info .login dl{ width:100%; height:auto; overflow:hidden; color:#666; font-family:Microsoft YaHei; font-size:14px;}
.insidecont .cont-left .left-info .login dl dd{ padding-left:20px; height:30px; line-height:30px; background:url(../images/blak-dot.png) left 12px no-repeat;}



/*案例列表样式*/
.insidecont .cont-left .left-info .case-list{ width:100%; height:auto; overflow:hidden; margin-top:20px; text-align:left;}
.insidecont .cont-left .left-info .case-list ul{ width:100%; height:auto; overflow:hidden;}
.insidecont .cont-left .left-info .case-list ul li{ width:100%; height:auto; overflow:hidden; padding:15px 0px 15px 0px; border-bottom:1px solid #dfdfdf;}
.insidecont .cont-left .left-info .case-list ul li a{ text-decoration:none; width:580px; height:200px; display:block; overflow:hidden; /*box-sizing:border-box;*/ font-size:14px; padding-left:320px; position:relative;}
.insidecont .cont-left .left-info .case-list ul li a img{ width:300px; height:200px; position:absolute; top:0px; left:0px;}
.insidecont .cont-left .left-info .case-list ul li a h4{ font-size:18px; color:#333; font-weight:lighter; width:100%; height:35px; line-height:35px; text-overflow:ellipsis; white-space:nowrap; padding-bottom:5px;}
.insidecont .cont-left .left-info .case-list ul li a p{ margin:0; padding:0; color:#666; width:100%; height:110px; overflow:hidden; line-height:22px;}
.insidecont .cont-left .left-info .case-list ul li a span{ width:100px; height:30px; line-height:30px; text-align:center; display:inline-block; float:right; color:#fff; background:#999;}



/*案例详情样式*/
.insidecont .cont-left .left-info .case-txt{ width:100%; height:auto; overflow:hidden; margin-top:20px; text-align:left; border-bottom:1px dashed #ccc;}
.insidecont .cont-left .left-info .case-txt p{ margin:0; padding:0; color:#666; font-size:14px; line-height:25px; padding-bottom:20px;}
.insidecont .cont-left .left-info .case-txt p font{ color:#333; font-style:italic; font-family:Arial; font-size:18px;}
.insidecont .cont-left .left-info .case-txt p strong{ font-size:18px; font-weight:lighter; display:block; padding-bottom:10px;}
.insidecont .cont-left .left-info .flip{ width:100%; height:auto; overflow:hidden; margin-top:10px;}
.insidecont .cont-left .left-info .flip a{ text-decoration:none; color:#333; font-size:14px; font-weight:bold; display:block; line-height:30px;}
.insidecont .cont-left .left-info .flip a span{ color:#666; font-weight:lighter; display:inline-block;}
.insidecont .cont-left .left-info .flip a:hover span{ color:#d84c4b; text-decoration:underline; }



/*公司环境样式*/
.insidecont .cont-left .photo ul li{ position:relative;}
.insidecont .cont-left .photo ul li a span{ background:rgba(63,66,59,0.8); color:#fff; box-sizing:border-box; display:block; position:absolute; bottom:0px; left:0px;}



/*资讯中心-动态详情样式*/
.insidecont .cont-left .left-info .news-date{ font-size:14px; color:#999; line-height:30px; text-align:center;}
.insidecont .cont-left .left-info .case-txt dl{ width:100%; height:auto; overflow:hidden; color:#666; font-family:Microsoft YaHei; font-size:14px;}
.insidecont .cont-left .left-info .case-txt dl dd{ padding-left:20px; height:30px; line-height:30px; background:url(../images/blak-dot.png) left 12px no-repeat;}

/*资讯中心-动态列表样式*/
.insidecont .cont-left .left-info .years{ width:100%; height:120px; overflow:hidden; position:relative;}
.insidecont .cont-left .left-info .years h3{ border-color:#ccc;}
.insidecont .cont-left .left-info .years .circle{ width:100%; height:100px; padding:10px 0px; overflow:hidden; position:absolute; top:0px; left:0px;}
.insidecont .cont-left .left-info .years .circle li{ width:100px; height:100px; overflow:hidden; float:left; margin-right:50px; font-size:28px; text-align:center;}
.insidecont .cont-left .left-info .years .circle li:last-child{ margin-right:0px;}
.insidecont .cont-left .left-info .years .circle li a{ text-decoration:none; display:inline-block; width:98px; height:98px; line-height:100px; background:#fff; border:1px solid #dedede; border-radius:100px; 
                                                       color:#dfdfdf; transition:all 1s ease;}
.insidecont .cont-left .left-info .years .circle li a:hover{ background:#d74c4a; color:#fff; border-color:#d74c4a;}
.insidecont .cont-left .left-info .years .circle li .over{ background:#d74c4a; color:#fff; border-color:#d74c4a;}
.insidecont .cont-left .left-info .yearinfo{ width:100%; height:auto; overflow:hidden; margin-top:20px;}
.insidecont .cont-left .left-info .yearinfo ul{ width:100%; height:auto; overflow:hidden;}
.insidecont .cont-left .left-info .yearinfo ul li{ width:100%; height:auto; overflow:hidden; text-align:left; margin-bottom:25px;}
.insidecont .cont-left .left-info .yearinfo ul li a{ text-decoration:none; display:block; width:100%; height:auto; overflow:hidden; box-sizing:border-box; padding:10px 10px 10px 110px; position:relative; 
                                                     border:1px solid #ececec; background:#fff; transition:all 1s ease;}
.insidecont .cont-left .left-info .yearinfo ul li a h4{ width:100%; height:35px; line-height:35px; overflow:hidden; font-weight:lighter; color:#333; font-size:18px; }
.insidecont .cont-left .left-info .yearinfo ul li a p{ margin:0; padding:0; width:100%; height:50px; line-height:25px; overflow:hidden; color:#666; font-size:14px;}
.insidecont .cont-left .left-info .yearinfo ul li a .date{ width:100px; height:100%; overflow:hidden;  background:url(../images/slant.png) center center no-repeat #fff; position:absolute; top:0px; left:0px; font-size:24px; text-align:left;}
.insidecont .cont-left .left-info .yearinfo ul li a .date font{ color:#d84c4b; display:block; line-height:30px; padding-top:20px; text-indent:20px;}
.insidecont .cont-left .left-info .yearinfo ul li a .date span{ color:#4d4d4d; display:block; line-height:30px; padding-top:10px; text-indent:40px;}
.insidecont .cont-left .left-info .yearinfo ul li a:hover{ background:#eee;}
.insidecont .cont-left .left-info .yearinfo ul li a:hover{ border:1px solid #eee;}
.insidecont .cont-left .left-info .yearinfo ul li a:hover h4{ color:#d84c4b;}


/*联系我们-在线留言样式*/
.insidecont .cont-left .left-info .online-info{ width:100%; height:auto; overflow:hidden; text-align:left;}
.insidecont .cont-left .left-info .online-info .title{ width:100%; height:60px; line-height:60px; overflow:hidden; color:#d74c4a; font-size:22px;}
.insidecont .cont-left .left-info .online-info .title span{ color:#666; font-size:14px;}
.insidecont .cont-left .left-info .online-info .title span em{ color:#c73f3f; font-style:normal;}
.insidecont .cont-left .left-info .online-info .box{ height:auto; overflow:hidden; padding:5px; background:url(../images/twill-bg.png) 0 0 repeat;}
.insidecont .cont-left .left-info .online-info .box .info{ width:100%; height:auto; overflow:hidden; background:rgba(255,255,255,0.5); padding:25px 20px; box-sizing:border-box;}

.insidecont .cont-left .left-info .online-info .box .info p{ margin:0; padding:0; color:#333; font-size:14px; width:100%; height:auto; overflow:hidden; padding-bottom:10px;}
.insidecont .cont-left .left-info .online-info .box .info p input{ width:280px; height:38px; line-height:34px; border:1px solid #dbdbdb; padding:0 10px; background:#fff; float:left; color:#666; font-family:Microsoft YaHei; font-size:14px;}
.insidecont .cont-left .left-info .online-info .box .info p font{ font-size:18px; height:40px; line-height:40px; color:#c63f3e; float:right; vertical-align:top; float:left; display:inline-block; margin-left:10px;}
.insidecont .cont-left .left-info .online-info .box .info p em{ font-size:13px; color:#fff; background:#999; font-style:normal; display:inline-block; width:auto; height:auto; line-height:18px; padding:3px 10px; vertical-align:-7px;}
.insidecont .cont-left .left-info .online-info .box .info p textarea{ width:500px; height:120px; padding:5px 10px; border:1px solid #dbdbdb; border-radius:3px; font-family:Microsoft YaHei; color:#666; 
                                                                      line-height:20px; font-size:14px; margin-top:5px; float:left;}
.insidecont .cont-left .left-info .online-info .box .info p .tijiao{ border:none; padding:0px; width:105px; height:40px; background:#c63f3e; text-align:center; line-height:36px; font-size:16px; border-radius:3px; font-family:Microsoft YaHei; 
                                 color:#fff; margin-right:20px; cursor:pointer; margin-top:10px;}
.insidecont .cont-left .left-info .online-info .box .info p .tijiao:hover{ background:#d72424;}                                 
.insidecont .cont-left .left-info .online-info .box .info p .reset{ padding:0px; width:105px; height:40px; background:none; text-align:center; line-height:36px; font-size:16px; border-radius:3px; font-family:Microsoft YaHei; 
                                color:#40433c; border:1px solid #3f423b; cursor:pointer; margin-top:10px;}
.insidecont .cont-left .left-info .online-info .box .info p .reset:hover{ background:#40433c; color:#fff;}



/*联系我们-在线留言样式*/
.insidecont .cont-left .left-info .online-info .title strong{ color:#333; font-size:22px; font-weight:lighter;}



/*产品中心详情页样式*/
.insidecont .cont-left .left-info .img-txt{ width:100%; height:auto; overflow:hidden; margin-top:10px;}
.insidecont .cont-left .left-info .img-txt .img{ width:350px; height:auto; overflow:hidden; float:left; margin-right:50px;}
.insidecont .cont-left .left-info .img-txt .img img{ vertical-align:top; display:block;}
.insidecont .cont-left .left-info .img-txt .img .simages{ width:350px; height:80px; overflow:hidden; margin-top:20px;}
.insidecont .cont-left .left-info .img-txt .img .simages .l{ width:318px; height:80px; overflow:hidden; float:left; position:relative;}
.insidecont .cont-left .left-info .img-txt .img .simages .l ul{ /*width:318px;*/ height:75px; overflow:hidden; position:absolute;}
.insidecont .cont-left .left-info .img-txt .img .simages .l ul li{ width:63px; height:63px; background:#fff; overflow:hidden; float:left; margin-right:4px; border:1px solid #ccc; padding:5px; cursor:pointer;}
.insidecont .cont-left .left-info .img-txt .img .simages .l ul li img{ width:63px; height:63px; vertical-align:middle;}
.insidecont .cont-left .left-info .img-txt .img .simages .r{ width:32px; height:75px; overflow:hidden; float:left;}
.insidecont .cont-left .left-info .img-txt .img .simages .r span{ width:32px; height:35px; display:inline-block; cursor:pointer;}
.insidecont .cont-left .left-info .img-txt .img .simages .r span img{ vertical-align:middle;}
.insidecont .cont-left .left-info .img-txt h4{ width:100%; height:40px; line-height:40px; color:#4e4e4e; text-align:left; text-indent:10px; background:#dcdcdc; font-size:16px;}
.insidecont .cont-left .left-info .img-txt .txt{ width:500px; height:auto; overflow:hidden;}
.insidecont .cont-left .left-info .img-txt .txt table{ width:100%; height:auto; overflow:hidden; font-size:14px; margin-top:15px;}
.insidecont .cont-left .left-info .img-txt .txt table tr th{ width:75px; line-height:20px; text-align:left; color:#333; vertical-align:top; font-weight:lighter; padding:5px 0px;}
.insidecont .cont-left .left-info .img-txt .txt table tr td{ width:425px; line-height:20px; text-align:left; color:#888; padding:5px 0px;}
.insidecont .cont-left .left-info .img-txt .txt p{ margin:0; padding:0; height:33px; line-height:33px; padding-bottom:5px; border-bottom:1px solid #dfdfdf; text-align:right;}
.insidecont .cont-left .left-info .img-txt .txt p a{ text-decoration:none; width:auto; height:33px; padding:0 30px 0px 15px; display:inline-block; color:#434343; font-size:16px; 
                                                     border-radius:2px; background:url(../images/xiazai-icon.png) 115px 10px no-repeat #dcdcdc;}
.insidecont .cont-left .left-info .img-txt .txt p a:hover{ background:url(../images/xiazai-icon2.png) 115px 10px no-repeat #3c3c3c; color:#fff;}
.insidecont .cont-left .left-info .img-txt .txt .bot{ width:100%; height:auto; line-height:40px; text-align:left; overflow:hidden; font-size:22px; color:#d84c4b; margin-top:15px;}
.insidecont .cont-left .left-info .img-txt .txt .bot span{ font-family:Arial; font-size:30px; vertical-align:-4px; font-weight:bold;}
.insidecont .cont-left .left-info .img-txt .txt .bot font{ color:#fff; width:auto; padding:0 20px; display:inline-block; background:#c63f3e; border-radius:2px; height:40px; line-height:40px; text-align:center; float:right; font-size:18px; cursor:pointer;}
.insidecont .cont-left .left-info .img-txt .txt .bot font:hover{ background:#d84c4b;}
.insidecont .cont-left .left-info .img-txt .txt .bot .share{ margin-top:20px;}

.insidecont .cont-left .left-info .xuanka-info{ width:100%; height:auto; overflow:hidden; margin-top:40px;} 
.insidecont .cont-left .left-info .xuanka-info .outheight{ width:100%; height:auto; overflow:hidden;}
.insidecont .cont-left .left-info .xuanka-info h2{ width:100%; height:40px; line-height:35px; text-align:left; color:#c6403d; font-size:20px; font-weight:lighter; background:url(../images/bot-line.png) center bottom no-repeat; background-size:100% 5px; border-bottom:none;}
.insidecont .cont-left .left-info .xuanka-info h2 span{ color:#40433c; width:auto; height:35px; display:inline-block; padding:0 20px; float:left; cursor:pointer;}
.insidecont .cont-left .left-info .xuanka-info h2 span:hover{ color:#c6403d; border-bottom:5px solid #c6403d;}
.insidecont .cont-left .left-info .xuanka-info h2 .over{ color:#c6403d; border-bottom:5px solid #c6403d;}
.insidecont .cont-left .left-info .online-info .box .info p img{ margin-left:10px;}




/*页码样式*/

.yema{ clear:both; width:100%; height:30px; padding:30px 0 10px; margin-bottom:50px; overflow:hidden; text-align:right; border-bottom:1px solid #ccc;}
.yema .total{ width:auto; height:30px; line-height:30px; color:#666; font-size:14px; display:inline-block; background:none; 
        float:left; cursor:default;}
.yema .total:hover{ background:none; color:#666;}
.yema .total b{ color:#d84c4b;}   

.yema span{ width:30px; height:30px; line-height:30px; color:#000; font-size:14px; cursor:pointer; display:inline-block; margin-left:10px; text-align:center;}
.yema .ym{ width:30px; height:28px; line-height:28px; color:#666; font-size:14px; cursor:pointer; display:inline-block;  text-align:center;
      margin-left:10px; background:#fff; border:1px solid #ccc;text-decoration:none;}                                   
.yema .ym:hover{ color:#fff; background:#d74c4a; border:1px solid #d74c4a;}   
.yema .over{ width:30px; height:28px; line-height:28px; display:inline-block; margin-left:10px; text-align:center; color:#fff; background:#d74c4a; border:1px solid #d74c4a; }
.yema .visited{ color:#fff; background:#d74c4a; border:1px solid #d74c4a;}                                                                                      
.yema .up{ width:30px; height:28px; line-height:28px; cursor:default; padding-right:3px; display:inline-block; color:#999; font-family:NSimSun; font-size:14px; text-align:center; border:1px solid #ccc; letter-spacing:-5px; margin-left:10px;}                                                                            
.yema .down{ width:30px; height:28px; line-height:28px; cursor:pointer; padding:0px; display:inline-block; color:#999; font-family:NSimSun; font-size:14px; text-align:center; border:1px solid #ccc; letter-spacing:-5px;text-decoration:none; margin-left:10px;}
.yema .down:hover{ background:#d74c4a; cursor:pointer; border-color:#d74c4a; color:#fff;}   











