@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_bg.jpg */
.header{width:100%; height:160px; background:url(../Images/nvtop.png) 0 -23px;}

.logo{float:left; height:110px; overflow:hidden;}
.hotline{float:right; margin-top:30px; height:37px; font-size:16px; color:#000;}
.hotline strong{ font-size:28px; display:block;color:#017cc2;}

.i_nav{height:50px;}
.i_nav li{float:left; width:124px; height:50px; color:#000; line-height:50px; font-size:16px; text-align:center;}
.i_nav li > a{color:#000; display:block; width:124px; height:50px;}
.i_nav li > a:hover{color:#017cc2;}
.i_nav li > a.on{color:#000;}
.i_nav li.line{width:10px; background:url(../Images/nav_line.png) no-repeat center center;}

.i_banner_box{position:relative; width:1200px; height:397px; margin:0 auto; overflow:hidden;}
.i_banner{width:1200px; height:397px; overflow:hidden;}
/*.i_banner li{width:1200px; height:397px;}
.i_banner li a{display:block; width:1200px; height:397px;}
.i_banner_p{position:absolute; width:1200px; left:0; bottom:15px; text-align:center;}
.i_banner_p a{display:inline-block; margin:0 5px; width:10px; height:10px; border:1px solid #559fea; overflow:hidden; border-radius:5px;}
.i_banner_p a:hover{ background:#559fea;}
.i_banner_p a.on{ background:#559fea; padding:0 15px;}*/

.linecp{ background-color:#06F; height:1px; width:80%; margin:4px auto}
.i_container{overflow:hidden;}

.i_news01{width:1200px; height:50px; background:#dd1e32;}
.i_news01_l{float:left; margin-left:20px; height:50px; overflow:hidden; width:900px;}
.i_news01_l li{ line-height:50px;}
.i_news01_l li span{ color:#FFF; padding-right:10px; float:left;}
.i_news01_l li a{ float:left; color:#FFF; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:block; width:800px;}
.i_news01_l li a:hover {color:#559fea; text-decoration:underline;}


.i_box01{ margin-top:20px; overflow:hidden;}

.i_news02{float:left; margin-left:25px; width:345px; padding:0 15px; background:#FFF; border:1px solid #ededed;}
.i_news02_l{width:320px; height:192px; padding:10px 10px; background:#ffffff; }
.i_news02_lf{width:320px;}
.i_news02_lf img{float:left; width:150px; height:95px;}
.i_news02_lf dl{float:right; width:225px; overflow:hidden;}
.i_news02_lf dl dt{height:30px; line-height:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.i_news02_lf dl dt a{color:#2e2e2e; font-size:16px;}
.i_news02_lf dl dt a:hover{color:#9b762e;}
.i_news02_lf dl ins{height:20px; line-height:20px; color:#b0b0b0; text-decoration:none; font-size:12px;}
.i_news02_lf dl dd{height:40px; margin-top:5px; line-height:20px;}
.i_news02_lf dl dd a{color:#dd1e32;}
.i_news02_ll{width:320px; margin-top:10px;}
.i_news02_ll li{float:left; width:320px; text-indent:12px; line-height:30px;height:48px;}
.i_news02_ll li img{ width:130px;height:40px;}
.i_news02_ll li a{float:left; display:block; width:160px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.i_news02_ll li span{float:right; display:block; width:140px; text-align:right;}


.i_video{float:left; width:340px; padding:0 15px; background:#FFF; border:1px solid #ededed;}
.i_video_l{width:330px; height:172px; padding:20px 10px; overflow:hidden;}
.i_video_ll{ float:left; width:236px; height:172px; overflow:hidden; margin-left:42px;}
.i_video_ll ul{width:2000px; overflow:hidden;}
.i_video_ll li{float:left; position:relative; width:236px; height:172px;}
.i_video_ll li img{width:196px; height:140px;}
.i_video_ll li span{display:block; position:absolute; left:0; bottom:0; width:196px; height:25px; line-height:25px; text-indent:10px; background:url(../Images/icon03.png) repeat left top;}
.i_video_ll li a span{color:#FFF;}
.i_video_ll li a:hover span{color:#559fea;}

.title03 a{float:right;line-height:50px;}

.i_news03{float:right;  width:370px; padding:0 15px; background:#FFF; border:1px solid #ededed;}
.i_news03_l{width:355px; height:192px; padding:10px 10px; background:#ffffff; }
.i_news03_lf{width:355px;}
.i_news03_lf img{float:left; width:120px; height:95px;}
.i_news03_lf dl{float:right; width:215px; overflow:hidden;}
.i_news03_lf dl dt{height:30px; line-height:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.i_news03_lf dl dt a{color:#2e2e2e; font-size:16px;}
.i_news03_lf dl dt a:hover{color:#9b762e;}
.i_news03_lf dl ins{height:20px; line-height:20px; color:#b0b0b0; text-decoration:none; font-size:12px;}
.i_news03_lf dl dd{height:40px; margin-top:5px; line-height:20px;}
.i_news03_lf dl dd a{color:#dd1e32;}
.i_news03_ll{width:355px; margin-top:10px;}
.i_news03_ll li{float:left; width:355px; text-indent:12px; line-height:30px; background:url(../Images/icon02.jpg) no-repeat left center;}
.i_news03_ll li a{float:left; display:block; width:230px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.i_news03_ll li span{float:right; display:block; width:120px; text-align:right;}

.footer{width:100%; margin-top:40px; overflow:hidden; background:#4e4e4e;}

.footer_box01{padding:25px 0; border-bottom:1px solid #757575;}
.flink{width:1200px; height:46px; margin:0 auto;}
.flink h3{float:left; width:120px; height:46px; font-size:16px; color:#FFF; font-weight:bold; line-height:46px;}
.flink_l{float:left; width:958px;}
.flink_ll{float:left; width:954px; overflow:hidden;}
.flink_ll ul{width:20000px; overflow:hidden;}
.flink_ll li{float:left; display:inline; width:200px; height:240px; margin:0 6px; border:1px solid #dddddd;text-align: center;}
.flink_ll li img{width:199px; height:199px;}

.flink_ll li span{display: block; margin-top: 0px; height: 48px;line-height: 48px;overflow: hidden;}




.footer_box02{width:1200px; margin:0 auto; padding:30px 0;}
.footer_nav{float:left; width:300px; overflow:hidden;}
.footer_nav li{float:left; width:150px; line-height:28px; font-size:14px; text-align:left;}
.footer_nav a{color:#FFF;}

.copyright{float:left; margin-left:30px; width:450px;  line-height:25px; color:#FFF;}
.copyright img{float:left; margin-right:15px;  margin-top:5px;}

.f_right{float:right; width:260px;}

.fsearch{float:right; padding-right:10px; width:260px; height:29px; margin-top:10px;}
.fsearch li{float:left;}
.fsearch li input{float:left; padding:0; margin:0; border:0;}
.fsearch li input.fs_int{width:231px; text-indent:5px; color:#FFF; height:29px; line-height:29px; background:#9f9f9f; font-family:microsoft yahei;}
.fshare{margin-top:10px;}
.fshare_t{float:left; line-height:30px; color:#FFF;}
.fs_btn{ width:29px; height:29px; background:url(../images/btn_search.png) no-repeat;}



/* ��ҳ���ֽ��� */

/* ��ҳ���ֿ�ʼ */
.p_banner_box{position:relative; width:1200px; height:397px; margin:0 auto; overflow:hidden;}
.p_banner{width:1200px; height:397px; overflow:hidden;}

.p_container{margin:30px auto; width:1200px; overflow:hidden; background:url(../Images/icon04.jpg) repeat-y left top #FFF;}

.p_left{float:left; width:230px; padding-bottom:50px;}
.p_right{float:right; width:970px;}

.pl_title{height:120px; background:url(../Images/header_bg.jpg) no-repeat center center; text-align:center;}
.pl_title h3{display:block; height:34px; padding-top:30px; font-size:24px; color:#f8f6f2; line-height:34px; }
.pl_title span{display:block; height:25px; font-size:14px; color:#f8f6f2; line-height:25px; }

.sidebar{width:230px; overflow:hidden;}
/*.sidebar li{width:230px; height:50px; line-height:50px; font-size:14px;}
.sidebar li a{display:block; width:225px; color:#FFF; text-indent:50px; border-left:5px solid #2f88da;}
.sidebar li a:hover{ color:#202020; background:#FFF; border-left:5px solid #dd1d32;}
.sidebar li a.on{ color:#202020; background:#FFF; border-left:5px solid #dd1d32;}*/

.pl_con{width:150px; margin:30px 15px; padding:20px 0 0 50px; font-style:italic; color:#FFF; border-top:1px solid #4c9ee9; background:url(../Images/icon05.png) no-repeat left 25px;}
.pl_con span{display:block; line-height:20px; font-size:20px;}
.ad03{width:190px; padding:0 15px;}


.pr_title{height:60px; line-height:60px; color:#515151; border-bottom:1px solid #e2e1dd; background:#f8f6f2;}
.pr_title strong{float:left; display:block; padding-left:40px; font-weight:normal;}
.pr_title ins{float:left; display:block; width:30px; height:60px; background:url(../Images/icon06.png)  no-repeat center center;}
.pr_title span{float:left; display:block; padding:0 5px; height:60px;}
.pr_title a{float:left; display:block; padding:0 5px; height:60px; color:#515151;}

.ptitle01{height:23px; line-height:23px;}
.ptitle01 h3{float:left; display:block; padding:0 20px 0 10px; height:23px; line-height:23px; color:#FFF; background:url(../Images/icon07.jpg) no-repeat right top #eb2b40;}

.p_about{padding:40px; width:890px; line-height:25px; color:#626262; float:left;}
.txt01{padding:20px 0;}
.txt02{}
.txt02 dl{ margin-top:20px; height:175px;}
.txt02 dl dt{float:left; width:260px;}
.txt02 dl dd{float:left; width:570px; padding:50px 0 0 60px;}

/* ��ҳ���ֽ��� */
.i_left{ float:left; width:442px;}
.i_right{ float:right; width:733px;}

.jsq{width:70px;float:left; color:#fff}

/*响应式网站制作开始*/
.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样式*/
.mauto{width:100%;}
.hotline {display:none;}
.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:109px;}
.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:#4f9ce2;}
.ddsmoothmenu ul li a.navactive {width: 100%;background: #4f9ce2;color: #fff;}
.nava { width: 100%; height: 40px; line-height: 40px; border: none;}
.navactive, .navactive:hover { width: 100%;line-height: 40px; height: 40px;background: #4f9ce2;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%;}
.ddsmoothmenu ul li.line{display:none;}
.header { height: auto;}
.i_container{width:100%;padding:0 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_news01{width:100%;}
.i_news01_l { margin-left: 0px; width: 60%;}
.i_news02 { width: 98%; margin-left:0px; margin-top:20px; margin-bottom:20px}
.i_news02_l { width: 98%;}
.i_news02_lf{ width: 98%;}
.i_news02_lf dl{ width: 60%;}
.i_news02_lf dl dt a{ width: 100%;}
.i_news02_ll{ width: 100%;}
.i_news02_ll li{ width: 100%;}
.i_news02_ll li a{ width: 60%;}
.i_news02_ll li span{width: auto;}
.i_data{ width: 100%;}
.i_data_l{ width: 100%;}


.i_video{ width: 98%;}
.i_video_l{ width: 98%;padding: 20px 0px;}
.i_video_ll{width: 94% !important;margin-left: 0px;}
.i_news03{ width: 100%;margin-left: 10px;padding: 0 13px;}
.i_news03_l {width: 100%; padding: 10px 0px;}
.i_news03_lf{ width: 100%;}
.i_news03_lf dl{ width: 56%;}
.i_news03_ll{ width: 100%;}
.i_news03_ll li{ width: 100%;}
.i_news03_ll li a{ width: 60%;}
.i_news03_ll li span{width: auto;}
.flink{ width: 100%;}
.flink h3{width: auto;margin-right:10px;}
.flink_l{width: 92%;}
.flink_ll{ width: 100% !important;}
.footer_box01{ width: 100%;padding:25px 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;}
.footer_box02{ width: 100%;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;}
.copyright{width: 400px;}
.i_news01_l li a{width: 70%;}
.p_container{width:100%;padding:0 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;background: #fff;
}
.p_left { width: 23%; background: #2f88da;padding-bottom: 0px;}
.p_right { width: 76%;}
.p_about {padding: 40px 0px;width: 100%;}
.p_newsf { width: 100%;}
.p_newsi { width: 30%;height: auto;}
.p_newsi img { width: 100%; height: auto;}
.p_newsc { width: 66%;}
.p_newsc h3 { height: 30px;}
.p_newsc span {margin-bottom:0px;}
.sidebar { width: 100%;}
.sidebar_l { width: 100%;}
.sortnavul li { width: 100%;}
.p_newsf1{ width: 100%;}
.p_newsc1{ width: 100%;}
.p_newsc1 h3{ width: 100%;}
.n_j_list li a{ width: 60%;}
.n_j_list li span{width: auto;}
.remark1{ width: 100%;}
.remark1 img{max-width: 100%;}
.p_l_list ul {width: 100%;}
}/*当屏幕尺寸小于1024px时，结束应用下面的CSS样式*/

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

.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;}
.i_news02 { width: 96%;height:auto;position: relative;z-index: 100; margin-left:0px; margin-bottom:20px}
.i_news02_ll{  width: 96%}
.i_video_ll{width: 84% !important;margin-left: 0px;}
.i_news02_l{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_news02_lf dl { width: 76%;}
.i_sbox { float: none; margin: 0 auto;}
.i_video {width: 96%; margin-bottom:20px}
.i_news03 {width: 96%; padding: 0 15px;}
.ad02{display:none;}
.flink_l { width: 90%;}
.flink_ll { width: 100% !important;}
.footer_nav { float: none; width: 100%;}
.copyright{margin-left:0px;}
.pl_con{display:none;}
.ad03{display:none;}
.navPage{ width: 100%;}
.p_newsc h3{ width: 100%;}
}/*当屏幕尺寸小于768px时，结束应用下面的CSS样式*/

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


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


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


}/*当屏幕尺寸小于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;}
.i_news02_lf img {float: none; width: 100%;height: auto;}
.i_news02_lf dl{width: 100%;}
.i_news02_l { height: 542px;}
.i_sbox{width: 100%;}
.i_sbox li { float: none;margin: 10px 0px;width: 100%;height: auto;}
.i_news01_l li a {width: 60%;}

.i_news02 {
 width: 100%;
    padding: 0 15px;moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;margin-left:0px;
	margin-bottom:20px;
}

.i_news03 {
    width: 100%;
    padding: 0 15px;moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;margin-left:0px;
}
.i_news03_lf img {float: none; width: 100%;height: auto;}
.i_news03_lf dl{width: 100%;}
.i_data{ width: 100%;}
.i_data_l{ width: 100%;}
.i_video {width: 66%; margin: 0 auto;float: none;margin-bottom: 10px;}
.flink_l {width: 76%;}
.flink_ll {width: 100% !important;}
#Agentslist1 {width: 79% !important;}
.f_right {float: none; width: 100%; padding: 0 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;}
.fsearch{width: 100% }
.copyright{width: 100% }
.p_left { width: 100%;}
.sortnavul li a { width: 100%; text-indent: 0px; border-left: 0px solid #2f88da;text-align: center;}
.p_right { width: 100%;}
.p_about {  padding: 10px 0px;}
.p_l_list li { margin: 0 20px 10px 20px;}
}/*当屏幕尺寸小于480px时，结束应用下面的CSS样式*/

@media screen and (max-width: 414px) { /*当屏幕尺寸小于414px时，应用下面的CSS样式*/
.title02 ul {width: 60%;}
.title02 li {width: 33%;margin-left: 0px;}
.title02 li a { padding: 0 10px;}
.i_video {width: 92%;}
#Agentslist1 { width: 76% !important;}
.i_news02_l { height: 200px;}
.p_newsi { width: 100%;}
.p_newsc{ width: 100%;}
.p_l_list li { margin: 0 40px 10px 40px;}
}/*当屏幕尺寸小于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;}
.title02 h3 {padding-left: 46px;}
.title02 ul {width: 65%;}
.i_video {width: 92%;}
#Agentslist1 {width: 70% !important;}
.i_news02_l { height: 200px;}
.p_l_list li { margin: 0 30px 10px 30px;}
}/*当屏幕尺寸小于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;}
.i_news01_l {width: 50.6%;}
.title02 ul {width: 60%;}
.title02 h3 strong {font-size: 14px;}
.p_l_list li { margin: 0 26px 10px 26px;}
}/*当屏幕尺寸小于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;}
.title02 h3 strong {font-size: 12px;}
.title02 h3 ins {font-size: 12px;}
.title02 li {font-size: 12px;}
.title02 li a {padding: 0 9px;}
.i_news01_l li span {padding-right: 6px;}
.i_news02_l {height: 200px;}
.i_box01 { margin-top: 0px;}
.i_video {width: 93%;}
.i_video_ll{width: 81% !important;margin-left: 0px;}
#Agentslist1 {width: 60% !important;}
.flink_l {width: 72%;}
.p_l_list li { margin: 0 19px 10px 19px;}
}/*当屏幕尺寸小于320px时，结束应用下面的CSS样式*/