@charset "utf-8";
@import "page.css";
@import "message.css";
@import "hdp.css";
@import "common.css";
/* CSS Document */
body{font-size:14px; font-family:"Microsoft YaHei"; font-family:"黑体";color:#333; overflow-x:hidden }
*{ margin:0px; padding:0px; }
img{border:0px; }
a{ text-decoration:none; color:#333;}
li{ list-style:none}
.clear{ clear:both}
a:hover{ color:#F00}
input{ outline:none;}
div.middle{ width:1200px; margin:0px auto;  }
div.toubu{ position:relative; z-index:2}
/*pc端头部start*/
div.head{ height:90px; line-height:90px;}
div.head img.logo{ float:left; height:90px;}
div.head div.wapdh{ display:none}
div.head ul.nav{ float:right; width:70%; margin-top:30px;}
div.head ul.nav li a{transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out;}
div.head ul.nav li.yi{ float:left; width:16.6%; height:30px; line-height:30px; text-align:center; position:relative;}
div.head ul.nav li.yi a.ayi{ font-size:16px; display:block; width:100%; height:100%;}
div.head ul.nav li.yi:hover a.ayi{ color:#fff; background:#000;}
div.head ul.nav li.yi.hover a.ayi{ color:#fff; background:#000;}
div.head ul.nav li.yi ul.ernav{ position:absolute; left:0px; top:30px; width:100%; display:none;background:#FFF}

div.head ul.nav li.yi ul.ernav li.er{ width:100%; height:24px; line-height:24px; position:relative;}
div.head ul.nav li.yi ul.ernav li.er a.aer{ width:100%; height:100%; display:block; border-bottom:1px dashed #333; text-align:center;}
div.head ul.nav li.yi ul.ernav li.er:hover a.aer{ background:#000; color:#FFF}
div.head ul.nav li.yi ul.ernav li.er ul.sannav{ position:absolute; top:0px; left:100%; display:none; width:100%; background:#FFF}
div.head ul.nav li.yi ul.ernav li.er ul.sannav li.san{ width:100%; height:24px; line-height:24px;}
div.head ul.nav li.yi ul.ernav li.er ul.sannav li.san a.asan{ width:100%; height:100%; display:block; border-bottom:1px dashed #333; text-align:center}
div.head ul.nav li.yi ul.ernav li.er ul.sannav li.san:hover a.asan{ background:#000; color:#FFF}
div.head ul.nav li.yi ul.ernav li.er:hover ul.sannav{ display:block;}
div.head ul.nav li a.you{ position:relative;}
div.head ul.nav li a.you span{ position:absolute; right:5px; line-height:24px;}
div.head ul.nav li a.ayi span{ display:none}
div.head a.hsou{ margin-top:40px; display:block; height:30px;float:right; position:relative; margin-left:10px; width:29px; overflow:hidden;
z-index:9
}
div.head a.hsou img{ position:absolute; right:7px; top:3px;}
div.head a.hsou input{ display:block; margin:0px; height:27px; position:absolute; right:-158px; top:0px; border:1px solid #999; width:148px; border-radius:27px; line-height:27px; text-indent:15px;transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out; }
div.head a.hsou img.xiao{ display:none}
div.head a.hsou img.xian{ display:block}
div.head a.hsou.you{ width:150px;overflow:visible;}
div.head a.hsou.you input{ right:0px;}
div.head a.hsou.you img.xiao{ display:block}
div.head a.hsou.you img.xian{ display:none}
div.head a.hsou img.souclose{ width:22px; position:absolute; right:-22px; top:2px; z-index:9;}


/*pc端头部end*/
/*手机版头部start*/
div.wapheaddianbei{ width:100%; height:50px; display:none;}
div.waphead{ position:fixed; width:100%; left:0px; top:0px; }
div.waphead div.wapdh{ display:block; width:100%; height:50px; background:#FFF;border:1px solid #eee }
div.waphead div.wapdh img.waplogo{  height:40px; padding-top:5px; float:left; margin-left:10px;}



.menuBtn{
    float:right;
    width:30px;
    height:30px; margin-top:10px;
	margin-right:10px;
    cursor:pointer;
    transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    -o-transition:.3s; position:relative;
}
.menuBtn b{
    display:block;
    height:3px;
    background-color:#d7011b;
    margin:6px 0;
    border-radius:2px;
    transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    -o-transition:.3s;
}

.menuBtn.open b{
    display:none;
    margin:0;
    position:absolute;
    top:15px;
    width:30px;
}
.menuBtn.open b:first-child{
    display:block;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
}
.menuBtn.open b:last-child{
    display:block;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
}


div.waphead img.logo{ display:none;}
div.waphead div.middle{ width:70%; float:right; background:#FFF; position:relative;  }
div.waphead ul.nav{ width:100%;padding-bottom:10px; padding-top:10px; overflow-x:hidden;transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out; position:absolute; background:#F7F7F7; top:0px; right:-100%;}
div.waphead ul.nav.ulnavxian{ right:0px;}

div.waphead ul.nav li a{transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out;}

div.waphead ul.nav li.yi{ width:100%; height:auto; border-bottom:1px solid #eee }
div.waphead ul.nav li.yi a.ayi{ display:block; width:100%; height:40px; line-height:40px;  font-size:14px; text-indent:10px; position:relative}
div.waphead ul.nav li.yi a.ayi span{ position:absolute; right:10px;transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out; text-indent:0px; padding:0px; width:9px; height:6px; display:block; background:url(../images/s-ico1.png); top:15px;

			}
			div.waphead ul.nav li.yi a.ayi span.rotat{transform: rotate(180deg) scale(1);
            -webkit-transform: rotate(180deg) scale(1);
            -moz-transform: rotate(180deg) scale(1);
            -o-transform: rotate(180deg) scale(1);
            -ms-transform: rotate(180deg) scale(1); background:url(../images/s-ico2.png);}
div.waphead ul.nav li.yi ul.ernav{ width:100%; height:auto; display:none;background:#FeFeFe;}
div.waphead ul.nav li.yi ul.ernav li.er{ height:auto; width:100%;}
div.waphead ul.nav li.yi ul.ernav li.er a.aer{ width:100%; height:30px; line-height:30px; position:relative;  text-indent:12px; font-size:12px; display:block;}



div.waphead ul.nav li.yi ul.ernav li.er a.aer span{ position:absolute; right:10px;transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out; text-indent:0px; padding:0px;
background:url(../images/s-ico1.png); top:10px; width:9px; height:6px; display:block;
			}
			div.waphead ul.nav li.yi ul.ernav li.er a.aer span.rotat{transform: rotate(180deg) scale(1);background:url(../images/s-ico2.png);}





div.waphead ul.nav li.yi ul.ernav li.er ul.sannav{ width:100%; height:auto; display:none}
div.waphead ul.nav li.yi ul.ernav li.er ul.sannav li.san{ height:auto; width:100%;}
div.waphead ul.nav li.yi ul.ernav li.er ul.sannav li.san a.asan{width:100%; height:30px; line-height:30px; font-size:12px;  text-indent:12px; display:block;}
div.waphead ul.nav li a:hover{ padding-left:0px;}
/*手机版头部end*/


.small,.nosmall,.big,.nobig,.slide-T, .slide-B, .slide-L, .slide-R, .slide-W, .slide-Wsmall, .slide-H, .noslide-T, .noslide-B, .noslide-L, .noslide-R, .noslide-W, .noslide-Wsmall, .noslide-H{
transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
}
.hasimg{ display:block; overflow:hidden;}
.hasimg img{transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease; display:block; width:100%;}
.hasimg:hover img{
	   transform: rotate(2deg) scale(1.1);
            -webkit-transform: rotate(2deg) scale(1.1);
            -moz-transform: rotate(2deg) scale(1.1);
            -o-transform: rotate(2deg) scale(1.1);
            -ms-transform: rotate(2deg) scale(1.1);
	}


.hasdiv{ overflow:hidden; display:block;}
.hasdiv .bkg{ display:block; width:100%;transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.hasdiv:hover .bkg{	   transform: rotate(0deg) scale(1.1);
            -webkit-transform: rotate(0deg) scale(1.1);
            -moz-transform: rotate(0deg) scale(1.1);
            -o-transform: rotate(0deg) scale(1.1);
            -ms-transform: rotate(0deg) scale(1.1);}

.l{ float:left;}
.r{ float:right;}
.animates{transition:All 0.4s ease;-webkit-transition:All 0.4s ease;-moz-transition:All 0.4s ease;-o-transition:All 0.4s ease;}
.small{transform: scale(0.8);-webkit-transform: scale(0.8);-moz-transform: scale(0.8);-o-transform: scale(0.8);-ms-transform: scale(0.8);}/*由小至大*/
.nosmall{transform: scale(0.8);-webkit-transform: scale(0.8);-moz-transform: scale(0.8);-o-transform: scale(0.8);-ms-transform: scale(0.8);}/*由小至大无需滚轮*/
.big{transform: scale(1.2);-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);}/*由大至小*/
.nobig{transform: scale(1.2);-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);}/*由大至小无需滚轮*/
.smallbigton{transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);}
.slide-T{position:relative; top:-50px; opacity:0; filter:alpha(opacity=0);}/*由上至下*/
.noslide-T{position:relative; top:-50px; opacity:0; filter:alpha(opacity=0);}/*由上至下无需滚轮*/
.slide-Ton{top:0px; opacity:1; filter: alpha(opacity=1);}
.slide-B{position:relative; bottom:-50px; opacity:0; filter:alpha(opacity=0);}/*由下至上*/
.noslide-B{position:relative; bottom:-50px; opacity:0; filter:alpha(opacity=0);}/*由下至上无需滚轮*/
.slide-Bon{bottom:0px; opacity:1; filter: alpha(opacity=1);}
.slide-L{position:relative; left:-50px; opacity:0; filter:alpha(opacity=0);}/*由左至右*/
.noslide-L{position:relative; left:-50px; opacity:0; filter:alpha(opacity=0);}/*由左至右无需滚轮*/
.slide-Lon{left:0px; opacity:1; filter: alpha(opacity=1);}
.slide-R{position:relative; right:-50px; opacity:0; filter:alpha(opacity=0);}/*由右至左*/
.noslide-R{position:relative; right:-50px; opacity:0; filter:alpha(opacity=0);}/*由右至左无需滚轮*/
.slide-Ron{right:0px; opacity:1; filter: alpha(opacity=1);}







/*公共标题(居中)start*/
div.comtitle{ text-align:center; display:block; }
div.comtitle span.c{ display:block;  }
div.comtitle span.e{ display:block; text-transform : uppercase}
div.comtitle p{ display:block; }
/*公共标题end*/

/*公共标题1start(居左)*/
div.comtitle1{ border-bottom:1px solid #999; height:40px; line-height:40px;}
div.comtitle1 span.c{ float:left; display:inline-block;}
div.comtitle1 span.e{text-transform : uppercase; display:inline-block; float:left;}
div.comtitle1 a{ float:right;}
/*公共标题1end*/




/*图文混排1start*/
div.twhp{ margin-bottom:4%;}
div.twhp a.hasimg{ float:left; width:40%;}
div.twhp div.twhpnr{ float:right; width:55%;}
div.twhp div.twhpnr a.twhptitle{ display:block; float:none;}
div.twhp div.twhpnr p{ display:block;}
div.twhp div.twhpnr a.axx{ float:right}
/*图文混排1end*/





/*划过旋转start*/
div.xuanzhuan li{ text-align:center; float:left; width:20%; margin-left:4%; margin-bottom:4%;}
div.xuanzhuan li img{ width:100%; display:block;transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;}
div.xuanzhuan li img.xiao{ height:0px;}
div.xuanzhuan li:hover img.xiao{ height:auto;}
div.xuanzhuan li:hover img.xian{ height:0px;}
div.xuanzhuan li:hover img{-webkit-transform: rotate3d(0,1,0,360deg);
    -moz-transform: rotate3d(0,1,0,360deg);
    transform: rotate3d(0,1,0,360deg);}

div.xuanzhuan li a{ line-height:22px; display:block;}
div.xuanzhuan li p{ text-align:center; display:block;}
/*划过旋转end*/





/*内页*/

.banner{ display:block; text-align:center; width:100%;}
.banner img{ display:block; max-width:100%; margin:0px auto;}
.neiye{}
.left{}
.left .left_title{}
.left .left_title span.leftc{}
.left .left_title span.lefte{}
.left .lefternav{}
.left .lefternav li{}
.left .lefternav li a.zhu{}
.left .lefternav li a.zhu.erhover{}
.left .lefternav li a.zhu:hover{}
.left .lefternav li div{}
.left .lefternav li div a{}
.left .lefternav li div a:hover{}
.left .lefternav li div a.sanhover{}
.right{ width:100%; border:1px solid #000}
.right .nycontent{}

.wapernav{ display:none; text-align:center; padding:20px 0px 0px 0px;}
.wapernav a{ display:inline-block; margin:0px 5px 10px 0px; height:27px; line-height:27px; padding:0px 6px; border:1px solid #ccc;}
.wapernav a:hover,.wapernav a.waperhover{ color:#FFF; background:#89211b; border:1px solid #89211b}

.route{}
.route span.arr{}
.route p{ float:right}
.route p a{}
/*内页*/












@media screen and (max-width:1300px){
	.swiper-container.swiper-container-s{ padding-bottom:40px!important;}
}
@media screen and (max-width:1200px){
div.middle{ width:98%;}
}
@media screen and (max-width:1024px){
.left{ display:none}
.wapernav{ display:block}
}
@media screen and (max-width:1000px){
.pc{ display:none;}
.wap{ display:block;}
}
@media screen and (max-width:800px){
}
@media screen and (max-width:640px){
div.list_thumb ul li{ width:45%; margin-left:3.3%; margin-bottom:3.3%; margin-right:0px;}
div.xuanzhuan li{ width:45%; margin-left:3.3%;}
}
@media screen and (max-width:480px){
		div.twhp a.hasimg{ float:none; width:100%;}
    div.twhp div.twhpnr{ float:none; width:100%;}
}
@media screen and (max-width:320px){
}