/*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,'Microsoft YaHei'; color:#333; }
a{ color:#185fff;}
a:hover{ color:#f60; text-decoration:none;}
p{line-height:1.5em; padding:0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ max-width:1200px; margin:0 auto;}

/*common end*/

.headbg{ width:100%; height:80px; background:url(../image/op0.7.png) repeat; position:fixed; z-index:22; top:0;}
.head{}
.head .logo{ float:left; width:300px; height:80px; position:relative;}
.head .logo img{ max-width:300px; max-height:58px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto 0;}
.head .rt{ float:right; padding-top:20px;}
/*menu*/
.menu{height:40px;line-height:40px; }
.menu ul li{ float:left; position:relative; z-index:6; margin:0 10px;}
.menu ul li dl{ background:#fff; 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:28px;border-bottom:#ddd dotted 1px; }
.menu ul li dl dd a{ font-size:12px; color:#666; padding:0; }
.menu ul li dl dd a:hover{ color:#f60;}
.menu a{ font-size:14px; color:#fff; text-decoration:none; display:block;text-align:center; padding:0 10px;}
.menu a:hover{color:#af0024;}
a.menu_hover{ color:#af0024;}

.head_m{ display:none;}


.bannerbg{ width:100%;}
/*banner_02*/
.banner_02{ height:924px; overflow:hidden;}
.banner_02 #banner_02_con{ display:none;}


.footbg{ margin-top:50px;}
.foot{}
.foot .top{ color:#918f8d; font-size:15px;}
.foot .top a{ color:#918f8d;}
.foot .top a:hover{ color:#db0000;}
.foot .top dl{ float:left; width:33%;}
.foot .top dl dt{}
.foot .top dl dt img{ max-width:90%; max-height:85px;padding-left: 108px;}
.foot .top dl dd{ max-width:80%; padding-left:10%; margin-bottom:5px;}
.foot .top dl dd span{ float:left;}
.foot .top dl dd strong{ float:left; font-weight:normal; }
.foot .btm{ color:#42403e; font-size:14px; margin-top:30px;}
.foot .btm a{ color:#42403e;}
.foot .btm a:hover{ color:#db0000;}
.foot .btm ul li{ text-align:center; line-height:1.5em;}






/*scroll_03*/
.scroll_03{ background:#ddd;}
.scroll_03 .hd .prev,.scroll_03 .hd .next{ display:block;  width:5px; height:9px; line-height:10px;overflow:hidden;cursor:pointer; background:url(../image/icoLeft.gif) no-repeat;} 
.scroll_03 .hd .next{ background:url(../image/icoRight.gif) no-repeat;} 
.scroll_03 .bd li{ float:left; width:200px; overflow:hidden; margin:0 10px;}
.scroll_03 .bd li .img{height:150px; border:#f4f4f4 solid 1px; padding:2px; background:#fff;}
.scroll_03 .bd li .img:hover{background:#f4f4f4;}
.scroll_03 .bd li span{ height:30px; line-height:30px; text-align:center; display:block;}
.scroll_03 .bd li .img table tr td{ height:144px;}
.scroll_03 .bd li .img table tr td img{ max-width:194px; max-height:144px;}


/*slideTxtBox_01*/
.slideTxtBox_01 .hd ul li.on{ background:#ddd;cursor:pointer; } 





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

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


.inside{ margin-top:50px;}
.tit1{ text-align:center; margin-bottom: 30px;}
.tit1 h2{ font-weight:normal; padding-bottom: 20px; background: url(../image/gy01.png) left bottom no-repeat; letter-spacing: 5px; font-size: 44px; color: #af0024;}
.in_con{ color:#fff;}
.in_con p{ color:#fff;}


.hd{ width:100%; margin-bottom: 28px;border-bottom: 1px solid #671223;}
.hd li{ width: 96px; height: 32px; background: #2e2c2b; text-align: center; float: left;  font-size: 13px; color: #ffffff; line-height: 32px; margin-right: 4px; cursor: pointer;}
.hd li>a{font-size: 13px; color: #ffffff; line-height: 32px;text-align: center;  float: none;}
.hd li .thisclass{background: #B00025;display: block;}
.hd .on{ background: #af0024;}
.hd a{ font-size: 14px; color: #af0024; float: right; line-height: 32px;}

@media screen and (max-width: 780px) {
.hd li {
    width: 32.5%;
    margin: 2px 0.4%;
}
}

.newList{ background:#222222;}
.newList ul li{ margin:30px 0; padding:20px 0; border-bottom:1px solid #aaa;}
.newList .img{ float:left; width:30%;}
.newList .img img{ max-width:100%; max-height:100px;}
.newList .txt{ float:left; width:50%; }
.newList .txt h2{ font-weight:normal; font-size:20px; line-height:30px; height:60px; overflow:hidden;}
.newList .txt h2 a{ color:#fff;}
.newList .txt p{ padding:0; font-size:14px; line-height:20px; height:40px; overflow:hidden; color:#fff;}
.newList .more1{ float:right; width:20%; text-align:center;}
.newList .more1 a{ display:inline-block; width:60%; border:1px solid #fff; height:38px; line-height:38px; border-radius:5px; color:#fff;}
.newList .more1 a:hover{ color:#db0000;}




@media(max-width: 768px) {
.headbg{ width:100%; height:59px; background:url(../image/op0.7.png) repeat; position:fixed; z-index:22; top:0; }
.head{}
.head .logo{ float:left; margin-left:1%; width:90%; height:59px; position:relative;}
.head .logo img{ max-width:100%; max-height:50px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto 0;}
.head .rt{ display:none;}
.head_m{ display:block;}

#show_num .show_item{
width: 32%;
display: inline-block;
text-align: center;
position:relative;
}

.footbg{ margin-top:30px;}
.foot .top dl{ float:none; width:99%; margin:5px 0;}
.foot .top dl dt{ max-width:90%; padding-left:5%; margin-bottom:5px;}
.foot .top dl dt img{ max-width:100%; max-height:50px;}
.foot .top dl dd{ max-width:90%; padding-left:5%; margin-bottom:5px;}
.foot .btm ul li{ text-align:center; line-height:1.5em;}

.newList{ padding:0 1%;}
.newList ul li{ margin:30px 0; padding:20px 0; }
.newList .img{ float:none; width:100%;}
.newList .img img{ max-width:100%; width:100%; max-height:500px;}
.newList .txt{ float:none; width:100%; }
.newList .txt h2{ font-weight:normal; font-size:20px; line-height:2em; height:auto; overflow:hidden;}
.newList .txt p{ padding:0; font-size:14px; line-height:1.5em; height:auto; overflow:hidden; color:#fff;}
.newList .more1{ float:none; width:100%; margin-top:20px; }
.newList .more1 a{ width:60%; height:38px; line-height:38px; }
}

@media(max-width: 480px) {
#service .service_con{ margin-top:60px;}
#service .service_con .item p{ height:60px; line-height:60px;}

.newList .txt h2{ font-size:18px; line-height:2em; height:auto; overflow:hidden;}
.newList .txt p{ font-size:14px; line-height:1.5em; height:auto; overflow:hidden; }
}

@media(max-width: 414px) {
.newList .txt h2{ font-size:16px; line-height:2em; height:auto; overflow:hidden;}
.newList .txt p{ font-size:12px; line-height:1.5em; height:auto; overflow:hidden; }
}

@media(max-width: 375px) {
.headbg{ width:100%; height:59px; background:url(../image/op0.7.png) repeat; position:fixed; z-index:22; top:0; position:relative}
.head{}
.head .logo{ float:left; width:90%; height:59px; position:relative;}
.head .logo img{ max-width:80%; max-height:50px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto 0;}

#service .service_con{ margin-top:100px;}
#service .service_con .item p{ height:50px; line-height:50px;}
}

@media(max-width: 320px) {

}