/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0; list-style:none; text-decoration:none; border:0; list-style:none;}
body{ font-size:14px; font-family: Arial,''; color:#000; background:#ffffff;}
a{ color:#000;}
a:hover{ color:#f60; text-decoration:none;}
p{line-height:1.5em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ max-width:1140px; margin:0 auto;}

/*common end*/


.head{}
.head_pc{}
.head_pc .head_pc01{ height:140px;}
.head_pc .head_pc01 .logo{ float:left; width:400px; height:140px; position:relative;}
.head_pc .head_pc01 .logo img{ max-width:400px; max-height:100px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto 0;}
.head_pc .head_pc01 .rt{ float:right; max-width:400px; padding-top:50px;}
.head_pc .head_pc01 .rt .search{ background:#000; width:260px; height:40px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.head_pc .head_pc01 .rt .search .in01{ float:left; border:none; background:none; color:#D4D4D4; width:210px; padding:0 5px; height:40px; line-height:40px;}
.head_pc .head_pc01 .rt .search .in02{ border:none; background:url(../images/searchbg.png) center no-repeat; width:40px; height:40px; cursor:pointer;}
.head_pc .head_pc02{ background-color: #CE382B; background-image: linear-gradient(rgb(145, 145, 145), rgb(145, 145, 145)); height:70px;}
/*menu*/
.menu{height:70px;line-height:70px; }
.menu ul li{ float:left; position:relative; z-index:5; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff;}
.menu ul li dl{ background:#fff; width:100%; position:absolute; left:0px; top:70px; box-shadow:2px 2px 5px rgba(0,0,0,0.2); padding:10px 0;display:none; }
.menu ul li dl dd{ line-height:25px; position:relative;}
.menu ul li dl dd a{ font-size:15px; color:#666; font-weight:normal; padding:10px 10px; border-bottom:1px dashed #ccc;}
.menu ul li dl dd a:hover{ color:#f60;}
.menu ul li dl dd .sanji{ width:100%; background:#fff; position:absolute; top:0; left:100%; display:none;}
.menu ul li dl dd:hover .sanji{ display:block;}
.menu ul li dl dd .sanji_box{ position:relative;}
.menu ul li dl dd .siji{ width:100%; background:#fff; position:absolute; top:0; left:100%; display:none; }
.menu ul li dl dd .sanji_box:hover .siji{ display:block;}
.menu ul li dl dd  .siji_box{ position:relative;}
.menu ul li dl dd .wuji{ width:100%; background:#fff; position:absolute; top:0; left:100%; display:none;}
.menu ul li dl dd .siji_box:hover .wuji{ display:block;}
.menu a{ font-size:19px;color:#fff; text-decoration:none; font-weight:bold;display:block;text-align:center; padding:0 30px;}
.menu a:hover{color:#fff;}
a.menu_hover{ background:#1C1C1C;color:#fff;}


.head_m{ display:none; padding:0 1%;}
.head_m .head_m01{ height:80px;}
.head_m .head_m01 .logo{ width:100%; height:80px; position:relative;}
.head_m .head_m01 .logo img{ max-width:100%; max-height:80px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto auto;}
.head_m .head_m02{ height:50px; line-height:50px; background-color: #CE382B; background-image: linear-gradient(rgb(206, 56, 43), rgb(193, 46, 35)); position:relative;}
.head_m .head_m02 h2{ font-weight:normal; font-size:18px; padding:0 1%;}
.nav {margin:0px;width:100%;float:left; background:#1C1C1C;}
.nav-item {margin:0px;padding:0px;float:left;list-style:none;zoom:1;width:100%;margin:0px;padding:0px;float:left; }
.nav-item a {display:block;font-weight: 400; text-transform: uppercase; color: #fff;-webkit-transition: color .2s linear,background .2s linear;-moz-transition: color .2s linear,background .2s linear;-o-transition: color .2s linear,background .2s linear;transition: color .2s linear,background .2s linear;font-size: 0.8725em;}
.nav-item a:hover {background:#3d1805;color: #ffe39e;}
.nav-mobile {display: none;cursor: pointer;position: absolute; z-index:5; top: 13px;right: 10px;background: url(../images/navbg.png) no-repeat;width: 32px;height:24px;}
.nav-mobile { display:block;}
.nav-list {width:100%;margin:0px;padding:0px;float:left;display:none;}
.nav-item {}
.nav-inner {display: none;}
.nav-active, .nav-active-inner .nav-inner {display:block;}
.nav .tree_box { overflow: hidden; }
.tree_box h3, .tree_one h4, .tree_two li { cursor: pointer; }
.tree_one, .tree_two { display: none; overflow: hidden; }
.nav .tree_box h3 { position: relative; height: 40px; line-height: 40px; border-bottom:1px solid #2F2F2F; }
.nav .tree_box h3 span { background: url(../images/nav_down.png) center no-repeat; position: absolute; right: 0px; top: 0px; height: 40px; width: 39px; }
.nav .tree_box h3 a { font-weight: normal; padding-left:5px; }
.nav .tree_one h4 { height: 30px; line-height: 30px; font-weight: normal; padding-left:10px; }



.bannerbg{}
/*---------------------------轮换图片-------------------------------*/
.slide_container { position: relative;float: left;width: 100%;}
.rslides {position: relative;list-style: none;overflow: hidden;width: 100%;padding: 0;margin: 0;}
.rslides li {-webkit-backface-visibility: hidden;position: absolute;display: none;width: 100%;left: 0;top: 0;}
.rslides li:first-child {position: relative;display: block;float: left;}
.rslides img {display: block;height: auto;float: left;width: 100%;border: 0;}
.slide {position: relative;list-style: none;overflow: hidden;width: 100%;padding: 0;margin: 0;}
.slide li {position: absolute;width: 100%;left: 0;top: 0;}
.slide img {display: block;position: relative;z-index: 1;height: auto;width: 100%;border: 0;}
.slide .caption {display: block;position: absolute;z-index: 2;font-size: 20px;text-shadow: none;color: #fff;background: #000;background: rgba(0,0,0, .8);left: 0;right: 0;bottom: 0;padding: 10px 20px;margin: 0;max-width: none;}
.slide_nav {position: absolute;-webkit-tap-highlight-color: rgba(0,0,0,0);top: 52%;left: 0;opacity: 0.7;z-index: 3;text-indent: -9999px;overflow: hidden;text-decoration: none;height: 61px;width: 38px;background: transparent url("../images/themes.gif") no-repeat left top;margin-top: -45px;}
.slide_nav:active {opacity: 1.0;}
.slide_nav.next {left: auto;background-position: right top;right: 0;}
/*---------------------------轮换图片 End-------------------------------*/


.tit1{background-color: #ddd; background-image: linear-gradient(#dddddd,#dddddd);}
.tit1 h2{ font-weight:normal; font-size:18px; line-height:70px; padding:0 15px;}
.con01bg{ margin-top:30px;}
.con01{ background:#ffffff;}
.con01 .main{ padding:1% 1%;}
.con01 .main ul{}
.con01 .main ul li{ float:left; width:29%; margin:1% 1%; opacity:0.8; background:#eee; padding:1% 1%;}
.con01 .main ul li .img{}
.con01 .main ul li .img img{ width:100%;}
.con01 .main ul li .txt{ text-align:center;}
.con01 .main ul li .txt h2{ font-weight:normal; font-size:16px; line-height:2em; height:2em; overflow:hidden;}
.con01 .main ul li .txt h2 a{}
.con01 .main ul li .txt h2 a:hover{ color:#ffdc63;}
.con01 .main ul li .txt p{ padding:0; color:#949393; line-height:1.5em; height:0em; overflow:hidden;}
.con01 .main ul li:hover{ opacity:1;}


.con02bg{ margin-top:30px;}
.con02{}
.con02 .con02_lt{ float:left; width:49%; background:#424242;}
.con02 .con02_lt .main{ padding:1% 1%;}
.con02 .con02_lt .main ul li{ height:40px; line-height:40px; font-size:14px; background:url(../images/li.png) left center no-repeat;}
.con02 .con02_lt .main ul li strong{/* float:left; width:88%;*/ font-weight:normal; padding-left:10px; height:40px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.con02 .con02_lt .main ul li strong a{ color:#000000;}
.con02 .con02_lt .main ul li strong a:hover{ color:#ffdc63;}
.con02 .con02_lt .main ul li span{ float:right; width:10%; font-size:12px;}

/*.con02 .con02_rt{ float:right; width:49%; background:#424242;}
.con02 .con02_rt .main{ padding:1% 2%; min-height:209px;}
.con02 .con02_rt .main ul li{ line-height:1.5em; padding:0 0; font-size:14px;}
.con02 .con02_rt{ float:right; width:30%; background:#424242;}
.con02 .con02_rt .main{ padding:1% 2%; min-height:209px;}
.con02 .con02_rt .main ul li{ line-height:40px; padding:1.5% 0; font-size:14px;}*/






.con02 .con02_rt{ float:right; width:49%; background:#424242;}
.con02 .con02_rt .main{ padding:1% 1%;}
.con02 .con02_rt .main ul li{ height:40px; line-height:40px; font-size:14px; background:url(../images/li.png) left center no-repeat;}
.con02 .con02_rt .main ul li strong{/* float:left; width:77%;*/ font-weight:normal; padding-left:10px; height:40px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.con02 .con02_rt .main ul li strong a{ color:#000000;}
.con02 .con02_rt .main ul li strong a:hover{ color:#ffdc63;}
.con02 .con02_rt .main ul li span{ float:right; font-size:12px;}




.index_add1bg{ margin-top:-10px;}
.index_add1{ background:#fff;}
.index_add1 .list{ padding:30px 20px;}
.index_add1 .h2{ font-size:20px; line-height:30px; font-weight:bold;}
.index_add1 .h3{ font-size:14px; line-height:26px; margin-top:10px;}






.footbg{ background:#919191; padding:20px 0; margin-top:30px;}
.foot{}
.foot ul li{ text-align:center; line-height:1.5em; color:#D8D7D7;}
.foot ul li a{ color:#D8D7D7;}
.foot ul li a:hover{ text-decoration:underline;}

.foot_add1bg{ background:#dddddd; margin-top:4px;}
.foot_add1{ padding:30px 0; color:#000;}
.foot_add1 a{ color:#000;}
.foot_add1 .lt{ float:left; width:38%; font-size:14px; line-height:24px;}
.foot_add1 .lt .h2{ font-size:18px; line-height:28px; margin-bottom:20px;}
.foot_add1 .lt ul li{ margin-top:10px;}
.foot_add1 .ct{ float:left; width:26%; margin:0 5%; font-size:14px; line-height:24px;}
.foot_add1 .ct .h2{ font-size:18px; line-height:28px; margin-bottom:20px;}
.foot_add1 .ct ul li{ margin-top:10px;}
.foot_add1 .rt{ float:right; max-width:32%; font-size:14px; line-height:24px;}
.foot_add1 .rt ul li{ margin-bottom:10px;}
.foot_add1 .rt img{ display:inline-block; vertical-align:middle; margin-right:5px;} 
.foot_add1 .rt2{ float:right; max-width:24%;}
.foot_add1 .rt2 .h2{ font-weight:bold; font-size:18px; line-height:28px;}
.foot_add1 .rt2 .img_list{ margin-top:10px;}
.foot_add1 .rt2 .img_list ul li{ float:left; width:32%; margin:0 2% 2% 0;}
.foot_add1 .rt2 .img_list ul li:nth-child(3n){ margin-right:0;}
.foot_add1 .rt2 .img_list ul li .img{ padding-bottom:100%; position:relative;}
.foot_add1 .rt2 .img_list ul li .img img{ max-width:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.foot_add1 .rt2 .txt{ font-size:14px; line-height:24px; margin-top:10px;}
@media(max-width:768px){
.foot_add1{ width:100% !important;}
.foot_add1 .rt2{ float:none; max-width:100% ;}
}






/*Add------------------------------------------------------------------------------*/

.inbannerbg{}
.inbannerbg .img{}
.inbannerbg .img img{ width:100%; float:left;}


.inside{margin-top:30px; }

.inside_left{ width:22%; float:left;}
.inside_left .side_a{}
.side_a .tree_box { overflow: hidden; }
.tree_box h3, .tree_one h4, .tree_two li { cursor: pointer; }
.tree_one, .tree_two { display: none; overflow: hidden; }
.side_a .tree_box h3 { position: relative; height: 40px; line-height: 40px; border-bottom:1px solid #2F2F2F; background:url(../images/li.png) left 10px center no-repeat; padding-left:24px; }
.side_a .tree_box h3 span { position: absolute; right: 0px; top: 0px; height: 40px; width: 20px; font-size:18px; }
.side_a .tree_box h3 a { font-weight: normal; padding-left:5px; }
.side_a .tree_one h4 { height: 30px; line-height: 30px; font-weight: normal; padding-left:20px; }
.inside_left .side_b{ margin-top:20px;}
.inside_left .side_b .main{}
.inside_left .side_b .main ul li{ background:url(../images/li.png) left 6px no-repeat; line-height:20px; max-height:40px; overflow:hidden; padding-left:10px; font-size:14px; margin:5px 0;}
.inside_left .side_b .main ul li a:hover{ color:#ffdc63;}
.inside_left .side_c{ margin-top:20px;}
.inside_left .side_c .main{ padding:0 1%;}
.inside_left .side_c .main ul li{ line-height:1.5em; margin:5px 0;}


.inside_right{ width:76%; float:right; }
.weizhi{background-color: #3a3a3a; background-image: linear-gradient(#dddddd,#dddddd); height:70px; line-height:70px; font-size:18px; padding:0 10px;}
.weizhi a{ color:#337ab7;}
.weizhi a:hover{ text-decoration:underline;}

.inside_con{ padding:10px 0;}



@media(max-width: 768px) {
img{ max-width:100%;}
.head_pc{ display:none;}
.head_m{ display:block;}

.con01bg{ margin-top:20px;}
.con01 .main ul li{ float:none; width:98%; margin:1% 1%; opacity:1;}
.con01 .main ul li .img img{ width:100%;}
.con01 .main ul li .txt p{ padding:0; color:#949393; line-height:1.5em; height:3em; overflow:hidden;}

.con02bg{ margin-top:20px;}
.con02 .con02_lt{ float:none; width:100%;}
.con02 .con02_rt{ float:none; width:100%;  margin-top:20px;}
.con02 .con02_rt .main{ min-height:50px;}
.con02 .con02_rt .main ul li{ line-height:40px; padding:1% 0; font-size:14px;}

.inside_left{ width:100%; float:none;}
.inside_right{ width:100%; float:none; }

.foot_add1bg{ padding:0 5%;}
.foot_add1 .lt{ float:none; width:100%; margin:0 !important;}
.foot_add1 .ct{ float:none; width:100%; margin:5% 0 !important; }
.foot_add1 .rt{ float:none; max-width:100%; }
}

@media(max-width: 480px) {
.con02 .con02_lt .main ul li{ height:30px; line-height:30px; }
.con02 .con02_lt .main ul li strong{/* float:left; width:80%;*/ height:30px;}
.con02 .con02_lt .main ul li span{ float:right; width:15%; }

}

@media(max-width: 414px) {
.con02 .con02_lt .main ul li strong{/* float:left; width:78%; */}
.con02 .con02_lt .main ul li span{ float:right; width:18%; }
}

@media(max-width: 375px) {
.con02 .con02_lt .main ul li strong{/* float:left; width:76%;*/ }
.con02 .con02_lt .main ul li span{ float:right; width:20%; }
}

@media(max-width: 320px) {
.con02 .con02_lt .main ul li strong{/* float:left; width:74%; */}
.con02 .con02_lt .main ul li span{ float:right; width:22%; }

.con02 .con02_rt .main ul li strong{/* width:75%;*/}
}