@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; margin:0 auto; position: relative;}
.header{width:100%; height:100px;}
.logo{float:left;}
.navbar-toggle {
    display: none;
}
.i_nav{float:left; height:40px; margin-top:30px;width: 740px;margin-left:15px}.prosearch {
    float: left;
    margin-top: 40px;
}.menu_50 .n_n_list dl dt {

    display: none;

}
.menu_50 .n_n_list dl dd{width:100%;padding-left:0}
/*.i_nav li{float: left; height: 40px; line-height: 40px;}
.i_nav li>a{display:block; color:#221815; padding: 0 25px; text-align: center; font-size:16px; font-weight:bold;}
.i_nav li>a:hover{ color:#0062ae;}
.i_nav li>a.on{ color:#0062ae;}*/
.i_abouts {
    margin: 40px 0;
}
div#com_singles_ad01 {
    display: none;
}
.i_products_box.i_tab_box {
  width: 1200px;
  margin: 40px auto;
}
.i_products_box.i_tab_box {
}
.i_products_title {
  width: 100%;
  clear: both;
}
.i_products_title ul li {
  width: 50%;
  color: #FFF;
  float: left;
  text-align: center;
  padding: 6px 0;
  font-weight: 500;
  font-size: 20px;
  background: #404548;
}
.i_products_title ul .on {
  background: #e42c2d;
  color: #fff;
}
.i_products_c.i_tab_c {
  clear: both;
  padding: 10px 20px;
}
.firstli h4 {
  color: red;
  font-size: 22px;
  font-weight: bold;
}.i_pro_main li p {

    color: 

    #000;
    display: inline-block;
    text-align: right;
    width: 19%;

}.i_pro_main li h3 {

    color: 

    #000;
    width: 80%;
    display: inline-block;

}.i_pro_main li {

    padding: 10px 0;
    border-bottom: 1px 

    #9f9f9f dashed;

}.viewmores {

    text-align: right;
    color: 

    red;

}.liinfos {

    padding: 10px 0;
        padding-bottom: 10px;
    text-indent: 2em;
    padding-bottom: 0;

}.i_pro_main li {

    padding: 10px 0;
    border-bottom: 1px 

    #9f9f9f dashed;

}

.i_container{width:100%; margin:0 auto;}
.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_about{width:100%; padding:70px 0; background: #f1f1f1;}
.i_about_c{width:1000px; margin:30px auto 0; line-height: 25px;}
.i_abouts .i_about_c {
    width: 1200px;
}.qywh {
    position: relative;
}.leftwh {
    background: url(/templates/images/01.png) no-repeat;
    position: absolute;
    width: 760px;
    height: 510px;
    top: 50px;padding: 70px 0 0 50px;
}.rightwh {
    float: right;
}.leftwh ul li {

    margin-bottom: 20px;

}.leftwh ul li p {

    background: url(/templates/images/02.png) no-repeat left;
        background-size: auto;
    background-size: 20px;
    padding-left: 30px;
    font-size: 20px;
    color: 

    #000;
    font-weight: bold;
    margin-bottom: 10px;

}.leftwh ul li span {

    padding-left: 30px;

}
.i_case{width:1200px; margin:0 auto; padding:70px 0;display: none;}
.i_case_l{margin-top:20px;}
.i_case_l dl{float:left; width:calc((100%/3) - 25px); margin-right:25px;text-align: center;}
.i_case_l dl i{display:block; width:100%; height:auto; overflow: hidden;}
.i_case_l dl i a:hover img{ -webkit-transform:scale(1.2); -moz-transform:scale(1.2); transform:scale(1.2);}
.i_case_l dl dt{display:block; margin-top:15px; height:30px; line-height: 30px; font-size: 18px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.i_case_l dl dd{display:block; line-height: 20px; margin-top:5px;}
.i_case_l dl span{display:block; height:25px; margin-top:20px;}
.i_case_l dl span a{display: block; float: left; padding-right: 20px; background: url(../images/icon02.jpg) no-repeat right center;}

.i_case_l dl:nth-child(3){margin-right:0;}

.i_news{width:1200px; margin:0 auto; padding:70px 0;}
.i_news_l{margin-top:20px; width:1200px; }
.i_news_l ul{width:1240px; overflow: hidden;}
.i_news_l li{float:left; display: inline-block; width: 375px; margin-right:37px;}
.i_news_l li i{display:block; width:375px; height:235px; overflow: hidden;}
.i_news_l li i a:hover img{ -webkit-transform:scale(1.2); -moz-transform:scale(1.2); transform:scale(1.2);}
.i_news_l li h4{display:block; margin-top:15px; height:30px; line-height: 30px; font-size: 18px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.i_news_l li h4 a{display: block;}
.i_news_l li ins{display:block; height: 40px; line-height: 20px; margin-top:5px; overflow: hidden; text-decoration: none;}
.i_news_l li span{display:block; height:25px; margin-top:20px;}
.i_news_l li span a{display: block; float: left; padding-right: 20px; background: url(../images/icon02.jpg) no-repeat right center;}

.footer{width:100%; margin-top:30; padding: 50px 0; background: #2d2d2d;}

.flogo{}
.footer_contact{margin-top:10px; line-height: 25px; font-size: 16px; color: #eeeeee;}

.footer_share{float:right;}
.footer_share a{display:inline-block; width:55px; height: 55px; margin-right:20px;}

.footer_nav{}

.copyright{float:right; margin-top: 30px; text-align: right; font-size: 16px; color: #eeeeee; text-transform: uppercase;}
.copyright strong{ display:block; font-size: 34px;}
.jsq{ margin-top: 10px; text-align: right; font-size: 16px; color: #eeeeee; text-transform: uppercase;}


/* 首页部分结束 */

/* 内页部分开始 */
/*.p_banner_box{width:100%; z-index:1000; height:400px;}
.p_banner{width:100%;}
.p_banner li{width:100%;}*/

.box img {

    width: 100%;
    height: auto;

}


.p_container{width:1200px; margin:0 auto; padding-bottom:80px;}

.path{width:1200px; height:40px; position: relative; font-size: 15px; line-height: 40px; text-align: right;}
.path a{color:#666;}
.path a:hover {color:#0062ae; text-decoration:none;}
.path span{padding:0 10px;}

.p_left{float:left; width:245px;}
.p_right{float:right; width:910px;}

/*.sidebar{height:35px; margin-top:20px;}
.sidebar li{margin-right:20px; display: inline-block; text-align: center;}
.sidebar a{display:inline-block; width:130px; height:35px; line-height: 35px; color: #333; font-size:16px; background:#e1e1e1; }
.sidebar a:hover{color:#FFF; background: #0058a7;}
.sidebar a.on{color:#FFF; background: #0058a7;}*/

.p_content{padding:50px 0; line-height:30px; min-height: 300px;}

.two li {
    margin: 10px;
    width: calc((100%/2) - 20px);
    float: left;
}
.circle {
    display: inline-block;
    width: 6px;
    height: 6px;
    background-color: 
    #243a8e;
    border-radius: 100px;
    margin-right: 6px;
    float: left;
    margin-top: 8px;
}
.two ul li a {
    font-size: 14px;
    color: 
    #333;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
    width: 460px;
}
.two li span {
    float: right;
    font-size: 14px;
    color: 
    #808080;margin: 0;
}
/* 内页部分结束 */

.box111{width:100%;}
.box111 li{float:left; display: inline-block; width:20%; height:toggle(width); background: #F00;}


.nm_content{ width:1200px; margin:0 auto;}


/* 新增数据样式 */
.itxt01 strong{font-weight:bold;}

.ctxt01 img{float:right; margin-left:20px;}

.csev{text-align: center;}
.csev strong{display: block; font-weight: bold; font-size: 20px; color:#333; padding-bottom: 30px;}

.ccontact{text-align: center;}
.ccontact strong{ display:block; padding: 0px 0 10px; font-weight: bold; font-size: 24px; color: #0058a7;}

.czbdlt{text-align: center;}
.czbdlt strong{display: block; font-weight: bold; font-size: 20px; color:#333; padding-bottom:20px;}

.table_zbdl{width:100%;border-spacing: 1px; border-collapse:collapse;}
.table_zbdl th{border:1px solid #e8e8e8; font-weight: bold; padding: 5px 10px; background:#fafafa;}
.table_zbdl td{border:1px solid #e8e8e8; padding: 5px 10px;}
.table_c{ text-align: center;}
.table_c th{ text-align: center;}

.zzimg{text-align: center;}
.zzimg img{padding:4px; border:1px solid #EEE;}
@media screen and (max-width:480px){
.i_products_box.i_tab_box {
    width: 100%;
    margin: 40px auto;
}
.firstli h4 {
    color: red;
    font-size: 18px;
    font-weight: bold;
}
.i_about {
    width: 100%;
    padding: 20px 0;}
.title01 {
    height: auto;
    font-size: 20px;
    line-height: normal;
    text-align: center;
    color: #333333;
    text-transform: uppercase;
    background: none;
}
.i_about_c {
    width: 100%;
    margin: 20px auto;
    line-height: 25px;
    padding: 10px;
}
.i_abouts .i_about_c {
    width: 100%;margin-top: 0px;

}
.rightwh {
    display: none;
}
.leftwh {
    background: none;
    position: static;
    width: 100%;
    height: auto;
    top: 50px;
    padding: 10px;
}
.leftwh ul li {

    margin-bottom: 10px;

}
.leftwh ul li p {

    line-height: normal !important;

}
.i_news {

    width: 100%;
    margin: 0 auto;
    padding: 10px;

}
.title02 {

    height: auto;

}
.title02 h3 {

    float: left;
    display: block;
    font-size: 20px;
    color: #333;
    line-height: normal;
    text-transform: uppercase;

}.title02 span {line-height: normal;}
.i_news_l {

    margin-top: 40px;
    width: 100%;

}
.i_news_l ul {

    width: 100%;
    overflow: hidden;

}
.i_news_l li {

    float: left;
    display: inline-block;
    width: 100%;
    margin-right: 0;
margin-bottom: 20px;
}
.two li {

    margin: 5px 0;
    width: 100%;
    float: left;

}
.circle {

    display: none;

}
.two ul li a {

    width: 70%;

}
.footer {

    width: 100%;
    margin-top: 30;
    padding: 20px 10px;
    background: #2d2d2d;

}
.mfbox {

    width: 100%;
    margin: 0 auto;
    position: relative;

}
.fl {

    float: left;
    width: 100%;

}
.footer_share {

    float: right;
    display: none;

}
.copyright {

    float: right;
    margin-top: 0px;
    text-align: left;
    font-size: 16px;
    color: #eeeeee;
    text-transform: uppercase;

}
.copyright strong {

    display: block;
    font-size: 16px;

}
.p_container {

    width: 100%;
    margin: 0 auto;
    padding-bottom: 0px;
padding: 10px;

box-sizing: border-box;
}
.path {

    width: 100%;
    height: auto;}
.title03 {

    position: static;
    width: auto;
    height: auto;
    left: 0;
    top: -40px;
    z-index: 9001px;
    background: #0058a7;

}
.title03 h3 {

    display: block;
    text-align: center;
    padding-left: 0;
    line-height: normal;
    font-size: 20px;
    color: #FFF;
    padding: 10px;

}
.sortnavul li {

    margin-right: 0;
    margin-bottom: 0;
    display: inline-block;
    text-align: center;
    width: calc((100%/2) - 20px);
    margin: 5px 10px;
    float: left;

}
.p_content {

    padding: 20px 0;
    line-height: 30px;
    min-height: auto;

}
.ctxt01 img {

    float: none;
    margin-left: 0;
    width: 50%;
    display: block;
    margin: 0 auto;

}
.p_p_list {

    width: 100%;
    overflow: hidden;

}
.p_p_list ul {

    width: 100%;

}
.p_p_list li {

    float: left;
    margin: 10px;
    width: calc((100%/2) - 20px);
    position: relative;

}
.sortnavul li a {

    display: inline-block;
    width: 100%;
    height: auto;}
.n_n_list {

    width: 100%;

}
.n_n_list dl {

    float: left;
    width: 100%;}
.n_n_list dl dt {

    float: left;
    width: 100%;
    text-align: center;

}
.n_n_list dl dt i {

    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;

}
.n_n_list dl dt img {

    width: 50%;
    height: auto;

}
.n_n_list dl dd {

    float: right;
    width: 100%;
    padding-left: 0;

}
.n_n_list dl dd h4 {

    display: block;
    line-height: 40px;
    font-size: 17px;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;

}
.n_n_list dl dd ins {

    margin-top: 0;

}
.p_n_title {font-size: 20px;}
.remark {

    padding: 10px;
    margin-top: 0;

}
.ccontact iframe {

    width: 100%;

}
.prosearch {

    display: none;

}
.header {

    width: 100%;
    height: auto;

}
.i_nav {

    float: left;
    height: auto;
    margin-top: 0px;
    width: 100%;
    margin-left: 0;
display:none;
}
.navbar-toggle {
    display: block;position: absolute;

right: 10px;

top: 20px;
}
.ddsmoothmenu ul li {

    height: auto;
    width: 100%;

}.logo {

    float: left;
    margin-left: 10px;

}
.ddsmoothmenu a {

    text-align: center;
    background: #0058a7;
    color: #fff;

}
.i_nav ul li ul {

    position: static;
   
    width: 100% !important;}
.nava:hover, .navactive:hover {color: #a1ffb4;}
.i_news_l li i {

    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
text-align: center;
}
.i_news_l li span {

    margin-top: 5px;

}
.i_news_l li i img {

    width: 50%;

}
}