@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,.wp{max-width: 1200px;margin: 0 auto;}
.header{height: 75px;}
.logo{float:left; overflow:hidden; display:inline-block;}

.i_nav{float:right; height:75px;} 

.i_banner_box{position:relative; width:100%; z-index:11;}
.i_banner{width:100%; margin:0 auto; overflow:hidden;}
.selected::after,.nava:hover::after, .navactive:hover::after{
    content: "";
    display: block;
    width: 130px;
    height: 4px;
    background-color: #243a8e;
    position: absolute;
    bottom:  0;
    left: calc(50% - 65px);}
 
.productT{text-align: center;margin-top: 80px;}
.productM{margin: 60px 0 80px;}
.productT span{font-size: 26px;font-weight: bold; line-height: 24px;letter-spacing: 2px;color: #243a8e;}
.productT p{font-size: 14px;line-height: 24px;letter-spacing: 3px;color: #243a8e;position: relative;}
.productT div{width: 100px;height: 3px;background-color: #243a8e;margin: 0 auto;margin-top: 15px;}

.sort_l{width: 900px;margin: 0 auto;}
.sort_l ul{padding: 0; margin: 0;}
.sort_l ul li{ display: inline-block; width: 168px; height: 40px; line-height: 40px; text-align: center; cursor: pointer;color: #666;font-size: 16px;position: relative;}
.sort_l li a.on{background-color: #243a8e;color: #fff;font-size: 16px;    width: 168px;height: 40px;line-height: 40px;display: inline-block;}
.sort_l ul li::after{content: ''; position: absolute;width: 1px;height: 15px;background-color: #999;top: 13px;right: 0;}
.i_pro_l ul li{float: left;width: 280px;margin-right: 26px;}
.i_pro_l ul li:nth-child(4){margin-right: 0;}
.i_pro_l  {width: 1200px;height: 208px; margin: 0 auto;margin-top: 50px;}  
.item_wrapper{height: 50px; background-color: #e6e6e6; line-height: 50px; 
  text-align: center;color: #243a8e;font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} 
.i_pro_l ul li:hover .item_wrapper{color:#fff;background-color: #243a8e;}
.i_more{text-align: center;    margin-top: 45px;}
a.yang {font-size: 16px;color: #fff;display: inline-block;padding: 10px 80px;background: #243a8e;}

.i_pro_l ul li img{width: 280px;height: 158px;}

.i_intro{background-image: url(/templates/Images/introduct.jpg);height: 552px;}
.intro h3{font-size: 26px;font-weight: bold; line-height: 24px;letter-spacing: 2px;color: #fff;}
.intro span{font-size: 14px;line-height: 24px;letter-spacing: 3px;color: #fff;}
.intro span::after{content: ''; position: absolute; width: 100px; height: 3px;background-color:#fff;transform: translate(-174px,40px);}
.intro p{font-size: 20px;color: #fff;margin: 35px 0;}
.introL{float: left;margin-top: 100px;position: relative}
.introR{float: left;width: 540px;margin-top: 80px;position: relative;left: -18px;z-index: 99;}
.clear{clear: both;}
.intro_title{width: 640px;height: 227px;background-color: #fff;position: relative;z-index: 100;}
.intro_title p{font-size: 16px;line-height: 28px;color: #333;padding: 30px 32px 70px 16px;}
.XQ{position: absolute;margin-top: -40px;margin-left: 20px;z-index: 1000;}
span.CK{color: #17288b;font-size: 16px;}
.intro span.CK::after{display: none;}

.i_newsB{margin: 60px 0 80px 0;}
.news{display: block;width: 570px;margin-right: 30px;float: left; padding-top: 30px;}
.newsT{height: 35px;border-bottom: #243a8e 2px solid;}
.newsL{float: left;}
.newsR{float: right;}
.newsR a{display: inline-block;color: #666;font-size: 14px;margin-top: 5px;}
span.chi{font-size: 20px;color: #243a8e;}
span.eng{font-size: 12px;color: #666;}
.newsB{padding: 20px 0;}
.one img{width: 160px;height: 90px;float: left;}
.one_title{width: 390px;float: left;margin-left: 10px;}
.one h3{padding: 5px 0;text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;}
.one a{font-size: 16px;color: #333;} 
.one span{font-size: 14px;line-height: 21px;color: #808080;
    display: block;
    height: 63px;
    overflow: hidden;
}
.two ul li{padding: 8px 0;}
.two ul li a{font-size: 14px;color: #333;display: inline-block;width: 70%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.two span{float: right;font-size: 14px;color: #808080;}
.two{padding-top: 20px;}
.circle{display: inline-block;width: 6px;height: 6px;background-color: #243a8e;border-radius: 100px;margin-right: 6px;}

.footer{background-color: #ebebeb;}
.footer_l{float: left;margin: 10px 0;}
.footer_l .logo{margin-top: 0;}
.footer_r{float: right;text-align: center;margin-top: 28px;}
.footer_nav ul li{float: left;width: 140px;border-right: #bfbfbf 1px solid;}
.footer_nav ul li:nth-child(6){border-right:none;}
.footer_nav ul li a{font-size: 16px;line-height: 24px;color: #333;}
.copyright{text-align: center;border-top: #bfbfbf 1px solid; font-size:15px;}
.copyright p{padding: 10px 0;}
/* 首页部分结束 */

/* 内页部分开始 */
.p_container{max-width: 1200px;margin: 0 auto; padding-bottom:40px;}
.agentL{float: left;width: 250px; margin-right:50px;position: relative;top: -30px;}
.agentR{float: left;width: 900px;margin-top: 40px;}
.sidebar{width:100%; text-align: center;} 
.p_box1{background-image: url(/templates/Images/ban.jpg);height: 100px;} 
	.p_box1 span{font-size: 26px;line-height: 50px;letter-spacing: 2px;color: #fff;display: block;}
	.p_box1 p{font-size:14px;color: #fff;opacity: 0.5;display: none;}
.box1L {width: 4px;height: 40px;background-color: #fff;float: left;margin: 35px 15px 0 15px;}
.box1R{float: left;margin-top: 28px;} 
.p_box3 span{font-size: 22px;letter-spacing: 2px;color: #243a8e;}
	.p_box3 p{font-size:14px;color: #243a8e;opacity: 0.5;}
.box3L {font-family: SimSun;font-size: 25px;font-weight: bold;letter-spacing: 5px;color: #243a8e;float: left;margin-top: 25px;}
.box3R{float: left;margin-top: 15px;}
.sortnavul{border: solid 1px #d9d9d9;}
.i_contact{margin: 30px 0;}
.p_box2{width: 250px;height: 160px;background-color: #ffffff;border: solid 1px #d9d9d9;font-size: 16px;color: #333;padding: 20px;}
.p_box2 img{margin-right: 8px;margin-bottom: 3px;}
.p_box2 p{margin: 10px 24px 20px;}
.waterfall{text-align: center;}
.waterfall p{padding: 10px 0 30px;width:280px; font-size: 16px;color: #666;height: 60px;
    display: block;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.sc_title{margin-top: 45px;font-size: 16px;color: #333;line-height: 24px;}
span.p_pro_title{font-size: 20px;line-height: 24px;color: #243a8e;}
.p_proT{border-bottom: #243a8e 2px solid;height: 35px;margin-bottom: 40px;}
.zz p{font-size: 16px;color: #333;line-height: 40px;}
.zz h3{font-size: 20px;color: #243a8e;line-height: 50px;margin-left: -30px;}
.zz_title p::before{content: "";
          display: block;
          position: absolute;
          transform: translate(-25px,22px);
          width: 6px;
          height: 6px;
          border-radius: 100%;
          background-color: #243a8e;
}
.zz{height: 258px;margin-bottom: 40px;border-bottom: rgba(136, 136, 136, 0.2) 1px solid;}
.zz img{float: left;}
.zz_title{float: left;margin-left: 60px;}
.Npic1 img{width: 24px;position: relative;top: -20px;left: 870px;}

.ck{width: 140px; height: 36px;border: solid 1px #243a8e;border-radius: 3px;text-align: center;display: inline-block;float: right;}
.ck a{font-size: 16px;font-weight: bold;color: #243a8e;line-height: 36px;}

.xq{display: none;border-bottom: #243a8e 2px solid;}
.zhaopin span{font-size: 20px;font-weight: bold;color: #333;padding-left: 25px;display: inline-block;}
.zhaopin span::before{content: "";
          display: block;
          position: absolute;
          transform: translate(-20px,10px);
          width: 8px;
          height: 8px;
          border-radius: 100%;
          background-color: #243a8e;}
.zhaopin{border-bottom: rgba(136, 136, 136, 0.2) 1px solid;margin: 40px 0;}  
#zp{margin-top: 0;}
.zp_list{margin: 35px 0 40px 0;}
.zp_list ul li{float: left;width: 175px;font-size: 16px;color: #333;margin-left: 58px;}
.zp_list ul li:first-child{margin-left: 25px;}
.xq{padding-bottom: 45px;}
.xq span{font-size: 18px;font-weight: bold;line-height: 36px;color: #333;}
.xq p{font-size: 16px;line-height: 36px;color: #333;}

span.wm{font-size: 22px;}
.lianxiL{float: left;}
.lianxiR{float: right;}
#lx{border: none;height: auto;}
#lx img{margin-right: 20px;margin-bottom: 3px;}
#lx p{margin: 10px 0 20px 37px;}
.sortnavul li:hover:after{border: 1.45px solid #fff;border-bottom: none;border-left: none;}
.ctxt01{font-size:15px; line-height: 28px;}
.ctxt01 h4{display: block; font-weight: bold; height:30px; font-size: 18px; color: #000; line-height: 30px; margin-bottom:5px;}
.ctxt01 strong{display:block; float:left; padding-left: 30px; background: url(/upload/other/i02.png) no-repeat left center; }
.ctxt01 span{ display: block; float:left; margin-left:10px; width:67px; height: 30px; background: url(/upload/other/i01.jpg) no-repeat left center;}

.ccontact{font-size: 15px; line-height: 28px; }
.ccontact strong{ display:block; font-weight: bold; padding-bottom: 10px; color: #243a8e; font-size:20px;}

.proview{font-size: 15px; line-height: 28px;}
.proview .proviewl{float:left; width:400px;}
.proview .proviewl img{width:400px;}
.proview .proviewr{float:left; padding:20px 0 0 20px;}
.proview .proviewr strong{display:block; font-weight:bold; font-size: 18px; }

.proview h3{ display:block; font-weight: bold; font-size: 20px; padding-bottom: 10px; color: #243a8e;}
.proview h4{ display:block; font-weight: bold; font-size:18px; padding-bottom: 10px; color: #243a8e;}
.p61 dl dd{float:left;}
.p61 dl dt{float:left;padding-left: 260px;}
.p61 dl strong{ display:block; font-weight: bold; font-size:18px; padding-bottom: 10px; color: #243a8e;}
.p61 ul li{margin-bottom:40px;}
.p61 ul li img{float:left; margin-right: 20px;}
.p61 ul strong{ display:block; font-weight: bold; font-size:18px; padding-bottom: 10px; color: #243a8e;}

.p11 strong{float:left; display:block; font-weight: bold; font-size:18px; border: 1px solid #243a8e; padding: 5px 10px; margin: 20px 0 10px; color: #243a8e;}
.p11 span{float:left; display:block; text-align: left;}
.p11 span img{float:right; margin-left: 20px;}
/*产品*/
.item img{height: 200px;}
.i_news2 ul{
  overflow: hidden;
}
.i_news2 ul>li {
  float: left;
  width: 32%;
  height: 406px;
  border: 1px solid #e1e1e1;
  margin: 10px 8px 10px 5px;
  position: relative;
}
.an-n-top{
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 189px;
}
.an-n-top img{
  width: 100%;
  height: 100%;
}
.an-n-li ol{
  overflow: hidden;
}
.an-n-li ol li{
  width: 92%;
  margin: 0px 4% !important;
  height: 42px;
  line-height: 42px;
  text-align: left;
  border: 0px;
  border-bottom: 1px solid #e1e1e1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.an-n-li ol li a{
  font-size: 14px;
  color: #000;
  word-break: keep-all;
  white-space: nowrap;
}





/* 内页部分结束 */

/*响应式*/
.navbar-toggle {
    background: rgba(0, 0, 0, 0) url("/templates/Images/icon0x.png") no-repeat scroll right top;
    border: 0 none;
    border-radius: 0;
    height: 65px;
    float: right; 
    width: 65px;
    margin-top: 14px; 
    top: 0;
    right: 0;
    display: none;
}
@media screen and (min-width: 1920px){
  a.yang{left: 1400px;}
  span.CK{left: 375px;}
}
@media screen and (max-width: 1024px){
	.mfbox,.wp,.p_container{width: 94%;}
  .nava,.selected,.navactive,.nava:hover,.navactive:hover{padding: 0 15px;}
  .footer_l{float: none;text-align: center;}
  .footer_l .logo{float: none;margin-top: 15px;}
  .footer_r{float: none;}

  .i_pro_l,.intro,.i_news{width: 100%;}
  .n_n_list dl dd {width: 70%;}
  .n_n_list dl dd h3{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
  .n_n_list dl dd ins{display: none;}
  .i_nav ul li ul{margin-left: -40px;}
  .i_nav ul li:nth-child(2) ul {margin-left: -15px;}
	.i_pro_l ul li{width: 25%;padding: 0 5px;margin:0;}
	.intro_title{width: 550px;height: 240px;}
	.introR{width: 410px;}
	.news{width: 50%;padding: 30px 10px 0 10px;margin-right: 0;}
	.agentR{width: 650px;}
	.n_n_list dl dd a{width: 100%;}
	.lianxiR{float: none;}
	a.yang{left: 930px;}
}
@media screen and (max-width: 768px){
	.i_nav {
    background-color: #243a8e;
    border-radius: 0 0 5px 5px;
    display: none;
    height: auto;
    position: absolute;
    right: 0px;
    top: 80px;
    width: 152px;
    z-index: 1000;

} 
.navbar-toggle {display: block;} 
.ddsmoothmenu ul li{display: block;float: none;}
.selected, .navactive,.nava,.nava:hover, .navactive:hover{padding: 0;color: #fff;} 
.i_nav ul li ul{position: inherit;}
.i_nav ul li ul li a{float: none;width: 152px;}
.i_nav ul li:nth-child(2) ul {margin-left: 0; width: 100%;}
.i_nav ul li ul{margin-left: 0;}
.sortnavul li::after{display: none;}
.sortnavul li a{width: 190px;text-align: center;padding-left: 0;}

.i_pro_l ul li {width: 33%;}
.i_pro_l ul li:nth-child(4){display: none;}
.introR{display: none;}
.introL{padding: 0 20px;}
.news{padding: 0 30px;}
a.yang{top: -450px;left: 465px;}
.intro,.introL,.intro_title,.i_news,.news,.p_container,.agentL,.agentR{width: 100%;}
.i_contact,.p_box1{display: none;}
.agentL{top: 0;}
.agentR{padding: 0 15px;}
.lianxiR {width: 400px;float: right;}
.sort_l{width: 550px;}

.item{width: 33.33%;}
.footer_nav ul li{width: 120px;}
}
@media screen and (max-width: 480px){
    .sortnavul li::after{display: none;}
    .n_n_list dl dt{    width: 30%;
        height: auto;    line-height: 65px;}
    .n_n_list dl dt img{
        width: 100%;
    height: auto;
    }
    .n_n_list dl dd{
        width: 63%;
    }
    .productimg{
      width: 100%;
    }
    .p61 dl dt{
      padding-left: 0;
    }
    .i_news2 ul>li{
      width: 100%;
      margin: 0 0 20px 0;
    }
	.n_n_list dl dd>div{    width: 50%;}
	.sortnavul li a{width: 120px;padding-left: 0;}
	.sort_l{width: 350px;} 
  .i_pro_l ul li:nth-child(4){display: block;}
	.i_pro_l ul li{width: 50%;margin-bottom: 20px;}
	.intro_title{    height: auto;margin-bottom: -27px;}
	span.CK{top: -60px;left: 35px;}
	.intro_title p{padding: 30px 32px 30px 16px;}
	a.yang{top: -394px;left: 234px;}

  .item {width: 50%;}
  .productT{margin-top: 40px;}
  .footer_nav ul li {width: 150px;}
  .n_n_list dl dd h3{margin-bottom: 10px;}
  .waterfall p{
    width: 100%;
  }
  .item img{
    height: 146px;
  }
  .productinfos{
    width: 100%;
  }
}
@media screen and (max-width: 414px){
  .footer_nav ul li {width: calc(100% / 3);}

	a.yang{top: -366px;}
	.i_intro{height: auto;}
	.news{padding: 0 10px;}
  .one_title{width: 100%;}
  .item img{
    height: 122px;
  }
  .remark1 iframe{
    width: 100%;
  }
}
@media screen and (max-width: 380px){
	 .intro_title {

    margin-bottom: 0;
}
  .n_n_list dl dd{margin-left: 10px;}
  .sort_l{
    width: 100%;
  }
  .sort_l li a.on{
    width: 100%;
  }
  .sort_l ul li{
    width: 49%;
  }
  .XQ{
    margin-top: -60px;
  }
}