@charset "utf-8";
@import url(dll.css);
@import url(font.css);
@import url(main.css);
@import url(/onlinecss/onlineeditor.css);
@import url(ddsmoothmenu.css);
@import url(animate.css);
@import url(banner.css);
/* ��ҳ���ֿ�ʼ */
.header{height:120px;}
.header_in{width:1100px; margin:auto;}
.topline{height:5px; overflow:hidden; line-height:45px; background:#b1282a;    /*display: none*/;}
.topnav{width:1100px; margin:0 auto;}
.topnav span{float:right; display:inline-block; color:#b4b4b4; height:45px; padding:0 15px;}
.topnav a{float:right; display:inline-block; height:45px; color:#FFF;}
.topnav a.tn_01{width:27px; background:url(../Images/icon01.png) no-repeat center center;}
.topnav a.tn_02{width:27px; background:url(../Images/icon02.png) no-repeat center center;}
.i_banner_box123{    text-align: center;}
.logo{float:left;margin-top: 22px}
.gsjj h3 {
    font-size: 24px;
    text-align: center;
    line-height: 80px;
    font-weight: 600;    color: #ae2721;
}
.lxwm h3 {
    font-size: 20px;
    color: #ad2721;
    font-weight: 600;
    margin-bottom: 30px;
}
.gsjj {
    text-indent: 2em;    line-height: 35px;
}
.gsjj li {
    float: left;
    width: 50%;
    line-height: 40px;    text-align: center;
}
.gsjj span {
    color: #e54646;
    font-size: 16px;
    font-weight: 600;
}
.lxwm {
    float: left;
    width: 50%;
    line-height: 40px;    margin-top: 34px;
}
.i_nav{float:left; height:77px; margin-top:22px;    margin-left: 20px;}
.tel{float: right;    margin-top: 32px;}
.tel p{
    font-size: 15px;
    font-weight: bold;
    color: #000;
}
.tel p em{
    width: 14px;
    height: 16px;
    margin-right: 5px;
    background-image: url(../images/icon.png);
    background-position: 0 -64px;
    display: inline-block;
    vertical-align: middle;
}
.tel h3{
    font-size: 20px;
    color: #b1282a;
    font-family: arial;
    padding-top: 4px;
}
.pl_contact_c li{margin-bottom:20px;}
.pl_contact_c li img{
	    width: 30px;
    vertical-align: bottom;
    padding-right: 10px;
}

/*.i_nav li{float:left; width:108px; height:77px; text-align:center;}
.i_nav li > a{display:block; color:#000; height:77px; line-height:77px; font-size:15px; padding:0 1px; text-align:center;}
.i_nav li > a:hover{color:#FFF; background:#333333;}
.i_nav li > a.on{color:#FFF; background:#333333;}*/

.i_banner_box{position:relative; width:100%; height:610px; overflow:hidden;}
.i_banner{float:left; display:inline;}
/*.i_banner li{width:100%; height:610px;}
.i_banner li a{display:block; width:100%; height:610px;}
.i_banner_p{position:absolute; width:100%; left:0; bottom:15px; text-align:center;}
.i_banner_p a{display:inline-block; margin:0 5px; width:12px; height:12px; background:#FFF; overflow:hidden; border-radius:6px;}
.i_banner_p a:hover{ background:#8ed90c;}
.i_banner_p a.on{ background:#8ed90c;}*/
.i_banner_line{position:absolute; width:100%; left:0; top:0; height:29px; background:url(../Images/icon03.png) repeat-x left top;}

.i_container{overflow:hidden;}

.i_box01{overflow:hidden; padding:45px 0; background:#ffffff;}
.i_box02{overflow:hidden; padding:50px 0 30px;}

.txt01{float:left; width:200px; height:400px; background:#FFF;}
.i_video{float:left; margin-left:40px; width:557px;}
.i_video video{width:100%;height: 400px;}
.txt02{float:right; width:270px;}
.txt03{line-height:25px; text-align:center;}

.i_about{float:right; width:270px;}
.i_about_c{width:270px; height:280px;overflow:hidden; line-height:26px; color:#343434;font-size: 16px;}

.i_js{width:1100px; margin:30px auto 0;}
.i_js_i{float:left; width:598px;}
.i_js_il{width:575px; height:337px; padding:24px 0 0 23px;     background: #ae2721;}
.i_js_ia{width:598px; text-align:right; margin-top:10px;}
.i_js_ia a{display:inline-block; margin:0 8px; width:12px; height:12px; background:#d6e3ec; overflow:hidden; border-radius:6px;}
.i_js_ia a:hover{ background:#000000;}
.i_js_ia a.on{ background:#000000;}

.i_js_r{float:right; width:405px; padding-right:50px;}
.i_js_rt{width:250px; height:43px; padding-top:24px; border-bottom:1px solid #000000;}
.i_js_rc{ width:405px; margin-top:20px; line-height:25px;}

.i_cul{width:100%; height:157px; padding:45px 0 30px; background:url(/upload/ueditor/image/20210610/16232928191916227.jpg) no-repeat center top;}
.i_cul_c{ height:75px; margin-top:15px; overflow:hidden; line-height:25px; color:#dfdfdf; text-align:center;}

.i_pro{overflow:hidden; padding:50px 0 30px;}
.i_prolist{ width:1132px; margin:0 auto; overflow:hidden;}
.i_prolist li{float:left; position:relative; width:259px; height:233px; margin:18px 12px; overflow:hidden;}
.i_prolist li img{ width:259px; height:233px;}
.i_prolist li a{ display:block; position:absolute; width:259px; height:233px;}
.i_prolist li dl{width:259px; height:233px; margin-top:233px; color:#FFF; background:url(../Images/icon07.png) repeat;}
.i_prolist li dl dt{height:33px; padding-top:115px;  line-height:33px; font-size:17px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:239px; margin:0px 10px;}
.i_prolist li dl span{display:block; width:180px; margin:5px auto 0; font-size:12px;    display: none;}
.i_prolist li dl dd{display:block; width:155px; margin:5px auto 0; padding-left:25px; line-height:20px; font-size:12px; height:60px; overflow:hidden;}
.i_prolist li a:hover dl{margin-top:0;}

.i_news{overflow:hidden; padding:30px 0;}
.i_newslist{ width:1190px; margin:0 auto; overflow:hidden;}
.i_newslist dl{ position:relative; display:inline-block; margin:30px 0 10px 91px; padding-left:60px; width:418px; height:116px; border:1px solid #9ba5ae;}
.i_newslist dl i{ position:absolute; left:-47px; top:13px; font-style:normal; display:block; width:94px; height:90px; color:#fff;     background-color: #b1282a;}
.i_newslist dl i strong{ display:block; font-size:47px; text-align:center;}
.i_newslist dl i span{ display:block; font-size:13px; text-align:center;}

.i_newslist dl dt{ padding:10px 0; line-height:30px; height:30px; overflow:hidden;}
.i_newslist dl dt h4{ display:block; float:left; width:353px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:16px;} 
.i_newslist dl dt span{ display:block; float:left; width:65px; font-size:12px;} 
.i_newslist dl dt span a{ color:#b1282a;}
.i_newslist dl dd{ font-size:14px; color:#9aa5ad; line-height:18px; height:54px; overflow:hidden;}


.footer{overflow:hidden; background:#b1282a;}
.fbox{padding:40px 0; width:1200px; margin:0 auto;}

.fcontact{float:left;     width: 290px; padding-top:20px; line-height:24px; padding-left: 359px; color:#fff; background:url(/upload/ueditor/image/20210610/16232930668609373.png) no-repeat 25px center; overflow:hidden;}
.fcontact ins{ display:block; color:#fff; text-decoration:none; text-transform:uppercase;font-size: 20px;}
.fcontact strong{ display:block; color:#fff; font-size:25px; line-height:50px;}
/* .fcontact span{ display:block; height:30px; background:url(../Images/icon11.jpg) no-repeat left center;} */
.fcontact img{
    width: 30px;
    vertical-align: bottom;
padding-right: 10px;}
.fcontact li{margin-bottom: 10px;}
.fmap{float:right; padding:6px; text-align:center; display: flex;margin-top: 50px;}
.map img{
    width: 272px;
}
.fmap .erweima{margin-left: 20px;width: 153px;}
.fmap .erweima img{width: 100%;}

.footer_nav{color:#FFF; text-align:center; padding:20px 0; line-height:25px; font-size:16px; background:#1e1e1e;}
.footer_nav li{ float:left;}
.copyright{color:#FFF; text-align:center; padding:20px 0; line-height:25px; font-size:16px; background:#1e1e1e;}
.jsq{color:#FFF; text-align:center; padding:20px 0; line-height:25px; font-size:16px; background:#1e1e1e;}
/* ��ҳ���ֽ��� */

/* ��ҳ���ֿ�ʼ */
.p_banner_box{position:relative; width:100%; height:440px; overflow:hidden;}
.p_banner{ float:left; display:inline;}
/*.p_banner li{width:100%; height:440px;}
.p_banner li a{display:block; width:100%; height:440px;}
.p_banner_p{position:absolute; width:100%; left:0; bottom:15px; text-align:center;}
.p_banner_p a{display:inline-block; margin:0 5px; width:12px; height:12px; background:#FFF; overflow:hidden; border-radius:6px;}
.p_banner_p a:hover{ background:#8ed90c;}
.p_banner_p a.on{ background:#8ed90c;}*/
.p_banner_line{position:absolute; width:100%; left:0; top:0; height:29px; background:url(../Images/icon03.png) repeat-x left top;}

.p_container{padding:35px 0; overflow:hidden;}

.p_left{float:left; width:245px; overflow:hidden;}
.p_right{float:right; width:830px; overflow:hidden;}

.sidebar{width:225px; padding:10px; background:#b1282a;}
/*.sidebar_l{width:202px; margin:10px auto 0;}
.sidebar_l li{ text-align:center; margin-top:10px; letter-spacing:5px;}
.sidebar_l li a{display:block; width:200px; height:35px; line-height:35px; color:#000100; border:1px solid #000; background:#e5eef5;}
.sidebar_l li a:hover{color:#000100; background:#FFF;}
.sidebar_l li a.on{color:#000100; background:#FFF;}*/

.pl_contact{width:225px; padding:10px; margin-top:30px; background:#b1282a;}
.pl_contact_c{display:block; width:220px; line-height:24px; color:#fff; margin:10px auto 0; overflow:hidden;}
.pl_contact_c ins{ display:block; color:#515151; text-decoration:none; text-transform:uppercase;}
.pl_contact_c strong{ display:block; color:#000; font-size:25px; line-height:30px;}

.p_path{float:right; line-height:54px; height:54px; font-size:12px; color:#727272;}
.p_path a{color:#727272; padding:0 10px;}
.p_path a:hover{ color:#806800;}
.p_path span{padding:0 10px;}

.p_content{padding:20px 15px; line-height:25px;}


/* ��ҳ���ֽ��� */
.i_left{ float:left;}
.i_right{ float:right;}


/*响应式网站制作开始*/
.i_banner_box123 img{max-width: 100%;}
.i_banner_box123 { }
.position{
    display: none;
}

@media screen and (max-width: 1366px) { /*当屏幕尺寸小于1366px时，应用下面的CSS样式*/

}/*当屏幕尺寸小于1366px时，结束应用下面的CSS样式*/

@media screen and (max-width: 1024px) { /*当屏幕尺寸小于1024px时，应用下面的CSS样式*/
.header_in {width: 100%;}
.topnav {width: 100%;margin-left: -10px;}
.logo { margin-left: 10px;}
.i_container {padding: 12px 0px;-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.position{
    display: block;
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    background: #F13F3F;
    color: #fff;
    text-align: center;
    line-height: 50px;
}
.mauto {width: 100%;}
.txt01 {margin-left: 100px;}
.i_about {float: left;width: 100%;}
.title01 { width: 80%;margin: 0 auto;}
.i_about_c {width: 80%; margin: 0 auto;height:auto;}
.more01 {margin-right: 103px;}
.i_js_r { width: 40%;}
.i_pro {padding: 10px 0 30px;}
.i_prolist li{margin: 18px 36px;}
.i_newslist { width: 100%;padding: 0px 10px;-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;}
.i_newslist dl { margin: 30px 0 10px 46px;padding-left: 60px;width: 39%; float: left;}
.fbox { width: 100%;}
.fcontact { width: 26%;}
.fmap {width: 42%; margin-right: 10px;}
.p_left {display: none;}
.p_right {float: none; margin: 0 auto;}
}/*当屏幕尺寸小于1024px时，结束应用下面的CSS样式*/

@media screen and (max-width: 768px) { /*当屏幕尺寸小于768px时，应用下面的CSS样式*/
.iconfont.icon-next-copy {font-size: 30px !important;}
.mfbox {width: 100%;}
.i_nav{display:none}
.navbar-toggle{display:block;margin-right: 10px;margin-top: 5px;line-height: 60px;}
.navbar-toggle{display:block;position: relative;}

.i_nav { width: 100%; height: auto; right: 0; z-index: 9999;margin:0px;position: absolute;top: 130px;}
.ddsmoothmenu ul {  width: 100%;}
.ddsmoothmenu ul li {  width: 100%; height: auto;border-bottom: 1px #f6f6f6 solid;background: #fff;}
.nava:hover,.navactive:hover { background: #fff;}
.ddsmoothmenu ul li  a{color:#000;}
.ddsmoothmenu ul li  a:hover{color:#806800;}
.ddsmoothmenu ul li a.navactive {width: 100%;background: #806800;color: #fff;}
.nava { width: 100%; height: 40px; line-height: 40px; border: none;}
.navactive, .navactive:hover { width: 100%;line-height: 40px; height: 40px;background: #806800;padding:0px;}
.navactive, .navactive:hover, .nava, .nava:hover { width: 100%;font-size: 13px;padding:0px;line-height:40px;}
.ddsmoothmenu ul li a {width: 100%;}
.i_nav ul li ul { position: relative; width: 100% !important;}
.i_nav ul li ul li { width: 100%; border: 0;}
.i_nav ul li ul li a { width: 100%;}
.header_in {width: 100%;}
.topnav {width: 100%;margin-left: -10px;}
.logo { margin-left: 10px;}
.txt01 {margin-left: 20px;}
.i_video {width: 60%;}
#vcastr3{width: 100% !important;}
.i_box02 { padding: 30px 10px;-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
width:100%}
.i_js { width: 100%;}
.i_js_i { float: none;width: 100%;margin: 0 auto;}
.i_js_il {margin: 0 auto;}
.i_js_r { width: 100%;margin: 0 auto;padding-right: 0px;float:none;}
.i_js_rt { width: 100%;}
.i_js_rc { width: 100%; margin-top: 10px;line-height: 20px;}
.i_prolist {
    width: 100%; padding: 0px 10px;-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.i_prolist li {margin: 18px 3px;width:49%;}

.i_prolist li a {width: 100%;height: auto;}
.i_prolist li img { display: block;margin: 0 auto;}
.i_prolist li dl{margin: 0 auto;margin-top: 233px;}
#com_singles_txt03 {height: 75px;overflow: hidden;}
.i_newslist dl {margin: 0px 0 10px 50px;padding-left: 60px;width: 85%;float: left;}
.i_newslist dl dt h4 { width: 86%;}
.i_newslist dl dd { width: 100%;}
.fbox { width: 100%;-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;padding:0px 10px;}
.fcontact {width: 34%;margin: 0 auto; float: none;}
.fmap { width: 58%;float: none;margin: 0 auto; margin-top: 10px;margin-bottom: 10px;}
.p_left {display: block;width: 100%;}
.pl_contact{display:none;}
.p_container { padding: 16px 10px;-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;width:100%;}
.sidebar {width: 100%;}
.p_right {width: 100%;}
.n_n_list li span {width:12%}
.n_n_list li a{width:60%}
.n_n_list li .infos {width:80%}
.p_content { padding: 0px;}
.p_p_list li {margin: 10px 13px;}
.n_j_list li a{width: 60%;}
.p_l_list li{margin: 10px 0px 10px 5px;}
}/*当屏幕尺寸小于768px时，结束应用下面的CSS样式*/

@media screen and (max-width: 480px) { /*当屏幕尺寸小于480px时，应用下面的CSS样式*/
.txt01 { height: auto;margin: 0;}
#com_singles_txt01 img{width: 100%;}
.i_video { margin-left: 0;width: 100%;height: auto;}
.i_video video{width: 100%;height: auto;}
#vcastr3 {  height: 192px;}
.i_box01 { padding: 15px 0;}
.title01 h3 { font-size: 14px;line-height: 20px;}
.i_about_c{ font-size: 12px;}
.title01 { height: 20px;}
.more01{margin-top:0px;}
.i_js_il {padding:24px 10px;width: 100%;height: auto;background-size: 90%;-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
#flash_show_out {  height: auto !important;width: 100% !important;}
#flash_img{  height: auto !important;width: 100% !important;}
#flash_img a img{  height: auto !important;width: 100% !important;}
#flash_btn{  height: auto !important;width: 100% !important;}
#flash_btn div.ads_btnimg{width: 100% !important;}
.i_cul{padding: 15px 0 10px;height: 116px;}
.title03 span {height: 20px;line-height: 20px;font-size: 14px;}
.title03 h3{height: 20px;line-height: 20px;font-size: 14px;}
.i_cul_c {height: 75px;margin-top: 3px; line-height: 20px; font-size: 10px;}
.i_prolist li { margin: 6px 0px;width: 100%;height: auto;}
.i_news { padding: 0px;}
.i_newslist dl { margin: 0px 0 10px 46px;padding-left: 21px;height: 94px;width: 85%;}
.i_newslist dl dt h4 {width: 82%;font-size: 14px;}
.i_newslist dl i {width: 60px;height: 60px;background-size: 60px;}
.i_newslist dl i strong { font-size: 20px;}
.i_newslist dl dd { font-size: 12px;}
.i_newslist dl dt {padding: 6px 0;line-height: 16px;height: 16px;}
.title02 h3 { height: 37px;line-height: 37px;font-size: 20px;}
.fcontact {
	width: 100%;
    background-size: 25% 63%;
    padding-left: 103px;
    height: auto;
    background: none;
    padding: 0;
	margin: 10px auto;
    float: none;
	line-height: 17px;
}
.tel{display: none;}
.fcontact ins{font-size: 12px;}
.fcontact strong {font-size: 12px;line-height: 20px;}
.fcontact span { height: 10px;}
.fcontact div{    font-size: 12px;}
.fcontact span{font-size: 12px !important;}
.fmap { width: 95%;}
.title05 h3 {width: 60%;}
.remark1 img{width:100%;height:auto;}
.n_n_list li span {width:20%}
.p_p_list li {  margin: 10px auto; width: 100%;}
.p_p_list li a { width: 100%;}
.p_p_list li img{margin: 0 auto;margin-bottom: 10px;display: block;}
.p_p_list li span{margin: 0 auto;}
.gbook_post td:nth-child(1){display:inline-block;width:68px!important;}
textarea#gbookMain{width:300px !important;}
input#gbookTopic{width:300px !important;}
input#userMail{width:300px !important;}
#gbookMain{width:300px !important;height:100px !important;}
.p_l_list li { margin: 10px 23px 10px 23px;}
.txt01{
	width: 100%;
}
.p_p_list{
	display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
}
.lxwm{width: 100%;}
}/*当屏幕尺寸小于480px时，结束应用下面的CSS样式*/

@media screen and (max-width: 414px) { /*当屏幕尺寸小于414px时，应用下面的CSS样式*/
#vcastr3 { height: 167px;}
/* .txt01{margin-left: 33px;} */
.i_newslist dl { margin: 0px 0 10px 47px;padding-left: 11px;}
.i_newslist dl dt h4 {width: 80%;}
#com_singles_fmap img {width: 100%;}
.n_n_list li span { font-size: 12px;}
.p_l_list li { margin: 10px 8px 10px 8px;}
}/*当屏幕尺寸小于414px时，结束应用下面的CSS样式*/

@media screen and (max-width: 375px) { /*当屏幕尺寸小于375px时，应用下面的CSS样式*/
/*.txt01 { width: 30%;margin-left: 6px;}
.i_video { margin-left: 10px;width: 64%;}
#vcastr3 { height: 225px;}*/
.title01 { width: 97%;}
.i_about_c { width: 97%;}
.more01 { margin-right: 8px;}
/* .txt01 { width: 23%;margin-left: 6px;} */
#vcastr3 { height: 167px;}
.i_newslist dl { padding-left: 5px;}
.i_newslist dl dt h4 {width: 76%;}
.i_newslist dl i { width: 50px;height: 50px;background-size: 50px;}
.i_newslist dl i strong {font-size: 14px;}
.i_newslist dl i span { font-size: 12px;}
.p_content { padding: 0px;}
.n_n_list li a {font-size: 12px;}
.n_n_list li .infos{font-size: 12px;}
.gbook_post td:nth-child(1){display:inline-block;width:68px!important;}
textarea#gbookMain{width:270px !important;}
input#gbookTopic{width:270px !important;}
input#userMail{width:270px !important;}
#gbookMain{width:270px !important;}
.p_l_list li {margin: 10px auto;width: 100%;}
.p_l_list li a {margin: 0 auto;display: block;}
}/*当屏幕尺寸小于375px时，结束应用下面的CSS样式*/


@media screen and (max-width: 360px) { /*当屏幕尺寸小于360px时，应用下面的CSS样式*/
.iconfont.icon-next-copy {font-size: 26px !important;}
/* .txt01 { width: 23%;} */
#vcastr3 { height: 167px;}
.i_newslist dl { padding-left: 3px;}
.gbook_post td:nth-child(1){display:inline-block;width:68px!important;}
textarea#gbookMain{width:256px !important;}
input#gbookTopic{width:256px !important;}
input#userMail{width:256px !important;}
#gbookMain{width:256px !important;}
}/*当屏幕尺寸小于360px时，结束应用下面的CSS样式*/


@media screen and (max-width: 320px) { /*当屏幕尺寸小于320px时，应用下面的CSS样式*/
#vcastr3 { height: 148px;}
.title03 span {font-size: 12px;}
.i_newslist dl { padding-left: 0px;}
.i_newslist dl {margin: 0px 0 10px 44px;}
.i_newslist dl dt h4 {width: 74%;}
.i_newslist dl i {top: 23px;left: -52px;}
.title05 h3 {     width: 52%;
}
.n_n_list li span { width: 23%;}
.n_n_list li .infos {width: 76%;}
textarea#gbookMain{width:216px !important;}
input#gbookTopic{width:216px !important;}
input#userMail{width:216px !important;}
#gbookMain{width:216px !important;}
}/*当屏幕尺寸小于320px时，结束应用下面的CSS样式*/