/*----------main----------*/
html{zoom:expression(function(ele){ele.style.zoom="1";document.execCommand("BackgroundImageCache",false,true);}(this));}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,button,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}input,select,textarea,button{font-size:100%;}fieldset,img,abbr,acronym{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400;}ol,ul{list-style:none;}h1,h2,h3,h4,h5,h6,legend{font-size:100%;font-weight:400;}:focus{outline:0;}ins{text-decoration:none;}del{text-decoration:line-through;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}body{font-size:12px;font-family:"微软雅黑","宋体",Tahoma,Arial,sans-serif;background:#fff;color:#333;}h1{font-size:18px;}h2{font-size:16px;}h3{font-size:14px;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong,caption,th{font-weight:700;}abbr,acronym{border-bottom:1px dotted#aaa;cursor:help;}em{font-style:italic;}p,fieldset,table{margin-bottom:1em;}legend{margin-left:7px;+margin:0;}.clearfix:after{content:"\20";display:block;height:0;clear:both;}.clearfix{zoom:1;}.red{color:#F00;}.black{color:#000;}.white{color:#FFF;}.blue{color:#00F;}.green{color:#008000;}.brown{color:#A52A2A;}.gray{color:#ccc;}.cb:after{content:"\20";display:block;width:0;height:0;clear:both;}.cb{zoom:1;}.ofH{overflow:hidden;}.clear{width:0;height:0;clear:both;overflow:hidden;}.bod{border:1px solid red;}a{text-decoration:none;}

/*--new--*/
html, body {
    position: relative;
    height: 100%;
}
body {
    
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 12px;
    color:#333;
    margin: 0;
    padding: 0;
}
.swiper-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}

body{background-color: #f7f7f7;}
.wrap{width: 1200px; position: relative; margin: 0px auto;}
.head{background-color: #fff; border-bottom: 1px solid #cacaca; height: 95px; position: relative; z-index: 2;}
.head .logo{width: 60px; height: 90px; display: block;}
.head .logo a{display: block; width: 60px; height: 90px; background: url(logo.png) center center no-repeat;}
.head .navs{position: absolute; top: 50px; left: 150px; width: 770px;}
.head .navs ul li{width: 110px; float: left; line-height: 30px; text-align: center; font-size: 14px; position: relative;}
.head .navs ul li a span{display: inline-block; vertical-align: middle; height: 14px; line-height: 14px; transform: rotate(90deg); font-family: simsun; padding-bottom: 10px; font-weight: 700;}
.head .navs ul li a{color: #333333; display: block; height: 30px; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.head .navs ul li a:hover{color:#f60;}
.head .navs ul li ul{display: none; position: absolute; top: 30px; left: 0px; background: url(white.png) center center repeat;}
.head .navs ul li ul li{float: none; font-size: 12px;}
.head .navs ul li ul li a:hover{background-color: #e5e5e5;}
.head .navs ul li:hover ul{display: block;}
.head .lan{position: absolute; top: 10px; right: 10px; line-height: 30px;}
.head .lan a{display: inline-block; color: #333333;}
.head .lan a img{display: inline-block; vertical-align: middle; margin: 0px 5px;}
.head .searchbox{position: absolute; top: 52px; right: 10px; border:1px solid #cacaca; width: 240px; padding: 3px; height: 18px; line-height: 18px;}
.head .searchbox input[type="text"]{background: none; height: 18px; line-height: 18px; display: block; width: 220px; border:none;}
.head .searchbox input[type="submit"]{width: 18px; height: 18px; border:none; background: url(search.png) center center no-repeat; cursor: pointer; position: absolute; top: 3px; right: 3px;}

.head .wrap{z-index: 2;}
.profloats{position: absolute; min-height: 200px; background: url(white.png) repeat; width: 100%; top: 80px; left: 0px; z-index: 4; text-align: center; opacity: 0.97; padding-top: 35px; display: none;}
.profloats .hoverd{width: 110px; height: 30px; position: absolute; top: -65px; left: 480px; cursor: pointer;}
.profloats .floatprobox{width: 360px; padding:0px 15px 0px 15px; display: inline-block; vertical-align: top;}
.profloats .floatprobox .ad{width: 360px; height: 60px;}
.profloats .floatprobox .ad img{width: 360px; height: 60px; display: block;}
.profloats .floatprobox ul{padding: 10px 0px 0px 0px;}
.profloats .floatprobox ul li{width: 170px; margin: 0px 5px; float: left; text-align: left; line-height: 20px;}
.profloats .floatprobox ul li a{color: #666; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-left: 3px;}
.profloats .floatprobox ul li a:hover{color: #f60; background-color: #f5f5f5;}
.blackwall{position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; z-index: 3; display: none;}


.bottom{background-color: #737373; width: 100%; padding: 18px 0px; line-height: 20px; text-align: center; color: #FFFFFF;}
.bottom a{color: #FFFFFF;}
.bottom a img{display: inline-block; vertical-align: middle;}

/*--index--*/
.banner{width: 100%; height: 590px; position: relative; z-index: 1;}
.banner .swiper-wrapper{width: 100%; height: 100%;}
.banner .swiper-wrapper .swiper-slide{width: 100%; height: 100%; background: #FFFFFF;}
.banner .swiper-wrapper .swiper-slide a{width: 100%; height: 100%; display: block; background-position: center center; background-repeat: no-repeat;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 0px; height: 40px; line-height: 40px; background: url(red.png) center center repeat; padding-top: 8px;}
.swiper-pagination-bullet-active{background-color: #FFFFFF;}
.swiper-pagination-bullet{width: 12px; height: 12px;}

.adp1{margin-top: 35px;}
.adp1 ul li{width: 388px; height: 104px; float: left; margin-right: 18px;}
.adp1 ul li:nth-child(3){margin-right: 0px;}
.adp1 ul li a{display: block; width: 388px; height: 104px; overflow: hidden;}
.adp1 ul li a img{width: 388px; height: 104px; display: block; margin: 0px;}
.adp2{margin-top: 18px;}
.adp2 ul li{width: 794px; height: 264px; float:left;}
.adp2 ul li a{display: block;}
.adp2 ul li a img{width: 794px; height: 264px; display: block; margin: 0px;}
.adp2 ul li:nth-child(2){width: 387px; height: 264px; float: right;}
.adp2 ul li:nth-child(2) a img{width: 387px; height: 264px; display: block; margin: 0px;}
.newsbox{margin-top: 30px; margin-bottom: 35px;}
.newsbox h2{font-size: 18px; margin: 0px; line-height: 18px; height: 18px; position: relative; margin-bottom: 10px;}
.newsbox h2 a.more{position: absolute; top: 0px; right: 0px; font-size: 12px; color: #333333; font-weight: normal;}
.newsbox ul li{width: 286px; height: 289px; background-color: #FFFFFF; float: left; position: relative; margin-right: 18.66666px;}
.newsbox ul li:nth-child(4){margin-right: 0px;}
.newsbox ul li a.img{width: 286px; height: 167px; display: block;}
.newsbox ul li a.img img{width: 286px; height: 167px; display: block; margin: 0px;}
.newsbox ul li a.title{color: #444444; font-size: 14px; display: block; margin: 50px 10px 0px 10px; line-height: 18px;}
.newsbox ul li span.time{position: absolute; top: 190px; left: 10px; color: #999;}


/*--ny--*/
.nybanner{width: 100%; height: 330px;}
.nybanner .swiper-wrapper{width: 100%; height: 100%;}
.nybanner .swiper-wrapper .swiper-slide{width: 100%; height: 100%; background: #FFFFFF;}
.nybanner .swiper-wrapper .swiper-slide a{width: 100%; height: 100%; display: block; background-position: center center; background-repeat: no-repeat;}

.left{width: 200px; float: left; margin: 30px 0px;}
.left .tit{line-height: 28px; font-size: 28px; text-align: center; margin: 0px 0px 26px 0px; text-align: center; letter-spacing: 8px; overflow: hidden; white-space: nowrap;}
.left .leftlist{background: #FFFFFF; box-shadow: 5px 5px 20px#999;}
.left .leftlist ul li{line-height: 60px; font-size: 14px;}
.left .leftlist ul li a{display: block; padding-left: 20px; color: #333333; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.left .leftlist ul li a:hover{background-color: #e70012; color: #FFFFFF;}
.left .leftlist ul li.pType1{line-height:36px; font-size:12px; background-color:#f7f7f7;}
.left .leftlist ul li.pType1 a{padding-left:28px; background-color:#f7f7f7; background-image:url(prolistleft01.jpg); background-position:20px 17px; background-repeat:no-repeat;}
.left .leftlist ul li.pType1 a:hover{color:#ff412b; background-color:#f7f7f7; background-image:url(prolistleft02.jpg);}
.right{width: 920px; float: right; background: #FFFFFF; padding: 20px; box-shadow: 5px 5px 20px#999; margin: 30px 0px;}
.right .righttit{height: 30px; border-bottom: 1px solid #e6e6e6; font-size: 16px;}
.right .righttit span{display: inline-block; vertical-align: top; height: 30px; line-height: 16px; border-bottom: 1px solid #E70012; position: relative;}
.right .rightbox{min-height: 300px;}
.right .rightbox .contents{overflow:hidden; padding:20px 0px;}
.right .rightbox .contents img{max-width:100% !important;}

.right .contents h1{ text-align:center; margin:10px 0px; font-size:14px;}
.right .contents .others{ text-align:center; line-height:30px; margin-bottom:10px;}
.right .contents .content{ overflow:hidden;}
.right .contents .zy{padding:5px; line-height:20px; background-color:#f2f2f2; margin-bottom:10px;}
.right .contents img{ max-width:100%;}

.right .page{ padding:10px; text-align:center; color:#666;}
.right .page a{ display:inline-block; vertical-align:middle; color:#333;}
.right .page span{ display:inline-block; vertical-align:middle;}

.right .newslistbox{ padding:15px;}
.right .newslistbox ul{ padding:0px 0px;}
.right .newslistbox li{ line-height:30px; height:125px; font-size:14px; position:relative; overflow:hidden; padding:0px 0px 20px 210px; position:relative;}
.right .newslistbox li a.title{ color:#666; line-height:30px; display:block; overflow:hidden; height:30px; white-space:normal; text-overflow:ellipsis;}
.right .newslistbox li a.title:hover{color:#d40b0b;}
.right .newslistbox li a.img{width:196px; height:125px; display:block; position:absolute; top:0px; left:0px;}
.right .newslistbox li a.img img{width:196px; height:125px; display:block;}
.right .newslistbox li span{display:block; line-height:20px; font-size:12px;}
.right .newslistbox li span.time{position:absolute; top:0px; right:0px;}

.right .newslistbox .page{ padding:10px 30px;}

.right .newsinfobox{ line-height:1.8; overflow:hidden;  padding:15px; }
.right .newsinfobox h1{ text-align:center; margin:10px 0px; font-size:14px;}
.right .newsinfobox .others{ text-align:center; border-top:1px solid #ccc; line-height:30px; margin-bottom:10px;}
.right .newsinfobox .content{ overflow:hidden;}
.right .newsinfobox .zy{padding:5px; line-height:20px; background-color:#f2f2f2; margin-bottom:10px;}
.right .newsinfobox img{ max-width:100%;}

.right .proinfobox{ line-height:1.8; overflow:hidden; padding:15px;}
.right .proinfoleft{ float:none; position:relative; padding-left:260px; min-height:170px; line-height:1.6; font-size:14px; padding-top:20px; padding-bottom:20px;}
.right .proinfoleft img{ width:240px; height:170px; display:block; margin:0px; border:1px solid #e5e5e5; position:absolute; top:20px; left:0px;}
.right .proinfoleft h1{text-align:left; margin:0px; color:#ff3c2a; margin-bottom:15px; font-size:16px;}
.right .proinfoleft h2{font-size:14px; margin:0px; margin-bottom:5px;}
.right .proinfoleft pre{width:100%; overflow:hidden; font-family:'Microsoft YaHei' !important;}
.right .proinforight{ float:none; width:100%; margin:0px 0px;}
.right .proinfoimg{border-bottom:1px solid #e5e5e5; margin-bottom:20px;}
.right .proinfoimg img{display:block; margin:0px;}
.right .proinforight h1{ text-align:center; margin:15px 0px; font-size:14px;}
.right .proinforight .content{ overflow:hidden;}
.right .proinforight img{ max-width:100%;}

.right .prolistbox{ padding:15px;}
.right .prolistbox li{ line-height:30px; font-size:14px; position:relative; width:240px; height:200px; overflow:hidden; margin:0px 80px 20px 0px; text-align:center; float:left;}
.right .prolistbox li:nth-child(3n+0){margin:0px 0px 20px 0px;}
.right .prolistbox li a.img{ width:240px; height:170px; display:block;}
.right .prolistbox li a.img img{ width:240px; height:170px;}
.right .prolistbox li a.title{ color:#666; line-height:30px; display:block; overflow:hidden; height:30px; white-space:normal; text-overflow:ellipsis; font-weight:normal; background:#f2f2f2; text-align:center;}

.right .prolistbox2{ padding:15px;}
.right .prolistbox2 li{ line-height:30px; font-size:14px; position:relative; width:210px; height:141px; overflow:hidden; margin:0px 20px 20px 0px; text-align:center; float:left; position:relative;}
.right .prolistbox2 li:nth-child(4n+0){margin-right:0px;}
.right .prolistbox2 li a.img{ width:210px; height:141px; display:block;}
.right .prolistbox2 li a.img img{ width:210px; height:141px;}
.right .prolistbox2 li a.title{ color:#fff; line-height:30px; display:block; overflow:hidden; height:30px; white-space:normal; text-overflow:ellipsis; font-weight:700; background:url(shadpw.png) center center repeat; text-align:center; position:absolute; bottom:0px; left:0px; width:100%;}

.right .downbox{padding:30px 0px;}
.right .downbox ul li{float:left; width:200px; margin-left:40px; text-align:center; height:40px; line-height:40px;}
.right .downbox ul li:nth-child(1){margin-left:0px;}
.right .downbox ul li a{display:block; padding-top:200px; height:40px; color:#666; font-size:18px; font-weight:700;}
.right .downbox ul li a:hover{color:#333;}

.right .downbox2{padding:30px 0px;}
.right .downbox2 ul li{height:30px; line-height:30px;}
.right .downbox2 ul li a{display:block; color:#666;}
.right .downbox2 ul li a:hover{color:#333;}




/*.right .downbox ul li:nth-child(1) a{background:url(ser01_2.png) center top no-repeat;}
.right .downbox ul li:nth-child(1):hover a{background:url(ser01.png) center top no-repeat;}
.right .downbox ul li:nth-child(2) a{background:url(ser02_2.png) center top no-repeat;}
.right .downbox ul li:nth-child(2):hover a{background:url(ser02.png) center top no-repeat;}
.right .downbox ul li:nth-child(3) a{background:url(ser03_2.png) center top no-repeat;}
.right .downbox ul li:nth-child(3):hover a{background:url(ser03.png) center top no-repeat;}
.right .downbox ul li:nth-child(4) a{background:url(ser04_2.png) center top no-repeat;}
.right .downbox ul li:nth-child(4):hover a{background:url(ser04.png) center top no-repeat;}*/

.right .donwlistbox{padding:20px 0px;}
.right .donwlistbox ul li{line-height:30px;}
.right .donwlistbox ul li a{color:#666;}
.right .donwlistbox ul li a:hover{color:#333;}