@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"; color:#333; overflow-x:hidden; width:100%; /*max-width:1920px;*/ }
*{ margin:0px; padding:0px; }
img{border:0px; max-width:100%}
a{ text-decoration:none; color:#333;outline:none;   -moz-outline:none;}
li{ list-style:none}
.clear{ clear:both}
a:hover{ color:#c30d23}
input{ outline:none;}
div.middle{ width:1402px; margin:0px auto;  max-width:96%;}
i,em{ font-style:normal}
div.head div.middle{ width:1800px; margin:0px auto; max-width:96%;  }
div.toubu{ position:relative; z-index:9999;}
div.head{ height:108px; line-height:108px;border-bottom:1px solid #e6e6e6}
div.head img.logo{ float:left; height:71px; margin-top:18px; }
div.head ul.nav{ float:left; margin-left:20.4%;}
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; height:108px; padding:0px 28px; line-height:108px; text-align:center; position:relative;}
div.head ul.nav li.yi a.ayi{ font-size:16px; }
div.head ul.nav li.yi:hover a.ayi{ }
div.head ul.nav li.yi.hover a.ayi{ }
div.head ul.nav li.yi ul.ernav{ position:absolute; left:0px; top:108px; padding-top:1px; width:100%; display:none;}
div.head ul.nav li.yi ul.ernav li.er{ width:100%;background:#FFF; height:30px; line-height:30px; position:relative;border-bottom:1px dashed #666;}
div.head ul.nav li.yi ul.ernav li.er a.aer{ width:100%; height:100%; display:block;  text-align:center;}
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 select.lang{ float:left; margin-top:44px;appearance:none; background:url(../images/hg.png) right center no-repeat; padding-right:16px;
-moz-appearance:none;
-webkit-appearance:none; border:none;}
.pc{ display:block;}
.wap{ display:none;}
div.head dl{ float:right; margin-right:80px;}
div.head img.hq{ float:left; margin:46px 20px auto 0%;}
div.wapheaddianbei{ width:100%; height:50px;}
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;  z-index: 9999;}
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%; z-index: 9999;}
div.waphead ul.nav.ulnavxian{ right:0px; z-index: 9999;}

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;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: rotate(0deg)
}
.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;}
div.comtitleb{ display:block; text-align:center; margin:auto; max-width:96%}
div.comtitle{ width:auto; text-align:center; display:inline-block; margin:auto; clear:both; text-align:center; background:url(../images/c.png) center bottom no-repeat; padding-bottom:24px; background-size:33.3% 2px; }
div.comtitle span.c{ display:block; font-size:34px; font-weight:bold;  }
div.comtitle span.c.bai{ }



.about{ padding:72px 0px 100px 0px;}
.about_l{ float:left; width:50%; margin-top:53px; position:relativel}
.about_l p.hasdiv{ width:660px; max-width:100%}
.about_l span.bkg{ padding-bottom:76%;}
.about_l a.hasdiv{ border:17px solid #FFF; width:43.8%; float:right; margin-top:-32.5%}
.about_l i.bkg{ padding-bottom:82.7%}
.about_r{ float:right; width:50%; display:block;margin-top:53px;}
.about_r .smallab{ display:block; margin:auto; max-width:90%; width:530px;}
.about_r i{ font-weight:bold; font-size:30px; display:block; padding-top:50px;}
.about_r em{ font-weight:bold; font-size:20px; display:block; color:#666; border-bottom:1px solid #cacaca; padding-bottom:26px; margin-bottom:37px; padding-top:13px;}
.about_r p{ color:#666; font-size:16px; line-height:27px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 7;
overflow: hidden;}
a.xq{ display:block; width:161px; height:48px; line-height:48px; border:1px solid #666666; border-radius:48px; text-indent:35px; background:url(../images/j.png) right 30px center no-repeat; }
.about_r a.xq{margin-top:60px;}
.jixujiaoyu{ background:url(../images/jy.jpg) center center no-repeat; background-size:cover; padding:130px 0px 180px 0px; text-align:center;}
.jixujiaoyu .comtitle{ color:#FFF;}
.jixujiaoyu p{ color:#FFF; font-size:16px; line-height:28px; padding-top:60px; display:block; margin:auto; max-width:100%; width:870px; margin-bottom:60px;}
.jixujiaoyu a.xq{ margin:auto; color:#FFF; text-align:left; border:1px solid #c30d23; background:url(../images/jj.png) right 30px center no-repeat #c30d23;}
a.xq:hover{color:#FFF; text-align:left; border:1px solid #c30d23; background:url(../images/jj.png) right 30px center no-repeat #c30d23;}

.indexnew{ padding:88px 0px 50px 0px;}
.indexnew a.xq{ margin:auto}
.small_new{ padding:67px 0px 10px 0px;}
.new_l{ float:left; width:54.7%; width:767px; }
.new_l .hasdiv{ max-width:100%; width:657px;}
.new_l .bkg{ /*padding-bottom:58.1%;*/ height:382px;}
.new_l span.ii{ display:block; float:left; text-align:center; width:136px; height:120px; padding-top:30px; font-family:Arial, Helvetica, sans-serif; font-size:54px; background:#FFF;}
.new_l span.ii i{ color:#666; font-size:14px; display:block;}
.new_l .text{   padding:0px 0px 0px 136px;  position:relative; z-index:999; top:-49px; }
.new_l .text dl{background:#fafafa; padding:22px 35px 27px 35px;}
.new_l .text i{ display:block; font-size:18px; font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.new_l .text p{display:block; color:#666; line-height:27px; font-size:16px; margin:16px auto 22px auto; height:54px; overflow:hidden;
	display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.new_l .text em{display:block; width:68px; height:27px; border:1px solid #dcdcdc; text-align:center; float:right; line-height:27px; color:#dcdcdc; border-radius:27px;}
.new_r{ /*width:603px;*/width: calc(100% - 800px); float:right;}
.new_r li{ border-bottom:1px solid #dddddd; padding:18px 0px;}
.new_r li:hover{ background:#f4f4f4}
.new_r li .smallli{ display:block; width:545px; margin:auto; max-width:90%;}
.new_r li .smallli i{ display:block; font-size:18px; font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.new_r li .smallli .txt{ font-size:16px; color:#666; line-height:28px; height:56px; display:block; overflow:hidden;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden; padding-top:16px; margin-bottom:13px;}
.new_r li .smallli span{ display:inline-block; color:#999; float:left;}
.new_r li .smallli em{ float:right;display:block; width:68px; height:27px; border:1px solid #dcdcdc; text-align:center; float:right; line-height:27px; color:#dcdcdc; border-radius:27px;}
.indexnew em:hover{ color:#FFF!important; background:#c30d23!important; border:1px solid #c30d23!important}
.foot{ border-top:1px solid #d0d0d0; background:#eee; padding:30px 0px 40px 0px;}
.foot p a{ display:inline-block;}
.foot p.pl{ float:left}
.foot p.pr{/* float:right;*/ text-align: center;}
.foot p i{ display:inline-block;}
.piao{ position:fixed; right:0px; top:50%; margin-top:-69px; width:69px; z-index:1000}
.piao img{ width:69px; display:block;}
.banner{ width:100%; padding-bottom:20.8%;background-position:center; background-repeat:no-repeat; background-size:cover;}
.neiye{}
.nymiddle{ width:1301px; margin:auto; max-width:96%;}
.manu {

	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 13px;

}

.manu A,.manu span {

	BORDER-RIGHT: #cccccc 1px solid;  BORDER-TOP: #cccccc 1px solid;  MARGIN: 2px; BORDER-LEFT: #cccccc 1px solid; COLOR: #036cb4;  BORDER-BOTTOM: #cccccc 1px solid; TEXT-DECORATION: none; color:#333333; display:inline-block; height:35px; line-height:35px; padding:0px 10px;

}


.manu A:hover {display:inline-block;

	BORDER: #c30d23 1px solid; background:#c30d23; color:#fff

}

.manu A:active {

	BORDER: #c30d23 1px solid; background:#c30d23; color:#fff

}

.manu .current {display:inline-block;

	BORDER: #c30d23 1px solid; background:#c30d23; color:#fff

}

.manu .disabled { display:inline-block;

	BORDER-RIGHT: #cccccc 1px solid;  BORDER-TOP: #cccccc 1px solid;  MARGIN: 2px; BORDER-LEFT: #cccccc 1px solid; COLOR: #999;  BORDER-BOTTOM: #cccccc 1px solid

}

.nymiddle{ width:1402px; display:block; margin:auto; max-width:96%; padding:53px 0px 140px 0px}
.left{ float:left; width:230px; background:#c30d23; color:#FFF;}
.left .left_title{ background:#c30d23; padding:32px 0px 32px 33px;}
.left .left_title span.leftc{ font-size:34px; color:#FFF; display:block; border-bottom:1px solid #e18691; width:160px; padding-bottom:10px; margin-bottom:12px;}
.left .left_title span.lefte{ font-family:Arial, Helvetica, sans-serif; display:block; color:#FFF;text-transform:uppercase}
.left .lefternav{ padding-bottom:14px;}
.left .lefternav li{ height:40px; line-height:40px; border-top:1px dashed #FFF; width:90%; display:block; margin:auto;}
.left .lefternav li a{ display:block; height:100px; width:100%; text-indent:20px; color:#FFF}
.left .lefternav li a.erhover,.left .lefternav li a:hover{}
.left .lefternav li div{}
.left .lefternav li div a{}
.left .lefternav li div a:hover{}
.left .lefternav li div a.sanhover{}
.right{ display:block; float:right;width: calc(100% - 320px);}
.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{ width:100%; border-bottom:1px solid #e2e2e2; height:53px; line-height:53px;}
.route span.arr{}
.route p{ float:left}
.route p a{}
ul.ulnewcommon_ny{}
ul.ulnewcommon_ny li{ border-bottom:1px solid #e2e2e2; padding-top:30px; padding-bottom:30px;}
ul.ulnewcommon_ny li em.at{ display:block; font-size:18px; color:#333; font-weight:bold; width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
ul.ulnewcommon_ny li .small{ margin:auto; padding:0px 50px;}
ul.ulnewcommon_ny li p{ padding-top:13px; display:block; color:#666; font-size:16px; line-height:28px;}
ul.ulnewcommon_ny li span{ display:block; float:left; color:#999; margin-top:12px;}
ul.ulnewcommon_ny li i.xx{ display:block; float:right;width: 68px;
    height: 27px;
    border: 1px solid #dcdcdc;
    text-align: center;
    float: right;
    line-height: 27px;
    color: #dcdcdc;
    border-radius: 27px; margin-top:16px;}
ul.ulnewcommon_ny li:hover{ background:#f4f4f4;}
ul.ulnewcommon_ny li:hover i.xx{color: #FFF;
    background: #c30d23;
    border: 1px solid #c30d23;}




.article_show{padding:0 15px 20px; text-align:center}
.article_show h1{font-size:26px;margin-top:15px;line-height:1.5;color:#333;font-weight:normal;}
.article_show h5{font-size:14px;margin-top:15px;color:#999;font-weight:normal;line-height:1.5;border-bottom:1px solid #eee;padding-bottom:15px;}
.article_show .context{display:block;line-height:2;font-size:16px;color:#333;padding:12px 0 20px; text-align:left}
/*.article_show .context img{display:block;height:auto; }*/
.article_show aside{border-top:1px solid #eee;font-size:14px;}
.article_show .other_article{padding-top:10px;line-height:2; text-align:left}
.article_show .other_article li a{color:#666;}
.article_show .other_article li a:hover{color:#007BFF;}


.liuyan_con{  line-height:30px; display:block; margin:auto; width:75%; margin:25px auto}
.liuyan_con i{ color:#F00; text-indent:4px; display:inline-block}
.liuyan_con p{ width:100%;display:block; float:none; padding-bottom:12px;}
.liuyan_con p.half{ display:block; float:left; width:49%;}
.liuyan_con p.halfr{  float:right}
.liuyan_con input{ display:block; border:1px solid #ccc; width: calc(100% - 2px);height:36px; line-height:36px; text-indent:16px; margin-bottom:5px;box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}

.liuyan_con textarea{ border:1px solid #ccc; margin-bottom:0px; width:98%; padding:16px; height:100px;box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;width: calc(100% - 34px);}
	.liuyan_con input:focus,.liuyan_con textarea:focus{border-color: #66afe9;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);}
.liuyan_con img{ float:right; margin-top:12px;}
.liuyan_con input#code{width: calc(100% - 78px); float:left;}
.liuyan_con input.tj{ text-indent:0px; cursor:pointer; height:45px; line-height:45px; font-size:16px; background:#c30d23; color:#FFF; border:none; margin-top:4px; }
.piao1{ width: 100px; background: #FF4000;  text-align: center; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); z-index: 99999; border-radius: 5px;  }
.piao1 a{ display: block; padding:10px;color: #fff; font-size: 18px; font-weight: bold; }



@media screen and (max-width:1444px){
}
@media screen and (max-width:1200px){
div.middle{ width:98%;}
.right{ width: calc(100% - 266px);}
}
@media screen and (max-width:1024px){
.left{ display:none}
.wapernav{ display:block}
.pc{ display:none;}
.wap{ display:block;}
}
@media screen and (max-width:1000px){

}
@media screen and (max-width:767px){
	.liuyan_con p.half{ display:block; float:none; width:100%;}
.liuyan_con p.halfr{  float:none}
}
@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){
}