@import "/css/resetcommon.css";

@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}

/**/
.banner{height:558px; overflow:hidden; position:relative;}
.banner a{ display:block; height:558px; overflow:hidden; position:absolute; top:0; left:0;}

#flashs .btn{  bottom: 5px;margin-right: -450px;padding: 42px 6px;position: absolute;right: 50%;z-index: 7;}
#flashs .btn span {background: none repeat scroll 0 0 #9c3315;border: 1px solid #9c3315;color: #FFFFFF;cursor: pointer;display: inline-block;margin-left: 5px;padding: 2px 5px;}
#flashs .btn span.cur {font-weight: bold;padding: 4px 8px;}

/**/
.pro{ background:#f1f1f1; padding-top:20px; height:auto;}
.pro h3{ text-align:center; height:108px; font-size:18px; color:#666; font-weight:normal;}
.pro h3 a{ font-size:36px; color:#333; font-weight:bold; display:block; margin-bottom:8px;}
.pro h3 span{ display:block; background:url(../images/h31.gif) no-repeat center 9px;}
.pro_l{ width:282px; height:auto; background:#333; padding-bottom: 30px;}
.pro_l h4{ height:70px; background:url(../images/h312.gif) no-repeat 99px 43px #ffcc00; text-align:center; margin-bottom:35px;}
.pro_l h4 a{ font-size:18px; color:#333; font-weight:bold; display:inline-block; padding-top:16px;}
.pro_l ul{ margin-left:35px;}
.pro_l ul li{ margin-bottom:15px; width:213px; height:39px; text-align: center; position:relative;}
.pro_l ul li a{ display:block; height:39px; line-height:39px; background:#cbcbcb; font-size:14px; color:#333;}
.pro_l ul li a:hover{ background:#ffcc00;}
.pro_l ul li em{ display: none; text-align:left; position:absolute; top:0; right:-216px; width:214px; border:1px solid #ffcc00; padding:5px 0; background:#fff;}
.pro_l ul li em a{ background:url(../images/pi2.gif) no-repeat 28px 12px #fff; height:28px; line-height:28px; padding-left:44px; border-bottom:1px solid #fff;}
.pro_l ul li em a:hover{background:url(../images/pi1.gif) no-repeat 28px 12px #fff; border-bottom:1px solid #ffcc00;}
.pro_r{ width:893px; padding-top:6px;}
.pro_r h4{ height:42px; line-height:42px; border-bottom:1px solid #dfdfdf; font-weight:normal; margin-bottom:21px;}
.pro_r h4 a{ font-size:16px; color:#333;}
.pro_r h4  span{ display:inline-block; float:right;}
.pro_r h4  span a{ font-size:16px; color:#666;}
.pro_r h4 a:hover{ text-decoration:underline;}
.pro_r ul{ overflow:hidden;}
.pro_r ul li{ float:left; margin-right:23px; margin-bottom:23px;}.pro_r ul li.nom{ margin-right:0;}
.pro_r ul li a{ display:block; padding:9px; border:1px solid #e2e2e2; width:252px; background:#fff; color:#666; font-size:14px;}
.pro_r ul li img{ width:252px; height:185px;}
.pro_r ul li span{ display:block; height:32px; line-height:39px; background:url(../images/iio2.gif) no-repeat right 14px;}
.pro_r ul li a:hover span{background:url(../images/iio1.gif) no-repeat right 14px;}
/**/
.gc1{ background:url(../images/bg.gif) repeat; padding-top:75px; height:788px; overflow:hidden;}
.gc1 .content{height:792px; background:url(../images/bg2.jpg) no-repeat center bottom;}
.gc_l{ overflow:hidden; width:538px;}
.gc1 h3{ color:#ffcc00; font-size:46px; height:115px;}
.gc1 h3 span{ font-weight:normal;}
.gc_l p{ color:#fff; font-size:24px; line-height:45px;}
.gc_l p em{ display:block;}
.gc_l p em span{ color:#d1d1d3; padding-right:16px;}
.gc_r{ padding:0 141px 0 0; width:486px;}
.gc_r h4{ padding-top:41px; color:#333; font-size:28px; padding-bottom:10px;}.gc_r h4 i{ display:block;}
.gc_r dl{ border:1px solid #bebebe; overflow:hidden; margin-bottom:7px; border-radius:7px; padding:10px;}
.gc_r dl dt{ float:right; padding-left:10px; width:150px; height:117px; background:url(../images/bg2c.gif) no-repeat left 7px;}
.gc_r dl dt img{width:150px; height:117px;}
.gc_r dl dd{ width:282px; padding-top:5px; height:112px; overflow:hidden;}
.gc_r dl dd p{ font-size:14px; color:#555; line-height:24px; padding-bottom:9px;}
.gc_r dl dd em{border-radius:4px; background:#4c4c4c; font-size:14px; color:#fff; display:block; line-height:20px; padding:5px 8px;}
/**/
.ys{ background:url(../images/ys1.jpg) no-repeat center 0; height:626px; overflow:hidden;}
.ys h2{ font-size:48px; color:#333; padding-top:59px;}
.ys h2 i{ display:inline-block; font-size:24px; color:#222; background:#ffcc00; line-height:40px; padding:0 15px; font-weight:normal; float:left;text-align:center; margin:13px 9px 0 290px;}
.ys h2 strong{ display:inline-block; float:left;}
.ys h2 em{ display:block; font-weight:normal; font-size:18px; color:#666; clear:both; text-align:center; padding-top:5px; margin-bottom:37px;}
.ys h3{ float:left; width:151px; overflow:hidden;}
.ys_l{ width:1023px; float:right; overflow:hidden;}
.ys_l h4{ background:url(../images/h31y.gif) no-repeat; height:75px; text-align:center;color:#212121; font-size:26px; font-weight:normal; line-height:75px; margin-bottom:31px;}
.ys_l dl{ overflow:hidden;}
.ys_l dl dt{ float:right; font-size:0;}
.ys_l dl dd{ padding-top:26px; line-height:43px; font-size:14px; color:#666;}
.ys_l dl dd p{ padding-left:23px; background:url(../images/y_li.png) no-repeat left 18px;}
.ys_l dl dd p strong{ font-weight:bold; font-size:14px; color:#000;}
.ys_l dl dd em{ display:block; padding-top:20px;}
.ys_l dl dd em a{ display:inline-block; width:193px; height:39px; line-height:39px; text-align:center; border:3px solid #ffcc00; font-size:14px; color:#333; font-weight:bold;}
/**/
.ys2{ background:url(../images/ys2.jpg) no-repeat center 0; height:821px; overflow:hidden; margin-bottom:68px;}
.ys21{ height:399px; overflow:hidden;}
.ys2 h3{ float: right; font-size:0; width:151px;}
.ys2 dl{ float:left; overflow:hidden; width:1026px;}
.ys2 dl dt{ font-size:0; float:left;}
.ys2 dl dd{ float:right; width:458px;}
.ys2 dl dd h4{ background:#b5b5b5; height:88px; line-height:88px; color:#212121; font-size:26px; text-align:center; font-weight:normal; margin-bottom:35px;}
.ys2 dl dd p{line-height:43px; font-size:14px; color:#666;}
.ys2 dl dd p em{ display:block; padding-left:23px; background:url(../images/y_li.png) no-repeat left 18px;}
.ys2 .ys21 p strong{ font-weight:bold; font-size:18px; color:#000;}
.ys2 .ys21 b{ display:block; padding-top:41px;}
.ys2 .ys21 b a{ display:inline-block; width:193px; height:39px; line-height:39px; text-align:center; border:3px solid #ffcc00; font-size:14px; color:#333; font-weight:bold;}
.ys22 h3{ float:left;}
.ys22 dl{ float:right;}
.ys22 dl dt{ float:right;}
.ys22 dl dd{ float:left; width:364px;}
.ys2 .ys22 dl dd strong{ font-size:14px;}
.ys22 h5{ height:49px; background:#5b5b5b; margin-top:26px; overflow:hidden;}
.ys22 h5 em{ display:inline-block; float:left; padding-left:40px; background:url(../images/tel.gif) no-repeat 12px 15px; height:49px; color:#fff; font-size:18px; color:#fff; width:148px;}
.ys22 h5 em span{ display: block; font-weight:normal; font-size:12px; padding-top:7px;}
.ys22 h5 i{ display:inline-block; padding-top:3px;}
.ys22 h5 i a{ display:inline-block; width:172px; height:43px; line-height:43px; text-align:center; background:#e8e8e8; font-size:14px; color:#333;}
/**/
.ly{ height:469px; background:url(../images/ly.jpg) no-repeat center 88px;}
.ly h3{ height:88px; line-height:88px; text-align:center; background:#61666d; font-size:24px; color:#fff; margin-bottom:39px;}
.ly ul{ float:right; width:785px; padding:42px 65px 0 0;}
.ly ul li { height:30px; line-height:30px; margin-bottom:28px; width:254px; float:left;}
.ly ul li img { float:left; padding-left:6px; width:70px;}
.sbt { width:54px; display:block; float:left; padding-right:10px; text-align:right; font-size:13px; color:#333; line-height:30px;}
.sinp01{ background:#fff; width:176px; padding:0 2px; height:28px; line-height:28px; border:1px solid #9a9a9a; float:left;}
.sinp02 { background:#fff; width:88px; padding:0 2px; height:28px; line-height:28px; border:1px solid #9a9a9a; float:left;}
.sbz { color:#db262d; padding:6px 0 0 3px; float:left; display:block;}
.area { background:#fff; width:436px; height:87px; padding:0 2px; overflow:auto; border:1px solid #9a9a9a;}
.ly ul .h66 { height:89px; width:521px;}
.ly ul li button{ display:block; width:228px; height:33px; line-height:33px; float:right; background:#333; color:#ffcc00; font-size:14px; border:none; margin-top:-3px; cursor:pointer;}
.ly ul .long .sbt{ width:68px;}
.ly ul li em{ color:#e80000; float:right; font-size:12px;}
/**/
.case{ height:868px;background:url(../images/bg22.jpg) no-repeat center 0; overflow:hidden; margin-bottom:65px;}
.case h3{ overflow:hidden; padding-top:65px; margin-bottom:10px;}
.case h3 i{ display:inline-block; font-size:24px; color:#222; background:#ffcc00; line-height:40px; padding:0 15px; font-weight:normal; float:left;text-align:center; margin:3px 9px 0 478px;}
.case h3 strong{ display:inline-block; float:left; font-size:35px; color:#fff;}
.case h4{ overflow:hidden; height:76px;}
.case h4 span{ display:inline-block; float:right;}.case h4 span a{ color:#ffbc00; font-size:16px; font-weight:normal;}
.case h4 i{ display:inline-block; float:left; height:21px; background:url(../images/c_h3.png) no-repeat left 9px; width:1103px;font-weight:normal; font-size:18px; color:#fff; text-indent:485px;}
.case ul{ overflow:hidden;}
.case ul li{ float: left; font-size:0; width:384px; margin:0 24px 23px 0; height:292px; position:relative;}
.case ul li img{width:384px;height:292px;}
.case ul .nom{ margin-right:0;}
.case ul li.cur em{ display:block; position:absolute; left:0; top:0; background:url(../images/s_spn.png) repeat;width:384px;height:292px; font-size:14px; color:#fff; line-height:26px;}
.case ul li.cur em a{ color:#fff;}.case ul li.cur em a:hover{ color:#ffbc00;}
.case ul li.cur i{ padding-top:35px; height:67px; line-height:67px; text-align:center; font-size:20px; background:url(../images/c_lin.gif) no-repeat center bottom; display:block; margin-bottom:15px;}
.case ul li.cur span{ display:block; margin:0 39px;}
/**/
.zs{ height:538px;}
.zs h2{ text-align:center; padding-bottom:19px;}
.zs h2 a{ font-size:34px; color:#333; font-weight:normal;}
.zs h2 strong{ font-weight:bold; font-size:36px;}
.zs h2 span{ display:block; background:url(../images/zs_lin.gif) no-repeat center 0; height:41px; line-height:41px; text-align:center; margin-top:15px;}
.zs h2 span a{ font-size:14px; color:#333;}.zs h2 span a:hover{ color:#930c03;}
.zz01{ padding:153px 0 0 0}
.zz03 { padding:153px 0 0}
.zz01 a { background:url(../images/z_uu.gif) no-repeat; width:43px; height:43px; display:block;}
.zz01 a:hover { background:url(../images/z_uu.gif) no-repeat;}
.zz03 a { background:url(../images/z_dd.gif) no-repeat; width:43px; height:43px; display:block;}
.zz03 a:hover { background:url(../images/z_dd.gif) no-repeat;}
.zz02{ overflow:hidden; padding-left:50px;}
.zz02 ul li {float:left;margin-right: 10px;width: 340px;height: 313px;text-align:center;background:#efefef;font-size:0;}
.zz02 ul li img {width: 325px;height: 225px;padding:7px 8px;}
.zz02 ul li span { display:block; height:73px; line-height:73px; overflow:hidden; text-align:center; background:#999;}
.zz02 ul li span a { color:#fff; font-size:19px;}
.zz02 ul li.cur span{ background:#ffcc00; }
.zz02 ul li.cur span a{color:#333;}
/**/
.gss{background:url(../images/bg.gif) repeat; height:628px; margin-bottom:62px;}
.gss h2{ text-align:center; padding-top:65px; margin-bottom:52px;}
.gss h2 a{ color:#fff; font-size:34px; font-weight:normal;}
.gss h2 strong{ font-size:36px; font-weight:bold;}
.gss h2 span{ display:block; font-size:18px; font-weight:normal; color:#fff; margin-top:8px; background:url(../images/gs.png) no-repeat center 9px;}
.gss_l{ font-size:0; width:569px; height:370px;}
.gss_r{ width:600px;}
.gss_r h3{ padding-top:33px; font-size:22px; color:#333; color:#fff; line-height:56px; border-bottom:1px solid #8f9296; margin-bottom:23px;}
.gss_r p{ font-size:14px; color:#333; line-height:30px; text-indent:25px; color:#fff; height:155px;}
.gss_r p a{ color:#ffcc00; display:inline-block; text-indent:0;}
.gss_r em{ display:block; padding-top:25px;}
.gss_r em a{ display:inline-block; width:169px; height:43px; line-height:43px; margin-right:10px; background:#c7c7c7; font-size:14px; color:#333; text-align:center;}
.gss_r em a:hover{ background:#ffcc00;}
/**/
.news{ height:745px;}
.news h2{ text-align:center; background:url(../images/n_h2.gif) no-repeat center bottom;  padding-bottom:24px; margin-bottom:68px;}
.news h2 a{ font-size:36px; color:#333;}
.news1{ padding:45px 18px 32px 32px; background:#f1f1f1; width:311px; position:relative;margin-right:48px;}.nom{ margin-right:0;}
.news1 em{ display:block; position:absolute; left:50px; top:-29px; background:#ffcc00; width:108px; height:103px; text-align:center;}
.news1 em a{ color:#262830; font-size:24px;}
.news1 em span{ display:block; padding:20px 0 5px 0;}
.news1 dl dt img{ width:301px; height:171px; padding-bottom:30px;}
.news1 dl dd p{ line-height:47px; font-size:14px;}
.news1 dl dd p a{ display:block; color:#333; border-bottom:1px solid #dfe0e2; padding-left:17px; background:url(../images/n_lin.gif) no-repeat left 23px;}
.news1 dl dd p .nom{ border-bottom:none;}
.news1 h4{ display:block; text-align:center; font-weight:normal; padding:23px 0 9px;}
.news1 h4 a{ display:block; margin-right:10px; border:1px solid #d2d2d2; font-size:14px; color:#262830; line-height:36px;}
/**/
.links{ background:#f1f1f1; height:128px; padding-top:2px;}
.links h3{ margin-top:25px; background:url(../images/l_h3.gif) no-repeat left 9px; font-weight:normal;}
.links h3 i{ display:inline-block; padding-left:78px; width:88px; text-align:center;}
.links h3 i a{ font-size:17px; color:#333;}
.links h3 span{ display:inline-block; float:right; padding-right:65px;}
.links h3 span a{ font-size:14px; color:#555;}
.links p{ padding-left:58px; overflow:hidden; margin-top:12px;}
.links p a{ font-size:12px; color:#666; display:inline-block; line-height:28px; padding:0 31px;}
.links p a:hover{ color:#222;}
/**/
.xg{animation-duration: 1.5s;animation-name: fadeInLeft;}
.xg2{animation-duration: 1.5s;animation-name: bounceInUp;}
.xg3{animation-duration: 1.5s;animation-name: flipInY;}