@charset "utf-8";/* CSS Document */
*{margin: 0;padding: 0;}
html {font-size: 62.5%;height: 100%}
body {width:100%; max-width:1920px;margin: 0 auto;font-size: 14px;font-size: 1.4rem;height: 100%; font-family: "Microsoft Yahei", "微软雅黑"; }
img {border: none;}
ul li {list-style-type: none;}
ul, form, p, a, img, table, tr, td, li, dd, dt, dl, span {margin: 0;padding: 0;list-style: none;color: #333;}
a {text-decoration: none;color: #333;outline: none;transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;-webkit-transition: 0.3s;}
h1 {margin: 0;padding: 0;font-weight: normal;color: #333;}
.clear {clear: both;}
.mln {margin-left: auto !important}
input, textarea {font-family: "Microsoft Yahei", "微软雅黑"; font-size: 14px;font-size: 1.4rem;color:#333;border: none;outline: none;}
.l{ float:left;}
.r{ float:right;}
.fix{*zoom:1; } .fix:after,.fix:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; }


::-webkit-input-placeholder {/* WebKit browsers */
 color:#a6a6a6;}
:-o-placeholder {/* Mozilla Firefox 4 to 18 */
 color:#a6a6a6;}
::-moz-placeholder {/* Mozilla Firefox 19+ */
 color:#a6a6a6;}
:-ms-input-placeholder {/* Internet Explorer 10+ */
 color:#a6a6a6;}
 
 
.int1::-webkit-input-placeholder {/* WebKit browsers */
 color:#fff;}
.int1:-o-placeholder {/* Mozilla Firefox 4 to 18 */
 color:#fff;}
.int1::-moz-placeholder {/* Mozilla Firefox 19+ */
 color:#fff;}
.int1:-ms-input-placeholder {/* Internet Explorer 10+ */
 color:#fff;}
 
.int2::-webkit-input-placeholder {/* WebKit browsers */
color:#fff;}
.int2:-o-placeholder {/* Mozilla Firefox 4 to 18 */
color:#fff;}
.int2::-moz-placeholder {/* Mozilla Firefox 19+ */
color:#fff;}
.int2:-ms-input-placeholder {/* Internet Explorer 10+ */
color:#fff;}

.int3::-webkit-input-placeholder {/* WebKit browsers */
color:#fff;}
.int3:-o-placeholder {/* Mozilla Firefox 4 to 18 */
color:#fff;}
.int3::-moz-placeholder {/* Mozilla Firefox 19+ */
color:#fff;}
.int3:-ms-input-placeholder {/* Internet Explorer 10+ */
color:#fff;}


.coxin3 .int3::-webkit-input-placeholder {/* WebKit browsers */
color:#a6a6a6;}
.coxin3 .int3:-o-placeholder {/* Mozilla Firefox 4 to 18 */
color:#a6a6a6;}
.coxin3 .int3::-moz-placeholder {/* Mozilla Firefox 19+ */
color:#a6a6a6;}
.coxin3 .int3:-ms-input-placeholder {/* Internet Explorer 10+ */
color:#a6a6a6;}


.int33::-webkit-input-placeholder {/* WebKit browsers */
color:#fff;}
.int33:-o-placeholder {/* Mozilla Firefox 4 to 18 */
color:#fff;}
.int33::-moz-placeholder {/* Mozilla Firefox 19+ */
color:#fff;}
.int33:-ms-input-placeholder {/* Internet Explorer 10+ */
color:#fff;}
@media screen and (min-width:1220px) {.wp {width: 1200px;margin: auto;}}
@media screen and (min-width:1000px) and (max-width:1219px) {.wp {width: 980px;margin: auto;}}
@media screen and (max-width:999px) {.wp {width: 95%;margin: auto;}}





/* nav_head */
.nav_head{ width:100%;  display: none; background: #eff6fc;   }
.nav_head li { text-align: center; width: 25%; float: left; }
.nav_head li a{ font-size:18px;font-size:1.8rem;color:#333; line-height: 30px; }
.nav_head li.on a{ color: #0054a7;   }
.nav_head li:hover a{  color: #0054a7;  }

@media screen and (max-width:850px) { .nav_head{display: none; } }
@media screen and (max-width:640px) { .nav_head li a{ font-size:14px;font-size:1.4rem;color:#333; line-height: 30px; } }


/*lun bo*/
  
@media screen and (min-width:1000px) and (max-width:1219px) {
.index_focus {height:456px;}
.index_focusn{height:456px;}
.index_focusn img {width: 80%;}
.index_focus2 {height:272px;}
.index_focusn2 {height:272px;}
.index_focusn2 img {width: 80%;}
}
@media screen and (min-width:1000px) {.carousel,.clear2{display: none}}
@media screen and (max-width:999px) {
.slide {display: none}  
.carousel{width: 100%;position: relative;overflow: hidden; z-index:99; }
.carousel ul{width: 100%;height: 100%;}
.carousel ul li{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.carousel ul li img{width: 100%; vertical-align: middle;}
.carousel ol{position: absolute;z-index: 2; height:5px; bottom:15px;left: 50%;-webkit-transform:translate3d(-50%,0,0);}
.carousel ol li{float: left;width: 10px;height: 10px;margin-right: 10px;border-radius: 5px;background-color: #fff;transition:all 0.3s ease 0s;}
.carousel ol li.cur{width: 10px;background:#0054a7; }
.carousel ol li:last-child{margin: 0;}
.dan_headeui li img{ margin-right:35px;}
}

 

.header_top{ background: #fff; padding-bottom: 11px; }
.header_top .logo{ margin-top: 18px; }
.header_top .logo img{     display: block;
    max-width: 310px;
  
    margin-top: 0px;}
.logo998{ display: none; }
.logo998 img{ display: block; max-width: 100%;  }

.header_top_right{ }
.header_top_right p{ margin-top: 14px }
.header_top_right p a{ display: inline-block; margin-left: 17px; }
.header_top_right p a img{ display: inline-block; }
.header_form{ margin-top: 37px; border: 1px solid #c9c9c9; width: 302px; height: 34px; line-height: 34px; border-radius: 5px; position: relative; border-radius: 50px; }
.header_form .tex{ background: transparent; text-indent: 9px; width: 100%; line-height: 34px; height: 34px; display: inline-block; color: #999999; border-radius: 50px; }
.header_form .sub{ position: absolute; top: 0px; right: 0px; height: 34px; width: 52px; font-size: 0px;  cursor: pointer; z-index: 99;border-radius: 5px;
      background: url( ../images/suosou.png )  no-repeat left top; }



/* header */
.header{  z-index: 999; width: 100%; background:#0054a7;  }
.header_right{  }
.header_ul1>li{ float: left; line-height: 42px;     margin-left: 11px;position: relative;  }
.header_ul1>li>a{ display: block;  font-size:16px;font-size:1.6rem; color: #fff; line-height: 42px;     padding: 0 50px;}
.header_ul1>li:hover>a,.header_ul1 li.on>a{ background: #f8921b; }
.header_ul1>li:hover .header_help{ display: block; }

.header_help{ position: absolute; top: 100%; left: 0px;  width: 383px; background: #f8921b; padding-top: 7px; padding-bottom: 6px;  display: none;}
.header_help>ul>li{ line-height: 30px; padding-left: 15px;  position: relative; }
.header_help>ul>li>a{ color: #fff; line-height: 30px; }
.header_help>ul>li>a:hover{ color: #0054a7; }


@media screen and (min-width:1220px){
.header_top,.header{transition:0.6s;-moz-transition:0.6s;-o-transition:0.6s;-webkit-transition:0.6s;}
 
.fixed .header_top{ position: fixed; width: 100%; top:0px;  z-index: 99999999999999999; padding-bottom: 6px; }
.fixed .header{position: fixed; width: 100%;     top:90px;} 
.fixed .header_top .logo{margin-top:5px;}

.fixed .header_form{ margin-top: 20px; }
.fixed .search{margin-top:6px;}
.fixed .header .nav2 {padding-top:14px;}
.fixed .header .nav2 ul li>a{height:48px;line-height:48px; padding-top: 0px; padding-bottom: 0px;  }
}


.header_ul1>li:hover .dan_header{ display: block; }


.dan_header{ display: none; width: 180px; padding-bottom: 5px; padding-top: 5px; position: absolute; left: 0px; top: 100%;   background: #f8921b;  z-index: 999999;   }
.dan_header>li{ line-height: 26px; padding-top:5px; padding-bottom:5px; padding-left: 23px;  position: relative;  }
.dan_header>li>a{ font-size:14px;font-size:1.4rem;color:#fff; line-height: 26px; padding-top:5px; padding-bottom:5px; }
.dan_header>li:hover{ background: #0055af;  }
.dan_header>li:hover>a{ color: #fff;/* display: block;*/ }
.dan_header>li:hover .dan_sanheader{ display: block;  }




.dan_sanheader{ display: none; width:180px; position: absolute; left: 100%; top: 0px;  background: #f8921b;   z-index: 999999;  }
.dan_sanheader>li{ line-height: 36px; padding-left: 23px;  position: relative;  }
.dan_sanheader>li>a{ font-size:14px;font-size:1.4rem;color:#fff; line-height: 36px; }
.dan_sanheader>li:hover{ background: #0055af; display: block;  }         
.dan_sanheader>li:hover>a{ color: #fff; }  




@media screen and (max-width:1219px) {
    .header_ul1>li>a{     padding: 0 40px;}
}

@media screen and (max-width:999px) {
    .header_ul1>li>a{ padding: 0 30px; }
    .header_ul1>li{ margin-left: 5px; }
    .logo998{ display: block; }
    .header_top .logo{ display: none; }
}

 

@media screen and (max-width:850px) {
    .header_top .logo{ width: 160px; }
    /*.header_top_right{ margin-right: 50px; }*/
    .header_ul1>li{ display: none; }
}
@media screen and (max-width:550px) { 
    .header_top{ padding-bottom: 10px; }
    .header_form{ width: 100%;  margin-top: 10px;}
    .header_top .logo998{ float: none;  margin-top: 10px; }
    .header_top_right{ width: 100%; margin-right: 0px; float: none;  }
}








/* footer */
.footer{ background: #0054a7; padding-bottom: 35px; } 

.footer a:hover{ color: #f8921b; }
.footer .title a:hover{ color: #f8921b; }


.footer .title{ padding-top: 43px; font-size:24px;font-size:2.4rem;color:#fff; text-transform: uppercase; line-height: 30px; font-family: "Microsoft Yahei", "微软雅黑";}
.footer .title a{ font-size:24px;font-size:2.4rem;color:#fff; text-transform: uppercase; line-height: 30px; font-family: "Microsoft Yahei", "微软雅黑";}


.footer_left{ float: left; width: 20%;  }
.footer_center{ float: left; width:30%; }
.footer_right{ float: right; width: 44.6%; }

.footer_left ul { margin-top: 22px;   }
.footer_left ul li { line-height: 30px; color: #fff; }
.footer_left ul li a{ line-height: 30px; color: #fff; }

.footer_center ul{ margin-top: 20px; color: #fff; }
.footer_center ul li { padding-left: 30px; line-height: 30px; color: #fff; }
.footer_center ul li a{ color: #fff;  }
.footer_center ul li.li1{ background: url( ../images/foconli1.png ) no-repeat left 10px;  }
.footer_center ul li.li2{ background: url( ../images/foconli2.png ) no-repeat left 10px;  }
.footer_center ul li.li5{ background: url( ../images/whaappbj.png ) no-repeat left 10px;  }
.footer_center ul li.li6{ background: url( ../images/mobile2.png ) no-repeat left 10px;  }


.footer_center ul li.li3{ background: url( ../images/foconli3.png ) no-repeat left 10px;  }
.footer_center ul li.li4{ background: url( ../images/foconli4.png ) no-repeat left 10px;  }

.coxin{padding-top:23px;}
.coxin .xing{  }
.coxin .int1{ background: transparent; border: 1px solid #fff; color: #fff; width:236px; height:35px; padding-left:12px; margin-top:11px; float:left; font-size:14px; font-size:1.4rem; line-height:46px; }
.coxin .int2{ background: transparent; border: 1px solid #fff; color: #fff; width:236px; height:35px; padding-left:12px; margin-top:11px; float:right; font-size:14px; font-size:1.4rem; line-height:46px; }
.coxin textarea{ background: transparent; border: 1px solid #fff; color: #fff;  width:522px; height:72px;  padding-left:12px; margin-top:11px; 
    float:left; font-size:14px; font-size:1.4rem; line-height:35px; }
.coxin .int3{ background: transparent; border: 1px solid #fff; color: #fff;  width:236px; height:35px; border:1px solid #d2d2d2; padding-left:12px; margin-top:11px; float:left; font-size:14px; font-size:1.4rem; line-height:46px;}
.coyanzheng{  float:left; margin-top:11px; margin-left:36px; cursor:pointer;}
.coxin .int4{ width:106px; height:37px; float:right; margin-top:11px; background:transparent; cursor:pointer; border: 1px solid #fff; color: #fff; }
.coxin .int4:hover{ background:#f8921b;}


.footer_bottom{ padding-top: 12px; }
.footer_bottom p{ color: #fff; }
.footer_bottom p a{ color: #fff; line-height: 30px; }
.footer_bottom p a.tech{ display: inline-block; margin-left: 3px; margin-right: 0px; }
.link{ font-size:16px;font-size:1.6rem; background: #eff6fc; line-height: 53px; }
.link a{    padding-right: 25px; }
.link a:hover{ color: #f8921b; }
.shejiao { }
.shejiao  a{ display: inline-block; padding-left: 2px; }

.foo998{ display: none; }

@media screen and (max-width:1219px) {
    .coxin{  width: 100%;}
    .coxin .int1{ width: calc( 48% - 12px); }
    .coxin .int2{ width: calc( 48% - 12px); }
    .coxin textarea{ width: calc( 100% - 12px); }
    .coxin .int3{  width: calc( 35% - 12px);  }
    .footer_bottom p{ width: 75%; line-height: 30px; }
 
}

@media screen and (max-width:999px) {
    .coxin{ padding-top: 0px; }
    .footer .title{ padding-top: 20px; }
    .foo998{ display: block; }
    .footer_left{ float: left; width: 48%;  }
    .footer_center{ float: right; width: 48%; }
    .footer_right{ float: none; width: 100%; }
    .footer_bottom p{ width: 100%; float: none; }
}

@media screen and (max-width:640px) {
    .footer_left ul{ margin-top: 5px; }
    .footer_center ul{ margin-top: 5px; }
    .footer_left{ float: none; width: 100%;  }
    .footer_center{ float: none; width: 100%; }
    .coxin .int1{ width: calc( 100% - 12px); }
    .coxin .int2{ width: calc( 100% - 12px); }
    .footer{ background: #0054a7; padding-bottom: 20px; } 
    .coxin .int4{ width: 100%; float: none; margin-top: 11px;}
    .link{  display: none;}
    .footer .title { font-size:20px;font-size:2rem; }
    .footer .title a{ font-size:20px;font-size:2rem; }
}
@media screen and (max-width:320px) {

}


/* main1 */
.main1{ padding-bottom: 75px;}
.main1 .title { padding-top: 95px; margin-bottom:17px; padding-bottom: 15px; text-align: center; background: url( ../images/m1tial.png ) no-repeat bottom center;  }
.main1 .title a{ font-size:36px;font-size:3.6rem;color:#0054a7; font-family: "Microsoft Yahei", "微软雅黑"; text-transform: uppercase; }

.m1_ul {  margin: 0 auto; width: 100%; font-size:14px; font-size:1.4rem }
.m1_ul li { display: inline-block; margin-left: 46px; }
.m1_ul li a { line-height: 30px; }

.main1 .title a:hover{ color: #f8921b; }
.m1_ul li a:hover{ color: #f8921b; }

.main1 .img-scroll { position:relative; width: 100%; padding-top:28px; }
.main1 .img-scroll .hot{ position: relative; max-width: 105px; margin: 0 auto; height:42px; padding-top: 37px;}
.main1 .img-scroll .prev,.main1 .img-scroll .next{position:absolute;display:block;width:42px;height:42px;  }
.main1 .img-scroll .prev { left:0;cursor:pointer; background:url(../images/arrowleft.png) no-repeat center;}
.main1 .img-scroll .next { right:0;cursor:pointer; background:url(../images/arrowright.png) no-repeat center;}
.main1 .img-scroll .prev:hover { background:url(../images/arrowlefton.png) no-repeat center;}
.main1 .img-scroll .next:hover { background:url(../images/arrowrighton.png) no-repeat center;}
.main1 .img-list { position:relative; width:100%; overflow:hidden;margin: 0 auto;}
.main1 .img-list ul { width:1000%;}
.main1 .img-list li { float:left; display:inline; width:276px; margin-right:32px;}
.main1 .img-list li .m3lien{ max-width:276px;text-align: center; position: relative;  overflow: hidden; border: 1px solid #d2d2d2; padding: 7px; }
.main1 .img-list li .m3lien a{ display: block; width: 100%; }
.main1 .img-list li .m3lien .m4zi{color: #333; position: absolute; top: 50%; margin-top: 35px; left: 0px; background: #ffffff; margin-left: 7px; margin-right: 7px;
     background: rgba(255, 255, 255, 0.8); width: calc( 100% - 14px); height: 47px; line-height: 47px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.main1 .img-list li .m3lien  img{ max-width:260px; max-height:260px;width: 100%; margin: 0 auto;} 
.main1 .img-list li .m3lien:hover .m4zi{  top:50%; margin-top: -23px; color: #fff; background: #000000; background: rgba(0, 0, 0, 0.5);   }

 



@media screen and (max-width:1219px) {
    .main1 .img-list li { margin-right: 59px; }
	.m1_ul li { display: inline-block; margin-left: 40px; }

}

@media screen and (max-width:999px) {
    .main1 { padding-bottom: 40px; }
    .main1 .img-list li { width: 3%; margin-right: .5%; }
    .main1 .img-list li .m3lien .m4zi{ position: relative; top: 0px; margin-top: 0px; margin: 0 auto; width: 100%; }
    .main1 .img-list li .m3lien:hover .m4zi{ top:0px; margin-top: 0px; color: #fff; background: #000000; background: rgba(0, 0, 0, 0.5);  }
    .main1 .title {  padding-top: 30px; }
    .main1 .img-scroll .hot{ padding-top: 20px; }
	.m1_ul li { display: inline-block; margin-left:30px; }
	
	.main1 .img-scroll {
   
    padding-top: 15px;
}
}

@media screen and (max-width:640px) {
    .m1_ul{ text-align: left; }
    .m1_ul li{ margin-left: 40px !important
	 }
    .main1 { padding-bottom: 20px; }
    .main1 .img-list li { width: 4.7%; margin-right: .5%; }
    .main1 .title { padding-top: 20px;  }
    .main1 .title a{ font-size:24px;font-size:2.4rem;  }
}
@media screen and (max-width:360px) {

    .main1 .img-list{ width: 276px;  margin: 0 auto; }
    .main1 .img-list li { width: 10%; margin-right: .2%; }
    .main1 .title a{ font-size:20px;font-size:2rem;  }
}

.main2{ background: #dceefe; padding-top: 86px; padding-bottom: 39px; }
.m2_ul{ letter-spacing:0; font-size:0 }
.m2_ul li{  display:inline-block; vertical-align:top; width: 21%; margin-left: 4.3%;    padding-bottom: 52px;}
.m2_ul li .m2_wrap{ padding-left: 68px;  }
.m2_ul li .m2_wrap .title{ padding-bottom: 5px; margin-top: -3px;}
.m2_ul li .m2_wrap .title a{ font-size:18px;font-size:1.8rem;color:#0c3392; font-weight: bold;line-height: 28px; }
.m2_ul li .m2_wrap p a{ display: block; line-height: 28px; text-indent:2em; font-size:14px; font-size:1.4rem }
.m2_ul li .m2_wrap a:hover{ color: #f8921b; }
.m2_ul li.li1 .m2_wrap{ background: url( ../images/yang1.jpg ) no-repeat left 10px; }
.m2_ul li.li2 .m2_wrap{ background: url( ../images/yang2.jpg ) no-repeat left 10px; }
.m2_ul li.li3 .m2_wrap{ background: url( ../images/yang3.jpg ) no-repeat left 10px; }
.m2_ul li.li4 .m2_wrap{ background: url( ../images/yang4.jpg ) no-repeat left 10px; }
.m2_ul li.li5 .m2_wrap{ background: url( ../images/yang5.jpg ) no-repeat left 10px; }
.m2_ul li.li6 .m2_wrap{ background: url( ../images/yang6.jpg ) no-repeat left 10px; }
.m2_ul li.li7 .m2_wrap{ background: url( ../images/yang7.jpg ) no-repeat left 10px; }
.m2_ul li.li8 .m2_wrap{ background: url( ../images/yang8.jpg ) no-repeat left 10px; }
  

@media screen and (max-width:1219px) {
  
    .m2_ul li .m2_wrap{ padding-left: 60px; }
    .m2_ul li .m2_wrap .title a{ font-size:16px;font-size:1.6rem; }
	.m2_ul li{     min-height: 72px;}
}

@media screen and (max-width:999px) {
    .m2_ul li{ float: left; width: 31%; margin-left: 1%!important; padding-bottom: 20px;}
}

@media screen and (max-width:960px) {
    .main2{ background: #dceefe; padding-top: 20px; padding-bottom: 20px; }
    .m2_ul li{ float: left; width: 98%; margin-left: 1%!important; padding-bottom: 20px; min-height:auto;}
}
@media screen and (max-width:360px) {

}

.main3{ background: url( ../images/main3.jpg ) no-repeat left top;     padding-bottom: 47px;position: relative; }
.main3 .wp{ position: relative; }
.main3 .m3_img1{ display: block; width:576px; overflow:hidden; float:left ; margin-top:54px}

.main3 .m3_img1 img {
    display: block;
    max-width: 100%;
}
.main3 .m3_img1 .item-videobox {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
}

.main3 .m3_img1 .item-videobox .item-video {
    position: relative;
    overflow: hidden;
    padding-bottom: 104.3402%;
    height: 0;
}
.main3 .m3_img1 .item-videobox .item-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}
.main3 a:hover{ color: #f8921b; }
.m3_left .m3_contact:hover{ color: #0c3392; }
.m3_right p a:hover{ color: #0c3392; }


.m3_wrap{ margin-top: 86px; }
.m3_left{ position: relative; z-index: 99; width: 428px; background: #0054a7; background: rgba( 0, 84, 167, 0.9); padding-bottom: 65px; box-shadow: 5px 0px 5px rgba(0, 0, 0, 0.5); }
.m3_right{ position: relative; z-index: 9; padding-top: 159px;}

.m3_left_wrap{ max-width: 361px; width: 100%; margin: 0 auto; }
.m3_left a{ color: #fff; line-height: 28px; }
.m3_left .title { margin-bottom:30px; padding-top: 63px; padding-bottom: 20px; background: url( ../images/m3titl.png ) no-repeat bottom left;  }
.m3_left .title a{ font-size:36px;font-size:3.6rem; text-transform: uppercase; font-family: "Microsoft Yahei", "微软雅黑"; }
.m3_left p a{display: block; font-size:16px;font-size:1.6rem; text-indent:2em }
.m3_left .m3_contact{ display: block; width: 239px; height: 55px; line-height: 55px; text-align: center; font-size:16px;font-size:1.6rem; background: #f8921b; border-radius: 5px; margin-top: 112px; }

.m3_right p{ width: 182px; background: #f8921b; background: rgba(242, 152, 46, 0.9); padding-top: 21px; padding-bottom: 21px; }
.m3_right p a{ display: block; text-align: center; line-height: 20px; color: #fff; }
.m3_right p a img{ display: block; max-width: 100%; margin: 0 auto; margin-bottom: 5px;}
.m3_right p:first-child{ padding-top: 32px; padding-bottom: 28px; border-bottom: 1px solid rgba(255, 255, 255, 0.4);  }


@media screen and (max-width:1219px) {
    .m3_wrap{ margin-top: 40px; }
    .m3_left .title{ padding-top: 40px; }
    .m3_left{ width: 322px; background: #1c4499; padding-bottom: 40px; }
    .m3_right{ width: 130px;}
    .m3_right p{ width: 100%; }
    .m3_left_wrap{ max-width: 100%; width: 90%; }
    .m3_left .m3_contact{ margin-top: 10px; }
	
	.main3 .m3_img1{ display: block; width:48%; overflow:hidden; float:left ; margin-top:86px}

}

@media screen and (max-width:999px) {
    .main3{ background: #b2cfe6; padding-bottom: 10px; }
   
    .m3_wrap{ float: none; }
    .m3_left{ width: 80%; }
    .m3_right{ width: 20%; padding-top: 50px; }
    .m3_right p a{ width: 95%; margin: 0 auto;  }
	.main3 .m3_img1{ display: block; width:100%; overflow:hidden; float:none ; margin-top:30px}

}
@media screen and (max-width:767px) {
}
@media screen and (max-width:640px) {
    .m3_left .title{ padding-top: 20px; padding-bottom: 10px; margin-bottom: 10px; }
    .m3_left .title a{ font-size:24px;font-size:2.4rem; }
    .m3_left{ width: 100%; float: none; }
    .m3_right{ width: 100%; float: none; padding-top: 20px; }
    .m3_right p{ width: 49.5%; float: left;  height: 161px; overflow: hidden; padding: 0px; }
    .m3_right p:first-child{ border: 0px;height: 161px; overflow: hidden;padding: 0px; border-right: 1px solid rgba(255, 255, 255, 0.4);  }
    .m3_right p a img{ padding-top: 30px; }
    .m3_left p a{ font-size:14px;font-size:1.4rem; }
}
@media screen and (max-width:360px) {
    .m3_left .m3_contact{ height: 40px; line-height: 40px; }
}

/* main4 */
.main4{ background: #fff; padding-bottom: 110px;}
.m4_right .title a:hover{ color: #f45015; }
.m4_left .title a:hover{ color: #f45015; }
.m4_left{ width: 370px; }
.m4_right{ width: 746px; }
.heaq_silo_left a:hover{color: #f45015; }

.m4_left .title { padding-top: 71px; padding-bottom: 18px; background: url( ../images/m6title.png ) no-repeat bottom left; }
.m4_left .title a{ font-family: "Microsoft Yahei", "微软雅黑"; font-size:30px;font-size:3rem;color:#0054a7; text-transform: uppercase; }
.m4_right .title { padding-bottom: 18px; background: url( ../images/m6title.png ) no-repeat bottom left; }
.m4_right .title a{ font-family: "Microsoft Yahei", "微软雅黑"; font-size:30px;font-size:3rem;color:#0054a7; text-transform: uppercase; }


.m4_calendar{ position: relative;  height: 101px; margin-top: 30px; }
.m4_calendar .time{ background: #0054a7; width: 71px; height: 101px; position: absolute; left: 0px; top: 0px; }
.m4_calendar .time span{ line-height: 30px; padding-top: 16px; font-size:18px;font-size:1.8rem;color:#fff; display: block; text-align: center;}
.m4_calendar .time i{ font-size:30px;font-size:3rem;color:#fff; display: block; text-align: center; font-style: normal; }
.m4_calendar .title4{ padding-top: 3px; padding-bottom: 4px; }
.m4_calendar .title4 a{ font-size:18px;font-size:1.8rem;color:#333; line-height: 35px; }
.m4_calendar .m4_left_wen{ padding-left: 90px; }
.m4_calendar .m4_left_wen p{ height: 56px; overflow: hidden; }
.m4_calendar .m4_left_wen a{ display: block; line-height: 28px; text-indent:2em }
.m4_calendar:hover .time{ background: #f8921b; }
.m4_calendar .m4_left_wen a:hover{ color: #f8921b; }


.m4_right .slideBox{ width:100%; height:auto; overflow:hidden; position:relative; margin-top: 71px;}
.m4_right .slideBox .bd{ position:relative; height:100%; z-index:0;  margin-top: 30px; }
.m4_right .slideBox .bd li{ zoom:1; vertical-align:middle; }
.m4_right .slideBox .bd img{ max-width:350px; max-height:213px; display:block;  width: 100%; }
.m4_right .slideBox .prev{ position:absolute; right:29px; top:3%;  display:block; width:11px; height:18px;
    background:url(../images/m4rrowl.png) 0 0 no-repeat; filter:alpha(opacity=100);opacity:1;   }
.m4_right .slideBox .next{ position:absolute; right:0; top:3%; display:block; width:11px; height:18px;
    background:url(../images/m4arrowr.png) 0 0 no-repeat; filter:alpha(opacity=100);opacity:1;   }
.m4_right .slideBox .prev:hover{ filter:alpha(opacity=100);opacity:1; background:url(../images/m4rrowlh.png) 0 0 no-repeat; }
.m4_right .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1; background:url(../images/m4arrowrh.png) 0 0 no-repeat;  }
.m4_right .slideBox .prevStop{ display:none;  }
.m4_right .slideBox .nextStop{ display:none;  }
.heaq_silo_left{ width:47%; }
.heaq_silo_left a{display: block; line-height: 28px; }
.heaq_silo_left p{ margin-top: 11px; text-indent:2em}

.heaq_silo_left p a{ display:block; font-size:14px; font-size:1.4rem; 
    
}
@media screen and (max-width:1219px) {
    .m4_left{ width: 370px; }
    .m4_right{ width: 600px; }
}

@media screen and (max-width:999px) {
    .m4_right .slideBox{ margin-top: 50px; }
    .main4{ padding-bottom: 50px;}
    .m4_left{ width: 100%; float: none; }
    .m4_right{ width: 100%; float: none; }
}

@media screen and (max-width:640px) {
    .m4_right .slideBox{ margin-top: 20px; }
    .m4_left .title a{ font-size:24px;font-size:2.4rem; }
    .m4_right .title a{ font-size:24px;font-size:2.4rem; }
    .m4_left .title{ padding-top: 20px; padding-bottom: 10px; }
    .m4_right .title{ padding-top: 20px; padding-bottom: 10px; }
    .main4{ padding-bottom: 20px;}
    .heaq_silo_left{ width:100%; float: none; margin-bottom: 20px; }
    .m4_calendar .m4_left_wen a{ font-size:16px;font-size:1.6rem; }
    .m4_calendar .m4_left_wen p a{ font-size:14px;font-size:1.4rem; }
}
@media screen and (max-width:360px) { 
}



/* bread */
.bread{ background: url( ../images/bread.jpg ) no-repeat top center; padding-top: 67px;padding-bottom: 78px; }
.bread .top{text-align: center;margin-bottom: 7px;}
.bread .top a{font-size:40px;font-size:4rem;color:#fff;  display: inline-block;  }
.bread .bottom{text-align: center;color: #fff;}
.bread .bottom a{font-size:14px;font-size:1.4rem;color:#fff;}
.bread .bottom a:hover,.bread .bottom a.a2{color: #f2982e;}

/*goods*/
.product{padding-top: 85px; background: #eff6fc; }
.product .xiangqing .goods{width: 880px;    margin-bottom: 20px;}
.product .xiangqing .goods .box1{width: 100%;}
.product .xiangqing .goods .box1 ul{width: 100%; padding-bottom: 11px;}
.product .p-title1{font-size:30px;font-size:3rem;color: #0054a7;text-transform: uppercase;position: relative;top: -8px;margin-bottom: 20px;}
.product .p-title2{font-size:30px;font-size:3rem;color: #333333;text-transform: uppercase;margin-top: 26px;margin-bottom: 27px;}

.product .xiangqing .goods .box1 ul li { float:left; display:inline; width:268px; margin-left:38px;}
.product .xiangqing .goods .box1 ul li .m3lien{ max-width:268px;text-align: center; position: relative;  overflow: hidden; border: 1px solid #d2d2d2; padding: 7px ; margin: 0 auto; }
.product .xiangqing .goods .box1 ul li .m3lien a{ display: block; width: 100%; }
.product .xiangqing .goods .box1 ul li .m3lien .m4zi{ color: #333; position: absolute; top: 50%; margin-top: 35px; left: 0px; background: #ffffff; margin-left: 7px; margin-right: 7px;
     background: rgba(255, 255, 255, 0.8); width: calc( 100% - 14px); height: 47px; line-height: 47px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.product .xiangqing .goods .box1 ul li .m3lien  img{ max-width: 100%; margin: 0 auto;} 
.product .xiangqing .goods .box1 ul li .m3lien:hover .m4zi{ top:50%; margin-top: -23px; color: #fff; background: #000000; background: rgba(0, 0, 0, 0.5);  }

.product .litxt { max-width:268px; width: 100%; margin: 0 auto; margin-top: 8px;padding-bottom: 25px;}
.product .litxt .topp{text-align: center;margin-bottom: 8px; height: 27px; overflow: hidden;}
.product .litxt .topp a{ color: #333;line-height: 27px;}
.product .litxt .topp a:hover{color: #0054a7;}
.product .litxt .bott{position: relative;}
.product .litxt .bott a{font-size:14px;font-size:1.4rem;color: #fff; display: block;width: 141px;height: 33px;background-color: #0054a7; 
    line-height: 30px;text-align: center;margin: 0 auto; font-family: "Microsoft Yahei", "微软雅黑"; }
.product .litxt .bott a:hover{background-color: #f8921b;}
.product .litxt .bott input{position: absolute;left: 0%;top: 30%;cursor: pointer; }


/* .product ul.ul2 .litxt {background-color: #fff;} */

.product .xiangqing .goods ul.ul2 li{margin-bottom: 10px;}

/*list*/
.product .xiangqing .list {width: 260px;margin-bottom: 50px;}
.product .xiangqing .list .title1{margin-bottom:9px;}
.product .xiangqing .list .title1 a{text-align: center; text-transform: uppercase; display: block; height: 45px;line-height: 45px;background-color: #0054a7;color: #fff;font-size: 24px;font-size: 2.4rem; }
.product .xiangqing .list .title1 a:hover{background-color: #f8921b;}
.product .xiangqing .list .subNavBox{}


.product .xiangqing .list .subNav{cursor: pointer;margin-bottom: 0px;border: 1px solid #d2d2d2; margin-top: 8px;padding-top: 0px;background:#eee url(../images/probg.png) no-repeat 13px center; }
.product .xiangqing .list .subNav a{ line-height:26px; padding-top:7px; padding-bottom:7px; padding-left:47px; font-size:14px; font-size:1.4rem; color:#333333; transition:0s; display:block;}

.product .xiangqing .list .subNav:hover{ background:#0054a7 url(../images/probgon.png) no-repeat 13px center;}
.product .xiangqing .list .subNav:hover a{ color:#fff;}

.product .xiangqing .list .currentDd{ background:#0054a7 url(../images/probgon.png) no-repeat 13px center; }
.product .xiangqing .list .currentDd a{color:#fff;}


.product .xiangqing .list .navContent{display: none; background:#fff;position: relative;padding-top:8px;padding-bottom:10px;border: 1px solid #d2d2d2;border-top: 0;}
.product .xiangqing .list .navContent>li a{display:block; font-size:14px; font-size:1.4rem; padding-top: 0;padding-bottom: 0px; color:#333; padding-left:47px;line-height: 30px }
.product .xiangqing .list .navContent>li a:hover{color: #0054a7; }

.list .juse{color: #0054a7 !important; }
.product .xiangqing .list .title2{width: 100%;margin-bottom:20px;    margin-top: 12px;}
.product .xiangqing .list .title2 a{font-size:24px;font-size:2.4rem; display: block;height:45px;line-height:45px;background-color: #0054a7;color: #fff; text-align: center;text-transform: uppercase;}
.product .xiangqing .list .title2 a:hover{background-color: #f8921b;}
.product .xiangqing .list dl{border: 1px solid #ccc;background-color: #eeeeee;}
.product .xiangqing .list dl dd{background-color: #eeeeee;padding-bottom:18px;border-bottom: 1px solid #ccc;padding-left: 22px;padding-right: 22px;padding-top: 22px;}
.product .xiangqing .list dl dd .top a{ color: #333;padding-left: 26px; display: block; background: url(../images/newslist.png) no-repeat left center; line-height: 26px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.product .xiangqing .list dl dd .bottom a{font-size:14px;font-size:1.4rem;color: #333;line-height: 24px;display: block; text-indent:2em}
.product .xiangqing .list dl dd a:hover{color: #0054a7;}
.product .xiangqing .list dl dd .bottom{margin-top: 9px;}
.product .xiangqing .list dl dd.dd2{border-bottom: 0px;}

 
/*page*/
.page{position: relative;margin:0px auto 98px;}
.page {text-align: center;}
.page a {display: inline-block;background-color:#fff;color: #333; margin-right:5px;width: 33px;height: 28px;line-height: 28px; border: 1px solid #e5e5e5; text-align:center;font-size: 12px;font-size: 1.2rem;border-radius: 0px;}
.page a.on,.page a:hover{background-color: #0054a7 ;border: 1px solid #0054a7; color: #fff;}
.page a.first{width:59px;margin-right:3px;}
.page a.last{width: 59px;margin-left: 0px;}
.page span{display: inline-block;width: 50px;text-align: center;font-size:16px;font-size:1.6rem;color: #333;position: relative;top: 3px;}
.page img{display: inline-block;position: relative;top: 5px;margin-left: 15px;margin-right: 8px;}
.ins{margin-left: 4px; width: 133px;display: inline-block;height: 28px;font-family: "Microsoft Yahei", "微软雅黑"; line-height: 26px;text-align: center; border: none; 
    outline: none;background-color: #0054a7;color: #fff;font-size: 12px;font-size: 1.2rem;cursor: pointer;border: 1px solid #0054a7;}
.ins:hover{background-color: #f8921b;border: 1px solid #f8921b;}

.no:hover{border: 1px solid #e5e5e5 !important;background-color:#fff !important;color: #333 !important; }

/* good1 */
.product .xiangqing .goods1{width: 880px;}

.product #tsShopContainer li,.product #tsShopContainer img{vertical-align:top;}
.product #tsShopContainer{position:relative; float:left; 
}
.product #tsShopContainer #tsImgS{text-align:center;width:416px;height: 416px; position:relative;border:0px solid #dadada; padding: 0px 0px!important}
.product #tsShopContainer #tsImgS a{display:block;text-align:center;margin:0px auto;}
.product #tsShopContainer #tsImgS img{ display: block;}
.product #tsShopContainer #tsPicContainer{width:100%;position:relative;
height:106px;
margin-top: 18px;
}
.product #tsShopContainer #tsPicContainer #tsImgSArrL{width:12px;position:absolute;top:0px;left:0px;cursor:pointer;
height:106px;background:url(../images/prleft.png) no-repeat left center;}
.product #tsShopContainer #tsPicContainer #tsImgSArrR{width:12px;position:absolute;top:0px;right:0px;cursor:pointer;
height:106px;background:url(../images/prright.png) no-repeat right center;} 
.product #tsShopContainer #tsPicContainer #tsImgSArrL:hover{background:url(../images/prlefth.png) no-repeat left center;}
.product #tsShopContainer #tsPicContainer #tsImgSArrR:hover{background:url(../images/prrighth.png) no-repeat right center;} 
.product #tsShopContainer #tsPicContainer #tsImgSCon{position:absolute;top:2px;left:18px;width:1px;overflow:hidden;
height:106px;}
.product #tsShopContainer #tsPicContainer #tsImgSCon ul{width:100%;overflow:hidden;}
.product #tsShopContainer #tsPicContainer #tsImgSCon li{width:106px;float:left;cursor:pointer;margin-left: 0px;margin-bottom: 0;
padding: 0 11px;}
.product #tsShopContainer #tsPicContainer #tsImgSCon li a{ display:block; 
width:106px;}
.product #tsShopContainer #tsPicContainer #tsImgSCon li img{display:block;
width:106px;
height:106px;border: 0px solid #dadada;}

.product .MagicZoomBigImageCont{border:1px solid #dadada;background:#FFF;}
.product .MagicZoomBigImageCont img{width: 832px!important;height: 832px!important;}
.product .MagicZoomPup{border:0px solid #aaa;background:#ffffff;}

.product .xiangqing .goods1 .content{width: 414px; margin: 17px auto 0;padding-right: 0px;}
.goods1 .content .title{text-align: left;margin-bottom: -4px;border-bottom: 1px solid #dddddd;padding-bottom: 0px; margin-bottom: 14px;}
.goods1 .content .title h1{text-align: left;  font-size:22px;font-size:2.2rem;color: #0054a7 ;position: relative;top: -3px;line-height: 30px;}
.goods1 .content p{font-size:16px;font-size:1.6rem;color: #333;line-height: 26px;}
.goods1 .content li{padding-left: 12px; font-size:14px;font-size:1.4rem;color: #333;line-height: 26px;}




.rsh{margin-top: 114px;}
.at-resp-share-element .at-icon{width:26px!important;height:26px!important;}
.at-style-responsive .at-share-btn{padding: 0!important; border-radius: 2px!important;}
.at-resp-share-element .at-share-btn .at-icon-wrapper{width:26px!important;height:26px!important;}
.at-resp-share-element .at-share-btn{margin-bottom: 0!important;margin-right: 3px!important;}


.goods1 .content .btn{width:85%;margin-top: 27px;}
.goods1 .content .btn a { display: block; font-size:14px;font-size:1.4rem;color: #fff;width: 141px; height:33px;line-height:30px;text-align: center;background-color:#0054a7;}
.goods1 .content .btn a:hover{background-color: #f8921b;color:#fff;}



.goods1 .content .btn a.none:hover{background-color: #0054a7 !important;color:#fff !important;}

.goods1 .content .share1{width: 100%;position: relative;top: 0px;margin-top: 20px;}
.goods1 .content .share1 .lspan{margin-right: 7px; text-align:left;height: 24px;line-height: 24px;font-size:14px;font-size:1.4rem;color:#333;}
.goods1 .content .share1 .rsh{height: 24px;}

.protitle1{border-bottom: 1px solid #ccc;  width: 100%;margin-bottom: 13px;margin-top: 29px;height:37px;line-height: 33px; }
.protitle1 a{font-size:26px;font-size:2.6rem;color: #0054a7;margin-left: 0px;display: block;}
 
.protitle2{ background: url( ../images/pro4buj.jpg ) no-repeat left bottom; width: 100%;margin-bottom: 40px;padding-bottom: 19px; text-transform: uppercase; margin-top: 114px;height:37px;line-height: 33px; font-family: "Microsoft Yahei", "微软雅黑";}
.protitle2 a{font-size:36px;font-size:3.6rem;color: #0054a7;margin-left: 0px;display: block;}
.protitle2 a:hover{ color:#333}
.protitle3{     background: url(../images/pro4buj.jpg) no-repeat left bottom;
    width: 100%;
    margin-bottom: 40px;
    padding-bottom: 19px;
    text-transform: uppercase;
    height: 37px;
   
    margin-top: 50px;
    line-height: 33px;
    font-family: "Microsoft Yahei", "微软雅黑";}
.protitle3 a{font-size:36px;font-size:3.6rem;color: #0054a7;margin-left: 0px;display: block;}

.protitle3 a:hover{ color:#333}
.pro_x{font-size:14px;font-size:1.4rem;color:#333; line-height: 30px; }
.product .xiangqing .goods1 .pro_x p{ font-size:14px;font-size:1.4rem;color:#333; line-height: 30px; text-indent:2em  }

.pro_x span { font-size:14px;font-size:1.4rem;color:#333; line-height: 30px; }
.pro_x b{ font-size:22px;font-size:2.2rem;color:#333; line-height: 30px; }
.pro_x a{ font-size:14px;font-size:1.4rem;color:#f8921b; line-height: 30px; }
.pro_x img{ display: block; max-width: 100%; margin: 0 auto;}
.pro_x iframe{ display: block; max-width: 100%; margin: 0 auto;}


.pro_x2{font-size:14px;font-size:1.4rem;color:#333; line-height: 30px; }
.pro_x2 p{ font-size:14px;font-size:1.4rem;color:#333; line-height: 30px; text-indent:2em  }
.pro_x2 span { font-size:14px;font-size:1.4rem;color:#333; line-height: 30px; }
.pro_x2 b{ font-size:22px;font-size:2.2rem;color:#333; line-height: 30px; }
.pro_x2 a{ font-size:14px;font-size:1.4rem;color:#f8921b; line-height: 30px; }
.pro_x2 img{ display: block; max-width: 100%; margin: 0 auto;}
.pro_x2 iframe{ display: block; max-width: 100%; margin: 0 auto;}



.pro_ul4 { width:100%; padding-bottom: 100px;}
.pro_ul4 li { float:left; display:inline; width:276px; margin-left:32px;}
.pro_ul4 li .m3lien{ max-width:276px;text-align: center; position: relative;  overflow: hidden; border: 1px solid #d2d2d2; padding: 7px; }
.pro_ul4 li .m3lien a{ display: block; width: 100%; }
.pro_ul4 li .m3lien .m4zi{color: #333; position: absolute; top: 50%; margin-top: 35px; left: 0px; background: #ffffff; margin-left: 7px; margin-right: 7px;
     background: rgba(255, 255, 255, 0.8); width: calc( 100% - 14px); height: 47px; line-height: 47px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pro_ul4 li .m3lien  img{ max-width:260px; max-height:260px;width: 100%; margin: 0 auto;} 
.pro_ul4 li .m3lien:hover .m4zi{ top:50%; margin-top: -23px; color: #fff; background: #000000; background: rgba(0, 0, 0, 0.5);  }

.img980{display: none;}
.img980 ul li{width: 23%;margin: 1%;float: left;}
.img980 ul li a{display: block;width: 100%;}
.img980 ul li a img{display: block;width: 100%;}


/*pro media zhuyemian*/
@media screen and  (max-width:1219px){
    .product .xiangqing .goods{width: 700px;}
    .product .xiangqing .goods .box1 ul li{width: 31%;margin: 0 1% 2% 1%!important;}
    .pro_ul4 li{width: 23%;margin: 0 1% 2% 1%!important;}
}
@media screen and  (max-width:999px){
    .product .xiangqing .list .title2{ margin-top: 20px; }
    .page { margin-bottom: 30px; }
    .page a{ margin-bottom: 10px; }
    .product .xiangqing .goods{width:100%;}
    .product .xiangqing .goods .box1 ul li{width: 23%;margin: 0 1% 2% 1%!important;}
    .product .xiangqing .list{width: 100%; margin-bottom: 30px; margin-top:30px; clear:both; float:none}
}   
@media screen and  (max-width:900px){
    .product .xiangqing .goods .box1 ul li{width: 31%;margin: 0 1% 2% 1%!important;}
}
@media screen and  (max-width:640px){
    .product .xiangqing .goods .box1 ul li{width: 48%;margin: 0 1% 2% 1%!important;}
}
@media screen and  (max-width:380px){
    .product .xiangqing .goods .box1 ul li{width: 100%;margin: 0 0% 2% 0%!important;}
}

/*pro media xiangqingyemian*/
@media screen and  (max-width:1219px){
    .product .xiangqing .goods1{width: 700px;}
    .MagicZoomPup,.MagicZoomBigImageCont {display: none!important;}
    .MagicZoom{cursor: auto!important;}
    .product #tsShopContainer{ max-width: 416px; width: 100%; float: none;margin: 0 auto;}
    .product .xiangqing .goods1 .content{width: 100%;} 
    .rel-pro li{width: 23%;margin: 1%!important;}
    .protitle2{ margin-top: 40px; }
}
@media screen and  (max-width:999px){ 
    .protitle2{ margin-top: 0px; }
    .product{ padding-top: 20px; }
    .img980{display: block;}
    .product #tsShopContainer{display: none;}
    .product .xiangqing .goods1{width:100%; clear:both; float:none }
    .pro_ul4{ padding-bottom: 30px; }
    .pro_ul4 li .m3lien .m4zi{ position: relative; bottom: 0px; margin-top: 0px; margin: 0 auto; width: 100%; }
    .pro_ul4 li .m3lien:hover .m4zi{ position: relative; top: 0px; margin-top: 0px; }
}

@media screen and  (max-width:640px){
    .pro_ul4 li { width: 48%; }
    .protitle2 { padding-bottom: 5px; margin-bottom: 10px; }
    .protitle2 a{ font-size:24px;font-size:2.4rem; }
    .goods1 .content .title h1{ font-size:20px;font-size:2rem; }
    .product .xiangqing .list .title1 a{ font-size:20px;font-size:2rem; }
    .product .xiangqing .list .title2 a{ font-size:20px;font-size:2rem; }
    .product .xiangqing .goods1 .img980  ul li{width: 48%;margin: 0 1% 2% 1%!important;}
}
@media screen and  (max-width:420px){ 
    .goods1 .content .btn a,.goods1 .content .btn span{float: none;margin: 15px auto 0;}
}

/***************************************************************************  download  *******************************************************************/
 
.domain{  padding-top: 76px;  background: #eff6fc; }
.dolie{ background: url( ../images/dolie.png ) repeat-x bottom center; position:relative; padding-bottom:28px; margin-bottom: 20px; }
.domor{ display:block; width:118px; height:26px; border:1px solid #0054a7; border-radius:13px; text-align:center; font-family: "Microsoft Yahei", "微软雅黑";
    line-height:26px; position:absolute; right:0px; top:0px; font-size:14px; font-size:1.4rem; text-transform:uppercase; color:#0054a7; margin-top:33px;}
.xiazai{ display:block; width:27px; position:absolute; right:140px; top:0px; margin-top:31px;}
.xiazai img{ width:27px; height:28px;}
.dozi{ padding-right:340px;}
.dozi>a{ display:block; font-size:18px; font-size:1.8rem; color: #333333; line-height:30px; }
.dozi p{ color:#666666; font-size:14px; font-size:1.4rem; line-height:30px; margin-top:7px; text-indent:2em}
.dozi p a{ color:#0054a7; }
.domor:hover{ background:#0054a7; color:#fff;}
.dozi>a:hover{ color:#0054a7;}
.dozi>a:hover p{ color:#0054a7;}

.domain .page { padding-top: 28px; margin-bottom: 76px; }
.domain .protitle2{ margin-top: 0px; }
@media screen and (max-width:999px){
.dozi{ padding-right:240px;}

}
@media screen and (max-width:640px){
    .domain .page { padding-top: 28px; margin-bottom: 26px; }
    .domain{  padding-top: 20px;  background: #eff6fc; }
    .dozi{ padding-right:0px;}
    .domor{ position:relative; right:auto; top:auto; float:left; margin-top: 20px; }
    .xiazai{ position:relative; right:auto; top:auto; float:left; margin-left:15px; margin-top: 20px;}
}


/* news1 */
.news1{ background: #eff6fc; padding-top: 21px; padding-bottom: 22px; }
.news_ul{  }
.dan_new_wreap{ position: relative; }
.news_ul  li{ border-bottom: 1px dashed #d1d1d1; padding-bottom: 44px; margin-top: 64px; }
.news_ul .time{ background: #0054a7; width: 71px; height: 101px; position: absolute; left: 0px; top: 0px; }
.news_ul .time span{ line-height: 30px; padding-top: 16px; font-size:18px;font-size:1.8rem;color:#fff; display: block; text-align: center;}
.news_ul .time i{ font-size:30px;font-size:3rem;color:#fff; display: block; text-align: center; font-style: normal; }

.news_ul .img{ display: block; padding-left: 108px;  }
.news_ul .img img{ display: block; max-width: 330px; max-height: 201px; width: 100%;  }

.news_ul .wenzi{ width: 723px; }
.news_ul .wenzi a{ display: block;  }
.news_ul .wenzi .title{  padding-top: 3px; padding-bottom: 12px; font-size:18px;font-size:1.8rem; color:#333; line-height: 28px;    }
.news_ul .wenzi .alside{  padding-bottom: 36px; font-size:14px;font-size:1.4rem;color:#666666;  line-height: 28px; text-indent:2em }
.news_ul .wenzi .more{ display: block;  width: 115px; height: 35px; line-height: 33px; background: transparent; 
     text-align: center;  font-size:14px;font-size:1.4rem; color:#999999; border: 1px solid #aaaaaa;    }
.news_ul .wenzi .more:hover{ background: #f8921b; border-color: #f8921b; color: #fff;  }

.news_ul  li:hover .time{ background: #f8921b; }
.news_ul .wenzi .title:hover{  color: #f8921b;  }
.news_ul .wenzi .alside:hover{ color: #f8921b;  }

.news1 .page {  margin: 48px auto 78px; }

@media screen and (max-width:1219px) {
    .news_ul .wenzi{ width: 480px; }
}

@media screen and (max-width:999px) {
    .news1{ padding-top:0px; padding-bottom: 0px; }
    .news_ul  li{ margin-top: 20px; padding-bottom: 20px; }
    .news_ul .wenzi .alside{ padding-bottom: 10px; }
    .news_ul .wenzi .title{ margin-bottom: 0px;padding-bottom: 0px; }
    .dan_new_wreap{ width: 100%; float: none; }
    .news_ul .wenzi{ width: 100%; float: none; padding-top: 10px; }
    .news_ul .time{  }
    .news_ul .img{  padding-left: 0px; }
    .news1 .page {  margin: 30px auto 30px; }
}

@media screen and (max-width:640px) {
    .news1 .page {  margin: 20px auto 20px; }
    .protitle3 { padding-bottom: 0px; margin-bottom: 20px; }
    .protitle3 a{ font-size:24px;font-size:2.4rem; }

}
 
/*********************************************************************  news2  **********************************************************************/
.nemain2{ background: #eff6fc; padding-top:81px; padding-bottom:94px;}
.nemain2 .top1 .title1{text-align: center;}
.nemain2 .top1 .title1 h1{font-size: 18px;font-size:1.8rem;color: #333;font-weight: normal;}
.nemain2 .top1 .time{text-align: center;margin-top: 13px;margin-bottom: 22px;}
.nemain2 .top1 .time>span{ color: #999999;font-weight: normal;display: inline-block; 
line-height: 26px;padding-left: 22px;background: url(../images/shizhong.png ) no-repeat left center; }


.nemain2 .top1 .time .shar{ display: inline-block; position: relative; top: 0px; margin-left: 10px; }
.nemain2 .top1 .time .shar img{ display: block; max-width: 100%; }

.nex{  line-height:28px;  color:#333333;}
.nex p{ text-indent:2em} 
.nex p,.nex span,.nex strong{ color:#333333;}
.nex a{ color:#f8921b;}
.nex img{ max-width:100%;}
.nex a:hover{ color:#333}


.nex table{ width:100%; border-collapse:collapse; line-height:22px; border:1px solid #ccc;}
.nex table tr td{ padding:3px; border:1px solid #ccc;}
@media screen and (max-width:1000px){
.nex .table{ width:100%;  overflow:scroll;}
	
}


.fanpian{ border-top:1px dashed #808080; padding-top:28px; margin-top:75px; font-family: Arial;}
.fanpian li{ line-height:30px; position:relative;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; padding-left:91px; margin-top:16px; font-size:16px; font-size:1.6rem; color:#333333;}
.fanpian li>span{ display:block; width:77px; height:24px; line-height:24px; border:1px solid #0a0a0a; text-align:center; position:absolute; left:0px; top:0px; font-size:14px; font-size:1.4rem; background:#fff; transition:0.5s;  color:#333333;}
.fanpian li a{ color:#333333; font-size:16px;font-size:1.6rem;}
.fanpian li a:hover{ color:#f8921b;}

.fanpian li:hover .span{  color:#333 !important;}
.fanpian li a.no:hover{ color:#333 !important; border:none !important}
.fanpian .span:hover{ color:#333 !important; cursor:auto; }

@media screen and (max-width:999px) {
    .nemain2{ background: #eff6fc; padding-top:30px; padding-bottom:30px;}
}

@media screen and (max-width:640px) {
    .nemain2{ background: #eff6fc; padding-top:20px; padding-bottom:20px;}
}

/* comain */

/****************************************************************  contact  ********************************************************/
.comain{ background: #eff6fc;padding-top: 42px; padding-bottom:62px; }

.col{ width:480px; float:left; padding-top:33px;}
.cor{ width:662px; float:right; margin-right:7px; margin-top:7px;}

.col li{ font-size:14px; font-size:1.4rem; line-height:40px; padding-left:26px;}
.col li>a{}
.col li a:hover{ color:#f8921b;}

.codingwei{ background:url(../images/codingwei.png) no-repeat left 12px;}
.codianhua{ background:url(../images/codianhua.png) no-repeat left 10px;}
.coxinfeng{ background:url(../images/coxinfeng.png) no-repeat left 15px;}
.cos{ background:url(../images/cos.png) no-repeat left 13px;}
.coditu{ display:block; margin-top:22px;}
.coditu img{ display:block; margin:auto; width:100%; max-width:477px; max-height:286px;}

.cor p{ font-size:14px; font-size:1.4rem; color:#666666; line-height:30px; padding-top:24px; margin-left:14px; }

.coxin3{ margin-top:2px; *border:1px solid #fff; padding-bottom:20px;}
.coxin3 .xing{ background:url(../images/xing.png) no-repeat left 26px; padding-left:14px;}
.coxin3 .int1{ padding-left:14px; width:313px; float:left; margin-bottom:23px;}
.coxin3 .int2{ padding-left:14px; width:313px; float:right; margin-bottom:23px;}
.coxin3 .int1 input,.coxin3 .int2 input{  width:297px; height:52px; padding-left:13px; font-size:14px; font-size:1.4rem; line-height:52px; border:1px solid #d2d2d2;}
.coxin3 .tex{ padding-bottom:21px; background:url(../images/xing.png) no-repeat left 16px; padding-left:14px;}
.coxin3 textarea{ width:633px; height:184px; padding-left:13px; font-size:14px; font-size:1.4rem; line-height:36px; border:1px solid #d2d2d2; }
.coxin3 .int5{ margin-bottom:20px;}
.coxin3 .int3{ width:163px; height:52px; padding-left:13px; font-size:14px; font-size:1.4rem; line-height:52px; border:1px solid #d2d2d2; float:left; margin-right:22px; }
.coxin3 .int4{ width:250px; height:54px; border:1px solid #f8921b; float:right; background:#f8921b; font-size:16px; font-size:1.6rem;  color:#fff; cursor:pointer; }
.coxin3 .int4:hover{ background:#fff; border:1px solid #f8921b; color:#f8921b;}
.ditu{ display:block; width:100%; max-width:1200px; max-height:415px; margin-top:35px;}
@media screen and (max-width:1219px){
	.coditu .iframe{ overflow:scroll}
	}
@media screen and (min-width:1000px) and (max-width:1219px){
.col{ width:300px; overflow:hidden}
.cor{ width:662px; margin-right:0px;}
.coxin3 textarea{ width:633px; height:120px;}
}
@media screen and (max-width:999px){
 
.comain{ padding-bottom:0px; padding-top:0px; background: #eff6fc;}
.col{ width:40%; padding-top: 20px;}
.cor{ width:57%; margin-right:0px;}
.cor p{ font-size:14px; font-size:1.4rem; line-height:22px;}
.coxin3 .xing{ background:url(../images/xing.png) no-repeat left 16px;}
.coxin3 .int1{ margin-bottom:10px;}
.coxin3 .int2{ margin-bottom:10px;}
.coxin3 .int1,.coxin3 .int2,.coxin3 .tex{ width:auto; float:none;}
.coxin3 .tex{ padding-bottom:10px; background:url(../images/xing.png) no-repeat left 25px;}
.coxin3 .int1 input,.coxin3 .int2 input,.coxin3 textarea,.coxin3 .int3{ width:95%; height:30px; line-height:30px;}
.coxin3 .int3{ margin-bottom:10px;}
.coxin3 .int4{ width:32%; float:left; margin-left:10px; font-size:14px; font-size:1.4rem;}
.coxin3 .int5{ margin-bottom:10px;}
.coxin3 textarea{ height:120px;}
}
@media screen and (max-width:639px){
.col{ width:100%; float:none;}
.cor{ width:100%; float:none; margin-right:0px;}
.coxin3 .int1 input,.coxin3 .int2 input,.coxin3 textarea,.coxin3 .int3{ width:90%;}
.coxin3 .int4{ font-size:14px; font-size:1.4rem;width:20%;}
.ditu{ margin-top:30px;} 
}
@media screen and (max-width:370px){
.coxin3 .int4{ width:93%; margin-left:auto; margin-top:10px;}
}

/* video */
.video{padding-top: 77px;background: #eff6fc;}
.video .big{max-width:825px;margin: 0 auto 84px; }
.video .big .top{position: relative;overflow: hidden;}
.video .big iframe{display: block;max-width: 825px; max-height: 518px; width: 100%; margin: 0 auto;}
.video .big iframe img{display: block;max-width: 825px; max-height: 518px; width: 100%; margin: 0 auto;}
 
.video .big .top a.vzhezhao{display: block; transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-webkit-transition: 0.5s; width: 100%;top: 0;left:100%; height: 100%;position: absolute;}
.video .big .top:hover a.vzhezhao{left: 0;}
.video .bottom a{display: block;text-align: center;}

.video .bottom a.a1{font-size:16px;font-size:1.6rem;line-height: 30px;margin-top: 17px;margin-bottom: 2px;}
.video .bottom a.a2{font-size:14px;font-size:1.4rem;line-height: 30px; color: #666666;}

.video .small ul { padding-bottom: 23px; }
.video .small ul li{float: left;margin-left: 28px;margin-bottom: 25px;width: 381px;}
.video .small .s-top{position: relative;overflow: hidden;}
.video .small iframe{display: block;max-width: 380px; max-height: 380px; width: 100%; margin: 0 auto;}
.video .small iframe img{display: block;max-width: 380px; max-height: 380px; width: 100%; margin: 0 auto;}
 
.video .small .s-top a.vzhezhao{display: block; transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-webkit-transition: 0.5s; width: 100%;top: 0;left:100%; height: 100%;position: absolute;}
.video .small .s-top:hover a.vzhezhao{left: 0;}

.video .small .s-bottom {margin-top: 6px; border: 1px solid #dcdcdc;padding: 0 30px 15px 15px; } 
.video .small .s-bottom a{display: block;}
.video .small .s-bottom a.title{font-size:16px;font-size:1.6rem;color:#333;margin-top: 14px;margin-bottom: 6px;text-align: center;} 
 
.video .small .s-bottom a.miaoshu{ height: 48px; overflow: hidden; font-size:14px;font-size:1.4rem;line-height: 24px;color:#333; text-indent:2em}
 

@media screen and (max-width:1219px){
	.video .small ul li{width: 31%;margin: 1%!important;}
}
@media screen and (max-width:849px){
    .video .big{ margin: 0 auto 20px;  }
	.video .small ul li{width: 48%;margin: 1%!important;}
}
@media screen and (max-width:410px){
	.video .small ul li{width: 98%;margin: 1%!important;}
}

/* about */
.about{padding-top: 84px;background: #eff6fc; }
.about_top{ padding-bottom: 53px; }
.about_top p{ line-height: 28px; padding-top: 12px; text-indent:2em}
.about_top img{ display: block; /*max-width: 584px; max-height: 349px;*/ width: 100%;  margin-left: 31px;}
 
.about_conter{ padding-top: 31px; padding-bottom: 57px; margin-bottom: 49px; background: #dceefe; text-align: center;}
.about_conter p{ padding-top: 28px; font-size:14px;font-size:1.4rem;color:#333; line-height: 28px; }
 
.about_top3{ padding-bottom: 12px; }
.ab3_wrap{ }
.ab3_left{ width: 578px; margin-top: -1px; }
/*.ab3_right{ width: 597px; }*/
.about_top3 p { margin-top: -10px; }
.about_top3 p.span{ display: block; line-height: 28px; margin-bottom: 30px; }
.about_top3 img{     display: block;
    width: 100%;
    /* min-height: 187px; */
    /* max-width: 590px; */
    /* max-height: 349px; */
    width: 100%;
    height: 242px;
    margin-top: 56px; }

 
@media screen and (max-width:1219px) {
    .ab3_left{ width: 49%; }
    .ab3_right{ width: 49%; }
    .about_top3 img{ width: 48%; }
}

@media screen and (max-width:999px) {
    .about_conter{ margin-bottom: 20px; }
    .ab3_left{ width: 100%; float: none;  padding-bottom: 20px;}
    .ab3_right{ width: 100%; float: none;}
    .about_top3 p.span{ margin-bottom: 10px; }
    .about_top img{ float: none;  margin: 0 auto; }
}

@media screen and (max-width:640px) {
    .about_top{  padding-bottom: 20px; }
    .about_conter{ padding-top: 0px; padding-bottom: 20px; }
}
@media screen and (max-width:360px) {

}

/* quality */
.quality{padding-top: 82px;background: #eff6fc; }
.quality_top{ padding-bottom: 65px; }
.quality_top p{ line-height: 28px; padding-top: 12px; padding-bottom: 16px;}
.quality_top img{ display: block; max-width: 510px; max-height: 345px; width: 100%; margin-left: 31px; margin-top: 3px;}
.quality_top p.protitle4{ background: url( ../images/pro4buj.jpg ) no-repeat left bottom; width: 100%;margin-bottom: 4px;padding-bottom: 19px; padding-top: 0px;
    text-transform: uppercase;  height:37px;line-height: 33px; font-family: "Microsoft Yahei", "微软雅黑";font-size:36px;font-size:3.6rem;color: #0054a7;}
  

.quality_center{ padding-bottom: 62px; }
.quality_center p{ line-height: 28px; padding-top: 47px; }
.quality_center p.span{ display: block; line-height: 28px; /*padding-bottom: 28px; */}
.quality_center img{ display: block; max-width: 485px; max-height: 323px; width: 100%; margin-right: 51px;  }
 


@media screen and (max-width:1219px) {
    .quality_top{ padding-bottom: 40px; }
    .quality_center{ padding-bottom: 40px; }
    .quality_center p{ padding-top: 2px; }
    .quality_center p.span{ padding-bottom: 10px;}
}

@media screen and (max-width:999px) {
    .quality_top p{ padding-bottom: 0px; }
    .quality{ padding-top: 40px; }
    .quality_top{ padding-bottom: 20px; }
    .quality_center{ padding-bottom: 20px; }
    .quality_top img{ float: none; margin: 0 auto; margin-bottom: 15px; }
    .quality_center img{ float: none; margin: 0 auto; margin-bottom: 15px;}
    .quality_top p.protitle4{ font-size:30px;font-size:3rem; }
}

@media screen and (max-width:640px) {
    .quality{ padding-top: 20px; }
    .quality_center{  padding-bottom: 0px;  }
    .quality_center p.span{ margin-bottom: 15px; padding-bottom: 0px; }
    .quality_top p.protitle4{ padding-bottom: 0px; font-size:24px;font-size:2.4rem; }
}
@media screen and (max-width:360px) {

}


/* factory */
.factory{ padding-top: 82px;background: #eff6fc; }

.factory_top{ padding-bottom: 37px; }
.factory_top p{ line-height: 28px; padding-top: 12px; padding-bottom: 16px;}
.factory_top img{ display: block; max-width: 510px; max-height: 345px; width: 100%; margin-left: 83px; margin-top: 3px;}
.factory_top p.protitle4{ background: url( ../images/pro4buj.jpg ) no-repeat left bottom; width: 100%;margin-bottom: 4px;padding-bottom: 19px; padding-top: 0px;
    text-transform: uppercase;  height:37px;line-height: 33px; font-family: "Microsoft Yahei", "微软雅黑";font-size:36px;font-size:3.6rem;color: #0054a7;}
  

.factory_center{ padding-bottom: 28px; }
.factory_center p{ line-height: 28px;  }
.factory_center p span{ display: block; line-height: 28px; padding-bottom: 28px; }
.factory_center img{ display: block; max-width: 485px; max-height: 323px; width: 100%; margin-right: 51px; margin-top: 30px; }

.fac_bottom{ padding-bottom: 63px; } 
.fac_bottom p{ line-height: 28px; padding-bottom: 28px; }

@media screen and (max-width:1219px) {
    .factory_top{ padding-bottom: 40px; }
    .factory_center{ padding-bottom: 40px; }
    .factory_center p{ padding-top: 2px; }
    .factory_center p span{ padding-bottom: 10px;}
}

@media screen and (max-width:999px) {
    .factory{padding-top: 52px;background: #eff6fc; }
    .factory_top p{ padding-bottom: 0px; }
    .quality{ padding-top: 40px; }
    .factory_top{ padding-bottom: 20px; }
    .factory_center{ padding-bottom: 20px; }
    .factory_top img{ float: none; margin: 0 auto; margin-bottom: 15px; }
    .factory_center img{ float: none; margin: 0 auto; margin-bottom: 15px;}
    .factory_top p.protitle4{ font-size:30px; font-size:3rem; }
}

@media screen and (max-width:640px) {
    .factory{padding-top: 22px;background: #eff6fc; }
    .factory_top p.protitle4{ padding-bottom: 0px; font-size:24px; font-size:2.4rem; }
 
    .quality{ padding-top: 20px; }
    .quality_center{  padding-bottom: 0px;  }
    .quality_center p.span{ margin-bottom: 15px; padding-bottom: 0px; }
    .fac_bottom{ padding-bottom: 0px; }
}
@media screen and (max-width:360px) {

}

/* Rd */

.Rd{ padding-top: 82px;background: #eff6fc; }

.Rd_top{ padding-bottom: 95px; }
.Rd_top p{ line-height: 28px; padding-top: 6px; }
.Rd_top img{ display: block; max-width: 553px; max-height: 299px; width: 100%; margin-left: 55px; margin-top: 1px;}
.Rd_top p.protitle4{ background: url( ../images/pro4buj.jpg ) no-repeat left bottom; width: 100%;margin-bottom: 13px;padding-bottom: 19px; padding-top: 0px;
text-transform: uppercase;  height:37px;line-height: 33px; font-family: "Microsoft Yahei", "微软雅黑";font-size:36px;font-size:3.6rem;color: #0054a7;}
@media screen and (max-width:1219px) {
    .Rd_top{ padding-bottom: 50px; }
}

@media screen and (max-width:999px) {
    .Rd{ padding-top: 50px  }
    .Rd_top{ padding-bottom: 20px; }
    .Rd_top img{  float: none; margin: 0 auto;  margin-bottom: 10px;}
    .Rd_top p.protitle4{ padding-bottom: 0px; font-size:30px; font-size:3rem; margin-bottom: 8px; }
}

@media screen and (max-width:640px) {
    .Rd{ padding-top: 20px  }
    .Rd_top p.protitle4{ padding-bottom: 0px; font-size:24px; font-size:2.4rem; margin-bottom: 8px; }

}
@media screen and (max-width:360px) {

}


/* certification */
.certification{ padding-top: 45px;background: #eff6fc; padding-bottom: 93px; }


.cer_ul1 li{ float: left;  margin-left: 73px; padding-top: 42px;  }
.cer_ul1 li .dan_wrap{ position: relative;  max-width: 245px; width: 100%; margin: 0 auto;  overflow: hidden;   }
.cer_ul1 li .dan_wrap .fu{ position: absolute; top: 100%;width: 100%; height: 100%; left: 0; }
.cer_ul1 li .dan_wrap img{ display: block; max-width: 245px; max-height: 349px; width: 100%; }
.cer_ul1 li .wenzi{  padding-top: 11px; max-width: 245px; width: 100%; margin: 0 auto;  line-height: 24px; text-align: center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.cer_ul1 li:hover .dan_wrap .fu{ top: 0px;  }
.cer_ul1 li:hover .wenzi a{ color: #bd6358;  }
 

.certification .img-scroll {     position: relative;
    width: 100%;
    margin-top: 36px; }
.certification .img-scroll .hot{ position: relative; top: 0px; float: right;  max-width: 72px; width: 100%; height:31px; margin-bottom: 25px;}
.certification .img-scroll .prev,.certification .img-scroll .next{position:absolute;display:block;width:31px;height:31px;  }
.certification .img-scroll .prev { left:0;cursor:pointer; background:url(../images/arrowleft2.png) no-repeat center;}
.certification .img-scroll .next { right:0;cursor:pointer; background:url(../images/arrowright2.png) no-repeat center;}
.certification .img-scroll .prev:hover { background:url(../images/arrowleft2on.png) no-repeat center;}
.certification .img-scroll .next:hover { background:url(../images/arrowright2on.png) no-repeat center;}

.certification .img-list { position:relative; width:100%; overflow:hidden;margin: 0 auto;}
.certification .img-list ul { width:1000%;}
.certification .img-list li { float:left; display:inline; width:358px; margin-right:62px;}
.certification .img-list li .m3lien{ max-width:358px;text-align: center; position: relative;  overflow: hidden;}
.certification .img-list li .m3lien img{ max-width:358px; max-height:248px;width: 100%; margin: 0 auto;} 
.certification .img-list li .m3lien .m4zi{ display: block; padding-top: 10px;  max-width: 358px; width: 100%; margin: 0 auto;  line-height: 24px; text-align: center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}



@media screen and (max-width:1219px) {

    .cer_ul1 li{ width: 23%; margin-left: 1%!important; margin-right: 1%; }
    .certification .img-list li{ width: 3.1%; margin-right: .3%; }
}

@media screen and (max-width:999px) {
    .cer_ul1 li .dan_wrap .fu{ top: 0px;  }
    .certification{ padding-top: 20px; padding-bottom: 43px; }
    .cer_ul1 li{ width: 31%; margin-left: 1%!important; margin-right: 1%; padding-top: 20px; }
    .certification .img-scroll{  margin-top: 20px; }
}

@media screen and (max-width:640px) {
    .cer_ul1 li{ width: 48%; margin-left: 1%!important; margin-right: 1%; }
    .certification{ padding-top: 0px; padding-bottom: 23px; }
    .certification .img-scroll{ max-width: 358px; width: 100%; margin: 0 auto; margin-top: 20px; }
    .certification .img-list{ max-width: 358px; width: 100%;  margin: 0 auto; }
    .certification .img-list li{ width: 10%; margin-right: .3%; }
}
@media screen and (max-width:360px) {
	.list_cart{ margin-bottom:50px;}

}


.ziti{ font-family: "Microsoft Yahei", "微软雅黑"; }
.zitif{  font-family: "Microsoft Yahei", "微软雅黑";}



#baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;  background-color:#222;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease;z-index:99999999999999999999999999999999999999;}
#baguetteBox-overlay.visible{opacity:1}
#baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center;}
#baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}
#baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6);}

#baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;color:#ccc;background-color:#000;background-color:rgba(0,0,0,.6);font-family: "Microsoft Yahei", "微软雅黑";}
#baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}
#baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-moz-transform .4s ease;transition:left .4s ease,transform .4s ease}
#baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}
#baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}
.baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px}
.baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%;
border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease;}
.baguetteBox-button:hover{background-color:rgba(50,50,50,.9)}
.baguetteBox-button#next-button{right:2%}
.baguetteBox-button#previous-button{left:2%}
.baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px}
.baguetteBox-button svg{position:absolute;left:0;top:0}
.spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px}
.double-bounce1,.double-bounce2{width:100%;height:100%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}
.double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}


.pro_x2 table{ width:100%; border-collapse:collapse; line-height:22px; border:1px solid #ccc;}
.pro_x2 table tr td{ padding:3px; border:1px solid #ccc;}
@media screen and (max-width:1000px){
.pro_x2 .table{ width:100%;  overflow:scroll;}
.pro_x2  table{ width:885px;}    
}


.big .top img{width: 100%;}

@media screen and (max-width:1220px){
    .header_ul1>li {
    float: left;
    line-height: 42px;
    margin-left: -2px;
    position: relative;
}
.header_top .logo {
    margin-top: 19px;
    width: 64%;
}
}


.about_conter p img{width: 100%;}


.ab3_right {
    width: 597px;
   margin-top: 81px;
}

@media screen and (max-width:770px){
  .ab3_right {
    width: auto;

}  


}

@media screen and (max-width:1220px){
  .about_top3 img {
     width: auto; 
}
.ab3_right {
    width: auto;}  
}


.video .big{display: none;}
.xunpanc a:hover{ color:#f8921b}

.gongc_ul  li{ border-bottom: 1px dashed #d1d1d1; padding-bottom: 44px; margin-top: 64px; }

.gongc_ul .img{ display: block; width:29.1%  }
.gongc_ul .img img{ display: block; max-width: 100%;  }

.gongc_ul .wenzi{ width: 66.66%; }
.gongc_ul .wenzi a{ display: block;  }
.gongc_ul .wenzi .title{  padding-top: 3px; padding-bottom: 12px; font-size:18px;font-size:1.8rem; color:#333; line-height: 28px;    }
.gongc_ul .wenzi .alside{  padding-bottom: 36px; font-size:14px;font-size:1.4rem;color:#666666;  line-height: 28px; text-indent:2em }
.gongc_ul .wenzi .more{ display: block;  width: 115px; height: 35px; line-height: 33px; background: transparent; 
     text-align: center;  font-size:14px;font-size:1.4rem; color:#999999; border: 1px solid #aaaaaa;    }
.gongc_ul .wenzi .more:hover{ background: #f8921b; border-color: #f8921b; color: #fff;  }

.gongc_ul  li:hover .time{ background: #f8921b; }
.gongc_ul .wenzi .title:hover{  color: #f8921b;  }
.gongc_ul .wenzi .alside:hover{ color: #f8921b;  }

.gongc_ul .page {  margin: 48px auto 78px; }



@media screen and (max-width:999px) {
    .news1{ padding-top:0px; padding-bottom: 0px; }
    .gongc_ul  li{ margin-top: 20px; padding-bottom: 20px; }
    .gongc_ul .wenzi .alside{ padding-bottom: 10px; }
    .gongc_ul .wenzi .title{ margin-bottom: 0px;padding-bottom: 0px; }
  

    .gongc_ul .page {  margin: 30px auto 30px; }
}
@media screen and (max-width:767px) {
	.gongc_ul .img{ display: block; width:100%; float:none; }

.gongc_ul .wenzi{ width: 100%; clear:both; float:none }
	}

@media screen and (max-width:640px) {
    .gongc_ul .page {  margin: 20px auto 20px; }
   

}
.m-hnav {

	position: relative;

	padding-top: 56px;

	padding-bottom: 38px;

	background-color: #0054a7; margin-top:-5px

}

.m-hnav .box-list {

	margin-bottom: -20px;

	font-size: 0;

	letter-spacing: 0;

	text-align: center;

	overflow: hidden;

}



.m-hnav .list-item {



	margin-left: 34px;

	margin-bottom: 20px;

	display: inline-block;

*display: inline;

*zoom: 1;

	vertical-align: top;

	width:110px;

}



.m-hnav .item-title {

	margin-top: 8px;

	line-height: 24px;

	font-size: 16px;

	font-size: 1.6rem;

	text-align: center;

	color: #fff;

}

.m-hnav .item-title a {

	color: #fff;

}

.m-hnav .item-title a:hover {

	color: #f8921b;

}

.m-hnav:before {

	content: "";

	position: absolute;

	margin: 0 auto;

	left: 0;

	right: 0;

	top: 100%;

	width: 30px;

	height: 26px;

	background: url("../images/sj1.png") no-repeat center;

}

@media screen and (max-width: 1219px) {

.m-hnav .list-item {



	margin-left: .5% !important; margin-right:.5% !important;

	margin-bottom: 20px;



	width:10.11%;

}

}

@media screen and (max-width: 999px) {

.m-hnav .list-item {



	margin-left: 1% !important; margin-right:1% !important;

	margin-bottom: 20px;



	width:18%;

}

}



 @media screen and (max-width: 767px) {

.m-hnav {

	padding: 10px 0; margin:0px

}



.m-hnav .item-title {

	font-size: 14px;

	font-size: 1.4rem;

}

.m-hnav:before {

	display: none;

}

}
 @media screen and (max-width:640px) {


.m-hnav .item-title{ margin-top:4px; line-height:20px}
.m-hnav {
    padding: 6px 0;
}
.m-hnav .list-item {
	margin-left: 1% !important; margin-right:1% !important;

	margin-bottom: 20px;



	width:23%;

}
.m-hnav .list-item img{ width:50%}
}

.guanywm p{ text-indent:2em}
.imgdb img { display:block; max-width:100%; margin:0 auto}
.imgdb{ font-size:0; letter-spacing:0; margin-top:10px}
.imgdb p{ display:inline-block; vertical-align:top; width:48%; margin-right:2%; text-align:center; color:#fff; line-height:25px; font-size:14px; font-size:1.4rem}

.zhiliankz { font-size:16px; font-size:1.6rem; line-height:25px}
.zhiliankz table{ width:100%; border-collapse:collapse; line-height:22px; border:none;}
.zhiliankz table tr td{ padding:10px; border:none; font-size:16px; font-size:1.6rem;}
.zhiliankz table tr td img{ width:100%}

@media screen and (max-width:1000px){
.zhiliankz .table{ width:100%;  overflow:scroll;}
	
}
.f_msg{font-size: 14px;font-size: 1.4rem;background: #eff6fc;line-height: 24px;padding: 20px 0;}
.f_msg p{text-align: center;}
.f_msg p a{text-align: center;}
.f_msg p a:hover{ color:#f8921b;}