﻿*{ margin:0; padding:0;}
body{/*font-family:"微软雅黑",Arial,"宋体";*/ font-family:"Helvetica Neue",Helvetica,Arial,"Microsoft Yahei UI","Microsoft Yahei",SimHei,"\5BBB\4F53",Simsun,sans-serif;font-size:12px; color:#666; line-height:1.6; background:#fff;}
a:hover img,img{border:none; vertical-align: bottom;}
ul{ list-style:none;}
input,button,select,textarea{outline:none;font-family:"Helvetica Neue",Helvetica,Arial,"Microsoft Yahei UI","Microsoft Yahei",SimHei,"\5BBB\4F53",Simsun,sans-serif; font-size:14px; color: #666;}
table input,table button,table select,table textarea{ vertical-align:middle;}
textarea{resize:none}
table{ border-collapse:collapse;}
a{text-decoration:none; color:#666;}
h1,h2,h3,h4,h5,h6{font-weight:400; font-family:"微软雅黑";}
th{font-weight: normal;}

.cf:before,.cf:after{content:""; display:table;}
.cf:after{clear:both; }/* For IE 6/7 (trigger hasLayout) */
.cf, .cf2{zoom:1;}
.cf2:after {content: ""; display:block; height:0; clear:both;}


.l{float:left;}
.r{float:right;}
/*-------------------------结束公用样式--------------------------*/
body{font-size: 13px; background-color: #f1f1f1;}
.mw{margin: 0 auto; width: 1000px;}
.row{margin: 20px auto; width: 1000px;}
.header, .tnav, .footer{margin: 0 auto; min-width: 1000px; _width:expression((documentElement.clientWidth < 1000) ? "1000px" : "auto" );}
a:hover{color: #d01f25;}

.tc{display: table-cell; width: 9999px; zoom: 1; *width: auto;}


/*头部*/
.header{height: 110px; background-color: #fff;}
.headlogo{float: left; padding-top: 20px;}
.head_rpart{float: right; padding-top: 20px; text-align: right;}
.langbox{position: relative; display: inline-block; *display: inline; *zoom: 1; padding: 0 20px 0 15px; width: 75px; height: 22px; line-height: 22px; text-align: left; background-color: #efefef; cursor: pointer; vertical-align: top; z-index: 5;}
.lang_gt{position: absolute; right: 10px; top: 0; display: block; height: 22px; line-height: 22px; font-size: 12px; color: #999; font-style: normal; font-weight: bold; font-family: simsun; z-index: 7;}
.langnow{position: relative; z-index: 7; display: block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background-color: #efefef;}
.langlist{position: absolute; top: 11px; left: 0; right: 0; padding-top: 11px; background-color: #efefef; display: none;}
.langlist a{display: block; padding: 0 15px; width: 80px\9; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.langlist a:hover{background-color: #ffd;}
.langbox:hover .langlist, .langhover .langlist{display: block;}
.headtel{display: inline-block; *display: inline; *zoom: 1; padding: 10px 0; line-height: 20px; font-size: 14px; }
.headtel_ico{margin-right: 3px; display: inline-block; width: 20px; height: 20px; background: url(../images/icon/headtel.png) 0 50% no-repeat; vertical-align: top;}
.headtel_num{font-size: 20px; color: #d01f25;/*font-family:Arial;*//*font-style: italic;*/ font-weight: bold;}
/*nav*/
.tnav{text-align: center; height: 45px; background-color: #323232;}
.tnav li{float: left;}
.tnav .gt{margin: 15px 0 0 0; padding: 0; display: block; width: 1px; height: 16px; line-height: 16px; font-size: 0px; background-color: #515151;}
.tnav a{display: block; width: 124px; height: 45px; line-height: 45px; font-size: 15px; color: #999; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.tnav a:hover{box-shadow: inset 0 -2px 0 #d01f25;}
.tnav .on a{color: #fff; background-color: #d01f25;}
.tnav .on + .gt{background-color: transparent;}
/*banner*/
.ibn{position: relative; height: 470px; overflow: hidden;}
.ibn .bd, .ibn .bd li{width: 100%!important; height: 470px;}
.ibn .bd li{position: relative; min-width: 1020px; background-position: 50% 0; background-repeat: no-repeat;}
.ibn .ibnbg{position: absolute; top: 0; left: 0; display: block; width: 100%!important; height: 100%; background-position: 50% 0; background-repeat: no-repeat; text-align: center;}
.ibn .hd{position: absolute; bottom: 70px; left: 0; right: 0; text-align: center; width: 100%; line-height: 1; z-index: 5;}
.ibn .hd li{margin: 0 4px; display: inline-block; *display: inline; zoom: 1; width: 12px; height: 12px; line-height: 99px; background-color: rgba(0,0,0,.4); background-color: #000\9; filter:alpha(opacity= 20)\9; overflow: hidden; cursor: pointer;}
.ibn .hd .on{background-color: #d01f25; filter:alpha(opacity= 100)\9;}
.innerbn{position: relative; display: block; min-width: 1020px; height: 280px; overflow: hidden;}
.innerbn_bg{position: absolute; top: 0; left: 0; width: 100%; height: 300px; background-position: 50% 0; background-repeat: no-repeat;}
.ibn .bd .ibnbg, .innerbn_bg{/*-moz-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05);*/}
.ibn .bd .active .ibnbg, .innerbn_scale{transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); transition: transform 3s linear 0s; -webkit-transition: -webkit-transform 3s linear 0s; -moz-transition: -moz-transform 3s linear 0s;}

.ibn_dec{position: relative; display: table-cell; height: 380px; vertical-align: middle; line-height: 1.4; font-size: 30px; color: #fff; z-index: 5; *padding-top: 60px; *height: 320px;}
.ibnbtn{margin: 20px 0 0 0; position: relative; display: inline-block; padding: 0 40px 0 20px; height: 50px; line-height: 50px; font-size: 20px; color: #fff; background-color: #d01f25;}
.ibnbtn_gt{position: absolute; top: 0; right: 15px; font-size: 28px; font-style: normal; font-family: arial;}
.ibnbtn:hover{color: #fff; background-color: #c00; box-shadow: 0 0 8px rgba(0,0,0,.5);}
.ibn_title{margin-bottom: 20px; position: relative; display: inline-block; *display: inline; *zoom: 1; font-size: 50px; border-bottom: 3px solid #fff;}
.ibn_title:after{position: absolute; bottom: -6px; left: 0; right: 0; display: block; content: ""; height: 1px; line-height: 1px; font-size: 0px; background-color: #fff; overflow: hidden;}

.bbox{margin: -65px auto 0; display: block; width: 1000px; border-top: 5px solid #d01f25; position: relative; z-index: 5;}

.idp_wrap{padding: 0 20px; background-color: #fff;}
.idp_wrap .rdtt{margin: 0; border-bottom: none;}

.idp{margin: 10px 0; position: relative; height: 182px; overflow: hidden;}
.idp .bd li{margin: 5px 11px 5px 1px; float: left; width: 182px;}
.idp .bd a{display: block; text-align: center; line-height: 40px; font-size: 14px; color: #333; cursor: pointer\9;}
.idp .bd a:hover{color: #fff; background-color: #466a8e; box-shadow: 0 0 0 1px #466a8e;}
.idp .pic{display: block; width: 180px; height: 130px; overflow: hidden; border: 1px solid #e5e5e5;}
.idp .pic img{width: 180px; height: 130px; vertical-align: bottom;}
.idp .bd a:hover .pic{border-color: #466a8e;}
.idp .tt{padding: 0 10px; width: 162px\9; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.prev40, .next40{position: absolute; top: 50%; margin-top: -20px; display: block; text-align: center; width: 40px; height: 40px; line-height: 40px; font-size: 40px; color: #fff; font-style: normal; font-weight: bold; font-family: "宋体"; background-color: rgba(0,0,0,.4); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000); display: none; _display: block;}
.idp .prev, .idp .next{top: 50px; margin-top: 0;}
.idp:hover .prev, .idp:hover .next{display: block;}
.prev40{left: 0;}
.idp .next40{right: 2px;}
.prev40:hover, .next40:hover{color: #fff; background-color: rgba(0,0,0,.7); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#AF000000,endcolorstr=#AF000000);}

.cutitem{margin-right: 20px; float: left; padding: 0 15px; width: 320px; min-height: 260px; _height: 260px; _overflow-y: visible; background-color: #fff;}

.rdtt{margin: 5px 0; position: relative; height: 40px; border-bottom: 1px solid #e5e5e5;}
.rdtitle{position: absolute; top: 0; left: 0; padding-right: 5px; height: 38px; line-height: 38px; font-size: 18px; color: #333; border-bottom: 3px solid #d01f25;}
.rmore{margin-top: 15px; float: right; position: relative; padding-right: 24px; display: block; height: 20px; line-height: 20px;}
.rmore_gt{position: absolute; right: 0; top: 2px; display: block; text-align: center; width: 16px; height: 16px; line-height: 16px; font-size: 12px; color: #fff; font-style: normal; font-weight: bold; font-family: simsun; background-color: #323232; vertical-align: top;}
.rmore:hover .rmore_gt{background-color: #d01f25;}
.cutcontact{margin: 0; float: right; width: 230px; }
.cutcontact div{line-height:1.6em; margin:.4em 0;}

.cutarticle{margin: 10px 5px; line-height: 2;}
.cutarticle p{text-indent: 2em; }
.gonews{margin-top: 10px; line-height: 20px;}
.gonews li{margin: 8px 0;}
.gonews a{padding-left: 18px; display: inline-block; max-width: 70%; _width: 70%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: top; color: #333; background: url(../images/icon/gonews.gif) 0 0 no-repeat;}
.gonews a:hover{color: #d01f25; background-position: 0 -20px;}
.rinfo{float: right; font-size: 12px; color: #888; font-family: arial;}
.cutcontact_pic{margin: 0 auto 5px; display: block;}

.inner_content{background-color: #fff; overflow: hidden;}
.innerside{margin-bottom: -3000px; float: left; padding: 0 20px 3000px 20px; width: 170px; background: url(../images/icon/footbg.png) repeat;}
.innerside .rdtt{color: #949494; border-bottom: none;}
.innerside .rdtitle{color: #949494;}
.sidenav{line-height: 24px; color: #949494;}
.sidenav a{color: #949494;}
.sidenav dl{margin: 10px 0;}
.sidenav dt{position: relative; padding-left: 24px; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 146px\9; *zoom: 1; cursor: pointer;}
.sidenav .open dt{color: #fff;}
.sidenav .arrow{position: absolute; top: 4px; left: 0; display: block; width: 16px; height: 16px; line-height: 16px; font-size: 0px; background: url(../images/icon/sidenav_arrow.png) 0 0 no-repeat;}
.sidenav .open .arrow{background-position: 0 -16px;}
.sidenav dd{margin: 4px 0 0 24px; display: none;}
.sidenav .open dd{display: block;}
.sidenav a:hover, .sidenav dd .on a{color: #d01f25;}

.inner_main{padding-left: 210px;}
.catalog{padding: 15px 25px; height: 16px; line-height: 16px; font-size: 13px; color: #888; background-color: #f8f8f8;}
.catalog a{color: #888;}
.catalog a:hover{color: #d01f25;}
.catalog .gt{margin: 0 5px; color: #ccc; font-style: normal; font-family: simsun;}
.catalog_ico{margin-right: 10px; display: inline-block; width: 16px; height: 16px; background: url(../images/icon/catalog.png) 0 50% no-repeat; vertical-align: top; vertical-align: middle\9;}

.prolist li{margin: 25px 0 0 25px; _display: inline; _zoom: 1; float: left; width: 229px;}
.prolist a{display: block; width: 225px; text-align: center; font-size: 16px; color: #555; background-color: #eee; border: 2px solid #eee; cursor: pointer\9;}
.prolist a:hover{color: #fff; background-color: #466a8e; border-color: #466a8e;}
.prolist .pic{display: block; width: 225px; height: 165px; overflow: hidden;}
.prolist .pic img{width: 225px; height: 165px; vertical-align: bottom;}
.prolist .tt{padding: 0 10px; width: 205px\9; height: 48px; line-height: 48px; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

/*page*/
.page{margin: 30px 0; padding:1em 0; text-align: center;}
.page a{margin: 0 2px; display: inline-block; width: 40px; height: 40px; line-height: 40px; color: #fff; background-color: #616161; vertical-align: middle;}
.page a:hover, .page .cur{color: #fff; background-color: #980a09;}
.page .cur{cursor: default;}
.page .ctl{font-family: simsun; font-weight: bold;}
.page .disabled{color: #fff!important; background-color: #616161!important; cursor: default;}

/*底部*/
.footer{margin-top: 30px; padding: 30px 0; font-size: 13px; color: #989898; background: url(../images/icon/footbg.png) repeat;}
.footer a{color: #989898;}
.footer a:hover{color: #d01f25;}
.foot_content{float: left;}
.footlink .gt{margin: 0 5px; font-style: normal;}
.ftfocus_wrap{float: right; line-height: 30px; font-size: ;}
.ftfocus{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; vertical-align: middle\9;}
.wechat_ftfocus, .weibo_ftfocus, .qq_ftfocus{margin-left: 10px; display: inline-block; width: 30px; height: 30px; background-image: url(../images/icon/share.png); background-repeat: no-repeat; background-color: #787879; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -moz-transition: all .3s ease 0s; -webkit-transition: all .3s ease 0s; transition: all .3s ease 0s; vertical-align: top; vertical-align: middle\9;}
.wechat_ftfocus{background-position: 0 0; }
.wechat_ftfocus:hover{background-position: 0 -30px;background-color:#fff;}
.weibo_ftfocus{background-position: 0 -60px;}
.weibo_ftfocus:hover{background-position: 0 -90px;background-color:#fff;}
.qq_ftfocus{background-position: 0 -120px;}
.qq_ftfocus:hover{background-position: 0 -150px;background-color:#fff;}



/*-----------------star文字的样式*/

/*---圆角--*/
.ibn .hd li, .rmore_gt{-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;}
.langbox{-moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;}

/*ie链接文件*/
.rmore_gt, .idp .bd a{behavior: url(pie.htc); position:relative\9;}
.rmore_gt{position: absolute\9;}


/*距离*/
.mb10{margin-bottom: 10px;}

/*color*/
.rdtxt{color: #d01f25;}
/*.eng{font-family:Arial;}*/



div.h_center{ z-index:111; width:1000px; margin:0 auto; position:relative; padding-bottom:3em;}
/*---------------star内页的样式*/
div.i_center{ padding:3em 0 0 0;}
.l_240{ float:left; width:190px;}
.r_720{ float:right; width:780px;background:#f9f9f9;padding :10px}
/*左导航*/
dl.l_nav dt{ clear:both; color:#fff; background:#ea450d; font-size:18px; padding-left:30px; height:40px; line-height:40px;}
dl.l_nav dd p{ clear:both; margin:6px 0; line-height:34px; height:34px;}
dl.l_nav dd p b{ color:#666; font-size:12px;}
dl.l_nav dd a{ transition:all .35s; background:#ccc; display:block; padding:0 30px;}
dl.l_nav dd a:hover{  background:#f1f1f1;}
dl.l_nav dd p.light a{ color:#fff; background:#333;}
dl.l_nav dd p.light b{ color:#ea450d;}
/*------------star右边*/
/*位置标题*/
dl.site_th{ border-bottom:1px solid #f0f0f0; line-height:30px; height:40px; clear:both;}
dl.site_th dt{ float:right; color:#888; font-size:13px;}
dl.site_th dt a{ color:#888;}
dl.site_th dt a:hover{ color:#ea450d;}
dl.site_th dt .china{ margin:0 .8em;}
dl.site_th dd{ float:left; font-size:28px; background:url(../images/tool/th_y.gif) no-repeat left 60%; padding-left:.8em;}
/*标题*/
dl.d_th{ text-align:center; clear:both; padding:2em 0 0 0;}
dl.d_th dt,dl.d_th dt h1{ text-align:center; font-size:24px; color:#ea450d; line-height:1.2em; font-weight:normal;}
dl.d_th dd{ color:#888; font-size:13px; line-height:1.5em; padding:1em 0 0 0;}
dl.d_th dd span{ margin:0 1.5em;}

div.gray_box{ clear:both; background:#f9f9f9; padding:1em 1.5em 3em 1.5em; margin:2em 0 1em 0;}
div.d_wen{ color:#666; line-height:2em; clear:both;}
div.d_wen p{ margin:1.5em 0; text-indent:2em;}
div.d_wen p.pic_c{ text-align:center; text-indent:0;}

ul.other_news{ color:#666; clear:both; margin:4em 0 1em 0; border-top:1px dotted #ccc; padding-top:1em; line-height:2em;}
ul.other_news a{ color:#666;}
ul.other_news a:hover{ color:#ea450d;}
/*-----------------------------------star文字的样式*/
/*标题文字*/
.th{ font-family:"Microsoft YaHei";}
/*日期*/
.date{ float:right;font-family:Arial;color:#999; font-weight:normal;}
/*左右对齐*/
.l{ float:left;}
.r{ float:right;}


/*-------效果------*/
.idp .pic{position: relative; overflow: hidden;}
.idp .pic:before{position: absolute; top: 0px; left: -80%; display: block; content: ""; width: 40%; height: 100%; overflow: hidden; background: -moz-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,.2) 50%, rgba(255,255,255,0)); background: -webkit-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,.2) 50%, rgba(255,255,255,0)); background: -webkit-gradient(linear,left top,right top, from(rgba(255,255,255,0)), color-stop(50%, rgba(255,255,255,.2)), to(rgba(255,255,255,0))); background: linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,.2) 50%, rgba(255,255,255,0)); -moz-transform: skewX(-25deg); -webkit-transform: skewX(-25deg); transform: skewX(-25deg);}
.idp .pic:hover:before{-moz-transition: left 1s ease 0s; -webkit-transition: left 1s ease 0s; transition: left 1s ease 0s; left: 140%;}
.langbox:hover .lang_gt, .langhover .lang_gt{-moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);}
.lang_gt, .tnav a, .idp .bd a, .prolist a, .page a{-moz-transition: all .3s ease 0s; -webkit-transition: all .3s ease 0s; transition: all .3s ease 0s;}
.prolist .pic img{-moz-transition: -moz-transform .3s ease; -webkit-transition: -webkit-transform .3s ease; transition: transform .3s ease;}
.prolist .pic:hover img{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);}

.headtel:hover .headtel_ico{animation: landr 0.8s ease-in-out; -webkit-animation: landr 0.8s ease-in-out;}
@keyframes landr{0%{transform: rotate(0deg);transform-origin: right bottom 0;}39%{transform: rotate(5deg);transform-origin: right bottom 0;}40%{transform: rotate(5deg);transform-origin: left bottom 0;}75%{transform: rotate(-10deg);transform-origin: left bottom 0;}100%{transform: rotate(0deg);transform-origin: left bottom 0;}}
@-webkit-keyframes landr{0%{-webkit-transform: rotate(0deg);-webkit-transform-origin: right bottom 0;}39%{-webkit-transform: rotate(5deg);-webkit-transform-origin: right bottom 0;}40%{-webkit-transform: rotate(5deg);-webkit-transform-origin: left bottom 0;}75%{-webkit-transform: rotate(-10deg);-webkit-transform-origin: left bottom 0;}100%{-webkit-transform: rotate(0deg);-webkit-transform-origin: left bottom 0;}}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.active .flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}


