@charset "utf-8";
/* CSS Document */
/* 初始化CSS */
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img{margin:0; padding:0;}
h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal;}
h3, h4{font-weight: bold;}
fieldset, img{vertical-align:middle; border:none;}
address, caption, cite, code, dfn, th, var{font-style:normal; font-weight:normal;}
ul, ol{list-style:none;}
li{list-style-type:none;}
select, input{vertical-align:middle;}
select, input, textarea{font-size:12px; margin:0;outline-style:none;font-family: "微软雅黑",Arial,sans-serif;}
input[type="button"],input[type="submit"],input[type="reset"]{cursor: pointer;}
input{border: none;}
textarea{resize:none;}
body{color:#555; font:12px "微软雅黑",Arial,sans-serif; background:#fff;}
a{color:#555; text-decoration:none;outline: none;-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
a:hover, a:active, a:focus{color:#d70c19;}
.clearfix:after{display:block; visibility:hidden; clear:both; height:0; content:"";}
.clearfix{zoom:1;}
.fl{float: left;}
.fr{float: right;}
.auto{ margin-left:auto; margin-right:auto;}
/* IE6下PNG图片透明 */
img, div{behavior: url("../style/iepng/iepngfix.htc");}
/*网页限定宽度*/
.w1002{ position:relative; margin:0 auto; width:1000px;}
.w1002:after{content:""; display:block; height:0; clear:both;}
/*头部 header.asp */
.head_nav{height: 33px;margin-bottom: 20px;border-bottom: 1px solid  #e1e1e1;}
.head_nav .fl a{float: left;display: block;height: 33px;margin-right: 20px;padding:0 20px 0 27px;border-right: 1px solid  #e1e1e1; line-height:33px; background:url(../images/icon.png) no-repeat;}
.head_nav .fl a.co{}
.head_nav .fl a.wx{ background-position:0 -33px;}
.head_nav .fl a.wb{border: none; background-position:0 -66px;}
.head_nav .search{float: right;width: 165px;height: 33px;border-left: 1px solid  #e1e1e1;border-right: 1px solid  #e1e1e1;}
.head_nav .search input[type="text"]{ width: 105px;height: 20px;padding: 5px 5px 5px 20px;}
.head_nav .search input[type="submit"]{ width: 30px;height: 33px;background:url(../images/icon.png) no-repeat 0 -99px;cursor: pointer;-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
.head_nav .search input[type="submit"]:hover{ background-position:5px -99px;}
.head{padding-top: 20px;height: 62px;}
.head .logo{float: left;width: 255px;margin-left: 22px;}
.head .logo a{overflow: hidden;position: relative;display: inline-block;}
.head .logo a em{display:block;position: absolute; left: -50%; top: 0; width: 50%; height: 100%; background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)); backg--round-color:red; -webkit-transform: skewx(-25deg); -moz-transform: skewx(-25deg);transform: skewx(-25deg); }
.head .logo a:hover em{left:100%;-webkit-transition:0.3s; -moz-transition:0.3s;transition:0.3s;}
.head .nav{float: right;margin-top: 12px;}
.head .nav li{float: left;width: 56px;margin-left: 40px;}
.head .nav li a{display: block;width: 100%;height: 50px;text-align: center;font-size: 14px;}
.head .nav li a strong{display: inline-block;height: 32px;font-weight: normal;}
.head .nav li a em{display: inline-block;width: 0;height: 2px;background: #d70c19;-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.head .nav li a:hover strong{font-weight: bold;}
.head .nav li a:hover em{width: 100%;}
.head .nav li.on a{color:#d70c19;}
.head .nav li.on a strong{font-weight: bold;}
.head .nav li.on a em{width: 100%;}
/*首页 index.asp*/
.iban {overflow:hidden; position: relative; width:100%; height:620px;}
.iban .bd{ overflow:hidden; z-index:0; position:relative; margin:0 auto;}
.iban .bd ul{width:100% !important;}
.iban .bd ul li{ width:100% !important;}
.iban .bd ul li a{ display: block; height:620px; background-position:center; background-repeat:no-repeat;}
.iban .hd { position:absolute; left:0; bottom:20px; z-index:1; width:100%; text-align:center;}
.iban .hd ul li{ display:inline-block; zoom:1; margin:0 8px; width:56px; height:3px; font-size:0; background:#121212; cursor:pointer;}
.iban .hd .on{ background:#d70c19;}
.inews{ overflow:hidden; position:relative;padding: 15px 0;background: #d70c19;}
.inews .bd{width: 962px;padding-left: 40px; background:url(../images/icon.png) no-repeat 0 -132px;}
.inews ul li{ height:30px; line-height:30px;}
.inews ul li a{display: inline-block;font-size: 16px;color: #fff;}
.inews ul li a:hover{ -webkit-transform:translateX(3px); -moz-transform:translateX(3px); -o-transform:translateX(3px); -ms-transform:translateX(3px);transform:translateX(3px);}
.inews ul li span{margin-left: 20px;}
/*内页公共部分*/  
.ban{min-width:1002px;height: 200px;margin-bottom: 10px;background:url(../images/ban.jpg) no-repeat center top;}
.ban .w1002{ position: relative;text-align: center;}
.ban .w1002 h3{position: absolute;top: 90px;right: 0;width: 280px;color: #1b1b1b;font-size: 26px;font-weight: normal;}
.ban .w1002 h4{position: absolute;top: 125px;right: 0;width: 280px;color: #9fa4aa;font-weight: normal;text-transform: uppercase;}
.bread{width: 987px;height: 20px;margin-bottom: 20px;padding-left: 15px;padding-bottom: 10px;border-bottom: 1px solid  #dcdcdc; background:url(../images/icon.png) no-repeat 0 -162px; line-height:20px;}
.bread a{vertical-align: middle;}
.bread em{display: inline-block;width: 7px;height: 8px;margin: 0 10px; background:url(../images/icon.png) no-repeat 0 -192px;vertical-align: middle;}
.bread a:hover em{ background-position:-12px -192px;}
.bread strong{color:#bc1618;font-weight: normal;vertical-align: middle;}
.bread strong em{ background-position:-12px -192px;}
.main{margin-bottom: 30px;}
.mainl{float: left;width: 172px;}
.mainl .tit{padding-top: 20px;height: 51px; background:url(../images/menu_bg.jpg);text-align: center;}
.mainl .tit h4{color: #fff;font-size: 18px;font-weight: normal;}
.mainl .tit p{color: #ce8484;text-transform: uppercase;}
.mainl .menu{padding: 10px 25px 138px;border: 1px solid  #dcdcdc;border-top: none;}
.mainl .menu li{border-bottom: 1px solid  #eaeaea;}
.mainl .menu li a{display: block;width: 100%;height: 51px;text-align: center; line-height:51px;}
.mainl .menu li.on a{color:#d70c19;}
.mainr{float: right;width: 795px;}
.mainr .ntit{position: relative;height: 44px;margin-bottom: 27px;background: #f2f2f2;}
.mainr .ntit h3{position: absolute;left: 20px;top: 6px;font-size: 24px;color:#bc1618;}
.mainr .ntit h4{position: absolute;left: 45px;top: 22px;color:#bc1618;}
.mainr .ntit p{position: absolute;left: 45px;top: 7px;text-transform: uppercase;color: #a0a0a0;}
.mainr .ntit:before{position: absolute;right: 21px;top: 11px;display: block;width: 10px;height: 10px; content:"";background: #bc1618;}
.mainr .ntit:after{position: absolute;right: 34px;top: 27px;display: block;width: 5px;height: 5px; content:"";background: #bc1618;}
/*p1_1*/
.p1_1{ line-height:30px;}
.p1_1 .con1{overflow: hidden;margin-bottom: 39px;padding: 25px 35px 25px 40px;background: #f7f7f7;}
.p1_1 .con1 .pic{float: left;width: 256px;}
.p1_1 .con1 .pic img{ max-width:100%;}
.p1_1 .con1 .txt{float: right;width: 440px;margin-top: 45px;}
.p1_1 .con1 .txt strong{color: #e7831c;font-size: 16px;font-weight: normal;}
.p1_1 .con2{padding-top: 40px;padding-left: 40px;height: 144px;margin-bottom: 49px; background:url(../images/demo/p1_img02.jpg) no-repeat;}
.p1_1 .con2 p{width: 415px;text-indent: 25px;}
.p1_1 .con2 strong{color: #e7831c;font-weight: normal;}
.p1_1 .con3{height: 178px;margin-bottom: 100px;padding-top: 90px;padding-left: 375px;border-top: 1px solid  #e3e3e3; background:url(../images/demo/p1_img03.jpg) 19px 45px no-repeat;}
.p1_1 .con3 p{text-indent: 25px;}
.p1_1 .con3 p strong{color: #e7831c;font-size: 14px;font-weight: normal;}
.p1_1 .con4{position: relative;height: 90px;padding: 40px 0 30px 38px;background: #ddd;}
.p1_1 .con4 .txt{font-weight: bold;width: 400px;font-size: 14px;}
.p1_1 .con4 .pic{position: absolute;top: -60px;right: 36px;}
/*p1_3*/
.p1_3{}
.p1_3 li{float: left;width: 223px;height: 142px;margin-bottom: 40px;margin-right: 60px;border: 1px solid  #d2d2d2;}
.p1_3 li:nth-child(3n){margin-right: 0;}
.p1_3 li a{overflow: hidden;position: relative;display: inline-block;width: 100%;height: 100%;}
.p1_3 li a img{width: 100%;height: 100%;}
.p1_3 li a em{display:block;position: absolute; left: -50%; top: 0; width: 50%; height: 100%; background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)); backg--round-color:red; -webkit-transform: skewx(-25deg); -moz-transform: skewx(-25deg);transform: skewx(-25deg); }
.p1_3 li a:hover em{left:100%;-webkit-transition:0.3s; -moz-transition:0.3s;transition:0.3s;}
/*p2*/
.p2 dl{overflow: hidden;height: 149px;padding-bottom: 25px;margin-bottom: 25px;border-bottom: 1px solid  #e6e6e6;}
.p2 dt{ float:left;width:252px; height:149px;}
.p2 dt a{ display:block; overflow:hidden; height:inherit;}
.p2 dt a img{ width:100%; height:100%; -webkit-transition:all 0.15s linear; transition:all 0.15s linear;}
.p2 dt a:hover img{-webkit-transform:scale(1.05); transform:scale(1.05);}
.p2 dd{ float:right; width:515px;}
.p2 dd h4{height: 25px;padding: 20px 0; line-height:25px; font-size:16px;}
.p2 dd p{overflow: hidden;height: 40px;margin-bottom: 10px; line-height:20px;}
.p2 dd .more a{color:#d70c19;}
.p2 dd .more a em{display: inline-block;width: 7px;height: 7px;margin: 0 10px; background:url(../images/icon.png) no-repeat -12px -192px;vertical-align: middle;-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.p2 dd .more a:hover em{ -webkit-transform:translateX(-5px); -moz-transform:translateX(-5px);-o-transform:translateX(-5px);-ms-transform:translateX(-5px);transform:translateX(-5px);}
.final_page{margin-bottom: 30px;}
.final_page .art_title{ margin-bottom:40px; text-align:center;}
.final_page .art_title h3{padding-bottom: 20px; border-bottom:1px #ddd solid;font-size:18px;}
.final_page .art_title .info{ margin-top:15px; color:#aaa;}
.final_page .art_title .info span{ display:inline-block; margin:0 10px;}
.final_page img{ display:block; margin:0 auto; max-width:100%;}
.final_turn{padding-top: 15px;border-top: 1px solid  #dcdcdc; line-height:20px;opacity:0.7; -moz-opacity:0.7; filter:alpha(opacity=70);}
.fi{min-height:300px;}
.fi img{max-width:100%;display: block;margin: 0 auto;}
/*p3*/
.p3 li{ padding-left:30px; height: 35px; background:url(../images/icon.png) no-repeat 0 -207px; border-bottom:1px dotted #e1e1e1; line-height:35px;}
.p3 li a{ display: inline-block;-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.p3 li a:hover{-webkit-transform:translateX(-6px); -moz-transform:translateX(-6px); -o-transform:translateX(-6px); -ms-transform:translateX(-6px); transform:translateX(-6px);}
/*p5*/
.p5 table{text-align:center;}
.p5 table tr td{ height:40px; border-bottom:1px #fff solid; background:#efefef; -webkit-transition:all .15s linear; transition:all .15s linear;}
.p5 table tr:hover td{ background:#e3e3e3;}
.p5 table tr.line1 td{ color:#fff; background:#666;}
.p5 table tr td a{ color:#d70c19;}
.p5 table tr td a:hover{text-decoration:underline;}
 /*p6*/   
.p6 .map{margin-bottom: 30px;}
.p6 .txt01{float: left;width: 425px;margin-left: 15px;padding-left: 40px; background:url(../images/demo/p6_bg01.jpg) no-repeat 0 8px; line-height:36px;}
.p6 .txt02{float: left;width: 250px;margin-left: 15px;padding-left: 45px; background:url(../images/demo/p6_bg02.jpg) no-repeat 0 8px; line-height:36px;}  
/*页码*/
.page_change{ margin:20px 0; text-align:center;}
.page_change a{ display:inline-block;height: 15px; line-height:15px; margin:0 10px;vertical-align: middle;}
.page_change a.prev,.page_change a.next{width: 15px;background:url(../images/icon.png) no-repeat;}
.page_change a.prev{ background-position:0 -243px;}
.page_change a.prev:hover{ background-position:-15px -243px;}
.page_change a.next{ background-position:-15px -258px;}
.page_change a.next:hover{ background-position:0 -258px;}
.page_change a:hover{}
.page_change a.on{color:#d70c19;}
/*底部 footer.asp */
.foot{width: 100%;border-top: 1px solid  #e1e1e1;}
.foot .fl{padding-top: 8px;}
.foot .fr{border-right: 1px solid  #e1e1e1;}
.foot .fr a{float: left;display: block;width: 89px;height: 33px;border-left: 1px solid  #e1e1e1; line-height:33px;text-align: center;}
.foot img{margin-left: 10px;}  


.mask{display:none; position: fixed; top: 0; left: 0; z-index:9999; width: 100%; height: 100%; background: url(../images/BG2.png) repeat;}
.mask .con{position:absolute; left: 50%; top: 50%; margin-top: -272px; margin-left: -376px;  padding:7px; width: 752px; height: 545px; background: url(../images/BG1.png) repeat;}
.mask .con .left{float: left; width: 260px; height: 545px; background: #d70c19;}
.mask .con .left h2{margin: 52px auto auto auto; text-align: center;}
.mask .con .left ul{padding:40px 43px 0 48px;}
.mask .con .left ul li{position: relative; margin-bottom:75px;  text-align: center; }
.mask .con .left ul li em.icon{display: block; margin:auto auto 5px auto; width: 63px; height: 63px; text-align: center; }
.mask .con .left ul li p{ font-family: "微软雅黑"; margin:0; font-size: 15px; font-weight: bold;  color:#fff; text-transform: uppercase;}
.mask .con .left ul li p span{ font-family: "微软雅黑";font-family: "arial"; font-weight: normal; font-size: 21px; }
.mask .con .left ul li p.row{ font-family: "微软雅黑";font-size: 16px; font-weight: bold; text-align: center;line-height: 22px;  color: #fff; }
.mask .con .left ul li i{display: block; margin:8px 0 7px; width: 169px; height: 1px; font-style: normal; background: #e76d75;}
.mask .con .left ul li em{font-family: "微软雅黑"; font-size: 16px; font-weight: bold; font-style: normal; line-height: 22px;  color: #fff;}
.mask .con .right{float: left; padding:35px 29px 41px; width: 432px; height: 469px; background: #f4f4f4;}
.mask .con .right h3{margin-bottom:15px; font-family: "微软雅黑"; font-size: 16px;font-weight: bold; text-align: center; color: #000;}
.mask .con .right p{margin-bottom: 20px; font-family: "微软雅黑";font-size: 12px; line-height: 20px; color: #747474;}
.mask .con .right .color{color: #d70c19;}
.mask .con .right .btn{margin-top: 10px; font-size: 16px; font-weight: bold; line-height: 33px; text-align: center;}
.mask .con .right .btn a.button{display: inline-block; margin:0 17px; border:1px solid #dedede; border-radius:5px; width: 143px; height: 33px; color: #000;  text-decoration: none; background: #fff;}
.mask .con .right .btn a.button:hover{border:1px solid #d70c19; color: #fff; background: #d70c19;}