@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);
/* ��ҳ���ֿ�ʼ */
tr.gbook_post td {
    width: auto;
}
.gbook_tblist input {
    margin-left: 10px;
}
.plpro {
    margin: 8px;
}
.header{height:150px;}
.header_in{width:1350px; margin:auto;}
.topline{height:45px; overflow:hidden; line-height:45px; background:#000000;}
.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;}
.topnav div {
    display: inline-block;
    margin-right: 14px;
    float: right;
}
.lan a {
    padding: 0px 4px;
}

.logo{float:left;}

.i_nav{float:right; height:77px; margin-top:28px;}
/*.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{padding:35px 0; overflow:hidden;}

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

.txt01{float:left;width:200px;height:400px;background:#FFF;display: none;}
.i_video{float:left;margin-left:40px;width:557px;/* height: 400px; */overflow: hidden;}
.txt02{float:right; width:270px;}
.txt03{line-height:25px; text-align:center;}

.i_about{float:right;width: 470px;}
.i_about_c{width: 470px;height: 288px;padding:10px 0;overflow:hidden;line-height:20px;color:#343434;}

.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:url(../Images/icon04.jpg) no-repeat left top;}
.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(../Images/icon06.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; background:url(../Images/icon08.png) no-repeat center 25px; 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;}
.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:#000; background:url(../Images/icon09.png) no-repeat left top;}
.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:#806800;}
.i_newslist dl dd{ font-size:14px; color:#9aa5ad; line-height:18px; height:54px; overflow:hidden;}


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

.fcontact{float:left; width:360px; padding-top:20px; line-height:24px; padding-left:280px; color:#000; background:url(../Images/icon10.png) no-repeat 25px center; overflow:hidden;}
.fcontact ins{ display:block; color:#515151; text-decoration:none; text-transform:uppercase;}
.fcontact strong{ display:block; color:#000; font-size:25px; line-height:30px;}
.fcontact span{ display:block; height:30px; background:url(../Images/icon11.jpg) no-repeat left center;}

.fmap{float:right; padding:6px; text-align:center; background:#a1abb4;}

.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:#e4eef5;}
/*.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:#e4eef5;     display: none;}
.pl_contact_c{display:block; width:202px; line-height:24px; color:#000; 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;}
.pl_contact_c span{ display:block; height:30px; background:url(../Images/icon11.jpg) no-repeat left center;}

.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 { }

@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;
}
.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;margin-top: 6px;}
.txt01 {margin-left: 20px;}
.i_video {width: 100%;}
#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 {width: 20%;height: auto;margin-left: 36px;display: none;}
.logo img {
    width: 73%;
}
#com_singles_txt01 img{width: 100%;}
.i_video {margin-left: 0;}
.i_video img {
    max-width: 100%;
}
#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: 52%;margin: 10px auto;float: none; background-size: 32% 70%;padding-left: 155px;background-position-y: 1px;padding-top: 0px;
line-height:17px;}
.fcontact ins{font-size: 12px;}
.fcontact strong {font-size: 12px;line-height: 20px;}
.fcontact span { height: 10px;}
.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;}
}/*当屏幕尺寸小于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;}
.i_video {width: 100%;margin-left: 10px;}
#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%;}
.i_video { width: 71%;}
#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;}
.fcontact { width: 68%;background-size: 25% 63%;padding-left: 103px;height: 100px;}
.title05 h3 { width: 56%;}
.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样式*/