@charset "utf-8";
@import url(dll.css);
@import url(global.css);
@import url(module.css);
@import url(/onlinecss/onlineeditor.css);
@import url(ddsmoothmenu.css);
@import url(animate.css);
@import url(banner.css);
/* 首页部分开始 */
.mfbox{width:1200px; min-width:1200px; margin:0 auto; position:relative}
.header{width:100%; height:85px; border-top:3px solid #007dc4;}
.topline{height:34px; line-height:34px; color:#7d7d7d; border-bottom:1px solid #d8d8d8;}
.welcome{float:left;}
.lan{float:right;}
.lan a{ padding:0 10px; color:#7d7d7d;}
.lan a:hover{ color:#008acb;}

.logo{float:left;}
.language li{ float:left; padding-right:10px;}
.i_nav{float:right; margin-top:23px; height:42px; z-index:99999}

.p_about img {
    max-width: 100%;
}
.i_banner_box{position:relative; width:100%; height:450px; overflow:hidden;}
.i_banner{ float:left; display:inline;}
.i_banner_box123 .i_banner123 .box img{width:100%;}

*/
.i_container{overflow:hidden;}

.txt01{ padding:25px 0; line-height:20px; font-size:14px; text-align:center; color:#222222;}

.i_service{ padding:55px 0;position: relative; width: 1200px; margin:0 auto;}
.i_service_l{ margin-top:10px; text-align:center;    margin: 10px auto 0px; 

    height: 402px;width:1176px !important;}
.i_service_l li{ display:inline-block; width:270px; margin:0 14px;}
.i_service_l li img{width:100%;}
.i_service_l li h4{ display:block; line-height:40px; font-size:18px; color: #000000;}
.i_service_l li span{ display:block; line-height:24px; font-size:12px; color: #888888; text-align:left; height:92px; overflow:hidden;}
.i_service_l li a:hover h4{color:#007dc4;}
.rol02 {
    position: absolute;
    top:326px;
    left: -45px;
}
.rol02 a {
    background: url(http://mfjz914.no1.35nic.com/templates/Images/rol02.png) no-repeat center center;    width: 30px;
    height: 52px;
    display: block;
}
.ror02 {
    position: absolute;
    top: 326px;
    right: -45px;
}
.rol02, .ror02 {
    width: 30px;
    height: 52px;
}
.ror02 a {
    background: url(http://mfjz914.no1.35nic.com/templates/Images/ror02.png) no-repeat center center;    width: 30px;
    height: 52px;
    display: block;
}
.rol02 a:hover{background:url(http://mfjz914.no1.35nic.com/templates/Images/rol02_on.png) no-repeat center center;}

.ror02 a:hover{background:url(http://mfjz914.no1.35nic.com/templates/Images/ror02_on.png) no-repeat center center;}

.txtbox{ color:#fefefe; font-size:20px; background:#008cd7; line-height:40px; padding:20px 0; text-align:center;}

.i_case{ padding:55px 0;}
.i_case_l{ margin:10px auto 0; width:1240px; text-align:center; height:100%;}
.i_case_l li{float:left; display:inline-block; width:290px; margin:0 10px 10px; background:#f9f9f9;}
.i_case_l li i{ display:block; width:290px; height:203px; overflow:hidden;}
.i_case_l li span{ display:block; line-height:30px; padding:15px 0; font-size:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.i_solution{ padding:55px 0; min-height:600px; background:url(../Images/icon02.jpg) no-repeat center top #bde3f4;}
.i_solution_l{ margin:20px auto 0; text-align:center;}
.i_solution_l li{display:inline-block; width:255px; height:360px; margin:0 20px; text-align:center;}
.i_solution_l li a{ display:block; padding:0 10px; height:360px;}
.i_solution_l li i{ display:inline-block; width:141px; height:141px; margin-top:50px;}
.i_solution_l li h4{display:inline-block; padding:10px 0; line-height:30px; font-size:18px; color:#222222; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:225px;}
.i_solution_l li span{display:inline-block; line-height:25px; color:#666666; height:100px; overflow:hidden;}

.i_solution_l li.i_sl1 i{ background:url(../temp/is01.png) no-repeat center center;}
.i_solution_l li.i_sl1 a:hover{ background:#2eafbb;}
.i_solution_l li.i_sl1 a:hover i{ background:url(../temp/is01_on.png) no-repeat center center;}
.i_solution_l li.i_sl2 i{ background:url(../temp/is02.png) no-repeat center center;}
.i_solution_l li.i_sl2 a:hover{ background:#5ea927;}
.i_solution_l li.i_sl2 a:hover i{ background:url(../temp/is02_on.png) no-repeat center center;}
.i_solution_l li.i_sl3 i{ background:url(../temp/is03.png) no-repeat center center;}
.i_solution_l li.i_sl3 a:hover{ background:#1a8fd1;}
.i_solution_l li.i_sl3 a:hover i{ background:url(../temp/is03_on.png) no-repeat center center;}
.i_solution_l li.i_sl4 i{ background:url(../temp/is04.png) no-repeat center center;}
.i_solution_l li.i_sl4 a:hover{ background:#b57dd1;}
.i_solution_l li.i_sl4 a:hover i{ background:url(../temp/is04_on.png) no-repeat center center;}
.i_solution_l li a:hover h4{ color:#FFF;}
.i_solution_l li a:hover span{ color:#FFF;}

.i_news{padding:55px 0;}
.i_news_c{ margin:30px auto 0; width:1200px;}
.i_news_l{width:560px;}
.i_news_ll{ padding:0 10px;}
.i_news_ll dl{ padding:20px 0; height:80px; border-bottom:1px solid #d2d2d2;}
.i_news_ll dl dt{float:left; width:80px; height:80px; color:#FFF; background:#008acc; text-align:center;}
.i_news_ll dl dt strong{ display:block; font-size:32px; line-height:50px;}
.i_news_ll dl dt span{ display:block; font-size:14px;}
.i_news_ll dl dd{float:right; width:430px; height:80px;}
.i_news_ll dl dd h4{ display:block; font-size:18px; line-height:35px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.i_news_ll dl dd span{display:block; font-size:14px; padding-top:5px; color:#898989; line-height:20px; height:40px; overflow:hidden;}

.i_customer{padding:55px 0;}
.i_customer_l{ margin:10px auto 0; width:1195px; border-left:1px solid #e6e6e6; border-top:1px solid #e6e6e6; text-align:center;}
.i_customer_l li{float:left; width:238px; height:111px;  border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; overflow:hidden;}

.footer{width:100%; color:#f4f4f4; min-width:1200px;}
.footer_box{padding:25px 0; background:#008cd7;}

.fabout{float:left; width:260px; overflow:hidden;}
.fabout_c{ margin-top:25px; line-height:22px; height:88px; overflow:hidden; color:#FFF; font-size:12px;}

.fcase{float:left; margin-left:30px; width:290px;}
.fcase_l{ margin-top:25px;}

.fcase_l dl{ height:56px; padding-bottom:10px; border-bottom:1px solid #aed3ed; margin-bottom:10px;}
.fcase_l dl dt{float:left; width:80px; height:56px; overflow:hidden;}
.fcase_l dl dd{float:right; width:190px; height:56px; overflow:hidden;}
.fcase_l dl dd h4{ line-height:20px; display:block; font-size:14px;}
.fcase_l dl dd h4 a{ color:#d8ecff;}
.fcase_l dl dd span{ line-height:18px; display:block;}
.fcase_l dl.noborder{ border:0;}

.ffwfw{float:left; margin-left:30px; width:260px;}
.ffwfw_l{ margin-top:25px;}
.ffwfw_l li{float:left; display:inline; margin-right:10px; margin-bottom:15px; text-align:center; width:118px; height:38px; line-height:38px; border:1px solid #d8ecff;}
.ffwfw_l li a{ display:block; color:#d8ecff;}

.fcontact{float:left; margin-left:20px; width:310px;}
.fcontact_c{ margin-top:15px; line-height:38px; padding-left:25px; background:url(../Images/icon03.png) no-repeat left 15px;}

.copyright{ padding-top:10px; line-height:25px; color:#999999; text-align:center; font-size:14px;}
.jsq{ padding-bottom:10px; line-height:25px; color:#999999; text-align:center; font-size:14px;}

.footer a:hover{ color:#008acb;}

/* 首页部分结束 */
.topbox .fr li.dbyc6 a {
    padding-left: 0;
}


.ewm {
    display: none;
      position: absolute;
    top: 38px;
    z-index: 100;
    background: #fffeff;
}
.topbox .fr li:hover+.ewm {
    display: block;
}
/* 内页部分开始 */
.p_banner_box{position:relative; width:100%; height:450px; overflow:hidden; z-index:100;}
.p_banner{ float:left; display:inline;}


.sidebar{ position:absolute; width:100%; top:250px; left:0; text-align:center;}



.p_container{ position:relative; width:1140px; padding:20px 30px; margin:-70px auto 0; background:#FFF; z-index:9999;
 -webkit-box-shadow:0 -10px 30px rgba(0, 0, 0, .2);  
  -moz-box-shadow:0 -10px 30px rgba(0, 0, 0, .2);  
  box-shadow:0 -10px 30px rgba(0, 0, 0, .2);  
}

.path{ height:40px; line-height:40px; text-indent:40px; color:#999999; font-size:14px; background:url(../Images/icon04.png) no-repeat left center; border-bottom:1px solid #e8e8e8;}
.path a{ color:#999;}
.path a:hover{ color:#007dc4;}

.p_about{ padding:20px; line-height:25px; font-size:14px;}

.topbox {
    width: 100%;
    height: 38px;
    line-height: 38px;
    background: #EFEFEE;
    font-size: 13px;
    color: #595757;
}
.fr {
    float: right;
}
.topbox .fr li.dbyc1 {
    position: relative;
}
.topbox .fr li {
    float: left;
    background: url(../Images/ttop.png) no-repeat left center;
}
.topbox .fr li a {
    color: #595757;
    display: block;
    padding-left: 24px;
    padding-right: 16px;
}
.topbox .fr li.dbyc2 {
    background-position: -69px center;
}
.topbox .fr li.dbyc3 {
    background-position: -136px center;
}
.topbox .fr li.dbyc4 {
    background-position: -228px center;
}
.topbox .fr li.dbyc6 {
    width: 70px;
    height: 38px;
    background: none;
}
.topbox .fr li.dbyc5 {
    background-position: -327px center;
}
.topbox .fr li.dbyc6 a.dbyc6a {
    padding: 0;
}
.topbox .fr li.dbyc6 img {
    width: 55px;
    height: 25px;
    margin: 7px 0;
}
.topbox .fr li strong {
    color: #8DC73F;
    font-size: 17px;
    font-family: Arial, Helvetica, sans-serif;
    padding-left: 6px;
}
.language {
    float: right;
}
.sysk {
    width: 170px;
    padding: 22px;
    position: fixed;
    right: 0px;
    top: 55px;
    z-index: 999;
    color: #fff;
    text-align: left;
    background: rgba(0,0,0,0.6);
}
.sysk h3 {
    font-size: 18px;
    padding: 5px 0 10px 10px;
}
.sysk input[type="text"], .sysk input[type="submit"] {
    border: 0px;
    height: 40px;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}
.sysk input[type="text"] {
    width: 95%;
    background: #fff;
    margin-bottom: 10px;
    padding-left: 5%;
    font-size: 14px;
    color: #000;
	display: none;
}
.sysk input[type="button"] {
    width: 100%;
    background: #6EB92B;
    color: #fff;
    font-size: 15px;
    cursor: pointer;
}
/* 内页部分结束 */
.productremark img {
    width: 100%;
}
.nm_cont{ width:1200px; margin:0 auto;}



.float_ri{position:absolute;border-right:4px solid #042d53;right:0;top:22px;    z-index: 100000;}
.float_ri ul{position:fixed;right:20px;top: 223px;}
.float_ri ul li .wei_ac{width:148px;display:none;margin-right: 50px;}
.float_ri ul li .ri_tel{width:148px;display:none;margin-right: 50px;position: absolute;top: 120px;right: 5px;}
.float_ri ul li{display:block;position: relative;}
.float_ri ul a{display:block;width:50px;height:50px;right:3px;margin-bottom: 2px;color:#fff;  line-height: 35px;text-indent: -10000px;border-radius: 50px;margin-top: 10px;float:right;}
.float_ri ul a.right00{background-image:url(/templates/images/yx1.png);background-position:center;background-repeat:no-repeat;}
.float_ri ul a:hover.right00{background-image:url(/templates/images/yx2.png);background-position:center;background-repeat:no-repeat;}
.float_ri ul a.right01{background-image:url(/templates/images/qq1.png);background-position:center;background-repeat:no-repeat;}
.float_ri ul a:hover.right01{background-image:url(/templates/images/qq2.png);background-position:center;background-repeat:no-repeat;}
.float_ri ul a.right02{background-image:url(/templates/images/tel1.png);background-position:center;background-repeat:no-repeat;}
.float_ri ul a:hover.right02{background-image:url(/templates/images/tel2.png);background-position:center;background-repeat:no-repeat;}
.float_ri ul a.right03{background-image:url(/templates/images/wechat1.png);background-position:center;background-repeat:no-repeat;}
.float_ri ul a:hover.right03{background-image:url(/templates/images/wechat2.png);background-position:center;background-repeat:no-repeat;}
.float_ri ul li:hover .right03,.float_ri ul li:hover .right02{width:50px;background-position:center;text-indent: -10000px;}
.float_ri ul li:hover .wei_ac{display:block;}
.float_ri ul li:hover .ri_tel{display:block;}
.float_ri ul li .ri_tel{ width:150px; background:#222; border-radius:4px; color:#fff;  padding:5px 0 15px 0;box-shadow:0 0 8px 0 rgba(0,0,0,.2); transition:width .3s ease-in-out; display:none;}
.float_ri ul li .ri_tel dl{width:110px; margin:0 auto; overflow:hidden; text-align:left; line-height:22px; font-size:12px; margin-top:10px;}
.theme-mask{z-index:10000;position:fixed; _position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.5;filter:alpha(opacity=50);-moz-opacity:0.5; display:none; }
.popover1{ width:360px; height:400px; z-index:100001; position:fixed; top:50%;left:50%; background:#fff; margin:-200px 0 0 -180px;   box-shadow:1px 1px 6px 3px rgba(0,0,0,.2); display:none; text-align:center;}
.popover1 dl{ margin-top:60px; font-size:14px; color:#333; line-height:40px;}
.popover1 dl a{ width:110px; height:40px; background:#eb5902; color:#fff; display:inline-block; border-radius:2px; font-size:14px;}

.float_ri ul li:hover .ri_tel dt a {
    display: block;
    width: 100%;
    color: #FFF;
    text-indent: 1px;
}
form#complain div {
    width: 100%;
    background: #6EB92B;
    color: #fff;
    font-size: 15px;
    cursor: pointer;
      text-align: center;
    border-radius: 30px;
    line-height: 40px;
}
form#complain div a {
    color: #FFF;
}
/*响应式开始*/
@media screen and (max-width: 1024px) { /*当屏幕尺寸小于1024px时，应用下面的CSS样式*/
.mfbox{width:100%;min-width:100%;}
.p_container{width:100%;}
.p_content{width:95%;}
.p_content_p{width:95%;}
.p_p_list{width:95%;margin:0 auto;}
.p_p_list li{float:none;margin:0;width:33%;display: inline-block;}
.p_p_list li strong{width:100%;}
.p_p_list li img{width:100%;height:auto;}
.navPage{width:100%;}
.i_nav{display:none;height:auto;position:absolute;width:100%;top:60px;z-index: 19999;background:#fff;}
.ddsmoothmenu ul li{display:block;width:100%;border-top:1px solid #ccc;line-height: 50px;padding:0;}
.ddsmoothmenu a{line-height:50px;padding:0;}
.navactive, .navactive:hover{padding:0;line-height:50px!important;}
.navactive, .navactive:hover, .nava:hover, .nava.selected{line-height:50px;}
.p_p_list li span a{width:100%;}
.productremark{padding:0 10px;}

.navbar-toggle{display:block;background:#0085c9;margin:12px 10 0 0;}
.language{display:none;}
.iconfont.icon-fenlei{margin:14px 10px 0 0; }
.i_service {width: 100%;}
.rol02 {left: 2%;visibility: visible;z-index: 10000;}
.ror02 {right: 2%;visibility: visible;z-index: 10000;}
.i_service_l {width: 88% !important;}
 /*.i_service_l li{width:23%;margin:0;}
.i_service_l li img{width:100%;}
.i_service_l li span{margin:0 auto;width:98%;}*/
.i_case_l{width:96%;}
.i_case_l li{width:23%;margin:0 1% 10px;}
.i_case_l li i{width:100%;height:auto;}
.i_case_l li i img{width:100%;}
.i_solution_l li{width:22%;height:auto;margin:0 1%;}
.i_solution_l li a{padding:0;height:auto;}
.i_solution_l li h4{width:85%;}
.i_solution_l li span{height:auto;}
.i_news_c{width:96%;}
.i_news_l{width:100%;}
.i_news_ll dl dd{width:87%;float:left;margin-left:10px;}
.i_customer_l{width:96%;border:none;}
.i_customer_l li{border:none;width:25%;height:auto;}
.i_customer_l li img{width:100%;}
.footer{width:100%;min-width:100%;}
.fcase{display:none;}
.fabout{width:30%;margin-left:1%;}
.ffwfw{width:265px;margin-left:1%;}
.fcontact{width:auto;margin-left:1%;}
.p_container{padding:20px 0;margin:0;}
.p_about{padding:0 10px;}
.remark1{padding: 0 10px;}
.remark1 img{width:100%;}
.path{width:92%;margin:0 auto;}
.n_n_list li{overflow: hidden;}
.n_n_list dd{width:55%;float:left;margin-left:15px;}
.n_n_list dd h4 a{width:100%;}
.p_n_info{text-align: center;}
.remark{padding:0 10px;}
/*招聘中心*/
.n_j_list li{padding:0 10px;}
.n_j_list li a{width:65%;}
}
@media screen and (max-width: 768px) { /*当屏幕尺寸小于768px时，应用下面的CSS样式*/
/*图文列表*/
.p_p_list li{width:49%;margin-right:0;}
  .i_service_l {width: 78% !important;}
/*留言板*/
textarea#gbookMain{width:432px !important;}
input#gbookTopic{width:432px !important;}
input#userMail{width:432px !important;}
}
@media screen and (max-width: 480px) { /*当屏幕尺寸小于480px时，应用下面的CSS样式*/
/*图文列表*/
.p_p_list li{width:100%;}
.i_service_l {width: 62% !important;}
.txtbox{font-size:16px;}
.i_service{padding:0 0 10px;}
.i_case{padding:0 0 10px;}
.more01{margin:20px 0 0 ;}
.i_case_l li{width:48%;margin:0 1% 10px;}
.i_case_l li span{font-size:15px;line-height: 10px;}
.txt01{padding:25px 10px;}
.i_solution{padding:0;}
.i_solution_l li i{margin-top:0;}
.i_solution_l li{width:47%;}
.i_news{padding:0;}
.i_news_c{margin: 0 auto 0;}
.i_news_ll dl dd{width:70%;}
.i_customer{padding:0;}
.i_customer_l li{width: 25%;}
.fabout{width:96%;float:none;margin:0 auto;}
.fabout_c{margin-top:0;height:auto;}
.fabout .more02{width:120px ;margin:10px auto 0;}
.ffwfw{width:96%;margin:0 auto;float:none;}
.ffwfw_l li{width:24%;margin-right:1%;}
.fcontact{float:none;margin-left:20px;}

.n_n_list li{overflow: hidden;height:auto;}
.n_n_list dt{float:none;margin:0 auto;}
.n_n_list dd{width:100%;float:none;margin-left:0px;}
.n_n_list dd span{height:auto;}
.iconfont.icon-next-copy{font-size:35px;}
.slider-nav{bottom:7px;}
/*留言板*/
textarea#gbookMain{width:300px !important;}
input#gbookTopic{width:300px !important;}
input#userMail{width:300px !important;}
.gbook_post td:nth-child(1){display:inline-block;width:68px!important;}
iframe#ewebeditor_bar{width:400px!important;}
  .sysk {
    display: none;}
  .topbox {
    display: none;}
}
@media screen and (max-width: 414px) { /*当屏幕尺寸小于414px时，应用下面的CSS样式*/
iframe#ewebeditor_bar{width:300px!important;}
.i_service_l { width: 72% !important;}
}
@media screen and (max-width: 375px) { /*当屏幕尺寸小于375px时，应用下面的CSS样式*/
.i_service_l {width: 79% !important;}
/*留言板*/
iframe#ewebeditor_bar{width:270px!important;}
textarea#gbookMain{width:270px !important;}
input#gbookTopic{width:270px !important;}
input#userMail{width:270px !important;}
}
@media screen and (max-width: 360px) { /*当屏幕尺寸小于360px时，应用下面的CSS样式*/
.i_service_l {width: 83% !important;}
/*留言板*/
iframe#ewebeditor_bar{width:256px!important;}
textarea#gbookMain{width:256px !important;}
input#gbookTopic{width:256px !important;}
input#userMail{width:256px !important;}
.txtbox{font-size:14px;}
}
@media screen and (max-width: 320px) { /*当屏幕尺寸小于320px时，应用下面的CSS样式*/
.i_service_l {width: 93% !important;}
iframe#ewebeditor_bar{width:216px!important;}
textarea#gbookMain{width:216px !important;}
input#gbookTopic{width:216px !important;}
input#userMail{width:216px !important;}
}