@charset "utf-8";/* CSS Document */
*{margin: 0;padding: 0;}
html {font-size: 62.5%;height: 100%}
body {margin: 0 auto;font-size: 14px;font-size: 1.4rem;height: 100%; font-family: 微软雅黑; }
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: 微软雅黑; 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:#999999;}
:-o-placeholder {/* Mozilla Firefox 4 to 18 */
 color:#999999;}
::-moz-placeholder {/* Mozilla Firefox 19+ */
 color:#999999;}
:-ms-input-placeholder {/* Internet Explorer 10+ */
 color:#999999;}
 .zanwu{ padding-top:50px;}
 .bubni:hover{ color:#e0e0e0 !important;}
@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;}}


.at-resp-share-element .at-icon{width: 24px!important;height: 24px!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: 24px!important;height: 24px!important;}
.at-resp-share-element .at-share-btn{margin-bottom: 0!important;margin-right: 3px!important;}

/*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:#ff960e; }
.carousel ol li:last-child{margin: 0;}
}


.search{width:19px;z-index:99999; position:absolute;background:none;top:43px; right:0px; }
.sb-icon-search {color: #333;width:19px;height:25px;display:block;}
.sb-search-submit {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0;color: transparent;border: none;outline: none;z-index: 99999; }
.search_1000{}
.sb-search {position:relative;width: 0%;min-width: 19px;height: 25px;float: right;display:inline;overflow: hidden;-webkit-transition: width 0s;-moz-transition: width 0s;transition: width 0s;-webkit-backface-visibility: hidden;z-index:99999; border-radius:5px; color:#333}
.sb-search-input {position: absolute;top: 0;left:0px;outline: none;width:236px;height: 25px;line-height:25px;padding-left:10px;border:none;margin: 0;z-index: 10;font-family: 微软雅黑; background:transparent;color:#333}
.sb-icon-search,.sb-search-submit{width: 19px;height: 25px;display: block;position: absolute;right: 0px;top:0px;padding: 0;margin: 0;cursor: pointer;background:url(../images/sousuo.png) no-repeat right 1px;}
.sb-search.sb-search-open,
.no-js .sb-search {width: 236px;height:25px;line-height:25px;position:relative;right:0px;top:0px;z-index: 9999999; background:#fff; color:#333; border:1px solid #ff960e;}
.no-js .sb-search .sb-icon-search {position:absolute;background:#fff url(../images/sousuo.png) no-repeat center;z-index: 15;right:0px;top:0px; border:none !important}
.no-js .sb-search .sb-search-submit{z-index: 9990;}




/* header */
.header{ z-index: 999; width: 100%; position: relative; padding-bottom: 14px; }
.header .wp{ position: relative; }
.header .logo{ margin-top: 8px;}
.header .logo img{ display: block; max-width: 311px; width: 100%; }

.header_right{  }
.header_ul1{ /*margin-top: 17px;*/ margin-left: 92px; }
.header_ul1>li{ float: left; margin-left: 73px; position: relative; padding-bottom: 7px; }
.header_ul1>li>a{ font-size:18px;font-size:1.8rem; color: #333333; line-height: 30px; padding-bottom: 10px; font-family: 微软雅黑;  }
.header_ul1>li:hover>a,.header_ul1 li.on>a{ color: #ff960e; line-height: 35px; }
.header_ul1>li:hover .dan_header{ display: block; }

.dan_header{ display: none;  width: 231px; box-shadow: 0px 0px 5px rgba(0,0,0,.15); padding-bottom: 5px; padding-top: 5px; 
    position: absolute; left: -66px; top: 100%; background: #fff;  z-index: 999999;   }
.dan_header>li{ line-height: 40px; padding-left: 23px;  position: relative;  }
.dan_header>li>a{ font-size:14px;font-size:1.4rem;color:#333; line-height: 40px; display: block;} 
.dan_header>li:hover>a{ color: #ff960e; display: block }
.dan_header>li:hover .dan_sanheader{ display: block;  }




.dan_sanheader{ display: none; width: 160px; padding-bottom: 5px; box-shadow: 0px 0px 5px rgba(0,0,0,.15);  position: absolute; left: 100%; top: 0px; background: #fff;   z-index: 999999;  }
.dan_sanheader>li{ line-height: 40px; padding-left: 23px;  position: relative;  }
.dan_sanheader>li>a{ font-size:14px;font-size:1.4rem;color:#333; line-height: 40px; display: block; } 
.dan_sanheader>li:hover>a{ color: #ff960e; }    



@media screen and (max-width:1219px) {
    .header_ul1{ margin-top: 37px; margin-left: 30px; }
    .header_ul1>li{ margin-left: 30px; }
}

@media screen and (max-width:979px) {
    .header_ul1{ display: none; }

}

@media screen and (max-width:640px) {
    .header .logo{ width: 85%; }

}
@media screen and (max-width:320px) {

}

/* footer */
.footer{ background: url(../images/footerbj.jpg) repeat-y top center;   color:#e0e0e0; min-height: 412px; } 
.footer a{ color: #e0e0e0; line-height: 30px; }
.footer p{ color: #e0e0e0; line-height: 30px; }
.footer .title{ font-size:24px;font-size:2.4rem;color:#e0e0e0; text-transform: uppercase; line-height: 30px; padding-top: 48px; }
.footer .title a{ font-size:24px;font-size:2.4rem;color:#e0e0e0; text-transform: uppercase; line-height: 30px; }

.footer a:hover{ color: #ff960e;}

.footer_left{ float: left; width: 28.6%;  }
.footer_center1{ float: left; width: 20.5%; }
.footer_center{ float: left; width: 20.5%; }
.footer_right{ float: right; width: 25%; }

.footer_center ul{ margin-top: 19px; }
.footer_center ul li { color: #e0e0e0; line-height: 30px;}
.footer_center ul li a{ color: #e0e0e0;  }
 
.footer_left ul{ margin-top: 19px; }
.footer_center1 ul{ margin-top: 19px; }
.footer_right p{ }
.footer a.tech{ padding-right: 5px; }

.shejiao{ padding-top: 29px;padding-bottom: 11px; }
/*.shejiao a{ display: inline-block; margin-left: 20px; }*/


.link{ padding-top: 80px; font-size:16px;font-size:1.6rem; }
.link a{ font-size:16px;font-size:1.6rem; display: inline-block; padding-left: 5px; }

@media screen and (max-width:999px) {

    .link { padding-bottom: 30px; padding-top: 30px; }
    .footer_left ul{ margin-top: 5px; }
    .footer_center1 ul{ margin-top: 5px; }
    .footer_center ul{ margin-top: 5px; }
    .shejiao{ padding-top: 10px;padding-bottom: 11px; }

    .footer_left{ float: left; width: 48%;  }
    .footer_center1{ float: right; width: 48%; }
    .footer_center{ float: left; width: 48%; }
    .footer_right{ float: right; width: 48%; }

}
@media screen and (max-width:640px) {
    .footer{ padding-bottom: 20px; }
    .link{ display: none; }
}

@media screen and (max-width:540px) {
    .footer{ padding-bottom: 10px; }
    .footer .title{ padding-top: 15px;  font-size:20px;font-size:2rem;}
    .footer .title a{ font-size:20px;font-size:2rem; }
    .footer_left{ float: none; width: 100%;  }
    .footer_center1{ float: none; width: 100%; }
    .footer_center{ float: none; width: 100%; }
    .footer_right{ float: none; width: 100%; }
}
@media screen and (max-width:360px) {

}


/* main1 */
.main1{ padding-top: 54px; }
.main1 a:hover{color: #ff960e; }
/* .main1 .img-list li .m3lien a:hover{color: #ff960e; } */
.m1_tuimg{ display: block;  }
.m1_tuimg img{ display: block; max-width: 819px; max-height: 98px; width: 100%;  margin: 0 auto; }
.main1 .title{  padding-top: 30px; padding-bottom: 14px; text-align: center; background: url(../images/mqtu1.jpg) no-repeat bottom center; }
.main1 .title a{ font-size:36px;font-size:3.6rem;color:#333;  font-family: 微软雅黑; }
.main1 .title2{ padding-top: 19px; padding-bottom: 20px; text-align: center;   }
.main1 .title2 a{ color: #666666; display: block; line-height: 30px; }
/*.main1 .title2 a:hover{ color: #ff960e; } */
 

.main1 .img-scroll { position:relative; width: 100%; padding-top: 20px; }
.main1 .img-scroll .prev,.main1 .img-scroll .next{position:absolute;display:block;width:22px;height:55px; top: 45%; margin-top: -52.5px; z-index: 999; }
.main1 .img-scroll .prev { left:0;cursor:pointer; background:url(../images/main1-arrowl.png) no-repeat center;}
.main1 .img-scroll .next { right:0;cursor:pointer; background:url(../images/main1-arrowr.png) no-repeat center;}
.main1 .img-scroll .prev:hover { background:url(../images/main1-arrowlh.png) no-repeat center;}
.main1 .img-scroll .next:hover { background:url(../images/main1-arrowrh.png) no-repeat center;}
.main1 .img-list { position:relative; width:92.3%; overflow:hidden;margin: 0 auto;}
.main1 .img-list ul { width:1000%;}
.main1 .img-list li { float:left; display:inline; width:330px; margin-right:59px;}
.main1 .img-list li .m3lien{ max-width:330px;text-align: center;  position: relative; margin: 0 auto; overflow: hidden; text-align: center;}
.main1 .img-list li .m3lien a{ display: block; }
.main1 .img-list li .m3lien img{ max-width:328px; max-height:420px;width: 99%; border: 1px solid #dbdbdb; margin: 0 auto;} 
.main1 .img-list li .m4zi{ padding-top: 7px; padding-bottom: 3px; display: block; margin: 0 auto; max-width:328px; width: 100%; font-size:16px;font-size:1.6rem;color:#333; line-height: 30px; text-align: center;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.main1 .img-list li p{ height: 60px; overflow: hidden; }
.main1 .img-list li p a{ display: block; line-height: 30px; color: #666; text-align: center; }

@media screen and (max-width:1219px) {

    .main1 .img-list li{ width: 3.25%; margin-right: .11%; }

}

@media screen and (max-width:999px) {
    .main1{ padding-top: 30px; }
    .main1 .img-scroll {  } 
    .main1 .img-list{ width: 100%; }
    .main1 .img-list li{ width: 4.8%; margin-right: .3%; }
}

@media screen and (max-width:640px) {
    .main1{ padding-top: 20px; }
    .main1 .title { padding-bottom: 10px; }
    .main1 .title a{ font-size:24px;font-size:2.4rem; }
    .main1 .img-list li{ width: 10%; }
}
@media screen and (max-width:360px) {

}

.main2{ margin-top: 16px; padding-top: 367px;  background: url(../images/m2bj.jpg) no-repeat  top center;  }
.main2 a:hover{ color: #333; }
.m3_ul li a.m2_tiel2:hover{ color: #333; }

.m2_left{ width: 475px; color: #fff; padding-left: 32px; }
.m2_left a{ color: #fff; }
.m2_left .title{ margin-bottom: 33px; padding-bottom: 10px; background: url(../images/m2titl2.jpg) no-repeat bottom left; }
.m2_left .title a{ font-size:36px;font-size:3.6rem;  font-family: 微软雅黑; text-transform: uppercase;  }
.m2_left p{ padding-bottom: 26px; }  
.m2_left p a{ display: block; line-height: 26px; }
.m3_ul{ padding-top: 26px; }
.m3_ul li{ float: left; margin-left: 45px; }
.m3_ul li a{ display: block; text-align: center;  }
.m3_ul li a.m2_tiel2{ padding-bottom: 13px; font-size:24px;font-size:2.4rem;color:#fff; }

.m2_img21{ display: block; max-width: 676px; max-height: 448px; width: 100%; margin-top: 181px; }

@media screen and (max-width:1219px) {

    .m2_left{ width: 420px; padding-left: 0px; }
    .m2_img21{ width: 50%; margin-top: 230px; }
    .m3_ul li{  margin-left: 17px; }
}

@media screen and (max-width:999px) {
    .main2{ background: #ff960e; padding-top: 20px; padding-bottom: 10px; }
    .m2_left{ width: 100%; float: none; padding-left: 0px;}
    .m2_img21{ width: 100%; float: none; margin-top: 20px; }
}

@media screen and (max-width:640px) {
    .m3_ul{ margin-top: 0px; padding-top: 0px; }
    .m3_ul li{ margin-bottom: 10px; }
    .m2_left .title { margin-bottom: 10px; }
    .m2_left .title a{ font-size:24px;font-size:2.4rem; }

}
@media screen and (max-width:360px) {

}



/* main3 */
.main3{ }
.main3 .title{ margin-bottom: 51px; padding-top: 70px; padding-bottom: 11px; text-align: center; background: url(../images/mqtu1.jpg) no-repeat bottom center; }
.main3 .title a{ font-size:36px;font-size:3.6rem;color:#333;  font-family: 微软雅黑; }
.main3 .title a:hover{ color: #ff960e; }
.main4 .title a:hover{ color: #ff960e; }
.main1 .title a:hover{ color: #ff960e; }

.m4_ul{ width: 100%; }
.m4_ul li:nth-child(3n+1){margin-left: auto !important}
.m4_ul li { float: left; width: 352px; margin-left: 72px; }
.m4_ul li img{ display: block; max-width: 352px; width: 100%; }
.m4_wrap{ background: #f7f7f7; max-width: 352px; width: 100%; margin: 0 auto; padding-bottom: 13px; }
.m4_wenzi { max-width: 325px; width: 95%; margin: 0 auto; }
.m4_wenzi .time{margin-top: 10px; margin-bottom: -2px; }
.m4_wenzi .time span{ font-size: 12px; font-size: 1.2rem; line-height: 30px; padding-left: 25px; display: block; background: url(../images/m4_tiro.png) no-repeat left center; color: #999999; }
.m4_wenzi .tite3{ display: block; font-size:16px;font-size:1.6rem;color:#333; line-height: 30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.m4_wenzi .title4{ height: 90px; overflow: hidden; display: block; line-height: 30px; color: #666; word-wrap:break-word }
.m4_wenzi .more{margin-top: 12px; display: inline-block; color: #333; padding-right: 19px; background: url(../images/hm4more.png) no-repeat right center; }
/* .m4_ul li a:hover{ color: #ff960e; }*/
.m4_wenzi .more:hover{ color: #ff960e; }

@media screen and (max-width:1219px) {

    .m4_ul li{ width: 31%; margin-left: 1%!important; margin-right: 1%; }
}

@media screen and (max-width:999px) {

}

@media screen and (max-width:640px) {
    .main3 .title{ padding-top: 20px; margin-bottom: 20px; padding-bottom: 10px; }
    .main3 .title a{ font-size:2.6px;font-size:2.6rem; }
    .m4_ul li{ width: 98%; margin-left: 1%!important; margin-right: 1%; margin-bottom: 20px; }
}
@media screen and (max-width:360px) {
    .m4_ul li{ width: 98%; margin-left: 1%!important; margin-right: 1%; }
}


 
/* main4 */
.main4{ }
.main4 .title{ margin-bottom: 49px; padding-top: 65px; padding-bottom: 12px; text-align: center; background: url(../images/mqtu1.jpg) no-repeat bottom center; }
.main4 .title a{ font-size:36px;font-size:3.6rem;color:#333;  font-family: 微软雅黑; }

.m3box{position: relative; margin-bottom: 39px;}
.m3box .inner{overflow: hidden;width: 100%;margin: auto; height: auto;}
.m3box ul{width: 1000%;height: auto;}
.m3box li{float: left;width: 464px;margin-right: 41px;margin-top: 35px;}
.m3box li.cur{width: 580px;
    /* height: 500px; */
    margin-top: 0;}
    .m3box li a{display: block;}
.m3box li img{width: 100%;max-width: 697px;max-height: 387px;display: block;}
.m3box li p{display: none;font-size: 14px;font-size: 1.4rem;color: #333;line-height: 50px;text-align: center;}
.m3box .des{height: 40px;font-size: 16px;font-size: 1.6rem;color: #333;line-height: 38px;text-align: center;color: #333333;}

.m3box .m4_peocxu{
    width: 218px; 
    height: 44px; 
    position: absolute;
    left: 50%;
    margin-left: -109px;
    bottom: 40px;
}


.m3box .prev,.m3box .next{position: absolute;top:0px;width: 108px;height: 44px;}
.m3box .prev{left: 0px;background: url(../images/syshang.png) no-repeat left center;}
.m3box .next{right: 0px;background: url(../images/syxia.png) no-repeat left center;}
.m3box .prev:hover{background: url(../images/syshang2.png) no-repeat left center;}
.m3box .next:hover{background: url(../images/syxia2.png) no-repeat left center;}


@media screen and (max-width:1920px){  
    .m3box ul{ }
    .m3box li{width: 2.97%; margin-right: 0.196%;}
    .m3box li.cur{width: 3.66%; } 
}

@media screen and (max-width:999px){
    .m3box .inner{width: 100%;}
    .m3box ul{width: 1000%;height: auto;}
    .m3box li{ margin-top: 20px; }
}


@media screen and (max-width:789px){
    .m3box ul{width: 10000%;height: auto;}
    .m3box li{width: 0.278%;height: auto;margin-top: 30px; margin-right: 0.03%;  }
    .m3box li.cur{width:0.4%;height: auto; }
 
}


@media screen and (max-width:640px){ 
    .m3box li{width: 1%;}
    .m3box li.cur{padding-bottom: 0;} 
    .m3box li p{display: block;} 
    .m3box .des{ display: none; }
    .content{padding-top: 0;}
    .m3box .m4_peocxu{ position: relative; bottom: 0px; }
}




@media screen and (max-width:1219px) {

}

@media screen and (max-width:999px) {
    .main4 .title{ padding-top: 30px;  }
}

@media screen and (max-width:640px) {
    .m3box li{ margin-top: 0px; }
    .main4 .title{ padding-top: 0px; margin-bottom: 20px; padding-bottom: 10px; }
    .main4 .title a{ font-size:2.6px;font-size:2.6rem; }
}
@media screen and (max-width:360px) {

}



/* banner_top */
.banner_top{ padding-top: 75px; padding-bottom: 55px; background: url(../images/banner_top.jpg) no-repeat top center; text-align: center;  }
.banner_top .title2 { }
.banner_top .title2 a{  font-size:30px;font-size:3rem;color:#333; line-height: 30px; }
.banner_top p{ text-align: center; color:#333; line-height: 30px; padding-top: 11px;}
.banner_top p a{ font-size:14px;font-size:1.4rem; color:#333; line-height: 26px; }
.banner_top p a.on{ color: #ff960e; }
.banner_top p a:hover{ color: #ff960e; }

 

/* product */
.product{ padding-bottom: 98px; }
.pro1_ul1{padding-top: 20px;}
.pro1_ul1>li{float: left;margin-right: 10px;margin-top: 20px;position: relative;}
.pro1_ul1>li>a{font-size:2rem;display: block;border-radius: 50px;padding: 5px 7px;border: 2px solid #e0e0e0;width: 160px;text-align: center;}
.pro1_ul1>li.on>a,.pro1_ul1>li>a:hover{ color: #ff960e; border-color: #ff960e;  }

.pro1_ul1>li:hover .pro1_ul11{ display: block; }
.pro1_ul11{ display: none; position: absolute; top: 100%; width: 100%; z-index: 999;  background: #fff; border: 1px solid #e0e0e0; box-shadow: 0px 0px 5px rgba(0,0,0,.15); } 
.pro1_ul11>li{ width: 100%; }
.pro1_ul11>li>a{ padding-left: 16px; font-size:16px;font-size:1.6rem; display: block; line-height: 40px; }
.pro1_ul11>li>a:hover{ color: #ff960e;  }






.pro1_ul2{ padding-bottom: 47px; }
.pro1_ul2 li:nth-child(2n+1){margin-left: auto !important}
.pro1_ul2 li{width: 580px;float: left;margin-top:35px;margin-left:40px;padding-bottom: 5px;}
.pro1_ul2 li .por1_wrap{position: relative;max-width: 580px;width: 100%;margin: 0 auto;position: relative;}
.pro1_ul2 li .por1_wrap input{ position: absolute; top: 10px;left: 10px; cursor: pointer;}
.por1_wrap>a{ display: block; border: 1px solid #dedede; }
.por1_wrap img { display: block; max-width: 270px; max-height: 340px; width: 100%; }
.pro1_ul2 li .weniz{ }
.pro1_ul2 li .weniz a{ display: block;  }
.pro1_ul2 li .weniz a.sut1{line-height: 40px; padding-top: 6px; padding-bottom: 10px; font-size:16px;font-size:1.6rem;color:#333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align: center; }
.pro1_ul2 li .weniz a.sut2{ margin: 0 auto; border-radius: 50px; width: 200px; height: 31px; line-height: 31px; text-align: center; color: #ff960e; border: 1px solid #ff960e; }

.por1_wrap .weniz a.sut2:hover{ color: #fff; background: #ff960e; }
.pro1_ul2 li:hover .por1_wrap>a{  box-shadow: 0px 0px 8px rgba(0,0,0,.15);  }
.pro1_ul2 li:hover .weniz a.sut1{ color: #ff960e; }


/*page*/
.page{position: relative;margin: 0px auto ;}
.page {text-align: center;} 
.page a {display: inline-block;background-color:#333;color: #fff; margin-right:11px;width: 25px;height: 25px;line-height: 25px;text-align:center;font-size: 14px;font-size: 1.4rem;border-radius: 50%;}
.no:hover{color: #333 !important;  }
.page a.on,.page a:hover{background-color: #ff960e; }
.page a.first{width:59px;margin-right:23px; background: none!important; color: #333;}
.page a.last{width: 59px;margin-left: 0px;  background: none!important; color: #333;}
.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: -3px; width: 150px;display: inline-block;height: 28px; line-height: 26px;text-align: center; border: none; outline: none;
    background-color: #ff960e;color: #fff;font-size: 14px;font-size: 1.4rem;cursor: pointer; }


@media screen and (max-width:1219px) {
    .product{ padding-bottom: 40px; }
    .pro1_ul1 li{ margin-top: 10px; }
    .pro1_ul2{ padding-bottom: 47px; }
    .pro1_ul2 li{ width: 23%; margin-left: 1%!important; margin-right: 1%; }
}

@media screen and (max-width:999px) {
    .page a { margin-bottom: 20px; }
    .pro1_ul2 li{ width: 31%; margin-left: 1%!important; margin-right: 1%; margin-top: 2%; }
}

@media screen and (max-width:640px) {
    .pro1_ul1{ padding-top: 10px; }
    .pro1_ul1 li a{ font-size:16px;font-size:1.6rem; }
    .pro1_ul2{ padding-top: 10px; padding-bottom: 20px; }
    .pro1_ul2 li .weniz a.sut1{ padding-top: 0px;padding-bottom: 0px; }
    .product{ padding-bottom: 20px; }
    .pro1_ul2 li{ width: 98%; margin-left: 1%!important; margin-right: 1%; }
}
@media screen and (max-width:500px) {
    .pro1_ul1 li { width: 100%; float: none; }
    .pro1_ul1 li a{ width: 100%; padding: 12px 0px; text-align: center; }

}



/* product2 */
.product2{  }
.product2 .slideBox{  max-width:950px;  width:100%; margin: 0 auto; height:auto; overflow:hidden; position:relative; margin-top: 47px;}
.product2 .slideBox .bd{ max-width:800px; width:100%;  margin: 0 auto; position:relative; height:100%; z-index:0;  border: 1px solid #dedede;  }
.product2 .slideBox .bd li{ zoom:1; vertical-align:middle; }
.product2 .slideBox .bd img{ max-width:800px; max-height:600px; display:block;  width: 100%; }
.product2 .slideBox .prev{ position:absolute; left:0; top:50%; margin-top:-23px; display:block; width:69px; height:14px;
    background:url(../images/product2-arrowl.png) 0 0 no-repeat; filter:alpha(opacity=100);opacity:1;   }
.product2 .slideBox .next{ position:absolute; right:0; top:50%; margin-top:-23px; display:block; width:69px; height:14px;
    background:url(../images/product2-arrowr.png) 0 0 no-repeat; filter:alpha(opacity=100);opacity:1;   }
.product2 .slideBox .prev:hover{ filter:alpha(opacity=100);opacity:1; background:url(../images/product2-arrowlh.png) 0 0 no-repeat;  }
.product2 .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  background:url(../images/product2-arrowrh.png) 0 0 no-repeat;}
.product2 .slideBox .prevStop{ display:none;  }
.product2 .slideBox .nextStop{ display:none;  }

.product2 h1{ margin-top: 21px; margin-bottom: 9px; font-size:16px;font-size:1.6rem;color:#333; text-align: center; line-height: 30px; }
.product2 .btn_wrap{ text-align: center;}
.product2 .btn_wrap .btn{margin-top: 26px;margin-bottom: 27px; width: 389px; display: inline-block;}
.product2 .btn_wrap .btn a, .product2 .btn_wrap .btn span {display: block; font-size:16px;font-size:1.6rem;color: #fff;width: 380px; border-radius: 50px;  font-family: 微软雅黑;
    height: 45px;line-height: 45px;text-align: center;background-color: #b9b9b9;}
 

.product2 .btn_wrap .btn a:hover{background-color: #ff960e;}
.product2 .btn_wrap .share1 { padding-top: 0px; display: inline-block; margin-left: 35px; }
.product2 .btn_wrap .share1 p{text-align: center; display: inline-block; }
.product2 .btn_wrap .share1 p span{font-size:14px;font-size:1.4rem;color: #666666;position: relative;top: -11px;margin-right: 0px;display: inline-block;}
.product2 .btn_wrap .share1 .shar{display: inline-block;}

.product2 .btn_wrap .share1 .shar .addthis_inline_share_toolbox_klm2{ top:-5px;}


.protitle1{background: url(../images/proline1.png) no-repeat left bottom; width: 100%;  margin-bottom: 20px;
    padding-bottom: 9px; margin-top: 16px;   font-family: 微软雅黑;}
.protitle1 a{ font-size:26px;font-size:2.6rem;color: #ff960e;   font-family: 微软雅黑; }

.pro_x{font-size:14px;font-size:1.4rem;color:#333; line-height: 30px; }
.pro_x p{ font-size:14px;font-size:1.4rem;color:#333; line-height: 30px; }
.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:#ff960e; 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_x table{ width:90%; border-collapse:collapse; line-height:22px; border:1px solid #ccc; margin-left:auto; margin-right:auto}
.pro_x table tr td{ padding:3px; border:1px solid #ccc; background:#fff}
 
.protitle2{  padding-top: 30px; padding-bottom: 14px; text-align: center; background: url(../images/mqtu1.jpg) no-repeat bottom center; }
.protitle2 a{ text-transform: uppercase; font-size:36px;font-size:3.6rem;color:#333;  font-family: 微软雅黑; }

.protitle2 a:hover{ color: #ff960e; }
 



.pro2_ul2{ padding-bottom: 47px; padding-bottom: 86px;}
.pro2_ul2 li:first-child{margin-left: auto !important}
.pro2_ul2 li{width: 270px;float: left;margin-top: 38px;margin-left: 40px;padding-bottom: 5px;}
.pro2_ul2 li .por1_wrap{ position: relative; max-width: 270px; width: 100%;  margin: 0 auto; position: relative; } 
.por1_wrap img {display: block;max-width: 578px;width: 100%;}
.pro2_ul2 li .weniz{ }
.pro2_ul2 li .weniz a{ display: block;  }
.pro2_ul2 li .weniz a.sut1{line-height: 35px; padding-top: 1px; padding-bottom: 7px; font-size:16px;font-size:1.6rem;color:#333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align: center;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
 }
.pro2_ul2 li .weniz a.sut2{ margin: 0 auto; border-radius: 50px; width: 127px; height: 31px; line-height: 31px; text-align: center; color: #ff960e; border: 1px solid #ff960e; }

.pro2_ul2 .weniz a.sut2:hover{ color: #fff; background: #ff960e; } 
.pro2_ul2 li:hover .weniz a.sut1{ color: #ff960e; }

@media screen and (max-width:1219px) {
    .pro2_ul2 li { width: 23%; margin-left: 1%!important; margin-right: 1%; }
}

@media screen and (max-width:999px) {
    .product2 .slideBox .bd{ width: 99%; }
    .protitle2{ margin-bottom: 10px; }
    .product2 .slideBox{ margin-top: 20px; }
    .pro2_ul2 { padding-bottom: 40px; }
    .pro2_ul2 li { width: 48%; margin-left: 1%!important; margin-right: 1%; margin-top: 2%;}
}

@media screen and (max-width:640px) {
    .pro2_ul2 { padding-bottom: 20px; }
    .product2 .btn_wrap .btn{ max-width: 280px; }
    .product2 .btn_wrap .btn a, .product2 .btn_wrap .btn span{ width: 48%; }
    .protitle1 a{ font-size:20px;font-size:2rem; }
    .protitle2 a{ font-size:24px;font-size:2.4rem; }
}

 

/* abmain1 */

.abmain1{ padding-top:25px; padding-bottom: 76px;}
.abtu1{ display:block; width:545px; float:right; margin-left:50px;}
.abtu1 img{ display:block; margin:auto; width:100%; max-width:542px; max-height:393px; margin-top: 36px;}
.abbiao{ display:block; font-size:36px; font-size:3.6rem; color:#ff960e; text-transform: uppercase;  
    background:url(../images/abbiao1.jpg) no-repeat left bottom; padding-bottom:13px; margin-top:25px;}
.abmain1 p{ font-size:14px; font-size:1.4rem; line-height:30px; margin-top:16px; padding-bottom: 14px; }
.abtu2{ display:block; width:579px; float:left; margin-right:50px; margin-top:24px;}
.abtu2 img{ display:block; margin:auto; width:100%; max-width:579px; max-height:401px;}
.aboutmat4{ margin-top:42px !important; }
.aboutmat5{ margin-top:16px !important; }
.aboutmat6{ margin-top:9px !important; }

 

@media screen and (max-width:999px) {
    .abtu1 img{ margin-top: 20px; }
    .abtu1 { width: 100%; float: none; margin: 0 auto; }
    .abtu2 { width: 100%; float: none;  margin: 0 auto; margin-top: 20px;}
}

@media screen and (max-width:640px) {
    
    .abmain1{  padding-top: 10px; padding-bottom: 20px;}
    .abmain1 p{ padding-top: 10px; padding-bottom: 0px; margin-top: 0px; }
    .abbiao{ font-size:24px;font-size:2.4rem; }
    .aboutmat4{ margin-top:10px !important; }
    .aboutmat5{ margin-top:10px !important; }
    .aboutmat6{ margin-top:9px !important; }


}
@media screen and (max-width:360px) {
    .abtu1 img{ margin-top: 10px; }
    .abbiao{ font-size:20px;font-size:2rem; }
}


/* project */
.project{ padding-bottom: 100px; }
.project ul { width: 100%; padding-top: 11px; padding-bottom: 50px; }
.project li:nth-child(odd) { float:left;margin-left: auto !important} 
.project li { max-width: 540px; width: 49%; margin-top: 50px; float:right }
.project li .dan_wrap{ position: relative;  max-width: 540px; width: 100%; margin: 0 auto;  overflow: hidden;   }
.project li .dan_wrap .fu{ position: absolute; top: 100%;width: 100%; height: 100%; left: 0; background: rgba(255, 150, 14, 0.68);   }
.project li .dan_wrap img{ display: block; max-width: 540px; max-height: 300px; width: 100%; }
.project li .wenzi{   padding-top: 4px; max-width: 540px; width: 100%; margin: 0 auto;  line-height: 30px; text-align: center; font-size:16px;font-size:1.6rem;color:#333; }
 
.project li:hover .dan_wrap .fu{ top: 0px;  }
 
@media screen and (max-width:999px){ 
    .project li .dan_wrap .fu{ top: 0px; background: none; }
    .project{ padding-bottom:0px; }
    .project ul { width: 100%; padding-top: 11px; padding-bottom: 20px; } 
    .project li { max-width: 540px; width: 99%; margin-top: 2%; }
}



@media screen and (max-width:340px){  
.project li .wenzi{ font-size:14px;font-size:1.4rem; }

}
/******************************************************************  contact  *****************************************************/
.comain{ padding-top:54px;}
.cobiao2{ display:block; font-size:30px;font-size:3rem;color:#ff960e;   font-family: 微软雅黑; margin-bottom: 22px; } 
.coxin .int1{ padding-left:18px; background:url(../images/xing.jpg) no-repeat left 14px;}
.mat4{ margin-top:21px;}
.coxin .int1 input{ width:308px; height:32px; line-height:32px; border:1px solid #cccccc; float:left; padding-left:11px; margin-left:109px; font-size:14px;}
.coxin .int1 .mat45{ margin-left:80px; margin-right:0px !important;}
.coxin .int1 .mat45 input{ margin-left:0px !important; }
.coxin .int5{ padding-left:18px; background:url(../images/xing.jpg) no-repeat left 14px; float:left; margin-right:91px;}
.coxin .int5 input{ width:308px; height:32px; line-height:32px; border:1px solid #cccccc; padding-left:11px; font-size:14px;}
.coxin .int2{ padding-left:18px; background:url(../images/xing.jpg) no-repeat left 6px; margin-top:20px;}
.coxin .int2 textarea{ width:1168px; height:132px; line-height:32px; border:1px solid #cccccc; padding-left:11px; font-size:14px;}
.coxin .int3{ padding-left:18px; background:url(../images/xing.jpg) no-repeat left 14px; margin-top:20px; float:left; margin-right:50px;}
.coxin .int3 input{ width:362px; height:32px; line-height:32px; border:1px solid #cccccc; padding-left:11px; font-size:14px;}
.coxin .int4{ width:323px; height:34px; float:right; margin-top:21px; background:#ff960e; font-size:16px;font-size:1.6rem;  color:#fff; 
    cursor:pointer; text-transform: uppercase; }
.coxin .int4:hover{ background:#333;}

.cmain5{ padding-top:93px; padding-bottom:99px;}
.m5add{ width:150px; float:left;background:url(../images/m5tu1.jpg) no-repeat left 15px; padding-left:76px; margin-left:10px;}
.m5pho{ width:170px; float:left; margin-left:46px; background:url(../images/m5tu2.jpg) no-repeat left 10px; padding-left:75px;}
.m5mai{ width:160px; float:left; background:url(../images/m5tu3.jpg) no-repeat left 10px; padding-left:76px; margin-left:65px;}
.m5fax{ width:238px; float:right; background:url(../images/m5tu4.jpg) no-repeat left 20px; padding-left:87px;}
.cmain5 div>a{ display:block; font-size:26px; font-size:2.6rem; line-height:22px;}
.m5add p a{ display:block; font-size:18px; font-size:1.8rem; line-height:50px; color:#353944; margin-top:11px;}
.m5pho p a{ display:block; font-size:18px; font-size:1.8rem; line-height:50px; color:#353944; margin-top:11px;}
.m5mai p{ display:block; font-size:18px; font-size:1.8rem; line-height:56px; color:#353944; margin-top:11px;}

.m5pho p{ display:block; font-size:18px; font-size:1.8rem; line-height:56px; color:#353944; margin-top:11px;}

.m5fax p{ margin-top:23px;}
.m5fax p a{ display:block; font-size:18px; font-size:1.8rem; line-height:24px; color:#353944;}
.m5add p a:hover,.m5pho p a:hover,.m5fax p a:hover{ color:#ff960e;}
.ditu{ display:block; max-width:1200px; max-height:415px; width: 100%; margin-top:33px;}


.con_p{ font-size:18px;font-size:1.8rem;color:#333; line-height: 30px; margin-top: 18px; }


@media screen and (max-width:1219px) {

    .coxin .int1 input{ width: 273px; }
    .coxin .int1 input{ margin-left: 50px; }
    .coxin .int5 input{ width: 273px; }
    .coxin .int5{ margin-right: 32px;}
    .coxin .int2 { width: calc( 100% - 18px ); }
    .coxin .int2 textarea{ width: calc( 100% - 13px );  }
 
    .m5add{ width:114px; float:left; padding-left:76px; margin-left:0px;}
    .m5pho{ width:170px; float:left; margin-left:5px;  padding-left:68px;}
    .m5mai{ width:160px; float:left; padding-left:62px; margin-left:0px;}
    .m5fax{ width:238px; float:right; padding-left:72px;}
	
	.coxin .int1 .mat45{ margin-left:25px;}
}

@media screen and (max-width:999px) {
    .coxin .int1 .mat45{ margin-left:-19px;     margin-top: 20px;}
    .coxin .int1{ background:url(../images/xing.jpg) no-repeat left 34px; }
    .coxin .int1 input{ width: calc( 100% - 13px ); float: none; }
    .coxin .int1 input{ margin-left: 0px; margin-top: 20px; }
    .coxin .int5 { width: calc( 100% - 20px );   }
    .coxin .int5 input{ width: calc( 100% - 13px ); float: none; }
    .coxin .int5{ margin-right: 0px;}
    .coxin .int2 { width: calc( 100% - 20px ); }
    .coxin .int2 textarea{ width: calc( 100% - 13px );  }
    .coxin .int1 .mat45 input{ margin-top:0px !important; width: calc( 100% - -5px );}
    .coxin .int3  { width: calc( 56% - 20px ); margin-right: 10px;  }
    .coxin .int3 input{  width: calc( 100% - 13px ); float: none; }

    .coxin .int4{ width: calc( 100% - 20px ); margin-right: 0px;  }



    .m5add{ width: calc( 48% - 76px ) ; float:left; padding-left:76px; margin-left:0px;}
    .m5pho{ width: calc( 48% - 68px ) ;  float:left; padding-left:68px; margin-left:0px;  ;}
    .m5mai{ width: calc( 40% - 62px ) ;  float:left; padding-left:62px; margin-left:0px;}
    .m5fax{ width: calc( 52% - 72px ) ;  float:right; padding-left:72px;}




}

@media screen and (max-width:640px) {
    .cmain5{ padding-top: 30px; padding-bottom: 20px; }
    .m5add{ width: calc( 100% - 76px ) ; float:none; padding-left:76px; margin-left:0px; background: url(../images/m5tu1.jpg) no-repeat left 6px;}
    .m5pho{ width: calc( 100% - 68px ) ;  float:none; padding-left:68px; margin-left:0px;     margin-top: 22px;
    margin-bottom: 15px;}
    .m5mai{ width: calc( 100% - 62px ) ;  float:none; padding-left:62px; margin-left:0px;}
    .m5fax{ width: calc( 100% - 72px ) ;  float:none; padding-left:72px;}


    .comain{ padding-top: 20px; }
    .cobiao2{ font-size:20px;font-size:2rem; margin-bottom: 0px; }

    .m5fax p a{ font-size:16px;font-size:1.6rem; }
    .m5mai p { font-size:16px;font-size:1.6rem; }
    .m5pho p { font-size:16px;font-size:1.6rem; }
    .m5add p a{ font-size:16px;font-size:1.6rem; }
    .con_p { font-size:16px;font-size:1.6rem; }
    .cmain5 div>a{ font-size:24px;font-size:2.4rem; }
    .ditu{ margin-top: 20px; }
}
@media screen and (max-width:360px) {




}


/*分页*/
.pages {
	
padding:10px 0;
	
height:30px;
	

}
.pages_list {
	margin: 3px;
	text-align:center
}
.pages_list ul {
	float: right;
	
}
.pages_list .firstPages {
	width: 30px;
}
.pages_list ul li {
	float: left;
	line-height: 25px;
	height: 25px;
	margin-left: 5px;
	font-size: 12px;
	border: 1px solid #f7f7f7;
	padding: 0px 10px;
	width: auto;
	background-color: #f7f7f7;
	color:#333;
}
.pages_list ul li a:hover {
	color:#ff960e;
	text-decoration: none;
}
.pages_list ul li.thisclass, .pages_list ul li.thisclass a, .pages_list ul li.thisclass a:hover {
	background-color: #ff960e;
	color: #FFF
}
.pages_list .pagesinfo {
	line-height: 25px;
	padding: 12px 5px 10px 5px;
	color: #fff;
}
.pages_list select {
	line-height: 25px;
	margin-top: 4px
}
.pages_list .pagesinfo strong {
	color: #fff;
	font-weight: normal;
	margin: 0px 2px;
}






/*  news  */
.news .wp{}
.news .wp .m4_ul li{margin-top: 61px; padding-bottom: 20px;}
.news .wp .m4_ul{padding-bottom: 31px;}
.news .wp .page{padding-bottom: 39px;}
.news .wp .pro2_ul2{padding-bottom: 74px;}

@media screen and (max-width:1219px) {

}

@media screen and (max-width:999px) {
.news .wp .m4_ul li{margin-top: 0; padding-bottom: 0;}
.news .wp .m4_ul{margin-top: 20px; padding-bottom: 30px; }
.news .wp .page{padding-bottom: 0;}
.news .wp .pro2_ul2{padding-bottom: 40px;}

}

@media screen and (max-width:640px) {
.news .wp .m4_ul li{margin-top: 0; padding-bottom: 0;}
.news .wp .m4_ul{ padding-bottom: 20px; }
.news .wp .page{padding-bottom: 0;}
.news .wp .pro2_ul2{padding-bottom: 20px;}

.protitle2{ padding-top: 10px; }

}
@media screen and (max-width:360px) {

}


/*   news2  */
.news2{ margin-bottom: 87px; }
.new2_left{ width: 834px;}

.new2 .xqy {position: relative;}
.new2_left .top1{margin-top: 55px;}

.new2_left .title1{text-align: center;}
.new2_left .title1 h1{font-size: 18px;font-size:1.8rem;color: #333; line-height: 22px;text-align: center;}
.new2_left .time{margin-top: 22px;margin-bottom: 28px;text-align: center; }
.new2_left .time span{font-size: 14px;font-size:1.4rem;color: #666666;font-weight: normal;display: inline-block; line-height: 26px; padding-left: 23px; }

.newsx p{line-height: 26px;font-size:14px;font-size:1.4rem;color: #333;/*margin-bottom: 26px;*/}
.newsx p span{line-height: 26px;font-size:14px;font-size:1.4rem;color: #333;}
.newsx p b{line-height: 26px;font-size:14px;font-size:1.4rem;color: #333;}
.newsx p img{display: block;max-width: 100%;}
.newsx p a{line-height: 26px;font-size:14px;font-size:1.4rem;color:#ff960e;}
.newsx table{ width:90%; border-collapse:collapse; line-height:22px; border:1px solid #ccc; margin-left:auto; margin-right:auto}
.newsx table tr td{ padding:3px; border:1px solid #ccc; background:#fff}
.new2_right{   margin-top: 38px; }
.new2_right3{   margin-top: 61px; }
.new2_right .back{ display: block; font-size:18px;font-size:1.8rem; border-radius: 5px; max-width: 222px; width: 100%; margin: 0 auto; height: 49px; line-height: 49px; text-align: center; color: #fff; background: #ff960e;  margin-bottom: 2px;text-transform: uppercase; }
.new2_right .title{ padding-top: 7px;  margin-bottom: 6px; display: block; font-size:24px;font-size:2.4rem;color:#ff960e; line-height: 40px; 
    font-weight: bold;  }
	.addthis_inline_share_toolbox_klm2{ clear:none;     display: inline-block;
    position: relative;
    top: 5px;}
.top_imgtd{ display: block; width: 4px; height: 20px; margin-bottom: 33px; }
.new2_right .shar_wrap{ text-align: center; margin-bottom: 35px;      margin-top: 15px; }
.new2_right .shar_wrap>span{  display: inline-block; color: #666; font-size:16px;font-size:1.6rem; padding-right: 8px;  }
.new2_right .shar_wrap img{ position: relative; top: 13px; display: inline-block;  }
.dan_title { position: relative; margin-bottom:2px;  }
.dan_title img{ position: absolute; top: 20px; display: inline-block;  }
.dan_title .titl3e{display: block;height:46px;line-height: 41px;text-transform: uppercase; padding-left: 19px;
    font-size:18px;font-size:1.8rem;color:#333333; background-color: #eee;border-top: 2px solid #ff960e; }
.dan_title .titl3e:hover{color: #ff960e;}
.inpu{ text-align: center; margin-bottom: 24px;   }
.inpu a{ display: inline-block; width: 130px; height: 38px; line-height: 38px; text-align: center; margin-left: 25px; margin-right: 25px;
     font-size:18px;font-size:1.8rem;color:#ff960e; border-radius: 50px; border: 1px solid #ff960e; text-transform: uppercase; }
.inpu a:hover{  background: #ff960e; color: #fff; }
.new2_right .ex_wrap{ width: 321px;  margin: 0 auto; padding-bottom: 1px;padding-top: 15px;  }
.new2_right3 .ex_wrap{   margin-top: 11px;padding-bottom: 5px; }
.new2_right .ex_wrap dl{  width: 100%; margin: 0 auto; background-color: #eee; }
.new2_right .ex_wrap dl dd{padding-left: 18px;padding-right: 18px;}
.new2_right .ex_wrap dl dd a{ display: block;  }
.new2_right .ex_wrap dl dd a.we_tit{  padding-top: 9px; padding-bottom: 3px; font-size:14px;font-size:1.4rem; color:#333; line-height: 24px; }
.new2_right .ex_wrap dl dd a.we_tit:hover{color: #ff960e;}
.new2_right .ex_wrap dl dd a.titlewen{ font-size:14px;font-size:1.4rem; color: #333; margin-top: 8px; }
.new2_right .ex_wrap dl dd .time{ font-size:14px;font-size:1.4rem;line-height: 26px;color: #555;  }
.new2_right .ex_wrap dl dd .time a{display: block;color: #555555;}
.new2_right .ex_wrap dl dd .time a:hover{color: #ff960e;}
.new2_right .ex_wrap dl.dd1 dd a.titlewen{padding-bottom: 19px; border-bottom: 1px solid #b5b5b5;}
.new2_right .ex_wrap dl.dd1{padding-bottom: 5px;}
.new2_right .ex_wrap dl.dd2{padding-bottom: 18px;}
.new2_right .ex_wrap dl dd a.titlewen:hover{color: #ff960e}
.kuang {padding-top: 17px;}
.kuang a{display: block;border: 1px solid #b5b5b5;padding: 1px;max-width: 280px;margin: 0 auto;}
.kuang a img{display: block;max-width:100%; }

.new2_right .ex_wrap dl dt img{ display: block; max-width:319px; max-height: 228px; width: 100%;  }

.ex_wrap dl dt img{ display: block; max-width:319px; max-height: 228px; width: 100%;  }
.updown{  margin-bottom:0px;margin-top: 33px;}
.updown p{ line-height: 32px;font-size: 14px;font-size:1.4rem;color: #666666;}
.updown p span{ line-height: 32px;font-size: 14px;font-size:1.4rem;color: #666666;}

.updown .down{ border-top: 1px dashed #d1d1d1; }


.updown p .img{ display: inline-block; padding-right: 3px; }
.updown p .img img{ display: inline-block; position: relative;  top:3px;  padding-right: 0px;}

.updown p .on{color:#ff960e; }
.updown p a{ font-size: 14px;font-size:1.4rem;color: #666666;}
.updown p a:hover{color: #ff960e;}

@media screen and (max-width:1219px){
    .new2_left{ width:605px;}
}
@media screen and (max-width:999px){
    .new2_left{ width:595px;}
}

@media screen and (max-width:979px){
    .new2_left{ width:calc(100% - 350px);}
    .news2{ margin-bottom: 40px; }

}

@media screen and (max-width:768px){
    .new2_left{ width:100%;}
    .new2_right{width: 100%;margin-top: 20px;}

    .new2_right .ex_wrap{ width: 100%;  }
    .new2_right .ex_wrap dl{ width: 100%; }
    .new2_right3 .ex_wrap{margin-top: 0;padding-top: 0;}
    .ex_wrap{ width: 100%;  }
    .ex_wrap dl{ width: 90%; } 
    .news2{ margin-bottom: 20px; }
}


.ziti{ font-family: 微软雅黑; }
.zitil{ font-family: 微软雅黑; }
.zitum{  font-family: 微软雅黑; }
.zitibo{   font-family: 微软雅黑; }

@media screen and (max-width:1219px) {

}

@media screen and (max-width:999px) {

}

@media screen and (max-width:640px) {

}
@media screen and (max-width:360px) {

}

#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:Verdana, Geneva, sans-serif;}
#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}


.dan_headeui{ margin-top: 0px; margin-bottom: 8px; padding-top: 8px;margin-right: 52px;}
.dan_headeui li{ float: left; margin-left: 10px; }
.dan_headeui li img{ display: block; max-width: 30px; }

