::selection{background: #0065b2; color: white; /* Safari */} 
::-moz-selection{background: #0065b2; color: white; /* Firefox */ } 

html{overflow-y:scroll; overflow-x:hidden; -webkit-text-size-adjust:none; _background-image:url(about:blank); _background-attachment:fixed; height:100%;}
body, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, form, button, input, textarea, th, td { margin: 0px; padding: 0px; font-weight: normal; }
body, button, input, select, textarea, h1, h2, h3, h4, div, h5, h6, i { color:#333; font: normal 14px Microsoft YaHei,微软雅黑,Arial;}
body{ height:100%}
ul, ol, li { list-style:none; }
a { text-decoration: none; color:#333; font-size:13px; transition: all .25s ease; blr:expression(this.onFocus=this.blur()); /* IE Opera */}
a:hover { color:#0065b2; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease;}
img { border: 0; vertical-align:middle}
table { border-collapse: collapse; border-spacing: 0; }
.clear { clear: both; }
.warp{ width:100%; position:relative; max-width:1200px; margin:0 auto;}
.bg{ background:#f5f5f5}
/*head*/
.head01{ height:40px; overflow:hidden; background-color:#f8f8f8; border-bottom:1px solid #ddd;}
.head01 ul li{ float:right; font-size:12px; height:40px; line-height:40px; margin-left:15px;}
.head01 ul li a{ padding:12px 0 0 5px;}
.head01 ul li img{ width:19px; height:12px; margin-top:-5px; }

.head02{ height:100px; background:url(../images/head02_bj.jpg) repeat-x;position:relative;}
.head02 .logo{ float:left; height:50px; padding:25px 0 20px 0;}
.head02 .logo img{ float:left; height:52px;}
.head02 .nav{ position:absolute; top:35px; right:250px;}
.head02 .nav ul li{ float:left; height:60px; position:relative}
.head02 .nav ul li .nav_list{ float:left; height:60px; line-height:60px; font-size:16px; border-bottom:2px solid #eee;}
.head02 .nav ul li:hover .nav_list{ border-bottom:2px solid #0065b2; color:#0065b2}
.head02 .nav ul li span{ float:left; height:60px; line-height:60px; padding:0 20px;}
.head02 .nav ul li dl{ display:none; position:absolute; width:200px; top:60px; background:rgba(0,101,178,0.8); filter:alpha(opacity=80); left:-22px; z-index:3;}
.head02 .nav ul li:hover dl{ display:block}
.head02 .nav ul li dl dd{ float:left; width:100%; height:40px; line-height:40px; text-indent:25px; border-bottom:1px solid #2b83c6}
.head02 .nav ul li dl dd a{ float:left; width:100%; height:40px; line-height:40px; color:#fff; font-size:15px;}
.head02 .nav ul li dl dd:hover{ background:#fff; }
.head02 .nav ul li dl dd:hover a{ color:#0065b2}
.theclose{ display:none;}

.head02 .sousuo{ float:right;width:225px; margin-top:45px; position:relative; border:1px solid #ddd; border-radius:20px; overflow:hidden;}
.head02 .sousuo .ss_l{ float:left;width:190px; height:36px; line-height:36px; background-color:#fbfbfb; outline:none; text-indent:2em; font-size:12px; color:#888; border:0; outline:none;} 
.head02 .sousuo .ss_s{ float:left;width:35px; height:36px; line-height:36px; background:url(../images/sousuo.jpg) center no-repeat #fff; border:0; outline:none; cursor:pointer} 



/* banner */
.banner{ width: 100%; height:550px; overflow: hidden; position:relative;}
.banner .flexslider{ position:relative; height:550px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.banner .slides{position:relative;z-index:1; height:550px;}
.banner .slides li{ width:100%; height:550px; cursor:pointer; text-align:center;background-position: center top; background-repeat: no-repeat;}
.banner .flex-control-nav{position:absolute;bottom:20px; right:50%;z-index:2;width:100%; margin-right:-50%;text-align:center;}
.banner .flex-control-nav li{display:inline-block; margin:0 5px; *display:inline;zoom:1; cursor:pointer}
.banner .flex-control-nav a{display:inline-block;width:15px; vertical-align:bottom;height:5px;line-height:100px; text-align:center; color:#fff; overflow:hidden; background:#fff; cursor:pointer;}
.banner .flex-control-nav .flex-active{ width:35px; background:#0065b2;}
.banner .flex-direction-nav{position:absolute;z-index:3;width:100%; top:40%;}
.banner .flex-direction-nav li a{display:block;width:57px;height:110px;overflow:hidden;cursor:pointer;position:absolute; transition:none;}

.banner .flex-direction-nav li a.flex-prev{left:0;background:url(../images/ban_left.png) -72 center no-repeat; transition: all .25s ease;}
.banner:hover .flex-direction-nav li a.flex-prev{ left:50px; background:url(../images/ban_left.png) center no-repeat;}
.banner .flex-direction-nav li a.flex-next{right:0;background:url(../images/ban_right.png) 72px no-repeat;}
.banner:hover .flex-direction-nav li a.flex-next{ right:50px; background:url(../images/ban_right.png) center no-repeat;}

/* common_banner */
.banner_pr{ height:313px; overflow:hidden}


/* footer */
.footer{ overflow:hidden; width:100%; background-color:#2c2f34; padding:40px 0;}
.footer01{ color:#999999;}
.footer01 .footer01_left{ width:83%; float:left;}
.footer01 .footer01_left ul{float:left; color:#fff; width:20%;}
.footer01 .footer01_left ul h5{ color:#ccc; font-size:16px; width:90%; border-bottom:1px solid #3f4144; padding-bottom:20px;}
.footer01 .footer01_left ul i{ width:90%; height:1px; background-color:#212528; display:block; margin-bottom:25px;}
.footer01 .footer01_left ul li{color:#999;}
.footer01 .footer01_left ul li p{ margin-bottom:5px;}
.footer01 .footer01_left ul li p a{color:#999;}
.footer01 .footer01_left ul li p a:hover{color:#f5f5f5;}
.footer01 .footer01_right{ width:17%; float:right; text-align:right;}
.footer01 .footer01_right img{}
.footer01 .footer01_right p{color:#fff; padding:5px 20px 0 0;}

.footer_bq{overflow:hidden; width:100%; background-color:#212528;}
.footer_bq ul{  height:46px; line-height:46px;}
.footer_bq li{ float:left; color:#999;}
.footer_bq span{ float:right; color:#999;}
.footer_bq img{ margin-top:18px;}

#topcontrol{width: 45px; height: 45px; position: absolute; z-index: 20; background: url(../images/return.png) center no-repeat;}