@charset "utf-8";
/* CSS Document */
* { margin: 0; padding: 0; }
body { width: 100%; min-width: 1200px; margin: 0 auto; padding: 0; font-size: 12px; background: #efefef; font-family: "微软雅黑"; }
img { border: 0px; }
.fl { float: left; }
.fr { float: right; }
.clearfix { *zoom:1;
}
.clearfix:after { display: block; overflow: hidden; clear: both; height: 0; visibility: hidden; content: "."; }
a { text-decoration: none; }
li { list-style: none; }
.cp { cursor: pointer; }
input,
select,
area,
textarea { outline: 0; -moz-outline: 0; vertical-align: middle; font-family: "微软雅黑"; }
table { border-collapse: collapse; }
.auto { width: 1200px; margin: 0 auto; }
samp { font-family: "微软雅黑"; }
h1,
h2,
h3,
h4,
h5,
h6,
em,
i { font-weight: normal; font-style: normal; }
.font { font-size: 0; line-height: 0; }
.blank { width: 100%; height: 50px; overflow: hidden; clear: both; display: block; }
.div { width: 100%; overflow: hidden; }
.ul { width: 110%; }
.pr { position: relative; }
.ov { overflow: hidden; }
.ani,
a { transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; }
.durtion a { transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; }
/*img{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}*/

/*banner焦点图切换*/
.flexslider { position: relative; width: 100%; margin: 0 auto; height: 520px; overflow: hidden; }
.flexslider .slides { position: relative; z-index: 1; font-size: 0; }
.flexslider .slides li { width: 100%; height: 520px; position: relative; }
.flexslider .slides li a { display: block; width: 100%; height: 520px; background-position: center; background-repeat: no-repeat; }
.flexslider .flex-control-nav { width: 100%; position: absolute; bottom: 2%; z-index: 2; right: 0; text-align: center; }
.flexslider .flex-control-nav li { display: inline-block; margin: 0 5px; *display:inline;
zoom: 1; }
.flexslider .flex-control-nav a { display: inline-block; width: 40px; height: 4px; line-height: 40px; overflow: hidden; cursor: pointer; background: rgba(250,250,250,0.5); }
.flexslider .flex-control-nav .flex-active { background: #e60013; }
.flexslider .flex-direction-nav { z-index: 3; left: 0; width: 100%; top: 45%; }
.flexslider .flex-direction-nav li a { display: block; width: 50px; height: 50px; overflow: hidden; cursor: pointer; position: absolute; }
.top { width: 100%; height: 40px; line-height: 40px; background: #2d2d2d; color: #bbbbbb; }
.tp_left a { color: #bbbbbb; margin: 0 3px; }
.tp_left a:hover { color: #FFFFFF; }
.tp_right { padding-left: 25px; background: url(../images/1.png) no-repeat left center; }
.head { width: 100%; background: #FFFFFF; position: relative; }
.logo { padding: 15px 0; }
.menu { width: 710px; margin-top: 20px; border-left: 1px solid #dddddd; }
.mli { float: left; font-size: 15px; width: 101px; }
.ma { text-align: center; color: #333333; display: block; line-height: 18px; height: 18px; border-right: 1px solid #dddddd; }
.mli:hover .ma,
.mli.hover .ma { color: #006bb2; }
.xl { display: none; width: 100%; position: absolute; z-index: 99; background: #f3f3f3; box-shadow: inset 0 0 20px rgba(0,0,0,0.08); }
.xl .auto { padding: 20px 0; }
.xl_left { border-right: 1px solid #d3d3d3; width: 470px; }
.xc_img { font-size: 0; }
.xc_wz { font-size: 14px; color: #666666; margin-top: 10px; text-align: center; }
.xl_ph { margin-top: 8px; margin-left: 25px; width: 320px; }
.xl_ph div { margin: 12px 0; color: #888888; line-height: 23px; padding-left: 35px; background-repeat: no-repeat; background-position: left center; }
.xl_menu { width: 710px; }
.xl_cell { width: 101px; }
.xl_cell a { display: block; text-align: center; color: #999999; line-height: 30px; }
.xl_cell a:hover { color: #006bb2; }
.right { position: fixed; right: 0; top: 35%; z-index: 999; }
.ra { display: block; width: 50px; height: 50px; position: relative; margin-bottom: 2px; }
.ra_tb { transition-duration: .5s; display: block; width: 50px; height: 50px; position: absolute; top: 0; left: 0; }
.ra_wz { transition-duration: .5s; width: 75px; height: 50px; line-height: 50px; position: absolute; top: 0; left: 50px; background: #00649b; color: #FFFFFF; text-align: left; font-size: 14px; }
.phone .ra_wz{ width:100px; height: 40px;  line-height: 20px; padding:5px 0; left: 50px;  }
.ra1 { background: #00649b url(../images/27.png) no-repeat center center; }
.ra2 { background: #00649b url(../images/28.png) no-repeat center center; }
.ra3 { background: #00649b url(../images/29.png) no-repeat center center; }
.ra_hover:hover .ra_wz { left: -25px; }

.ra_hover:hover .ra_tb { left: -75px; }
.ra_hover.phone:hover .ra_tb { left: -100px; }
.ra_hover.phone:hover .ra_wz { left: -50px; }

#goTopBtn { width: 50px; height: 50px; background: #919191; display: block; margin-bottom: 2px; }
.return_top { display: block; text-align: center; color: #FFFFFF; padding-top: 25px; background: url(../images/26.png) no-repeat center 10px; }
#goTopBtn:hover { background: #00649b; }
#goTopBtn:hover .return_top { color: #FFFFFF; }
.wx_code { width: 80px; height: 80px; padding: 5px; background: #FFFFFF; position: absolute; top: 0; right: -90px; transition-duration: .5s; z-index: -1; }
.wx_hover:hover .wx_code { right: 50px; }
.yj_lj { background: #ffffff; padding: 20px 0 20px 20px; }
.yj_lj a { float: left; color: #999999; line-height: 24px; margin-right: 20px; }
.yj_lj a:hover { color: #146092; text-decoration: underline; }
.foot { background: #2d2d2d; margin-top: 20px; }
.foot_top { padding: 30px 0; border-bottom: 1px solid #424242; }
.ft_cell { width: 340px; padding: 25px 20px; border: 1px solid #424242; margin-right: 50px; }
.ft_dl { font-size: 14px; color: #838383; padding-left: 70px; background-position: left center; background-repeat: no-repeat; }
.ft_dl span { display: block; font-size: 16px; font-weight: bold; color: #FFFFFF; margin-bottom: 10px; }
.ft_code { font-size: 0; background: #FFFFFF; padding: 6px; }
.foot_bottom { color: #838383; line-height: 40px; }
.foot_bottom a { color: #838383; }
.lh-text{width:546px; height:144px; position:absolute; left:-100%; top:35%; opacity:0;}
.lh-text.on{left:20%;top:35%; opacity:1;transition:ease-in-out 1s;}