@charset "utf-8";
html, body, div, span, object, iframe, a, img, dl, dt, dd, ul, li, form{margin:0; padding:0; border:0}
html{width:100%; font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif; font-size:26px}
body{width:100%; background:#ebebeb}
body, input, textarea{font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif; font-size:1.2rem; color:#555; background:#fff}
ul{list-style:none}
input, textarea{outline:none}
a{text-decoration:none}
a:link, a:visited{color:#464646}
a:hover, a:active{color:#f00!important}
.table{border-collapse:collapse; width:100%; border:1px #6d0101 solid; color:#fff; font-size:0.7rem; line-height:36px; background-color:#e21d1d}
.table tr{height:36px}
.table tr.tit{height:36px; color:#cd0202; line-height:36px; font-weight:bold; background-color:#fff45c}
.table td{border:1px #6d0101 solid}
/*layout*/
.clearfix:after{content:"."; display:block; height:0; font-size:0; clear:both; visibility:hidden}
.clearfix{zoom:1}
.clear{clear:both}
/*index*/
.wrap{width:100%; min-width:320px; max-width:800px; margin:0 auto}

.landiv{width:100%; height:0px; margin:0 auto; position:relative}
.lanback{width:10%; height:100px; position:absolute; z-index:2; left:0; top:0; overflow:hidden}
.lanback img{width:100%; height:100%}
.lanpic{width:10%; height:100px; position:absolute; z-index:2; right:0; top:0; overflow:hidden}
.lanpic img{width:100%; height:100%}

.showdiv{width:0; position:absolute; z-index:3; right:0; top:100px; overflow:hidden}
.showmenu{width:400px; background:#c00; position:relative; overflow:hidden}
.showmenu a{display:block; width:280px; padding-left:60px; margin-left:20px; height:80px; line-height:80px; font-size:1.2rem; overflow:hidden}
.showmenu a:link, .showmenu a:visited{color:#fff}
.showmenu a:hover, .showmenu a:active{color:#ff0!important}

.showmenu a.big{border-top:#ffc4c2 1px dashed; background:url(../images/sunb.png) left center no-repeat}
.showmenu a.no{border:none}

.showmenu a.small{background:url(../images/sunc.png) left center no-repeat; display:none}

.lanmenu{width:100%; position:absolute; z-index:2; left:0; top:100px; padding-bottom:20px; background:#c00}
.lanmenu a{display:block; float:left; width:370px; height:60px; line-height:60px; text-align:center; margin-left:20px; margin-top:20px; background:#fff; overflow:hidden}

.header{width:100%; height:100px}
.logo{width:100%; height:100px; margin:0 auto}
.logo img{width:100%; height:100%}

.inmenu{width:100%; height:100px; background:#c00; overflow:hidden}
.inmenu a{display:block; float:left; width:33%; height:100px; font-size:1.2rem; line-height:100px; text-align:center; border-right:#00163c 1px solid; border-top:#003faf 1px solid; border-left:#003faf 1px solid; border-bottom:#00163c 1px solid; box-sizing:border-box; overflow:hidden}
.inmenu a:link, .inmenu a:visited{color:#fff}
.inmenu a:hover, .inmenu a:active{color:#ff0!important}
.inmenu a.no{border-right:#c00 0px solid}

.g-adv .m-box li img{display:block; width:100%; height:100%}
.g-adv2 .m-box li img{display:block; width:100%; height:100%}

.sortcn{width:100%; height:140px; line-height:140px; text-align:center; font-size:1.4rem; color:#c00; font-weight:bold}
.sorten{width:100%; height:30px; line-height:30px; text-align:center; font-size:0.69rem}
.sortline{width:100%; height:0px; position:relative}
.lineone{width:34%; height:1px; background:#ccc; position:absolute; z-index:2; left:0; top:-50px}
.linetwo{width:34%; height:1px; background:#ccc; position:absolute; z-index:2; right:0; top:-50px}

.listcn{width:94%; height:140px; line-height:140px; font-size:1.4rem; color:#c00; font-weight:bold; margin:0 auto}
.listen{width:100%; height:30px; line-height:30px; text-align:center; font-size:0.69rem}
.listline{width:100%; height:0px; position:relative}
.listone{width:34%; height:1px; background:#c00; position:absolute; z-index:2; left:0; top:-50px}
.listtwo{width:100%; height:1px; background:#ccc; position:absolute; z-index:2; left:0; top:-50px}

.tabdiv{width:100%; overflow:hidden}
.tabcon{float:left; display:block; width:30%; height:80px; line-height:80px; text-align:center; margin-top:20px; margin-left:20px; background:#ddd; border-radius:20px}
.tabcon:link, .tabcon:visited{color:#222}
.tabcon:hover, .tabcon:active{color:#222!important}
.tabcon.cur{background:#c00}
.tabcon.cur:link, .tabcon.cur:visited{color:#fff}
.tabcon.cur:hover, .tabcon.cur:active{color:#fff!important}

.sortdiv{width:100%}
.sortdiv img{max-width:100%}

.sortbox{display:block; float:left; width:44%; height:100px; line-height:100px; text-align:center; margin-left:20px; margin-top:20px; background:#ddd; border-radius:10px}
.sortbox:link, .sortbox:visited{color:#222}
.sortbox:hover, .sortbox:active{color:#222!important}
.sortbox.cur{background:#c00}
.sortbox.cur:link, .sortbox.cur:visited{color:#fff}
.sortbox.cur:hover, .sortbox.cur:active{color:#fff!important}

.sortbox2{display:block; float:left; width:44%; height:324px; margin-left:20px; margin-top:20px; border:#eee 1px solid}
.sortpic2{width:100%; height:264px}
.sortpic2 img{width:100%; height:100%}
.sorttxt2{width:100%; height:60px; line-height:60px; text-align:center}

.sortbox3{display:block; float:left; width:44%; height:499px; margin-left:20px; margin-top:20px; border:#eee 1px solid}
.sortbox3 img{width:100%; height:100%}

.aboutdiv{width:95%; line-height:50px; margin:0 auto}

.newsdiv{width:100%; overflow:hidden}
.newsdiv li{width:100%; height:60px; overflow:hidden}
.newsdiv a{display:block; width:100%; height:100%; line-height:60px; padding-left:60px; background:url(../images/sun.png) left center no-repeat; background-size:50px 50px; overflow:hidden}

.linkmore{display:block; width:30%; height:60px; line-height:60px; text-align:center; border:#ccc 1px solid; border-radius:10px; margin:0 auto; margin-top:30px}
.linkmore:link, .linkmore:visited{color:#aaa}
.linkmore:hover, .linkmore:active{color:#f00!important}

.copy{width:100%; height:80px; line-height:80px; clear:both}
.copy a{display:block; width:100%; height:100%; text-align:center}

.ban{width:100%}
.ban img{width:100%}

.maintit{width:100%; height:100px; line-height:100px; text-align:center; font-size:1.6rem; background:#c00; color:#fff; font-weight:bold}
.maincon{width:94%; line-height:50px; margin:0 auto; margin-top:40px}
.maincon img{max-width:100%}

.newsort{width:100%; clear:both}
.newsort a{display:block; float:left; width:40%; height:80px; line-height:80px; text-align:center; margin-left:6%; margin-top:40px; margin-bottom:40px; border-radius:5px; background:#3290e8}
.newsort a:link, .newsort a:visited{color:#fff}
.newsort a:hover, .newsort a:active{color:#f00!important}

.telpic{width:11%}

.prodiv{width:94%; text-align:center; margin:0 auto}

.probox{display:block; float:left; width:46%; height:430px; margin-left:20px; margin-top:20px; background:#fff; position:relative}
.propic{width:100%; height:370px}
.propic img{width:100%; height:100%}
.protxt{width:100%; line-height:60px; text-align:center; font-size:1rem; background:#fff; position:absolute; z-index:2; bottom:0; left:0}

.arrowdiv{width:100%; height:0px; margin:0 auto; position:relative}
.arrowleft{display:block; width:8%; height:64px; position:absolute; z-index:2; left:0; top:0; overflow:hidden}
.arrowleft img{width:100%; height:100%}
.arrowright{display:block; width:8%; height:64px; position:absolute; z-index:2; right:0; top:0; overflow:hidden}
.arrowright img{width:100%; height:100%}

.protit{width:100%; line-height:50px; padding:30px 0px; text-align:center; font-size:1.3rem; font-weight:bold}
.procon{width:94%; line-height:40px; margin:0 auto}
.procon img{max-width:100%}

.sortname{width:100%}
.sortname a{display:block; float:left; padding:0px 20px; height:60px; line-height:60px; text-align:center; margin-top:20px; margin-left:20px; background:#c00; border-radius:10px}
.sortname a:link, .sortname a:visited{color:#fff}
.sortname a:hover, .sortname a:active{color:#fff!important}
.sortname a.cur{background:#e60012}

.gospace{width:100%; height:80px; clear:both}
.gobox{width:100%; height:80px; position:fixed; bottom:140px; left:0; z-index:999}
.gocon{width:800px; height:80px; margin:0 auto}
.godiv{display:block; float:left; width:29%; height:60px; line-height:60px; text-align:center; margin-top:20px; margin-left:20px; background:#c00; color:#fff; cursor:pointer; border-radius:10px}
.godiv:link, .godiv:visited{color:#fff}
.godiv:hover, .godiv:active{color:#fff!important}

.more_pro{width:100%; height:60px; line-height:60px; margin:0 auto; clear:both; margin:60px 0px; font-size:1.1em; text-align:center; clear:both}
.more_pro a{display:block; width:28%; height:100%; text-align:center; color:#fff; font-weight:bold; background:#eee}
.page_no{display:block; width:28%; height:100%; text-align:center; color:#000; font-weight:bold}
.page_x{float:left}
.page_y{float:right}
.more_pro a {background:#c00; border-radius:10px}

.sorts{width:100%; background:url(../images/sorts.jpg) top center no-repeat; background-size:800px 1027px; overflow:hidden}
.sorta{width:74%; margin-left:210px; margin-top:40px; font-size:0; line-height:0}
.sorta a{display:block; float:left; width:196px; height:86px; padding-left:56px; background:url(../images/lead.jpg) left center no-repeat; background-size:24px 34px; font-size:1.5rem; line-height:86px}
.sorta a:link, .sorta a:visited{color:#9a9a9b}
.sorta a:hover, .sorta a:active{color:#9a9a9b!important}

.searchdiv{width:600px; height:100px; background:url(../images/searchdiv.jpg) top left no-repeat; background-size:600px 100px; margin:0 auto; margin-top:20px; clear:both}
#keyword{float:left; width:400px; height:100px; line-height:100px; background:none; border:0; padding:0; margin:0; font-size:1.5rem}
#submit2{float:left; width:198px; height:100px; background:none; border:0; padding:0; margin:0}

.invideo{width:100%; height:450px; overflow:hidden; clear:both}
.invideo video{width:800px; height:450px}

.footspace{width:100%; height:14px; background:#555; clear:both}
.footer{width:100%; font-size:1rem; padding:30px 0px; text-align:center; background:#eee; clear:both; overflow:hidden}

.topspace{width:100%; height:30px; clear:both}