﻿@import url(anim.css);
/*
 1.全式
*/
*{margin:0;padding:0;border:0;}
/*
body{ font-size:12px; font-family:微软雅黑,Arial,Helvetica,Tahoma,sans-serif !important;color:#333333;text-align:center; !*overflow-x:hidden; *! background-color:#fff; min-width:1200px;}
*/
/*a{text-decoration:none;color:#333333;-webkit-tap-highlight-color:transparent;}
a:hover,a:active{!*text-decoration:underline;*!color:#cd3c40;}*/
/*
image{ vertical-align:middle;}
*/
ul,li{ list-style:none;}

/*add*/
em, cite, th { font-style: normal; font-weight: normal; font-style:normal;}
var{font-style:normal;}
input,select,img{vertical-align:middle;}


.wrap{clear:both;width:1200px;margin:0 auto;text-align:left;zoom:1; overflow:hidden;}
.wrap2{clear:both;width:1200px;margin:0 auto;text-align:left;zoom:1;}
.clear{clear:both; zoom:1;}
.divhidden{ display:none;}
.l{ float:left;}
.r{float:right;}
.m_t{ margin-top:9px;}
.m_t17{ margin-top:17px;}
.m_t20{ margin-top:20px;}
.c_l{ clear:both; height:0px; font-size:0px; overflow:hidden;}
.margin_top{ margin-top:-500px;}
.reds{ color:#cd3437;}

/*
 1.头部
*/
.b_center{ margin:0 auto; }
.i_blank{ height:135px; font-size:0; overflow:hidden;}
.top_bg{ width:100%; text-align:center;  background:#ffffff; height:135px;/* box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15);*/ position:fixed; top:0; left:0; z-index:99;transition:all 0.3s; }
.tpos .top_bg{ height:80px;box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15);}
.tpos .top_one{ height:0;}
.top_one{ height:48px; overflow:hidden; background-color:#312f38; transition:all 0.3s; color:#a7a7a7; font-size:14px;}
.search{ width:230px; float:right; height:32px;text-align:left; overflow:hidden; margin-top:17px;background:url(../images/search_bg.png) no-repeat;}
.search .input_shurk{ float:left;width:190px; height:32px; line-height:32px; background:none;border:none;outline:medium; color:#b1b1b1; font-size:12px; text-indent:12px;}
.search .s_btns{ float:left; width:40px; height:32px; border:none; background:url(../images/search_bg.png) right top no-repeat;cursor:pointer; outline:none;}
.search .s_btns:hover{transition:all 0.3s;opacity:0.8;filter:Alpha(opacity=80);}


.top_txt_btn{ float:left;  line-height:48px; font-size:13px; color:#a7a7a7; transition:all 0.3s; margin-right:20px; }
.top_txt_btn_fws{
    padding-left:24px;
    background:url(../images/tel_bg.png) left center no-repeat;
}
.top_txt_btn a{ font-size:13px; color:#a7a7a7;text-decoration:none;}
.top_txt_btn a:hover{ transition:all 0.3s;opacity:0.8;filter:Alpha(opacity=80); color:#fff;}

.top_txt{ line-height:48px; float:left;}
.top_txt span{ color:#ffffff;}
.top_state_bar{ line-height:48px; float:right;color:#a7a7a7;}
.top_state_bar .btn{ float:left; margin-left:10px; font-size:13px; color:#fff; height:28px; line-height:28px; width:74px; margin-top:10px; border-radius:20px;transition:all 0.3s;}
.top_state_bar .btn:hover{opacity:0.8;filter:Alpha(opacity=80);}

.top_state_bar .btn-user{
    background:url(../images/top_pic1.png) #cd3c40 14px center no-repeat;
    text-indent:36px;
}

.top_state_bar .btn-register{
    background:url(../images/top_pic1.png) #cd3c40 14px center no-repeat;
    text-indent:36px;
}
 
.menu {width:100%; max-width:1200px;}
.menu .logo_l{  float:left; display:inline;}
.menu .logo_l img{ height:87px;transition:all 0.3s;}
.tpos .menu .logo_l img{ height:80px;}
.menu .logo_l:hover img{opacity:0.8;filter:Alpha(opacity=80);}


.nav_bg{height:87px; position:relative;}
.tpos .nav_bg{ height:80px;}
.nav{font-family:"微软雅黑"; float:right; margin-top:9px;}
.tpos .nav{ margin-top:4px;}
.nav li.m{ float:left; text-align:center; padding-right:30px; padding-left:30px;}
.nav li.m:last-child{padding-right:0;}
.nav li.m#m5{ position:relative;}
.nav h3 a{ height:78px; line-height:78px;display:block; font-size:16px; font-weight:300; color:#666666; text-decoration:none;/*  background:url(../images/nav_bg1.png) right center no-repeat;transition:all 0.3s;*/ overflow:hidden;}
.tpos .nav li.m h3 a{ height:76px;line-height:76px;}
.nav h3{ font-weight:normal; position:relative;}
.nav h3 a span{ display:block;position:relative;transition: all 0.3s;height:78px;}
.nav h3 a span:after{content:attr(data-title);position:absolute;/*color:#fff;*/left:0;transform:translateY(100%);width:100%;top:0;}
.tpos .nav h3 a span{ height:76px;}
/*.nav li h3 a:after{content: "";display: block;position: absolute;left: 50%;right: 50%;bottom: 0px;height: 2px;opacity: 0;background-color: #b39058;-webkit-transition: all .5s;
-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.nav li h3 a:hover:after{left: 1%;right: 1%;opacity: 1;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}*/
.nav a:hover{color:#d53235;}
.nav a:hover span{transform:translateY(-100%);}
.nav li.on h3 a{ color:#d53235;/*font-weight:bold;*/}
/*.nav li.on h3 a:after{left: 1%;right: 1%;opacity: 1;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}*/
/*.nav .sub_bg{ position:fixed; width:100%; z-index:109; height:0px; background:rgba(0, 0, 0, 0.6); z-index:109; left:0; top:128px; overflow:hidden;transition:all 0.3s;}
.nav .m:hover .sub_bg{ height:50px;}*/
.nav .sub{ display:none; /*默认隐藏*/ width:100%;  padding:0;/*background:rgba(179, 144, 88, 0.5); */ background-color:#fff;position:absolute; top:78px; left:0;  z-index:110; padding-top:5px; padding-bottom:5px; }
.tpos .nav .sub{ top:76px;}
/*.tpos .nav .sub_bg{ top:90px;}*/
.nav .sub.sub1 dl{width:100%; margin:0 auto;  text-align:center;}
.nav .sub.sub1 dd{ list-style:none; text-decoration:none;}
.nav .sub.sub1 dd a{ height:40px; line-height:40px; display:block; color:#333;font-size:12px; /* width:147px;*/ }
.nav .sub.sub1 dd a:hover{ color:#fff; text-decoration:none;background:rgba(205, 60, 64, 0.5);}

.nav .sub.sub2{border-top:2px solid #f4f4f4; border-bottom:1px solid #f4f4f4;box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); padding-top:8px; padding-bottom:8px;top:87px;}
.tpos .nav .sub.sub2{ top:80px;}
.nav .sub.sub2 dd{ list-style:none; text-decoration:none; width:23%; margin-right:2.65%; float:left; /*background:url(../images/top_bg1.png) right 14px no-repeat;*/ margin-bottom:10px;}


.nav .sub.sub2 dd .div{overflow:hidden; width:240px;transition:all 0.3s; padding-bottom:6px;}
.nav .sub.sub2 dd:Hover .div{ background-color:#f5f5f5;}
.nav .sub.sub2 dd .top_img{ float:left;  width:66px; overflow:hidden; text-align:right;}
.nav .sub.sub2 dd .top_img.slogan{ width:238px;margin-top: 5px;padding-top: 5px}
.nav .sub.sub2 dd .top_img img{ max-width:100%; }
/*.nav .sub.sub2 dd .top_img:hover img{transition:all 0.3s;filter: Alpha(Opacity=80);opacity: 0.8;}*/
.nav .sub.sub2 dd .txts{margin-left:3px; float:left; overflow:hidden; width:170px;}
.nav .sub.sub2 dd .txts h2{ font-size:14px; color:#333333; font-weight:normal; height:20px; line-height:20px; overflow:hidden; margin-top:14px; letter-spacing:1px;}
.nav .sub.sub2 dd .txts p{ line-height:20px; max-height:40px; overflow:hidden; font-size:14px; color:#b1b1b1; letter-spacing:0.5px;}
.nav .sub.sub2 dd:Hover .txts h2{ color:#d25b5b;}
.nav .sub.sub2 dt{ height:38px; line-height:38px; font-size:14px; color:#333333; letter-spacing:1px; padding-left:13px;}

.nav .sub.sub2 dd .slogan{
    width: 240px;
    height: 60px;
    overflow: hidden;
    padding:0 5px;
    line-height: 20px;
    font-size: 12px;
    color: #b1b1b1;
    letter-spacing: 0.5px;
}

.nav .sub.sub2 dd .txts.one-line{
    margin-top: 15px;
    border-left: 1px solid #00BFFF;
}

.one-line:first-child{
    margin-top: 15px;
    padding-left: 10px;
}
.nav .sub.col5 dd{
    width:17%;
    margin-right:2.65%;
}
.nav .sub.col4 dd:nth-child(4n){ background:none; margin-right:0;}
.nav .sub.col5 dd:nth-child(5n){ background:none; margin-right:0;}

/*微信弹窗*/
#hidden{z-index: 2147483647;display: none; background: #000; filter: alpha(opacity=0); left: 0px; opacity: 0; position: fixed; width: 3000px; height: 100%; padding-top: 28%; text-align: center; top:0;}
#hiddenimg{opacity:1  ; display:none; position:fixed;left:0%; width:100%; height:300px;padding-top:0;z-index:2147483647; top:28%; text-align:center;}
#hiddenimg img{ width:90%;max-width:300px; margin:0 auto; }
#hiddenimg2{text-align: center;}
.weixinclose{ position:fixed; right:2%; top:2%; color:#fff; font-size:30px; cursor:pointer; z-index:2147483648; font-weight:normal; display:none;}



/*尾部*/
.f_bg{overflow:hidden; background:#312f38; color:#96959a; font-size:13px; clear:both; padding-top:17px; padding-bottom:38px;text-align:left;}
.f_bg_div{width:1200px; margin:0 auto;}
.f_bg a{color:#96959a; text-decoration:none;}
.f_bg a:hover{ color:#cc2f32;}
.f_bg .f_bg_l{ float:left; width:616px; overflow:hidden;  background:url(../images/i_bg18.png) right 12px no-repeat;}
.f_bg .f_div2_r{ float:left; width:136px; margin-right:23px; overflow:hidden;font-size:14px; color:#96959a; line-height:40px; text-align:center;}
.f_bg .f_div2_r img{ display:block; width:100%;}
.f_bg .links{ width:170px; float:left;  margin-right:40px; height:165px; overflow:hidden;}
.f_bg .links.nor{ margin-right:0;}
.f_bg .links h2{ font-size:14px; color:#fff; font-weight:normal; line-height:40px; margin-bottom:16px;background:url(../images/i_bg12.png) left bottom no-repeat;}
.f_bg .links ul li{ display:block; height:26px; line-height:26px; overflow:hidden; font-size:13px;}
.f_bg .links ul li a{transition:all 0.3s; padding-right:5px;}
.f_bg .links ul li a:hover{ margin-left:5px; padding-right:0;}
.f_bg .f_div2_r2{ float:left; width:350px; overflow:hidden; font-size:12px; line-height:24px; margin-top:2px;}
.f_bg .f_div2_r2 label{ float:left;}
.f_bg .f_div2_r2 p{line-height:24px; height:120px; overflow:hidden; padding-left:3px;}
.f_bg .f_div2_r2 p a{ float:left; margin-right:10px;}
.f_bg .f_bg_r{ float:right; width:478px; overflow:hidden;}
.f_bg .f_bg_r h2{ font-size:14px; color:#fff; font-weight:normal; line-height:40px; margin-bottom:16px;background:url(../images/i_bg13.png) left bottom no-repeat;}
.f_bg .f_bg_r ul li{ display:block; overflow:hidden; border-bottom:1px solid #403e44; padding-bottom:15px; margin-bottom:15px;}
.f_bg .f_bg_r ul li h3{ font-size:14px; color:#cfcfcf; font-weight:normal; line-height:24px; height:24px; overflow:hidden;transition:all 0.3s;white-space:nowrap;text-overflow:ellipsis;}
.f_bg .f_bg_r ul li p{ line-height:22px; height:22px; overflow:hidden; font-size:12px; color:#919095;}
.f_bg .f_bg_r ul li:last-child{ border-bottom:0; margin-bottom:0; padding-bottom:0;}
.f_bg .f_bg_r ul li a:hover h3{ color:#cc2f32;}
/*
.foot_a{ line-height:27px; font-size:12px; overflow:hidden; text-align:left;}
.foot_a ul{ float:right; width:116px;}
.foot_a ul li{float:left; width:28px; height:27px; margin-left:10px;}
.foot_a ul li a{ display:block; width:100%; height:100%;margin:0;}
.foot_a ul li a:hover{transition:all 0.3s;filter: Alpha(Opacity=60);opacity: 0.6;}
.foot_a ul li.weixin a{ background:url(../images/foot_pic1.png) no-repeat;}
.foot_a ul li.weixin a:hover{filter: Alpha(Opacity=100);opacity: 1.0;}
.foot_a ul li.weixin .wem1{width: 203px; display: none;text-align: center; padding-top: 20px; padding-bottom:20px; position: absolute; margin-left:-112px;margin-top: -203px; background-image: url(../images/ewm.png);background-repeat: no-repeat;}
.foot_a ul li.weixin .wem1 img{ width:155px; height:155px; margin-right:5px;}
.foot_a ul li.weixin a:hover .wem1{ display:block;}
.foot_a ul li.qq a{ background:url(../images/foot_pic3.png) no-repeat;}
.foot_a .bdshare-button-style0-24{ height:100%;}
.foot_a ul li.sinna a.bds_tsina{ background:url(../images/foot_pic2.png) left top no-repeat; }*/
.f_div3{ line-height:36px; min-height:36px; background-color:#1b1a20; clear:both; overflow:hidden; color:#96959a; font-size:12px;text-align: center}
.f_div3 a{ color:#96959a;}
.f_div3 a:hover{transition:all 0.3s;/*filter: Alpha(Opacity=80);opacity: 0.8;*/color:#cc2f32;}

.gotop{ position:fixed; bottom:10%; right:1%; width:58px; height:57px; background:url(../images/gotop.png) no-repeat; background-size:100% 100%;
-webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out;
-o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;
}
.gotop:hover{-webkit-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg); cursor:pointer; transform:rotate(360deg);}

/*分页*/
.yema{ width:100%; text-align:center; clear:both; overflow:hidden; padding-top:40px; padding-bottom:40px; clear:both;}
.yema a{ display:inline-block; height:30px; line-height:30px; padding-left:10px; overflow:hidden; padding-right:10px; min-width:12px;margin-left:1px; margin-right:1px;  text-align:center; color:#757575; font-size:13px; border:1px solid #f5f5f5; background-color:#f5f5f5;}
.yema a:hover{ text-decoration:none; color:#fff; background-color:#b39158;border:1px solid #b39158;}
.yema a.on{color:#fff; background-color:#b39158; border:1px solid #b39158;}
.yema a.first,.yema a.last{ margin-right:0;  }
.yema a.first:hover,.yema a.last:hover{background-color:#b39158;}
.yema a span{ font-family:"宋体"; font-size:16px;}




@media screen and (max-width: 1200px) {
.top_bg{ position:static;}
.i_blank{ height:0;}
}

/******************************************old style start********************************************************/

.fr{ float:right;}
.fl{ float:left;}
.fz24{ font-size: 24px;}
.fz20{ font-size: 20px;}
.fz18{ font-size: 18px;}
.fz16{ font-size: 16px;}
.fz14{ font-size: 14px;}
.fz12{ font-size: 12px;}


/*--------头像*/
.head-user{ position:relative; height:50px; padding:10px 0 0;cursor:pointer;}
.head-user img{width:30px; height:30px; border-radius:100px;}
.head-name{
    display:block;line-height:28px; padding:0 15px 0 6px; color:#d5d5d5;
    background: url(../images/n1.png) no-repeat right center;
    overflow: hidden; white-space: nowrap; text-overflow: ellipsis;max-width:160px;
}
.head-pop{
    width: 110px;background:#fff; position:absolute; top:50px;right:350px; z-index:150;
    border-radius:3px; padding:10px;
    -moz-box-shadow: 0px 0px 2px #aaa;-webkit-box-shadow: 0px 0px 2px #aaa;box-shadow: 0px 0px 2px #aaa;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#aaaaaa')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=120, Color='#aaaaaa');
}
.land-icon{ width:17px; height:18px;background:url(../images/c_02.png) no-repeat; position:absolute; top:-7px; left:17px;}
div.head-pop ul li a{
    display:block; width:90px;height:30px;line-height:30px;
    color:#333; text-align:left; padding-left:6px;
}
div.head-pop ul li a:hover{ background:#eaeaea;}

/******************************************old style end********************************************************/

.kxy{
    padding-top: 10px;
}
.kxy .kxy-img{
    display: block;
}
.kxy .kxy-img-hover{
    display: none;
}
.kxy:hover .kxy-img{
    display: none;
}
.kxy:hover .kxy-img-hover{
    display: block;
}

body{
    min-width: 1200px !important;
}