@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);
/* ��ҳ���ֿ�ʼ */
.i_banner_box{position:relative; width:100%; height:auto; }
.i_banner{ float:left; display:inline;}
/*.i_banner li{width:100%; height:809px;}
.i_banner li a{display:block; width:100%; height:809px;}
.i_banner_p{position:absolute; width:100%; left:0; bottom:25px; text-align:center;}
.i_banner_p a{display:inline-block; margin:0 5px; width:10px; height:10px; background:#b8b8b8; overflow:hidden; border-radius:5px;}
.i_banner_p a:hover{ background:#FFF;}
.i_banner_p a.on{ background:#FFF;}*/

.header{     position: relative; width:100%; height:120px; z-index:2000}
.header_in{    width: 1200px;height: 96px; margin:0 auto;  background:url(../Images/head_bg.png) no-repeat 1px top;}

.logo{float:left; width:300px; }

.i_nav{float:left; height:35px; padding-top:75px;}
/*.i_nav li{float:left; display:inline-block; height:35px;}
.i_nav li a{ display:block; height:35px; padding:0 15px; text-align:center; color:#474747; font-size:15px;}
.i_nav li a:hover{color:#e62c2e;}
.i_nav li a.on{color:#e62c2e;}*/

.h_txt{ float:right; padding-top:80px; height:35px; font-size:15px; color:#868686; padding-right:30px;}

.i_container{padding-top:55px; overflow:hidden;}

.mr20{ margin-right:20px;}

.i_about{float:left; display:inline-block; width:360px;}
.i_about_c{}
.i_about_c img{ width:360px; height:201px;}
.i_about_c dd{ margin-top:20px; height:84px; line-height:21px; color:#868686; font-size:13px; overflow:hidden;}

.footer{width:100%; min-height:146px; color:#FFF; background-color:#e11f27; margin-top:60px;}

.f_hotline{float:right; width:300px; margin-top:24px; text-align:right; font-size:18px;}
.footer_nav{float:left; width:700px; margin-top:24px; font-size:14px;}
.footer_nav a{ padding-right:24px;}

.copyright{float:left; width:700px; line-height:30px;}

.footer a{ color:#FFF;}
.footer a:hover{ color:#FFF;}
/* ��ҳ���ֽ��� */

/* ��ҳ���ֿ�ʼ */
.p_banner_box{position:relative; width:100%; height:auto; }
.p_banner{ float:left; display:inherit;}
/*.p_banner li{width:100%; height:576px;}
.p_banner li a{display:block; width:100%; height:576px;}
.p_banner_p{position:absolute; width:100%; left:0; bottom:25px; text-align:center;}
.p_banner_p a{display:inline-block; margin:0 5px; width:10px; height:10px; background:#b8b8b8; overflow:hidden; border-radius:5px;}
.p_banner_p a:hover{ background:#FFF;}
.p_banner_p a.on{ background:#FFF;}*/

.p_container{padding-top:55px; overflow:hidden;}

.sidebar{height:38px; border:1px solid #d5d5d5; border-width:1px 0;}
/*.sidebar li{float:left; margin-right:35px;}
.sidebar li a{ display:block; height:36px; font-size:14px; border-bottom:2px solid #FFF; line-height:36px; color:#868686;}
.sidebar li a:hover{ border-bottom:2px solid #e11f27;}
.sidebar li a.on{ border-bottom:2px solid #e11f27;}*/

.p_content{padding-top:40px; overflow:hidden; line-height:25px;}

.aboutimg{float:left; width:360px; padding-right:30px;}
.aboutimg img{width:360px; height:auto;}

.abouttxt{float:left; width:730px;}


.p_left{ float:left;}
.p_right{ float:right;}
/* ��ҳ���ֽ��� */


.dianpu img {
    width: 90px;
    float: right;
    margin-top: -76px;
}
.dianpu p {
    text-align: center;
    font-size: 14px;
    margin-left: -7px;
}
.gsjj {
    float: left;
    width: 50%;
    line-height: 30px;
    padding: 15px;
    font-size: 16px;
    text-indent: 2em;    color: #333;
}
.lxwm {
    float: left;
    width: 50%;
    font-size: 16px;
    line-height: 40px;
    color: #333;
}
.lxwm h3 {
    font-weight: bold;
    font-size: 22px;
    color: #e43940;
    line-height: 70px;
}
input#userMail {
    width: 460px;
    margin-bottom: 10px;
    margin-top: 10px;
}
input#gbookTopic {
    width: 460px;
}

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

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

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

@media screen and (max-width: 1024px) { /*当屏幕尺寸小于1024px时，应用下面的CSS样式*/
.header_in { width: 100%;}
.mauto {width: 100%;}
.i_container{width: 100%;padding:10px 10px 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;
}
.i_about { width: 32%;}
.i_about_c img { width: 100%;height: auto;}
.footer .mauto {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;}
.p_container{width: 100%;padding:10px 10px 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;
}
.aboutimg { float: none;width: 100%;padding-right: 0px;text-align: center;display: block;margin: 0 auto;}
.abouttxt { float: none;width: 100%;}
.p_newsf {width: 100%;}
.p_newsc {  width: 66%;}
.p_p_list li {  width: 33%;margin: 0 0px 20px 0px;}
.p_p_list li a{width: 100%;}
.p_p_list li a span{width: 100%;}
.p_p_list li a img { display: block;margin: 0 auto;width: 100%;height: 249px;}

.n_j_list li a{width: 60%;}
}/*当屏幕尺寸小于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;position: relative;}
.navbar-toggle{display:block;}
.i_nav { width: 100%; height: auto; right: 0; z-index: 9999;margin:0px;position: absolute;top: 16px;}
.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:#e11f27;}
.ddsmoothmenu ul li a.navactive {width: 100%;background: #e11f27;color: #fff;}
.nava { width: 100%; height: 40px; line-height: 40px; border: none;}
.navactive, .navactive:hover { width: 100%;line-height: 40px; height: 40px;background: #e11f27;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%;}
.remark img{max-width:100%;}
.gbook_post td:nth-child(1){display:inline-block;width:68px!important;}
textarea#gbookMain{width:432px !important;}
#gbookMain{width:432px !important;}
input#gbookTopic{width:432px !important;}
input#userMail{width:432px !important;}
.header_in{background:none;}
.h_txt{display:none;}
.mr20 {margin-right: 14px;}
.footer_nav {width: 428px;}
.p_newsi { width: 30%;height: auto;}
.p_newsi img{ width: 100%;height: auto;}
.p_p_list li a img { height: 215px;}
}/*当屏幕尺寸小于768px时，结束应用下面的CSS样式*/

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


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


@media screen and (max-width: 667px) { /*当屏幕尺寸小于667px时，应用下面的CSS样式*/
.i_about { width: 100%;}
.mr20 { margin-right: 0px;}
.f_hotline {
    float: none;
    width: 100%;
    padding-top: 24px;
    text-align: center;
    font-size: 18px;
}
.copyright{  float: none;width: 100%;text-align: center;}
.footer_nav {  float: none;width: 100%;}
}/*当屏幕尺寸小于667px时，结束应用下面的CSS样式*/

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


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

@media screen and (max-width: 480px) { /*当屏幕尺寸小于480px时，应用下面的CSS样式*/
.navbar-toggle {width: 50px;height: 50px;font-size: 28px !important;line-height: 52px;}
.gbook_post td:nth-child(1){display:inline-block;width:68px!important;}
textarea#gbookMain{width:300px !important;}
#gbookMain{width:300px !important;}
input#gbookTopic{width:300px !important;}
input#userMail{width:300px !important;}
.footer_nav a {padding-right: 6px;}
.logo { max-width: 200px;width: auto;margin-top: -23px;}
.iconfont.icon-fenlei { margin: 12px 10px 0 0;}
.i_about { margin-bottom: 10px;}
.header_in { height: auto;}
.header{ height: auto;}
.footer{margin-top:0px;}
.sortnavul li {  margin-right: 8px;}
.p_newsi { width: 100%;}
.p_newsc{ width: 100%;}
.p_newsc span{ height: auto;}
.p_newsc h3{ width: 100%;}
.navPage{ width: 100%;}
.p_p_list li { width: 100%;}
.p_p_list li a img {height: auto;}
}/*当屏幕尺寸小于480px时，结束应用下面的CSS样式*/

@media screen and (max-width: 414px) { /*当屏幕尺寸小于414px时，应用下面的CSS样式*/
.title02 h3 { float: none; width: 100%;text-align: center;}
.sortnavul li {margin-right: 0px; width: 100%;text-align: center;border-bottom: 1px solid #d5d5d5;}
.sidebar { border-bottom: 0px solid #d5d5d5;}
}/*当屏幕尺寸小于414px时，结束应用下面的CSS样式*/

@media screen and (max-width: 375px) { /*当屏幕尺寸小于375px时，应用下面的CSS样式*/
.gbook_post td:nth-child(1){display:inline-block;width:68px!important;}
textarea#gbookMain{width:270px !important;}
#gbookMain{width:270px !important;}
input#gbookTopic{width:270px !important;}
input#userMail{width:270px !important;}
.iconfont.icon-fenlei { margin: 3px 10px 0 0;}
.logo { margin-top: -23px;}
}/*当屏幕尺寸小于375px时，结束应用下面的CSS样式*/


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


@media screen and (max-width: 320px) { /*当屏幕尺寸小于320px时，应用下面的CSS样式*/
textarea#gbookMain{width:216px !important;}
#gbookMain{width:216px !important;}
input#gbookTopic{width:216px !important;}
input#userMail{width:216px !important;}
}/*当屏幕尺寸小于320px时，结束应用下面的CSS样式*/