.hidden{ display:none;}
.hidden1{ opacity:0;filter:Alpha(opacity=0); z-index:-9999!important;}
.mt10{ margin-top:10px;}
.mt20{ margin-top:20px;}
.mf10{ margin-bottom:10px;}
.mf20{ margin-bottom:20px;}
.ft12{ font-size:12px;}
.ft13{ font-size:13px;}
.ft14{ font-size:14px;}
.ft15{ font-size:15px;}
.spanline{ margin:0 15px;}
.hcenter{ text-align:center;}
.lfloat{float: left;}
.rfloat{float: right;}
i,em{font-style: italic;font-style: normal;}
.clear { clear: both; }
.f-cb { zoom: 1; }
.f-cb:after { display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; content: "."; }
.fl { float: left; display: inline; }
.fr { float: right; display: inline; }
.por { position: relative; }
.poa { position: absolute; }
.pof { position: fixed; }
.poa-f { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.ovh { overflow: hidden; }
.noselect { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; }
.curp { cursor: pointer; }
.z1 { z-index: 1; }
.z2 { z-index: 2; }
.z3 { z-index: 3; }
.dn { display: none; }
.dib { display: inline-block; }
.w-f { width: 100%; }
.h-f { height: 100%; }
.fwn { font-weight: normal; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family: inherit;font-weight: 500;line-height: 1.1;color: inherit;}




.banner{ width:100%; overflow:hidden;position: relative;}
.banner .focus{position:relative; overflow:hidden;}
.banner .focus img{ display:block;}
.banner .focus .pagination{width:100%;text-align:center; padding:5px 0 3px 0;position:absolute;bottom: 10px;}
.banner .focus .pagination .subPageTab{ margin: 0 auto;}
.banner .focus .pagination .toc{display:inline-block;margin:0 3px;width:10px;height:10px; text-indent:-999px;overflow:hidden;background: #FFF;border-radius: 50%;}
.banner .focus .pagination .selected{background: #9c9c9c;}

.banner .bname{width: 180px;margin: 0 auto;overflow: hidden;color: #FFF; text-align: center;position: absolute;top: 25%;left: 43%;}
.banner .bname .col1{font-size: 44px;}
.banner .bname .col2{font-size: 16px;}
.banner .bname .line{width: 65px;height: 5px;background: #FF0000;margin: 10px auto;}


.imain{width: 100%;overflow: hidden;background: url(../images/bg.jpg) repeat-y 0 165px;padding-bottom: 80px;}
.icenter{width: 1024px;margin: 0 auto;}
.w{width: 1200px;margin: 0 auto;}

.i-title-box { text-align: center; padding: 50px 0 30px; }
.i-title { padding: 0 60px; text-align: center; width: auto; margin: 0 auto; background-image: url(../images/i_title1.png), url(../images/i_title2.png); background-position: left center, right center; background-repeat: no-repeat; display: inline-block; max-width: 100%; }
.i-title p { font-size: 40px; color: #333333; line-height: 1.125; text-transform: uppercase; }
.i-title h3 { font-size: 32px; color: #ff0000; line-height: 1.33; }

.iabout{overflow: hidden;margin-top: 110px;position: relative;}
.iabout .title{background: url(../images/i_about_bg1.png) no-repeat center 0;background-size: 100%;width: 398px;margin: 0 auto;height: 199px;text-align: center;position: relative;z-index: 2;}
.iabout .title h3{font-size: 32px;color: #ffffff;line-height: 1.3;padding-top: 47px;}
.iabout .title p{text-transform: uppercase;font-size: 18px;color: #ffffff;line-height: 1.11;opacity: 0.5;}
.iabout .box{width: 775px;height: 636px;background: url(../images/i_about_bg2.png) no-repeat center 0;background-size: 100% auto;margin: 0 auto;position: relative;margin-top: -120px;z-index: 1;padding-top: 120px;}
.iabout .box .text{max-width: 444px;margin: 0 auto;text-align: center;padding-top: 90px;}
.iabout .box .text h3{font-size: 32px;color: #ff0000;line-height: 1.3;font-weight: normal;}
.iabout .box .text h4{font-weight: normal;text-transform: uppercase;font-size: 18px;color: #cacaca;line-height: 1.11;}
.iabout .box .text span.line{display: block;width: 30px;height: 2px;background: #ff0000;margin: 2% auto 5%;}
.iabout .box .text p{font-size: 14px;color: #666666;line-height: 1.85;}
.iabout .box .text .p{overflow: hidden;height: 225px;}
.iabout .box .text .more{width: 70px;height: 70px;background: url(../images/i_more1.png) no-repeat 0 0;display: block;margin: 16% auto 0;}
.iabout .box .text .more:hover{background-image: url(../images/i_more1_1.png);}
.iabout .img-box{width: 291px;height: 291px;position: absolute;}
.iabout .left-img{left: 0;top: 157px;}
.iabout .right-img{right: 0;bottom: 115px;}
.iabout .img-box .mask{width: 291px;height: 291px;background: url(../images/i_about_bor1.png) no-repeat 0 0;background-size: 291px 291px;position: absolute;left: 0;top: -16px;}

.i-video {overflow: hidden; }
.i-video .main { width: 100%; min-height: 432px; padding-bottom: 30px; }
.i-video .main video { width: 700px; height: 432px; margin: 0 auto; position: relative; display: block; z-index: 5; background: #000; }
.i-video .main .info { width: 325px; height: 335px; background: #fff; position: absolute; right: 65px; top: 49px; z-index: 6; box-shadow: 0px 0px 4px 1px #ededed; }
.i-video .main .info i { background: url(../images/i_ico1.png) no-repeat 0 0; width: 9px; height: 335px; position: absolute; left: -9px; top: 0; }
.i-video .main .info .text { width: 80%; margin: 65px auto 0; }
.i-video .main .info .text h3 { font-size: 20px; color: #ff0000; line-height: 1.5; }
.i-video .main .info .text .line { width: 26px; height: 1px; background: url(../images/i_line.png) no-repeat 0 0; margin: 19px 0 20px; display: block; }
.i-video .main .info .text p { font-size: 12px; color: #333333; line-height: 2;height: 75px;overflow: hidden; }
.i-video .main .video-bg { width: 183px; height: 173px; background: url(../images/video_bg.png) no-repeat 0 0; position: absolute; left: 111px; top: 156px; z-index: 1; }
.i-video .main .btn { height: 40px; margin: 18px 0 0 10%; }
.i-video .main .btn a { display: inline-block; margin-right: 11px; width: 38px; height: 38px; border: 1px solid #c6c6c6; background: url(../images/i_video_btn1.png) no-repeat 0 0; z-index: 20; }
.i-video .main .btn a.right { background-position: -38px 0; }
.i-video .main .btn a:hover { border-color: #ff0000; background-color: #ff0000; background-image: url(../images/i_video_btn2.png); }
.i-video .main .img-list { position: absolute; left: 0; top: 0; width: 100%; height: 432px;z-index: 5; }
.i-video .main .img-list ul { width: 700px; height: 432px; position: absolute; left: 50%; margin-left: -350px; }
.i-video .main .img-list li { opacity: 0; position: absolute; left: 0; top: 0; z-index: 1; }
.i-video .main .img-list li img { width: 100%;height: 100%; }
.i-news {overflow: hidden; }
.i-news .box { padding-bottom: 60px; }
.i-news .box li{width: 1024px; height: 330px; background: url(../images/new_bg.png) no-repeat right center; }
.i-news .box li .img-box {position: relative; float: left;background: #F1F1F1; z-index: 3; height: 225px; width: 335px; padding:50px 25px 41px 25px; margin-right: 20px; }
.i-news .box li .img-box img { height: 225px; width: 335px; position: relative; z-index: 3; }
.i-news .box li .img-box .border { position: absolute; height: 225px; width: 335px; border: 1px solid #d5d5d5; left: 45px; top: 72px; z-index: 2; }
.i-news .box li .text { float: left; z-index: 3; width: 460px; margin: 60px 0 0 0; }
.i-news .box li .text h3 { font-weight: normal; height: 42px; line-height: 42px; margin-bottom: 10px; }
.i-news .box li .text h3 a { float: left; font-size: 28px; color: #333333; max-width: 466px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; }
.i-news .box li .text h3 a:hover { color: #ff0000; }
.i-news .box li .text h3 em { float: right; font-size: 14px; color: #999999; }
.i-news .box li .text span.line { display: block; margin: 0 0 31px; width: 56px; height: 2px; background: #c5c5c5; }
.i-news .box li .text p { font-size: 14px; color: #999999; line-height: 1.7;height: 90px;overflow: hidden; }
.i-news .box li .text a.more { display: block; width: 172px; height: 41px; background: #ff0000; color: #fff; text-align: center; line-height: 41px; font-size: 18px; }
.i-news .box li .text a.more:hover { opacity: 0.6; }
.icustomer{overflow: hidden;width: 1024px;margin:0 auto;}
.icustomer .feedback{width: 400px;float: left;background: #cf000d;border-radius: 5px;color: #FFF;padding: 10px;height: 435px;}
.icustomer .feedback .ictitle{font-size: 20px;text-transform: uppercase; padding-left:20px;}
.icustomer .feedback .ictitle .col1{font-size: 20px;text-transform: capitalize; font-weight:bold;}
.icustomer .icontact{width: 565px;padding: 13px;background: #D4AA48;border-radius: 5px;float: right;height: 435px;}
.icustomer .icontact .ictop{line-height: 2.2;overflow: hidden;}
.icustomer .icontact .ictop img{width: 105px;height: 105px;}



.main1{ width:100%; overflow:hidden; margin:0 auto;}
.main2{ width:100%; overflow:hidden; margin:0 auto;background: #F5F5F5;}
.frame{ width:1024px; margin:10px auto 20px; overflow:hidden;}

.fleft{ overflow:hidden;width:1024px; margin:0 auto;}
.fleft ul.ulnav{overflow: hidden;float: right;}
.fleft ul.ulnav li{float: left;text-align: center;}
.fleft ul.ulnav li a{ display:block; color:#8e8e8e;margin-left: 20px;font-size: 14px;}
.fleft ul.ulnav li:hover a,.fleft ul.ulnav li.tab a{ color:#AF0E16;border-bottom: 1px solid #AF0E16;}
.fleft .pronav{overflow: hidden;}
.fleft .pronav li{float: left;text-align: center;line-height: 50px;height: 50px;border-left: 2px solid #F5F5F5;}
.fleft .pronav li.nav1{border: none;}
.fleft .pronav li a{display: block;color: #4b4b4b;font-size: 13px;border-top: 2px solid #FFF;}
.fleft .pronav li:hover a,.fleft .pronav li.tab a{border-top: 2px solid #af0f17;background: #F5F5F5;}
.fleft .pronav li a i{display: inline-block;width: 17px;height: 17px;vertical-align: middle;background-image: url(../images/type.png);margin: 0 8px;background-repeat: no-repeat;}
.fleft .pronav li.nav2 a i{background-position: -26px 0;}
.fleft .pronav li.nav3 a i{background-position: -52px 0;}
.fleft .pronav li.nav4 a i{background-position: -78px 0;}
.fleft .pronav li.nav5 a i{background-position: -104px 0;}
.fleft .pronav li.nav6 a i{background-position: -132px 0;}
.fleft .pronav li.nav7 a i{background-position: -157px 0;}
.fleft .pronav li.nav8 a i{background-position: -183px 0;}
.fleft .pronav li.nav9 a i{background-position: 0 0;}
.fleft .pronav li.nav10 a i{background-position: -26px 0;}
.fleft .pronav li.nav11 a i{background-position: -52px 0;}
.fleft .pronav li.nav12 a i{background-position: -78px 0;}
.fleft .pronav li.nav13 a i{background-position: -104px 0;}
.fleft .pronav li.nav14 a i{background-position: -132px 0;}
.fleft .pronav li a em{display: inline-block;width: 9px;height: 9px;vertical-align: middle;background: url(../images/type_ico.png) no-repeat;margin: 0 5px;}

.secondNav{overflow: hidden;margin-bottom: 20px;}
.secondNav li{float: left;text-align: center;}
.secondNav li a{display: block;line-height: 22px;height: 22px;overflow: hidden;padding: 0 10px;}
.secondNav li.tab a,.secondNav li:hover a{background: #AF0F17;border-radius: 5px;color: #FFF;}


.localtion{ overflow:hidden;border-bottom: 1px solid #E5E5E5;background: #EEE;font-size: 18px;color: #af0e16;line-height: 65px;}
.localtion .map{font-size: 14px;color: #8E8E8E;float: right;}
.localtion .map a{color: #8E8E8E;}
.localtion1{ overflow:hidden;border-bottom: 1px solid #ededed;background: #FFF; margin-top: 25px;}


.fright{ overflow:hidden; margin: 0 auto;}
.pagecontent{ line-height:25px;overflow: hidden; min-height:400px;padding: 20px 0;}
.pagecontent1{ line-height:25px;overflow: hidden; padding:15px 0; min-height:400px;}


.pagelist{ overflow:hidden; margin:0 auto;}
.pagelist .effect{ overflow:hidden; padding-bottom:20px;}
.pagelist .effect img{max-width: 100%;}
.pagelist .readpic{ overflow:hidden;}
.pagelist .readpic .pic{ float:left; overflow:hidden;}
.pagelist .readpic .pic a{display:block;text-align:center;width:490px;height:490px;background: #EEE;}
.pagelist .readpic .pic a img{display: inline-block;max-height: 100%;max-width: 100%;vertical-align: middle;}
.pagelist .readpic .readtitle{ overflow:hidden; float:right; color:#737373;width: 470px;line-height: 30px;padding-top: 20px;}
.pagelist .readpic .readtitle p{margin: 15px auto;}
.pagelist .readpic .readtitle .col1{color: #595757;}
.pagelist .readpic .readtitle p span{font-size: 16px;vertical-align: top;margin-right: 25px;}
.pagelist .readpic .readtitle p img{max-width: 100%;}
.pagelist .readpic .readtitle .zhpro{overflow: hidden;}
.pagelist .readpic .readtitle .zhpro li{float: left;width: 60px;margin: 0 5px 5px 0;cursor: pointer;}
.pagelist .readpic .readtitle .zhpro li span{height:100%;vertical-align:middle;display:inline-block}
.pagelist .readpic .readtitle .zhpro li img{max-height: 100%;max-width: 100%;vertical-align: middle;display: inline-block;}
.pagelist .relasion{ overflow:hidden;}
.pagelist .relasion li{ width:150px; float:left; margin:0 6px 10px 6px;}
.pagelist .relasion li a{display:table-cell;vertical-align:middle;text-align:center;*display: block;*font-size: 175px;*font-family:Arial;width:150px;height:70px;}
.tg1{line-height:30px; border-bottom:1px solid #bbb; margin-bottom:10px; font-size:20px;overflow: hidden;padding-bottom: 5px;}
.tg1 .arrow{width: 80px;float: right;}
.tg1 .arrow .btn{display: block;width: 40px;height: 34px;background-image: url(../images/arrow.jpg);float: left;}
.tg1 .arrow .prev{background-position: right top;}
.tg1 .arrow .prev:hover{background-position: right bottom;}
.tg1 .arrow .next:hover{background-position: left bottom;}

.peijian{ overflow:hidden;padding-top: 10px;}
.peijian li{ float:left; margin:0 14px 15px;text-align:center;}
.peijian li a{display:block;width:220px;height:110px;background: #EEEEEE;}
.peijian li img{max-height: 98%;max-width: 98%;vertical-align: middle;display: inline-block;}

.xglist{ overflow:hidden;width:1024px;margin: 0 auto;height:250px;position: relative; z-index: 2;margin-bottom: 20px;line-height: 30px;}
.xglist li{ float:left; margin:0 17px;text-align:center;}
.xglist li a{display:block;width:220px;height:220px;border: 1px solid #EEEEEE;}
.xglist li a:hover{background: #EEEEEE;}
.xglist li img{max-height: 98%;max-width: 98%;vertical-align: middle;display: inline-block;}

/*pagination*/
.yahoo{padding:3px;margin-top:20px;text-align:center;}
.yahoo p{margin-bottom: 5px;}
.yahoo a{border:#dedfde 1px solid;padding:2px 5px;margin:2px;color:#2678e3;text-decoration:none;}
.yahoo a:hover{border:#dedfde 1px solid;color:#2e972e;}
.yahoo a:active{border:#dedfde 1px solid;color:#2e972e;}
.yahoo .disabeld{display: none;}
.yahoo .current_page{color: #ff52c2;font-weight: bold;}

.prolist{ overflow:hidden;}
.prolist li{ width:170px; overflow:hidden; text-align:center; height:auto; float:left; margin:0 10px 15px 10px;}
.prolist li img{width:164px;max-height:164px; border:1px solid #EEE; padding:2px;}
.prolist li img:hover{border:1px solid #c00513;}


.newslist{ overflow:hidden;}
.newslist li.hot{ overflow:hidden;margin-bottom:10px;background: #F7F7F7;padding: 20px;}
.newslist li.hot img{ width:200px; height:120px; float:left;}
.newslist li.hot .con{ width:77.5%; height:120px; float:right; line-height:20px; overflow:hidden; color:#000;}
.newslist li.hot .con .title{ font-size:16px;overflow:hidden;height: 20px;overflow: hidden;}
.newslist li.hot .con .title a{color: #58171f;}
.newslist li.hot .con .sum{ margin:8px auto; height:60px; overflow:hidden; color:#A7A7A6;}
.newslist li.hot .con a.more{ color:#FFFFFF;background: #888888;padding: 5px 10px;}
.newslist li.hot .con a.more:hover{background: #2a363f;}
.newslist li.nohot{float: left;border: 1px solid #DDDDDD; border-left-width: 4px;margin-bottom: 15px;width: 470px;overflow: hidden;margin-right: 14px;padding: 15px;}
.newslist li.nohot:hover{border-color: #58171f;}
.newslist li.nohot .title{color: #58171f;margin-bottom: 5px;height: 25px;overflow: hidden;}
.newslist li.nohot .sum{height: 50px;overflow: hidden;font-size: 13px;}

.newslist1{overflow: hidden;}
.newslist1 li{overflow: hidden;border-bottom: 1px dashed #9D9D9D;padding: 5px;}

.caselist{ overflow:hidden; margin:0 auto;}
.caselist li{overflow: hidden; float:left; text-align:center; margin:0 18px 15px 0;width:242px;}
.caselist li a{display:block;text-align:center;width:240px; height:240px;border: 1px solid #D1D1D1;}
.caselist li a:hover{border-color: #c12820;}
.caselist li a span{height:100%;vertical-align:middle;display:inline-block;}
.caselist li a img{max-width: 98%;max-height: 98%;vertical-align: middle;display: inline-block;}
.caselist li .name{color: #888889;line-height: 30px;height: 30px;overflow: hidden;}

.caselist1{ overflow:hidden; margin:0 auto;}
.caselist1 li{overflow: hidden; float:left; text-align:center; margin:0 18px 20px 0;background: #FFF;color: #888889;line-height: 30px;}
.caselist1 li:hover{background: #EEE;}
.caselist1 li a{display:block;text-align:center;width:240px; height:230px;}
.caselist1 li a span{height:100%;vertical-align:middle;display:inline-block;}
.caselist1 li a img{max-width: 94%;max-height: 100%;display: inline-block;vertical-align:middle;}
.caselist1 li a .img2{display: none;vertical-align:middle;}
.caselist1 li p{height: 30px;overflow: hidden;}

.conlist{overflow: hidden;}
.conlist li{overflow: hidden;padding: 35px 20px 35px 0;border-bottom:1px solid #9D9D9D;}
.conlist li .con{width: 500px;float: left; font-size: 16px;line-height: 40px;}
.conlist li .con .title{color: #961419;font-size: 24px;line-height: 60px;}
.conlist li img{width: 503px;height: 273px;float: right;}


.typelist{ overflow:hidden;}
.typelist li{ overflow:hidden;height: 330px; text-align:center; margin-bottom:15px;}
.typelist li .img{width: 715px;float: left;}
.typelist li .img img{width: 715px;height: 330px;}
.typelist li .con{width: 265px;float: right;background: #f1f1f1;padding: 15px;}
.typelist li .con img{width: 245px;height: 245px;}
.typelist li .con .title{font-size: 17px;color: #000000;margin-bottom: 5px;}
.typelist li .con .sum{font-size: 12px;color: #999898;line-height: 15px;text-align: left;height: 30px;overflow: hidden;}



.bbs{overflow: hidden;}
.bbs .bbslist{overflow: hidden;}
.bbs .bbslist li{margin-bottom: 20px;overflow: hidden;}
.bbs .bbslist li .bbscontent{line-height: 30px;padding-bottom: 16px;background: url(../images/feed.gif) no-repeat 25px bottom;position: relative;top: 1px;z-index: 99;}
.bbs .bbslist li .bbscontent .btitle{color:#c72824;margin-right: 20px;}
.bbs .bbslist li .content{background: #f7f7f7;border-radius: 4px;padding:5px 10px;overflow: hidden;border: 1px solid #E3E3E3;}
.bbs .bbslist li .content .btime{color: #b8b8b8;}
.bbs .bbslist li .content .reply{border-radius: 4px;padding:5px 10px;overflow: hidden;background: #EEEEEE;margin: 5px auto;}
.bbs .bbslist li .content .reply .rtitle{color:#c72824;margin-right: 20px;}

.formlist{ width:100%; border-collapse:collapse; margin:20px auto;}
.formlist th{ text-align:right; padding-right:5px; width:20%; vertical-align:middle; font-weight:normal;}
.formlist th.conth{ vertical-align:top; padding-top:10px;}
.formlist td{ padding:10px 0 5px; 0;}
.formlist .infoInput{ width:250px; height:25px; border:1px solid #FFF; line-height:25px; text-indent:3px;background: none;color: #FFF;}
.formlist .lycon{ width:300px; height:80px; border:1px solid #FFF; line-height:20px; padding:0 3px;background: none;color: #FFF;}
.formlist .code{ width:55px; height:25px; border:1px solid #FFF; line-height:25px; text-align:center; margin-right:10px;background: none;color: #FFF;}
.formlist img{ cursor:pointer; vertical-align:middle;}
.formlist .buttonface{ width:115px; height:25px; border:1px solid #FFF; text-align:center; line-height:25px; color:#fff; cursor:pointer;background: none;}


.foot{width:100%;overflow:hidden; background:#2b2c2d; color:#abafb4;font-size: 12px;}
.foot .fotter{width:1024px; margin:0 auto; overflow:hidden;padding: 25px 0;}

.i-side{position: fixed;right: 2%;top: 50%;width: 23px;z-index: 100;text-align: center;}
.i-side a{display: block;width: 11px;height: 11px;border: 1px solid #b5b5b5;position: relative;border-radius: 50%;margin: 0 auto 12px;line-height: 1;}
.i-side a.on{background: #ff0000;border-color: #ff0000;}
.i-side a em{position: absolute;top: -3px;right: 24px;width: 85px;font-size: 14px;color: #666666;line-height: 1.15;display: none;}
.i-side a.on em{display: block;}
.i-side i{width: 23px;height: 43px;background: url(../images/i_side.png) no-repeat 0 0;display: block;}

.floating{position:fixed;right:0;bottom:15%;z-index: 9999;}
.floating .totop{width:50px;height:48px;cursor:pointer; display: none;}
.floating_left{position:absolute;left:-160px;bottom:0px;width:160px; display:none;}
.floating_left img{width: 150px;padding: 5px;background: #FFF;}