@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{ background:#288fe1;}
.header_in{width:1200px; margin:auto;}

.search{float:right; width:198px; height:23px; margin-top:36px; border:1px solid #2497f3;}
.search li{float:left;}
.search input{float:left; height:23px; padding:0; margin:0; border:0; background:#0b64ab;}
.search input.s_int{width:170px; color:#288fe1; font-family:microsoft yahei; line-height:23px; text-indent:10px;}
.search input.s_btn{width:28px; background:url(/templates/images/btn_search.png) no-repeat;}

.logo{float:left; width:150px;}
.logo img { width:80%; height:auto; margin:10% 0 0 0;}

.i_nav{float:right; height:100px; /*overflow:hidden;*/}
/*.i_nav li{float:left; padding:0 45px 0 0; height:100px; text-align:center;}
.i_nav li > a{display:block; color:#FFF; height:96px; line-height:96px; font-size:16px; text-align:center; border-bottom:4px solid #288fe1;}
.i_nav li > a:hover{color:#FFF; border-bottom:4px solid #f0ff00;}
.i_nav li > a.on{color:#FFF; border-bottom:4px solid #f0ff00;}*/

.i_banner_box{position:relative; width:100%; height:604px; overflow:hidden;}
.i_banner{ float:left; display:inline;}
/*.i_banner li{width:100%; height:604px;}
.i_banner li a{display:block; width:100%; height:604px;}
.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:16px; height:16px; background:url(../Images/icon01.png) no-repeat left top; overflow:hidden;}
.i_banner_p a:hover{ background:#FFF;}
.i_banner_p a.on{ background:#FFF;}*/

.i_container{overflow:hidden; padding:20px 0 80px 0;}

.i_box01{width:1233px; margin:0 auto; overflow:hidden;}
.i_box01_i{width:560px; height:250px; overflow:hidden;}
.i_box01_i img{width:560px;}

.i_about{float:left; display:inline-block; width:560px; padding:8px; margin:0 19px; border:1px dotted #d2d2d2;}
.i_about_c{width:550px;  padding:15px 5px 20px; line-height:24px; overflow:hidden;}

.i_news{float:left; display:inline-block; width:560px; padding:8px; margin:0 19px; border:1px dotted #d2d2d2;}
.i_news_l{width:540px;  padding:15px 10px 20px; line-height:24px; overflow:hidden;}
.i_news_l li{float:left; width:540px; height:48px; line-height:48px; background:url(../Images/icon03.jpg) repeat-x left bottom;}
.i_news_l li a{ display:block; float:left; text-indent:15px; background:url(../Images/icon04.jpg) no-repeat 2px center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.i_news_l li span{ display:block; float:right; width:85px;}

.i_platform{float:left; display:inline-block; width:355px; padding:8px; margin:0 19px; border:1px dotted #d2d2d2; display:none;}
.i_platform_c{width:338px; height:258px; padding:15px 8px 0 9px; overflow:hidden;}
.i_platform_c li{float:left; width:338px; height:80px; padding:3px 0; background:url(../Images/icon03.jpg) repeat-x left bottom;}

.i_pro{width:100%; margin-top:90px;}
.i_pro_l{width:1205px; margin:60px auto 0;}
.i_pro_l li{float:left; display:inline-block; width:235px; height:320px; margin:0 3px;}
.i_pro_l li a{ display:block;}
.i_pro_l li strong{ display:block; width:235px; height:250px; overflow:hidden;}
.i_pro_l li strong img{width:235px; height:250px;}
.i_pro_l li span{ display:block; width:235px; height:60px; padding-top:10px; color:#575757; line-height:25px; text-align:center; overflow:hidden;}
.i_pro_l li a:hover strong img{width:245px; height:277px; margin:-5px 0 0 -5px;}
.i_pro_l li a:hover span{width:235px; background:#288fe1; color:#FFF;}
.i_pro_l li a.on span{width:235px; background:#288fe1; color:#FFF;}
.i_pro_l li .title{ width:235px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; line-height:25px; height:25px;}

.i_pro_c{width:1200px; margin:60px auto 0;}
.i_pro_ct{float:left; width:120px; height:97px; border-right:1px solid #ececec; margin-right:10px;}
.i_pro_ct h3{ display:block; height:69px; line-height:69px; overflow:hidden; text-align:center; font-size:75px; color:#288fe1;}
.i_pro_ct span{ display:block; height:28px; line-height:28px; overflow:hidden; text-align:center; font-size:13px; color:#288fe1;}
.i_pro_ci{float:left; width:431px; height:97px; overflow:hidden;}
.i_pro_cc{float:right; width:610px; height:97px; line-height:31px; overflow:hidden;}

.i_pro_line1{width:100%; height:24px; margin-top:55px; background:url(../Images/icon061.jpg) no-repeat center top;}
.i_pro_line2{width:100%; height:24px; margin-top:55px; background:url(../Images/icon062.jpg) no-repeat center top;}
.i_pro_line3{width:100%; height:24px; margin-top:55px; background:url(../Images/icon063.jpg) no-repeat center top;}
.i_pro_line4{width:100%; height:24px; margin-top:55px; background:url(../Images/icon064.jpg) no-repeat center top;}
.i_pro_line5{width:100%; height:24px; margin-top:55px; background:url(../Images/icon065.jpg) no-repeat center top;}

.i_slink{width:1200px; margin:80px auto 0; display:none; overflow:hidden;}
.i_slink li{ float:left; display:inline-block; width:150px; margin:0 25px;}
.i_slink li a{ display:block; width:150px; color:#777777; text-align:center;}
.i_slink li a:hover{ color:#288fe1;}
.i_slink li a em{ display:inline-block; width:92px; height:92px; background:#288fe1; border-radius:100%;}
.i_slink li a i{ display:inline-block; width:92px; height:92px; background:#288fe1; border-radius:100%;}
.i_slink li a span{display:inline-block; width:150px; height:55px; line-height:55px; font-size:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.i_slink li a:hover i{ background:#90e128;}



.footer{overflow:hidden; background:#353434; color:#919191}
.fbox{position:relative; width:1200px; margin:25px auto;}

.flogo{ position:absolute; left:0; top:0;}
.fewm{position:absolute; right:0; top:0; text-align:center;}
.fewm img{float:left;}
.fewm span{ display:block; float:left; padding-left:20px; padding-top:35px; text-align:left; line-height:22px;}

.footer_nav{width:1200px; line-height:25px; text-align:center;}
.footer_nav a{ padding:0 15px;}
.copyright{width:1200px; text-align:center; padding-top:20px; line-height:21px;}
.jsq{width:1200px; text-align:center; line-height:21px;}

.footer a{ color:#919191;}

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

/* ��ҳ���ֿ�ʼ */
.p_banner_box{position:relative; width:100%; height:292px; overflow:hidden;}
.p_banner{ float:left; display:inline;}
/*.p_banner li{width:100%; height:292px;}
.p_banner li a{display:block; width:100%; height:292px;}
.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:16px; height:16px; background:url(../Images/icon01.png) no-repeat left top; overflow:hidden;}
.p_banner_p a:hover{ background:#FFF;}
.p_banner_p a.on{ background:#FFF;}*/

.p_title{ position:absolute; width:100%; height:120px; top:236px; left:0;}
.p_title_in{ width:1200px; height:120px; margin:0 auto; overflow:hidden;}
.p_title_in h3{float:left; display:block; width:230px; height:120px; color:#FFF; text-align:center; background:url(../Images/icon07.jpg) no-repeat left top;}
.p_title_in h3 strong{ display:block; height:36px; padding-top:29px; font-weight:bold; line-height:36px; font-size:24px;}
.p_title_in h3 span{ display:block; height:23px; line-height:23px; font-size:14px; text-transform:uppercase;}


.p_container{background:url(../Images/icon09.jpg) repeat-y left top;}

.p_path{line-height:63px; height:63px; background:#f8f6f2; border-bottom:1px solid #e2e1dd; color:#515151;}
.p_path_in{width:930px; margin:0 auto; padding-left:270px;}
.p_path a{color:#515151; padding:0 10px;}
.p_path a:hover{ color:#0071b9;}
.p_path ins{ display:inline-block; background:url(../Images/icon05.png) no-repeat left center;}

.p_left{float:left; width:230px; background:#2f88da; overflow:hidden; margin-top:-120px; z-index:3000;}
.p_right{float:right; width:890px; padding:20px 40px; overflow:hidden;}

/*.sidebar{width:230px; margin-top:30px; padding-bottom:50px;}
.sidebar li{height:50px; line-height:50px;}
.sidebar li a{display:block; height:50px; padding-left:55px; color:#FFF; border-left:5px solid #2f88da; background:#2f88da;}
.sidebar li a:hover{color:#202020; border-left:5px solid #97be0d; background:#FFF;}
.sidebar li a.on{color:#202020; border-left:5px solid #97be0d; background:#FFF;}*/

.pl_contact{padding-right:25px 0 25px 50px; margin:0 auto; width:150px; text-align:left; color:#FFF; border-top:1px solid #4c9ee9; font-style:italic; background:url(../Images/icon04.png) no-repeat left center;}
.pl_contact ins{display:block; height:32px; line-height:32px; overflow:hidden; text-decoration:none; font-size:16px;}
.pl_contact span{display:block; height:24px; line-height:24px; font-size:20px; overflow:hidden; font-weight:bold;}

.ad01{padding:10px 0 50px 0; margin:0 auto; width:200px;}

.p_content{padding-right:50px; line-height:25px;}


/* ��ҳ���ֽ��� */
.gbook_list1{ margin-top:20px; line-height:40px; font-weight:bold; font-size:16px;}

.i_left{ float:left;}
.i_right{ float:right;}




/* 内页部分开始 */
.p_banner_box{position:relative; margin-top:1px; width:100%; height:360px; overflow:hidden;display:none;}
.p_banner{ float:left; display:inline;}
/*.p_banner li{width:100%; height:360px;}
.p_banner li a{display:block; width:100%; height:360px;}
.p_banner_p{position:absolute; width:100%; left:0; bottom:15px; text-align:center; z-index:9000;}
.p_banner_p span{ display:block; width:100%; margin:0 auto;}
.p_banner_p a{display:inline-block; margin:0 5px; width:12px; height:12px; border-radius:100%; background:#FFF; overflow:hidden;}
.p_banner_p a:hover{background:#e70012; }
.p_banner_p a.on{background:#e70012; }*/

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

.sidebar{ margin-top:30px; font-size:18px; text-align:center; overflow:hidden;}
/*.sidebar li{float:left; padding-right:25px;}
.sidebar a{ display:block; width:140px; height:42px; line-height:42px; color:#4c4c4c; border:1px solid #c4c4c4;}
.sidebar a:hover{color:#FFF; border:1px solid #7c1400; background:#7c1400;}
.sidebar a.on{color:#FFF; border:1px solid #7c1400; background:#7c1400;}*/

.p_content{padding:50px 0px; margin:0 auto;  font-size:14px; line-height:25px;}

/* 内页部分结束 */







/*响应式网站制作开始*/
.i_banner_box123 img{max-width: 100%;}
.i_banner_box12333 img{max-width: 100%;}
.i_banner_box123 { }
.i_banner_box12333 
.p_banner_box {
    display: none;
}
@media screen and (max-width: 1366px) { /*当屏幕尺寸小于1366px时，应用下面的CSS样式*/

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

@media screen and (max-width: 1024px) { /*当屏幕尺寸小于1024px时，应用下面的CSS样式*/
.search {display: none;}
.header_in {width: 100%;}
.i_container{-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%;padding:20px 10px;}
.i_box01 {width: 100%;text-align: center;}
.i_about {margin: 0 80px;}
.i_platform {margin: 20px 80px;}
.i_pro { width: 100%;}
.title02 {width: 100%;}
.i_pro_l { width: 100%;margin: 20px auto 0;}
.i_pro_l ul{width: 9999999999999px;}
.i_pro_l li{margin: 0 8px;}
.i_pro_c { width: 100%;margin: 20px auto 0;}
.i_pro_cc { float: left;width: 100%;}
.i_pro_line1 {margin-top:0px;}
.i_slink{margin: 30px auto 0;width:100%;}
.i_slink li{margin: 0 8px;}
.fbox {width: 100%;}
.footer_nav { width: 100%;}
.copyright {width: 100%;}
.pl_contact {display: none;}
.ad01{display: none;}
.p_banner_box {margin-bottom: 20px;height:auto;}
.p_container{-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%;padding: 10px 0px;background: #fff;}
.p_path_in { width: 100%; padding-left: 10%;}
.p_left {float:none;width:100%;margin-top: 0px;}
.sortnavt{float:none;width:100%;position: static;background-size:100% 100%;height: 60px;}
.sortnavt h3 {padding-top:0px;}
.sidebar {margin-top: 10px;}
.sidebar_l { padding-top: 0px;}
.p_banner_box {display:none;}
.i_banner_box12333 { display: block;}
.sortnavul { width: 100%;margin-top:0px;padding-bottom:10px;}
.sortnavul li a {padding-left: 0px;}
.p_right { float:none; width: 100%; padding: 20px 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_content {width:100%;}
.p_newsf { width: 100%;}
.p_newsf { width: 100%;}
.p_newsi { width: 20%;height: auto;}
.p_newsi img { width: 100%; height: auto;}
.p_newsc { width: 76%;}
.p_newsc h3 {width: 80%;}
.p_newsc span { width: 100%;}
.n_j_list li a { width: 80%;}
}/*当屏幕尺寸小于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; margin:8px 10px 0 0 !important;}
.i_nav { width: 100%; height: auto; right: 0; z-index: 9999;margin:0px;}
.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:#4e9beb;}
.ddsmoothmenu ul li a.navactive {width: 100%;background: #4e9beb;color: #fff;}
.nava { width: 100%; height: 40px; line-height: 40px; border: none;}
.navactive, .navactive:hover { width: 100%;line-height: 40px; height: 40px;background: #4e9beb;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%;}
.i_about {float:none;margin: 0 auto;}
.i_news{float:none;margin: 20px auto;}
.i_platform{float:none;margin:0px auto;}
.i_pro{margin-top: 10px;}
.i_pro_cc{height:auto;}
.title02 h3 strong{font-size: 23px;}
.title02 span{font-size:12px;line-height: 16px;}
.i_slink li { margin: 0 46px;}
.flogo {display:none;}
.fewm {display:none;}
.i_news{float:none;margin: 20px auto;}
.p_right {padding: 10px 10px;;}
.p_content { padding: 10px 0px;}
.p_newsc span {height:72px;}
.p_p_list {width: 100%;}
.p_n_title {font-size: 15px;}
.p_p_list li { width: 50%;margin:0px;}
.p_p_list li a { text-align: center; margin: 0 auto;}
.p_p_list li a .img {margin: 0 auto;}
.p_p_list li a span {margin: 0 auto;}
.gbook_post td:nth-child(1){display:inline-block;width:68px!important;}
textarea#gbookMain{width:432px !important;}
input#gbookTopic{width:432px !important;}
input#userMail{width:432px !important;}
  .header_in { height:76px;}
  .logo img { width:65%; height:auto; margin:5% 0 0 0;}

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

@media screen and (max-width: 736px) { /*当屏幕尺寸小于480px时，应用下面的CSS样式*/
.i_slink li {margin: 0 42px;}
}/*当屏幕尺寸小于480px时，结束应用下面的CSS样式*/

@media screen and (max-width: 667px) { /*当屏幕尺寸小于480px时，应用下面的CSS样式*/
.i_slink li {margin: 0 32px;}
}/*当屏幕尺寸小于480px时，结束应用下面的CSS样式*/

@media screen and (max-width: 568px) { /*当屏幕尺寸小于480px时，应用下面的CSS样式*/
.i_slink li {margin: 0 16px;}
.footer_nav a { padding: 0 10px;}
.fbox {margin: 16px auto;}
.copyright {padding-top:0px;}
}/*当屏幕尺寸小于480px时，结束应用下面的CSS样式*/


@media screen and (max-width: 480px) { /*当屏幕尺寸小于480px时，应用下面的CSS样式*/
.i_pro_l li { margin: 0 109px;}
.i_pro_ci { width: 69%;}
.i_slink li { margin: 0px 40px;}
#com_othermenu { display: none;}
.p_newsi {width: auto;    float: none;}
.p_newsc { width: 100%;}
.p_newsc h3 { width: 60%;font-size: 16px;}
.p_p_list li { width: 100%; margin: 0px;}
.n_j_list li a { width: 76%;}
.gbook_post td:nth-child(1){display:inline-block;width:68px!important;}
#gbookMain{width:300px !important;}
input#gbookTopic{width:300px !important;}
input#userMail{width:300px !important;}
.p_l_list li { margin: 10px 40px 10px 40px;}
}/*当屏幕尺寸小于480px时，结束应用下面的CSS样式*/

@media screen and (max-width: 414px) { /*当屏幕尺寸小于414px时，应用下面的CSS样式*/
.i_pro_l li {margin: 0 76px;}
.i_pro_ct {width: 20%;}
.i_pro_ct h3 {font-size: 35px;}
.i_pro_ci { width: 76%;}
.i_slink li { margin: 0px 23px;}
.p_content { padding: 0px 0px;}
.n_j_list li a { width: 60%;}
.p_l_list li { margin: 10px 23px 10px 23px;}
.navbar-toggle {width: 60px; height: 56px;}
}/*当屏幕尺寸小于414px时，结束应用下面的CSS样式*/

@media screen and (max-width: 375px) { /*当屏幕尺寸小于375px时，应用下面的CSS样式*/
.i_box01{text-align: inherit;}
.i_about{-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_box01_i {width: 100%;}
.i_about_c {padding:0px; width: 100%;}
.i_box01_i img {width: 100%;height: auto;}
.more01{margin-top:10px;padding-bottom:0px;width: 100%;}
.title01 { padding-top: 0px;}
.i_news{-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_news_l{padding:0px; width: 100%;}
.i_news_l li {width:100%;}
.i_news_l li a {width: 60%;}
.i_news_l li span{width:auto;}
.i_platform{-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_platform_c{padding:0px; width: 100%;}
.i_platform_c li{width: 100%;}
.i_platform_c ul li a img{width:100%;height:auto;}
.i_pro_ci img{width:100%;height:auto;}
.i_pro_l li { margin: 0 54px;}
.i_slink li { margin: 0px 13px;}
.p_n_info{display:none;}
.gbook_post td:nth-child(1){display:inline-block;width:68px!important;}
#gbookMain{width:270px !important;}
input#gbookTopic{width:270px !important;}
input#userMail{width:270px !important;}
.p_l_list li {margin: 10px auto;width: 100%;}
.p_l_list li a {margin: 0 auto;display: block;}
.p_l_list li img { margin: 0 auto; text-align: center;display: block;}
}/*当屏幕尺寸小于375px时，结束应用下面的CSS样式*/


@media screen and (max-width: 360px) { /*当屏幕尺寸小于360px时，应用下面的CSS样式*/
.iconfont.icon-next-copy {font-size: 26px !important;}
.i_pro_l li { margin: 0 50px;}
.i_slink li { margin: 0px 10px;}
.gbook_post td:nth-child(1){display:inline-block;width:68px!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样式*/
.i_box01_i{height: 176px;}
.i_pro_l li { margin: 0 30px;}
.i_pro_ct h3{height: 35px;line-height: 35px;}
.i_pro_ct {height: 66px;}
.i_pro_ci {height: 66px;}
.i_slink li { margin: 0px ;}
#gbookMain{width:216px !important;}
input#gbookTopic{width:216px !important;}
input#userMail{width:216px !important;}

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