@charset "utf-8";
@import url(dll.css);
@import url(module.css);
@import url(global.css);
@import url(/onlinecss/onlineeditor.css);
@import url(ddsmoothmenu.css);
@import url(animate.css);
@import url(banner.css);
/* 首页部分开始 */
.mfbox{width:1100px; min-width:1100px; margin:0 auto;}
.top{width:100%; background:#cfe5fa;}
.header{width:100%; height:145px; background:#448aca; -webkit-box-shadow:0 3px 8px rgba(14, 5, 10, .3); -moz-box-shadow:0 3px 8px rgba(14, 5, 10, .3); box-shadow:0 3px 8px rgba(14, 5, 10, .3); }
.header_l{float:left; width:870px;}
.header_r{float:right; width:225px; padding-top:60px;}

.logo{float:left; width:398px; height:83px; background:url(../Images/logo_bg.png) no-repeat center top; text-align:center;}
.i_client_l li a img {
    display: block;
    height: 47px;
    margin: 0 auto;
}
.i_nav{float:left; height:55px; margin-top:7px;}
/*.i_nav li{float:left; text-align:center; line-height:55px; padding:0 5px;}
.i_nav li>a{display:block; color:#FFF; font-size:16px; padding:0 10px;}
.i_nav li>a:hover{ color:#FFF; background:#1d2088;}
.i_nav li>a.on{ color:#FFF; background:#1d2088;}*/

.lan{ height:30px; line-height:30px;}
.lan a{ color:#FFF; font-size:18px;}
.lan a:hover{color:#1d2088;}
.lan span{ color:#FFF; padding:0 5px;}

.search{width:225px; height:35px; border:2px solid #FFF;}
.search input{float:left; background:none; height:31px; line-height:31px; font-size:16px;}
.search input.s_int{width:190px; color:#9cc1e3; text-indent:5px;}
.search input.s_btn{width:31px; background:url(../Images/icon01.png) no-repeat center center; cursor:pointer;}

.i_banner_box{ position:relative; width:100%; height:570px; padding-top:40px;}
.i_banner{width:1100px; height:530px; margin:0 auto; overflow:hidden;}
.i_banner li{width:1100px; height:530px;}
.i_banner_p{position:absolute; width:100%; left:0; bottom:15px; text-align:center;}
.i_banner_p a{display:inline-block; margin:0 10px; width:14px; height:14px; border-radius:100%; overflow:hidden; background:#FFF;}
.i_banner_p a:hover{ background:#fece00;}
.i_banner_p a.on{ background:#fece00;}

.i_container{width:100%; padding:20px 0; background:#FFF;}
.i_container *{transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s;}
.p_container *{transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s;}

.i_slink{width:1106px; margin:0 auto;}
.i_slink dl{ display:inline-block; float:left; margin:0 3px; width:547px;}
.i_slink dl dt{width:547px; height:365px; overflow:hidden;}
.i_slink dl dt img{width:547px; height:365px;}
.i_slink dl dd{height:50px; background:#e2e0e0; line-height:50px; margin-top:5px;}
.i_slink dl dd span{float:left; display:inline-block; height:50px; text-indent:50px; color:#030303; font-size:24px; background:url(../Images/icon02.png) no-repeat 10px center;}
.i_slink dl dd ins{float:right; display:inline-block; height:50px; padding-right:20px; color:#6d6d6d; font-size:16px; text-decoration:none;}
.i_slink dl a:hover dt img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}
.i_slink dl a:hover dd{ background:#1d2088;}
.i_slink dl a:hover span{ color:#FFF; background:url(../Images/icon03.png) no-repeat 10px center;}
.i_slink dl a:hover ins{ color:#FFF;}

.i_slink01{width:1104px; margin:10px auto 0;}
.i_slink01 dl{ display:inline-block; float:left; margin:0 3px; width:362px;}
.i_slink01 dl dt{width:362px; height:245px; overflow:hidden;}
.i_slink01 dl dt img{width:362px; height:245px;}
.i_slink01 dl dd{height:50px; background:#e2e0e0; line-height:50px; margin-top:5px;}
.i_slink01 dl dd span{float:left; display:inline-block; height:50px; text-indent:50px; color:#030303; font-size:24px; background:url(../Images/icon02.png) no-repeat 10px center;}
.i_slink01 dl dd ins{float:right; display:inline-block; height:50px; padding-right:20px; color:#030303; font-size:16px; text-decoration:none;}
.i_slink01 dl a:hover dt img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}
.i_slink01 dl a:hover dd{ background:#1d2088;}
.i_slink01 dl a:hover span{ color:#FFF; background:url(../Images/icon03.png) no-repeat 10px center;}
.i_slink01 dl a:hover ins{ color:#FFF;}

.i_news{float:left; margin-top:40px; width:550px;}
.i_news_l{}
.i_news_l dl{ margin-top:35px; height:80px;}
.i_news_l dl dt{float:left; display:inline-block; width:131px; margin-right:15px;}
.i_news_l dl dt img{width:171px; height:78px;}
.i_news_l dl dd{float:left; display:inline-block; width:364px;}
.i_news_l dl dd h4{ display:block; height:20px; line-height:20px; width:364px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.i_news_l dl dd span{ display:block; height:32px; margin:5px 0; font-size:12px; line-height:16px; overflow:hidden;}
.i_news_l dl dd ins{ display:block; line-height:16px; font-size:12px;}

.i_client{float:right; margin-top:35px; width:512px;}
.i_client_l{margin-top:40px; border-top:1px solid #e4e4e4; border-left:1px solid #e4e4e4;}
.i_client_l li{ display:inline-block; float:left; width:255px; height:50px; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;}
.i_client_l li a{ display:block; width:100%; text-align:center; font-size:20px; color:#8f8f8f; line-height:49px;}
.i_client_l li a:hover{ background:#448aca; color:#FFF;}

.footer{width:1100px; margin:20px auto 0; padding:50px 0 30px; text-align:left; color:#78797a; background:url(../Images/icon05.jpg) no-repeat center top;}

.footer_l{float:left; width:380px;}
.flogo{float:left; width:320px; text-align:left; overflow:hidden;}
.fcontact{float:left; margin-top:30px; line-height:25px;}

.footer_nav{float:right; width:680px;}
.footer_nav dl{float:left; width:113px;}
.footer_nav dl dt{ line-height:30px; font-size:18px; padding-bottom:10px;}
.footer_nav dl dt a{ color:#585858;}
.footer_nav dl dd{ line-height:20px; font-size:13px;}
.footer_nav dl dd a{ color:#848383;}
.footer_nav a:hover{ color:#e60012;}

.copyright{ width:100%; margin-top:10px; text-align:right;}
.jsq{ width:100%; text-align:right;}
/* 首页部分结束 */

/* 内页部分开始 */
.p_banner_box{ position:relative; width:100%; height:200px; padding-top:40px;}
.p_banner{width:100%; height:160px; overflow:hidden;}
/*.p_banner li{width:100%; height:160px;}
.i_banner_p{position:absolute; width:100%; left:0; bottom:15px; text-align:center;}
.i_banner_p a{display:inline-block; margin:0 10px; width:14px; height:14px; border-radius:100%; overflow:hidden; background:#FFF;}
.i_banner_p a:hover{ background:#fece00;}
.i_banner_p a.on{ background:#fece00;}*/

.p_container{width:1100px; /*min-height:500px;*/ margin:30px auto;}

/*.sidebar{float:right; text-align:right;}
.sidebar a{line-height:40px; padding-left:10px; color:#a3a0a0;}
.sidebar a:hover, .sidebar a.on{ color:#e60012;}*/

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




/* 内页部分结束 */

li.i_n01>ul { background: #1d2088;width:100% !important;}
li.i_n02>ul { background: #1d2088;width:1120px !important;margin-left: 5px;}
li.i_n03>ul { background: #1d2088;width:1026px !important;margin-left: 5px;}
li.i_n04>ul { background: #1d2088;width: 916px !important;margin-left: 5px;}
li.i_n05>ul {background: #1d2088;width: 822px !important;margin-left: 5px; }
li.i_n06>ul {background: #1d2088;width:100% !important;margin-left: 5px;}
li.i_n07>ul {background: #1d2088;width: 634px !important;margin-left: 5px;}
li.i_n08>ul { background: #1d2088;width: 540px !important;margin-left: 5px;}
.i_nav ul li ul li a{    background-color:#1d2088 !important;}
.i_nav ul li:hover ul{display:block;}
/*响应式网站制作开始*/
.i_banner_box123 img{max-width: 100%;width: 100%;}
.i_banner_box123 { }
@media screen and (max-width: 1920px) { /*当屏幕尺寸小于1920px时，应用下面的CSS样式*/
.i_slink { width: 90%;margin: 0 auto;}
.i_slink dl { margin: 0 8px;width: 49%;}
.i_slink dl dt { width: 100%; height:576px;}
.i_slink dl dt img { width: 100%;height: auto;}
.i_slink01 { width: 90%;}
.i_slink01 dl { margin: 0 8px; width: 32%;margin-right: 14px;}
.i_slink01 dl dt { width: 100%; height:429px;}
.i_slink01 dl dt img {width: 100% !important; height:100% !important;}
.mfbox { width: 90%; min-width: 90%;margin: 0 auto;}
.i_news { float: left; margin-top: 40px;width: 49%; margin-left: 8px;}
.i_client { float: right; margin-top: 35px;width: 49%; margin-right: 13px;}
.i_news_l dl dd {width: 80%;}
.i_client_l li {width: 281px;}
.footer { width: 90%;background-size: 100%;}
.p_container{width:90%; /*min-height:500px;*/ margin:30px auto;}
.title02 {background-size: 100% auto;}
li.i_n01>ul { background: #1d2088;width:100% !important;}
li.i_n02>ul { background: #1d2088;width:1720px !important;margin-left: 5px;}
li.i_n03>ul { background: #1d2088;width:1626px !important;margin-left: 5px;}
li.i_n04>ul { background: #1d2088;width: 1516px !important;margin-left: 5px;}
li.i_n05>ul {background: #1d2088;width: 1422px !important;margin-left: 5px; }
li.i_n06>ul {background: #1d2088;width:100% !important;margin-left: 5px;}
li.i_n07>ul {background: #1d2088;width: 1234px !important;margin-left: 5px;}
li.i_n08>ul { background: #1d2088;width: 1140px !important;margin-left: 5px;}
}/*当屏幕尺寸小于1920px时，结束应用下面的CSS样式*/

@media screen and (max-width: 1680px) { /*当屏幕尺寸小于1680px时，应用下面的CSS样式*/
.i_slink dl { margin: 0 7px;}
.i_slink dl dt { height: 506px;}
.i_slink01 dl {margin-right: 12px;}
.i_client_l li { width: 246px;}
}/*当屏幕尺寸小于1680px时，结束应用下面的CSS样式*/



@media screen and (max-width: 1440px) { /*当屏幕尺寸小于1366px时，应用下面的CSS样式*/
.i_slink{width:1106px; margin:0 auto;}
.i_slink dl{ display:inline-block; float:left; margin:0 3px; width:547px;}
.i_slink dl dt{width:547px; height:365px; overflow:hidden;}
.i_slink dl dt img{width:547px; height:365px;}
.i_slink01{width:1104px; margin:10px auto 0;}
.i_slink01 dl{ display:inline-block; float:left; margin:0 3px; width:362px;}
.i_slink01 dl dt{width:362px; height:245px; overflow:hidden;}
.i_slink01 dl dt img{width:362px; height:245px;}
.mfbox { width: 1100px; min-width: 1100px;margin: 0 auto;}
.i_news{float:left; margin-top:40px; width:550px;}
.i_client{float:right; margin-top:35px; width:512px;}
.i_news_l dl dd{float:left; display:inline-block; width:364px;}
.i_client_l li {width: 255px;}
.footer{width:1100px;  background-size:auto;}
.p_container{width:1100px; /*min-height:500px;*/ margin:30px auto;}
.title02 {background-size:  auto;}
li.i_n01>ul { background: #1d2088;width:100% !important;}
li.i_n02>ul { background: #1d2088;width:1120px !important;margin-left: 5px;}
li.i_n03>ul { background: #1d2088;width:1026px !important;margin-left: 5px;}
li.i_n04>ul { background: #1d2088;width: 916px !important;margin-left: 5px;}
li.i_n05>ul {background: #1d2088;width: 822px !important;margin-left: 5px; }
li.i_n06>ul {background: #1d2088;width:100% !important;margin-left: 5px;}
li.i_n07>ul {background: #1d2088;width: 634px !important;margin-left: 5px;}
li.i_n08>ul { background: #1d2088;width: 540px !important;margin-left: 5px;}
}/*当屏幕尺寸小于1366px时，结束应用下面的CSS样式*/

@media screen and (max-width: 1024px) { /*当屏幕尺寸小于1024px时，应用下面的CSS样式*/
.mfbox { width: 100%; min-width: 100%;}
.header_r {padding-top: 0px;margin-top: -70px;margin-right: 8px;width: 23%;}
.search {width: 100%;}
.search input.s_int {width: 86%;}
.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: 10px;}
.i_slink { width: 100%;}
.i_slink dl {margin: 0 3px;width: 49%;}
.i_slink dl dt {width: 100%;}
.i_slink01 { width: 100%;}
.i_slink01 dl {margin: 0 1px;width: 33%;}
.i_slink01 dl dt {  width: 100%; height: auto;}
.i_slink01 dl dt img { width: 100%; height: auto;}
.i_news {width: 100%;margin-top: 20px;}
.i_news_l dl dt {width: 30%;}
.i_news_l dl dt img {width: 100%;height: auto;}
.i_news_l dl dd {width: 65%;}
.i_news_l dl {display: block;width: 100%;clear: both;}
.i_news_l dl dd h4 {width: 100%;}
.i_client {width: 100%;}
.i_client_l li {width: 250px;}
.footer{-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:0 10px;}
.flogo {width: 52%;}
.fcontact {margin-top:0px;}
.footer_l {width: 316px;}
.p_container { width: 100%;margin: 16px auto;-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:0 10px;}
#com_singles_frimg { display: none;}
.n_n_list li a {width: 60%;}
.n_n_list { width: 100%;}
.fl {width: 100%;}
.p_p_list li {width: 246px;margin: 0 3px 10px auto;}
.p_p_list li img { width: 100%; height: auto; border: 1px solid #01479c;}
.p_p_list li span {width: 100%;}
.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%;min-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: 82px;}
.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:#106ed2;}
.ddsmoothmenu ul li a.navactive {width: 100%;background: #106ed2;color: #fff;}
.nava { width: 100%; height: 40px; line-height: 40px; border: none;}
.navactive, .navactive:hover { width: 100%;line-height: 40px; height: 40px;background:#106ed2;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_l {width: 100%;}
.header_r {padding-top:0px;margin-top: -10px;margin-right: 8px;width: 30%;}
.logo {background-size: 100% auto;height: auto;}
.search {width: 100%;}
.search input.s_int {width: 86%;}
.i_slink dl { margin: 0 auto;width: 100%;}
.i_slink dl dt {height: auto;}
.i_slink dl dt img { width: 100%; height: auto;}
.i_client_l li {width: 249px;}
.footer_nav {width: 100%;}
.ddsmoothmenu ul li{padding:0px;}
li.i_n02 > ul{margin-left:0px;}
li.i_n03 > ul{margin-left:0px;}
li.i_n04 > ul{margin-left:0px;}
li.i_n05 > ul{margin-left:0px;}
li.i_n06 > ul{margin-left:0px;}
li.i_n07 > ul{margin-left:0px;}
li.i_n08 > ul{margin-left:0px;}
.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;}
}/*当屏幕尺寸小于768px时，结束应用下面的CSS样式*/

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

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


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


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

@media screen and (max-width: 568px) { /*当屏幕尺寸小于568px时，应用下面的CSS样式*/
.search input.s_int { width: 80%;}
.i_slink01 dl { margin: 0 auto; width: 100%;}
}/*当屏幕尺寸小于568px时，结束应用下面的CSS样式*/

@media screen and (max-width: 480px) { /*当屏幕尺寸小于480px时，应用下面的CSS样式*/
.logo{width: 60%;margin-left: 1%;}
#com_logo img {margin-top: -5px;}
.header_r {display:none;}
.header {height:96px;}
.footer_nav dl {height: 140px;}
.copyright {    text-align: center;}
.navbar-toggle { width: 50px;height: 50px;line-height: 56px;font-size: 30px;}
.pro .sortnavul {width: 100%;height: 126px;}
.pro .sortnavul li {width: 100%;height: 28px;}
.pro .sortnavul li a {width: 100%;height: 28px;line-height: 28px;}
.p_p_list li{width: 100%;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;}
}/*当屏幕尺寸小于480px时，结束应用下面的CSS样式*/

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

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

@media screen and (max-width: 375px) { /*当屏幕尺寸小于375px时，应用下面的CSS样式*/
.sortnavul {width: 99999px;}
.sidebar {  width: 100%; float: right; overflow: hidden;}
.p_n_info{display:none;}
.title02 {height: 92px;}
.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;}
}/*当屏幕尺寸小于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;}
input#gbookTopic{width:256px !important;}
input#userMail{width:256px !important;}
}/*当屏幕尺寸小于360px时，结束应用下面的CSS样式*/


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

.i_slink dl dd:hover {
    background: #448aca !important;
}
.i_slink01 dl dd:hover {
    background: #448aca !important;
}