/*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:12px; font-family: Arial,''; color:#333;}
a{ color:#666;}
a:hover{ color:#f60; text-decoration:none;}
:hover{ transition:all .3s ease;}
p{line-height:1.5em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ max-width:1200px; margin:0 auto;}

/*common end*/

.headbg{ height:100px; width:100%; position:relative; z-index:666;}
.head{}
.head .logo{ float:left; width:20%; height:100px; margin-left:2%; position:relative;}
.head .logo img{ /*max-width:100%; */max-height:80px; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto 0;}

/*menu*/
.menu{height:40px;line-height:40px; float:right; margin-top:30px;}
.menu ul li{ float:left; position:relative; }
.menu ul li dl{ background:rgba(0, 0, 0, .9); width:150%; position:absolute; left:0px; top:40px; box-shadow:2px 2px 5px rgba(0,0,0,0.2); padding:10px 0;display:none; }
.menu ul li dl dd{ line-height:30px; }
.menu ul li dl dd a{ font-size:14px; color:#fff; font-weight:normal; display:inline; padding:0 10px; text-align:left;}
.menu ul li dl dd a:hover{ color:#9e100f;}
.menu a{ font-size:16px;color:#333; text-decoration:none; font-weight:bold;display:block;text-align:center; padding:0 20px;}
.menu a:hover{color:#9e100f;}
a.menu_hover{ color:#9e100f;}

.h_share{ float:right; margin-right:2%; margin-top:30px; height:40px; line-height:40px;}
.h_share ul li{ float:left; margin-left:10px; height:37px;}
.h_share ul li a{}
.h_share ul li img{ width:37px; height:37px;}

.nav {margin:0px; padding:0; width:100%; display:none;    max-height: 500px;
    overflow-y: scroll;}
.nav-item {margin:0px;padding:0px; list-style:none;zoom:1;width:100%; text-align: center; background:rgba(0, 0, 0, .9); border-bottom:1px dotted rgba(255, 255, 255, .5);}
.nav-item span a {display:block;-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:18px;color: #fff; line-height:49px; height:49px; overflow:hidden;}
.nav-item a:hover {background:#efefef;color: #000;}
.nav-item dl{ padding-bottom:10px;}
.nav-item dl dd{ font-size:14px; line-height:30px;}
.nav-item dl dd a{ color:#fff;}
.nav-mobile {display: none;cursor: pointer;position: absolute; top: 20px; right:2%; background: url(../images/navbg.png) center no-repeat;width: 40px;height:40px;}
.nav-mobile { display:block;}
.nav-list {width:100%;margin:0px;padding:0px;float:left;display:none; max-height:50%; overflow-Y:scroll;}
.nav-inner {display: none;}
.nav-active, .nav-active-inner .nav-inner {display:block;}
@media(max-width:1024px){
.headbg{ height:80px; }
.head .logo{ width:50%; height:80px; }
.head .logo img{ max-width:320px;/* max-height:60px;*/ }
.menu{ display:none;}
.h_share{ display:none;}
.nav{ display:block;}	
	}
	
	

.con01bg{ background:#9e100f; color:#fff;}
.con01{}
.con01 table{ border-spacing:0;}
.con01 table td{}
.con01 .imgbg{ width:40%; position:relative;}
.con01 .img{ width:100%; height:100%; position:absolute; top:0; left:0;}
.con01 .txt{ width:53%; padding:5% 5% 5% 2%;}
.con01 .txt h2{ font-size:28px; line-height:1.5em; margin:.5em 0;}
.con01 .txt h3{ font-weight:normal; font-size:16px; line-height:1.5em; margin:.5em 0;}
.more1{ margin-top:20px;}
.more1 a{ font-weight:bold; display:inline-block; text-align:center; width:128px; height:38px; line-height:38px; border:1px solid #fff; color:#fff; border-radius:5px; transition:all .3s ease; font-size:14px;}
.more1 a:hover{ background:#fff; color:#000; transition:all .3s ease;}
@media(max-width:768px){
.con01 table td{ display:block;}
.con01 .imgbg{ width:100%; height:240px;}
.con01 .img{ height:240px; }
.con01 .txt{ width:96%; padding:5% 2%;}
	}
	

.tit1{ text-align:center;}
.tit1 h2{ font-size:28px; color:#9e100f; line-height:2em;}
.con02bg{ background:#f8f8f8; padding:5% 0;}
.con02{}
.con02 .main{ margin:0 1%;}
.con02 .main ul{}
.con02 .main ul li{ float:left; width:31.33%; margin:2% 1% 0 1%; background:#fff; text-align:center;}
.con02 .main ul li .box{}
.con02 .main ul li:hover .box{ box-shadow:0px 0px 10px rgba(0,0,0,.2);}
.con02 .main ul li .img{ width:100%; height:300px; position:relative;}
.con02 .main ul li .img img{ max-width:100%; max-height:300px; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.con02 .main ul li h2{ font-weight:normal; font-size:18px; line-height:2em; height:2em; overflow:hidden;}
@media(max-width:1024px){
.con02 .main ul li{ width:48%; margin:2% 1% 0 1%; }	
}
@media(max-width:640px){
.con02 .main ul li{ width:92%; margin:4% 4% 0 4%; }	
}



.con03bg{ }
.con03{}
.con03 table{ border-spacing:0;}
.con03 table td{}
.con03 .imgbg{ width:50%; position:relative;}
.con03 .img{ width:100%; height:100%; position:absolute; top:0; left:0;}
.con03 .txt{ width:50%; padding:5% 5% 5% 5%; text-align:center;}
.con03 .txt h2{ font-size:28px; line-height:1.5em; margin:.5em 0; color:#9e100f;}
.con03 .txt h3{ font-weight:normal; font-size:16px; line-height:1.5em; margin:.5em 0;}
.more2{ margin-top:20px;}
.more2 a{ font-weight:bold; display:inline-block; text-align:center; width:128px; height:38px; line-height:38px; border:1px solid #000; color:#000; border-radius:5px; transition:all .3s ease; font-size:14px;}
.more2 a:hover{ background:#9e100f; border:1px solid #9e100f; color:#fff; transition:all .3s ease;}
@media(max-width:768px){
.con03 table td{ display:block;}
.con03 .imgbg{ width:100%; height:240px; }
.con03 .img{ height:240px;}
.con03 .txt{ width:96%; padding:5% 2%; }
	}


.con04bg{ background:#ececec;}
.con04{ position:relative;}
.con04 table{ border-spacing:0;}
.con04 table td{}
.con04 .imgbg{ width:50%;}
.con04 .img{ width:50%; height:100%; position:absolute; top:0; right:0;}
.con04 .txt{ width:50%; padding:5% 5% 5% 5%; text-align:center;}
.con04 .txt h2{ font-size:28px; line-height:1.5em; margin:.5em 0; color:#9e100f;}
.con04 .txt h3{ font-weight:normal; font-size:16px; line-height:1.5em; margin:.5em 0;}
@media(max-width:768px){
.con04{ padding-top:240px;}
.con04 table td{ display:block;}
.con04 .imgbg{ display:none;}
.con04 .img{ width:100%; height:240px; }
.con04 .txt{ width:96%; padding:5% 2%;}
	}


.con05bg{ background:#f8f8f8; padding:5% 0;}
.con05{}
.con05 .main{}
.con05 .main .top{ margin:2% 1% 0 1%;}
.con05 .main .top ul{}
.con05 .main .top ul li{ float:left; width:31.33%; margin:0 1%; text-align:center;}
.con05 .main .top ul li h2{ font-size:16px; height:35px; line-height:35px; overflow:hidden;}
.con05 .main .top ul li h2 img{ height:35px; vertical-align:middle; margin-right:5px;}
.con05 .main .top ul li h3{ font-weight:normal; font-size:16px; line-height:1.5em; color:#666; margin-top:1em;}
.con05 .main .top ul li h3 a{ color:#666;}

.con05 .main .btm{ margin:2% 0 0 0;}
.con05 .main .btm .lt{ float:left; margin-left:2%; width:47%;}
.con05 .main .btm .lt ul li{ margin:10px 0;}
.con05 .main .btm .lt ul li .box{ border:1px solid #ccc; background:#fff;}
.con05 .main .btm .lt ul li .box .txt{ border:none; width:96%; height:40px; line-height:40px; padding:0 2%;}
.con05 .main .btm .rt{ float:right; margin-right:2%; width:47%;}
.con05 .main .btm .rt ul li{ margin:10px 0;}
.con05 .main .btm .rt ul li .box{ border:1px solid #ccc; background:#fff;}
.con05 .main .btm .rt ul li .box textarea{ border:none; width:96%; line-height:40px; height:90px; padding:0 2%;}

.btn1{ margin:5px 0 0 2%;}
.btn1 a{ font-weight:bold; display:inline-block; text-align:center; width:98px; height:38px; line-height:38px; border:1px solid #000; color:#000; border-radius:5px; transition:all .3s ease; font-size:14px;}
.btn1 a:hover{ background:#9e100f; border:1px solid #9e100f; color:#fff; transition:all .3s ease;}

.btn2{ margin-top:2%; text-align:center;}
.btn2 dl dt{ font-size:16px; line-height:2em; font-weight:bold;}
.btn2 dl dd{ display:inline-block; margin:0 2px; height:40px;}
.btn2 dl dd a{}
.btn2 dl dd img{ width:40px; height:40px; vertical-align:middle;}
@media(max-width:768px){
.con05 .main .top ul li{ width:96%; margin:2% 2% 0 2%; }
.con05 .main .top ul li h2{ height:auto; line-height:1.5em; }
.con05 .main .top ul li h2 img{ display:block; margin:0 auto;}
.con05 .main .top ul li h3{ margin:0;}
.con05 .main .btm .lt{ float:left; margin:0 5%; width:90%;}
.con05 .main .btm .lt ul li{ margin:8px 0;}
.con05 .main .btm .rt{ float:right; margin:0 5%; width:90%;}
.con05 .main .btm .rt ul li{ margin:0;}
.btn1{ margin:10px 0 0 5%;}
}



.footbg{ background:#9e100f; padding:2% 0; color:#fff;}
.foot{}
.foot ul li{ font-size:14px; line-height:1.5em; margin:.5em 0; text-align:center;}
.foot ul li a{ color:#488bf8}
.foot ul li a:hover{ color:#333;}




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

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


.insidebg{ padding:3% 0;}
.inside{}
.inside_lt{ float:left; width:20%;}
.side_a{ background:url(../images/leftbj.jpg) center no-repeat; background-size:cover;}
.side_a h2{ height:40px; line-height:40px; border-bottom:3px solid #ddd; font-size:18px; color:#9e100f; padding:0 20px;}
.side_a .list{}
.side_a .list ul li{ font-size:14px; height:35px; line-height:35px; border-bottom:1px solid #e1e1e2;}
.side_a .list ul li a{ display:block; padding:0 26px 0 10px; background:url(../images/listbg1.png) right 10px center no-repeat;}
.side_a .list ul li:hover a{ background:#9e100f url(../images/listbg2.png) right 10px center no-repeat; color:#fff;}
.side_a .list ul li.active{}
.side_a .list ul li.active a{ background:#9e100f url(../images/listbg2.png) right 10px center no-repeat; color:#fff;}

.weizhi{ border-bottom:1px solid #ccc;}
.weizhi h2{ height:47px; line-height:45px; font-weight:normal;}
.weizhi h2 strong{  font-weight:normal;float:left; color:#9e100f;}
.weizhi h2 strong b{ font-size:12px; font-weight:normal; border-left:3px solid #9e100f; padding-left:10px;}
.weizhi h2 span{ float:right; font-size:12px;}
.inside_rt{ float:right; width:78%;}
.inside_con{}
@media(max-width:768px){
.inside_lt{ width:96%; margin:3% 2% 0 2%;}
.inside_rt{ width:96%; margin:0 2%;}
}



.news{}
.news ul li{ padding:3% 0; border-bottom:1px dashed #ccc;}
.news ul li table{ border-spacing:0;}
.news ul li table td{}
.news ul li .img{ width:28%; padding:0 2% 0 0;}
.news ul li .img img{ width:100%;}
.news ul li .txt{ width:70%;}
.news ul li .txt h2{ font-size:16px; line-height:2em; height:2em; overflow:hidden;}
.news ul li .txt h2 a{ color:#333;}
.news ul li .txt h2 a:hover{ color:#c00;}
.news ul li .txt h3{ font-weight:normal; font-size:12px; line-height:2em; height:2em; overflow:hidden; color:#999;}
.news ul li .txt h4{ font-weight:normal; font-size:14px; line-height:1.5em; max-height:3em; overflow:hidden; color:#666;}
@media(max-width:768px){
.news ul li table td{ display:block;}
.news ul li .img{ width:90%; padding:0 5%;}
.news ul li .txt{ width:90%; padding:0 5%;}
}