@charset "utf-8";


/*-- 首页 --*/

body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{
    margin: 0px;
    padding: 0px; 
}

ul, ol, li {
	margin:0;
	padding:0;
	list-style:none;
}

a:link,a:visited,a:active{ color:#333;text-decoration:none; -webkit-transition:all .2s linear;transition:all .2s linear;}a:hover{ color:#16a5f3; text-decoration:underline; webkit-transition: .5s; transition: .5s;}
table{border-collapse:collapse;border-spacing:0;}
.fl{float:left;}.fr{float:right;}
.clear{clear:both;}
img{ vertical-align:middle;}

.clearfix:after { 
    visibility: hidden; 
    display: block; 
    font-size: 0; 
    content: " "; 
    clear: both; 
    height: 0; 
} 

input,select{font-family:"微软雅黑","黑体";}



html,body{
	background:#fff; font-family:"微软雅黑","黑体";color:#333; font-size:16px;
    padding:0;
    margin:0; height:100%;
}

::-webkit-input-placeholder{color: #999;}
::-moz-placeholder{ color: #999;        }
:-ms-input-placeholder{  color: #999;}

.wid1200px{ margin: 0 auto; width: 1200px;}
.top{ width: 1200px; position:relative; margin: 0 auto; height: 130px; overflow: hidden;}
.banner{ background: url(../img/banner_bg.jpg) no-repeat center top; min-width: 1200px; height: 420px; position: relative;}
.hei30px{ height: 30px; line-height: 30px; position: relative; font-size: 14px; color: #666;}
.fr_link{ position: absolute; top: 0px; right: 0px;}
.fr_link a{ display: inline-block; margin-left: 12px;}
.logo{ height: 80px; position: relative; margin-top: 7px;}
.hei36px{ height: 36px; position: absolute; top:20px ; right: 0px;}
.hei36px table tr td{ padding-left: 12px;}
img.logo_img{ height: 79px; width: auto;}
.inp_bg{ height: 36px; width: 160px; background: #ececec;}
.inp_bg input{ height: 36px; text-indent: .8em; width: 100%; font-size: 16px; border:none; background: none; outline: none;}

input.dl_btn{ height: 36px; width: 100px; margin-left: 8px; background: #c00; font-size: 16px; color: #fff; line-height: 36px; text-align: center; border: none;  cursor: pointer;}
input.dl_btn:hover{ opacity: .9;}
.wid840px{ width: 840px; position: absolute; top: 175px; left: 50%; width: 840px; margin-left: -420px;}

.ss_box{ height:56px ; background: rgba(255,255,255,0.8); position: relative;}
input.ss_inp{ border: none; height: 56px; color: #333; width: 720px; background: none; text-indent: 1.2em; font-size: 18px; outline: none;}
input.ss_btn{ background: url(../img/icon_ss.png) #c00 no-repeat center center; position: absolute; top:0px ; right: 0px; border: none; height: 56px; color: #333;  cursor: pointer; width: 120px;  text-indent: .8em; font-size: 18px; outline: none;}
input.ss_btn:hover{ opacity: .9;}

.hot_ss{ color: #fff; line-height: 40px; margin-top: 8px;}
.hot_ss a{ margin: 0 10px; color: #fff;}

.xt_con{ width: 1200px; margin: 0 auto;}
.ty_tit{ height: 40px; line-height: 36px; border-bottom: 2px #dbdbdb solid; margin-top: 25px; margin-bottom: 25px;}
.ty_tit h2{ font-size: 18px; height: 40px;   color: #333; display: inline-block; padding: 0 8px; border-bottom: 2px #c00 solid;}
.xt_list ul li{ float: left; width: 179px; height: 160px; position: relative; margin-left: 11px; margin-bottom: 18px; -webkit-transition:all .2s linear;transition:all .2s linear;}
.xt_list ul li a{ display: block; width: 179px; height: 160px; text-decoration: none; }
.xt_list ul li.nav_1{ background: url(../img/xt_bg1.jpg) no-repeat; width: 209px; height: 338px; margin-left: 0px;}
.xt_list ul li.nav_2{ background: url(../img/xt_bg2.jpg) no-repeat; }
.xt_list ul li.nav_3{ background: url(../img/xt_bg3.jpg) no-repeat; }
.xt_list ul li.nav_4{ background: url(../img/xt_bg4.jpg) no-repeat; width: 369px; height: 160px; }

.xt_list ul li.nav_5{ background: url(../img/xt_bg5.jpg) no-repeat; width: 209px; height: 338px; margin-left: 0px;}

.xt_list ul li.nav_6{ background: url(../img/xt_bg6.jpg) no-repeat; width: 369px; height: 160px; }
.xt_list ul li.nav_7{ background: url(../img/xt_bg7.jpg) no-repeat; }
.xt_list ul li.nav_8{ background: url(../img/xt_bg8.jpg) no-repeat; }

.xt_list ul li.nav_1 a,.xt_list ul li.nav_5 a{width: 209px; height: 308px;}
.xt_list ul li.nav_4 a,.xt_list ul li.nav_6 a{width: 369px; height: 160px; }

.txt_pos{ color: #fff; line-height: 30px; font-size: 20px; text-align: center; width: 100%; position: absolute; left: 0px; top: 50%; margin-top: 20px;}

.xt_list{ width: 595px;}

.xt_list ul li:hover{ transform: translateY(-6px); box-shadow: 5px 5px 6px #bbb;  webkit-transition: .5s; transition: .5s;} 

.mulu_con{ background: url(../img/con_bg.jpg) #e1e1e1 no-repeat top center; width: 100%; min-width: 1200px; padding-bottom: 15px;}
.mulu_list ul li{ width: 179px; height: 90px; margin-bottom: 14px; text-align: center; border-radius: 4px; position: relative; background: #e5daf2; float: left; margin-left: 25px; -webkit-transition:all .2s linear;transition:all .2s linear;}
.mulu_list ul li:nth-child(5n+1){ background: #e5daf2;}
.mulu_list ul li:nth-child(5n+2){ background: #fdd1d2;}
.mulu_list ul li:nth-child(5n+3){ background: #d7f0fc;}
.mulu_list ul li:nth-child(5n+4){ background: #f9f1d9;}
.mulu_list ul li:nth-child(5n){ background: #c7f1e9;}
.mulu_list ul li:hover{ transform: translateY(-5px); box-shadow: 5px 5px 6px #ccc;  webkit-transition: .5s; transition: .5s;} 

.mulu_list ul li a{width: 178px; height: 90px;  display: block; text-decoration: none; color: #333;}
.mulu_list ul li:nth-child(6n+1){ margin-left: 0px;}
.mulu_list ul li p{ font-size: 17px; line-height: 20px; padding: 10px 10px 0 10px;}
.mulu_list ul li h2{ background: url(../img/icon_ty.png) #fff no-repeat 145px 2px; position: absolute; bottom: 0px; left: 0px; width: 179px;  height: 35px; line-height: 35px; font-size: 24px; }
.mulu_list ul li a:hover h2{ color: #c00;}

.botm_bg{ background: #4b90ff; color: #fff; text-align: center; padding: 25px 0; font-size: 14px; line-height: 25px;}
.botm_bg a{ color: #fff;}