@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:1200px; min-width:1200px; margin:0 auto;}

.header{height:100px;background: #edf6fd;}
.logo{float:left;}
.search {
    float:  right;
    width:  30px;
    height:  60px;
    margin-top: 14px;
    position:  relative;
}.i_banner img {
    height: auto !important;
}.i_banner_box.i_banner_box1 {
    height:  500px;
}
.nonm4 a {
    width: 260px;
    height: 195px;
    display: block;
}

.case{
	overflow:hidden;
	width: 1200px;
	margin: 0 auto;
}
.case dt{
	float:left;
	width:14px;
	height:94px;
	background-image: url(/templates/Images/g1.gif);
	margin-top:67px;
}
.case dt.rig{
	background-position:-14px 0;
	float:right;
}
.case dd{
	width: 1172px;
	float:left;
	padding: 22px 20px 0;
	text-align: center;
	line-height: 1.6;
}

.i_product1 {
    width: 100%;
    padding: 60px;
    overflow: hidden;
}

.nonm4 {
    margin: 0 18px;
}

.nonm4 a img {
    height: 195px;
}
.i_banner_box {
    height:  400px;
}

.search_l {
    position:  absolute;
    right: -30px;
    display:  none;
    width: 240px;
    top: 30px;
}
.i_product_l li:nth-child(4n) {
    margin-right: 0;
}
.search_l ul li {
    float:  left;
}
.i_video {
    width:  50%;
    float:  left;
    padding-top:  70px;
    height:  765px;
    position:  relative;
    display: none;
}

.i_video>* {
    width:  600px;
    float:  right;
}
.video_l {
    position:  absolute;
    bottom:  0;
    width:  100%;
    padding: 10px 0 20px;
    background: hsla(0, 0%, 0%, 0.5);
}
.time p:first-child {
    font-size:  40px;
    color: #333;
}
.pmore {
    bottom: 70px;
}

.pmore a {
    width:  140px;
    line-height: 40px;
    margin:  0 auto;
    display:  block;
    text-align:  center;
    border: 1px solid #333;
    border-radius: 10px;
    font-size:  16px;
}

.i_video .pmore {
    right: 0;
}
.time p {
    color: #9e9e9e;
}
.p_left_p {
    float: left;
    width:  50%;
}

.p_right_p {
    float: right;
    width: 50%;
}

.productpdf {
    text-align: center;
    margin-top: 20px;
}

.productpdf a {
    background: #2978df;
    color: #fff;
    padding: 5px 50px;
    border-radius: 5px;
}

.p_title {
    background: #2978df;
    display: inline-block;
    padding: 5px 40px;
    color:  #fff;
    border-radius:  5px;
    margin:  10px 0;
      display: none;
}

.other_pro ul li {
    float:  left;
    width: 23%;
    margin:  0 1%;
    text-align: center;
}

.other_pro ul li i {
    border: 1px solid #7d4500;
    box-sizing:  border-box;
    display:  block;
}

.other_pro ul li h4 {
    line-height:  1.5;
}
.video_l h3 {
    text-align:  center;
    font-size: 20px;
    color:  #fff;
    line-height: 40px;
}
.search:hover .search_l {
    display: block;
}
.video_infos {
    text-align:  center;
    color:  #fff;
}
.i_news>* {
    width: 1200px;
    margin: 0 auto;
}
.i_video_l {
    margin-top:  60px;
    position:  relative;
    width: 560px;
    margin-right: 20px;
}
.line {width:  40px;height: 3px;background: #0069b7;float:  left;margin-top: 10px;}

.time {
    float:  right;
}

.i_news_l li a {
    float:  left;
    width:  400px;
    margin: 0 15px;
}
.search_l ul li input {
    height:  28px;
    padding: 0 5px;
}
.i_nav{float:right;height: 45px;margin-top: 23px;}
/*.i_nav li{float:left; text-align:center; padding: 0 25px;}
.i_nav li>a{display:block; color:#666; font-size:16px; line-height:45px;}
.i_nav li>a:hover{ color:#0068b7; border-bottom: 2px solid #0068b7;}
.i_nav li>a.on{ color:#0068b7;  border-bottom: 2px solid #0068b7;}*/

.lan{float:right;margin-top: 35px;height: 24px;background: url(/templates/images/lan.png);     display: none;}
.lan a{float:left;height: 24px;line-height: 24px;padding-left:10px;width: 36px;}
.lan a:hover{ height: 24px; line-height: 24px; color: #0068b7;}


.add{}

.i_banner_box{position:relative;width:100%;overflow:hidden;}
.i_banner{width:100%;overflow:hidden;}
/*.i_banner li{width:100%; height:500px;}
.i_banner li a{display:block; width:100%; height:500px;}
.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:50px; height:5px; overflow:hidden; background:rgba(0,104,183,0.5);}
.i_banner_p a:hover{width:80px; background:rgba(0,104,183,1);}
.i_banner_p a.on{width:80px; background:rgba(0,104,183,1);}*/

.i_container{width:100%; margin:0 auto;}
.i_container *, .header{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_about{width:100%; padding:50px 0; overflow: hidden;}

.i_about_l{float:left; width:750px; margin-top: 60px; overflow: hidden;}
.i_about_r{float:right; width:450px; margin-top: 60px; padding: 0 0 0 50px; overflow: hidden;}
.i_about_rc{padding:40px 0; line-height:32px; color:#999; font-size: 18px;}
.i_about_rb a{ display:block; float: right; width:100px; height: 32px; text-align: center; line-height: 30px; border-radius: 5px; border:1px solid #666;}


.i_product{width:100%;padding: 60px;overflow: hidden;background: #eaf7ff;}
.i_product_l{width: 1200px;margin:40px auto 0px;}
.i_product_l li{float:left;display: inline-block;width: 260px;height: 340px;margin-bottom:  40px;margin-right: 53px;background:  #fff;}
.i_product_l li a{display:block;width: 260px;height: 340px;padding-top: 35px;}
.i_product_l li i{display: block; width:119px; height: 110px; margin: 0 auto;}
.i_product_l li h4{display: block;margin: 10px auto 0px;font-size: 20px;line-height: 30px;text-align: center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width: 100%;}
.i_product_l li>a>span{display: block;margin-top: 10px;width:100%;height: 60px;padding: 0 40px;line-height:24px;overflow: hidden;text-align: center;}
.i_product_l li ins{display: block; margin:20px auto 0; width:160px; height: 40px; line-height:40px; color: #666666; border:1px solid #666; border-radius:8px; text-decoration: none; text-align: center;}
.i_product_l li a:hover{ background: #0083e6;}
.i_product_l li a:hover h4, .i_product_l li a:hover span, .i_product_l li a:hover ins{color:#FFF;}
.i_product_l li a:hover ins{border-color:#FFF;}
.i_product_l li:nth-child(1) i{ background: url(../images/p1.png) no-repeat center center;}
.i_product_l li:nth-child(1) a:hover i{ background: url(../images/p11.png) no-repeat center center;}
.i_product_l li:nth-child(2) i{ background: url(../images/p2.png) no-repeat center center;}
.i_product_l li:nth-child(2) a:hover i{ background: url(../images/p22.png) no-repeat center center;}
.i_product_l li:nth-child(3) i{ background: url(../images/p3.png) no-repeat center center;}
.i_product_l li:nth-child(3) a:hover i{ background: url(../images/p33.png) no-repeat center center;}
.i_product_l li:nth-child(4) i{ background: url(../images/p4.png) no-repeat center center;}
.i_product_l li:nth-child(4) a:hover i{ background: url(../images/p44.png) no-repeat center center;}
.i_product_l li:nth-child(5) i{ background: url(../images/p5.png) no-repeat center center;}
.i_product_l li:nth-child(5) a:hover i{ background: url(../images/p55.png) no-repeat center center;}
.i_product_l li:nth-child(6) i{ background: url(../images/p6.png) no-repeat center center;}
.i_product_l li:nth-child(6) a:hover i{ background: url(../images/p66.png) no-repeat center center;}
.i_product_l li:nth-child(7) i{ background: url(../images/p7.png) no-repeat center center;}
.i_product_l li:nth-child(7) a:hover i{ background: url(../images/p77.png) no-repeat center center;}
.i_product_l li:nth-child(8) i{ background: url(../images/p8.png) no-repeat center center;}
.i_product_l li:nth-child(8) a:hover i{ background: url(../images/p88.png) no-repeat center center;}

.i_news_l ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.i_news{width: 100%;float: none;padding-top:  70px;background: #eaf7ff;height:  765px;position:  relative;}
.i_news_l{
    padding-left:  50px;
    margin: 0 auto;
    margin-top:  60px;
}
.i_news_l li{width: 48%;height:  140px;}
.i_news_l li i{display:block; width:350px; height:200px; overflow: hidden;}
.i_news_l li i img{max-width: 350px;}
.i_news_l li a:hover i img{ z-index:-1; -webkit-transform:scale(1.2); -moz-transform:scale(1.2); transform:scale(1.2);}
.i_news_l li ins{display: block; margin-top: 20px; line-height: 20px; font-size: 12px; color: #666; text-decoration: none;}
.i_news_l li h4{display:block;width:100%;font-size: 20px;line-height:20px;height: 20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.i_news_l li span{display:block;margin-top:10px;line-height: 22px;font-size:  14px;color: #666;height: 45px;overflow:hidden;}

.i_news_l li a:hover ins, .i_news_l li a:hover h4, .i_news_l li a:hover span{}


.footer{width:100%; color:#fcf2ea; padding: 40px 0; background:#333;}

.fcontact{float:left;width: 800px;overflow: hidden;}
.fc_l{width: 300px;overflow: hidden;float:  left;}
.fc_c{margin-top:20px;width:500px;font-size: 14px;line-height: 30px;float:  left;}
.fc_c span{display: block; height: 30px;}
.fc_c span img{float:left; margin-right: 10px; margin-top: 5px;}

.footer_nav{float:right;}
.footer_nav dl{float:left; position: relative; width:170px; text-align: center;}
.footer_nav dl dt{display: block; font-size: 18px; line-height:30px; margin-bottom: 10px; color: #fff;}
.footer_nav dl dt a{color:#fcf2ea;}
.footer_nav dl dt a:hover{color:#0068b7;}
.footer_nav dl dd{display: block; line-height:30px;}
.footer_nav dl dd a{color:#bebebe;}
.footer_nav dl dd a:hover {color:#0068b7;}

.copyright{width:100%; padding-top: 10px; text-align: center; line-height:30px; color: #999; background: #343635;}
.jsq{width:100%; padding-bottom: 10px; text-align: center; line-height:30px; color: #999; background: #343635;}

/* 首页部分结束 */

/* 内页部分开始 */
.p_container{width:1200px; margin:0 auto; padding:10px 0 50px;}

.path{width:100%; height:30px; margin-bottom: 20px; line-height:30px; text-align:right; color: #888;}
.path span{padding:0 10px;}
.path a{color:#888;}
.path a:hover{color:#0068b7;}

.p_left{float:left; width:200px;}
.p_right{float:right; width:940px; overflow: hidden;}

.sidebar{width:100%;}
/*.sidebar li{display:block; overflow: hidden;}
.sidebar li a{display:block; height:50px; text-indent: 20px; font-size: 16px; color: #333; line-height:50px;}
.sidebar li a:hover{ background: #dceffe;}

.sidebar li li a{display:block; height:50px; font-size: 14px; text-indent:40px; color: #333; line-height:50px; border-left:4px solid #FFF;}
.sidebar li li a:hover{border-color:#066ab8; background: #f5f5f5;}
.sidebar li li a.on{border-color:#066ab8; background: #f5f5f5;}*/

.prosort{border-bottom: 2px solid #0068b7; padding-bottom: 20px;}
.prosort h4{ display: block; padding-left: 20px; font-size: 24px;}
.prosort span{ display: block; padding-left: 20px; margin-top: 10px; font-size: 16px;}

.prolist{/*padding-left:20px;*/}
.prolist dt{height: 67px; line-height: 65px; border-bottom: 2px solid #e7e7e7; font-size: 22px;}
.prolist dt a{ display: block; background: url(../images/icon02.png) no-repeat right center;}
.prolist dt a.on{background: url(../images/icon03.png) no-repeat right center;}
.prolist dd{padding:20px 0; border-bottom: 2px solid #e7e7e7;}
.prolist dd .prolist_l{float:left; width:470px; overflow: hidden;}
.prolist dd .prolist_r{float:right; width:430px; padding-top: 20px; overflow: hidden; font-size: 16px; line-height: 30px;}
.prolist dd .prolist_c{width:100%; margin-top: 30px;}
.prolist dd .prolist_c h5{display: block; font-size: 20px; line-height: 40px;}
.prolist dd .prolist_c li{display: inline-block; float: left; width:33%; font-size:16px; padding-left:20px; line-height:35px; background: url(../images/icon04.png) no-repeat 5px center;}



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


/* 内页部分结束 */
.nmdefcont{ margin:0 auto; width:1200px;}