@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+SC:100,300,400,500,700,900');

* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding: 0; margin: 0;}
body{ font-size: 16px; color: #000; overflow-x: hidden;font-family:'Noto Sans SC',"Microsoft YaHei",Arial,sans-serif; padding-top: 170px;}
ul,li,ol,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,header,footer{ list-style: none; padding: 0; margin: 0; display: block;}
input,textarea,select,button{color: #999; outline:none; font-family:'Noto Sans SC',"Microsoft YaHei",Helvetica,Arial,Verdana,sans-serif; }
::-webkit-input-placeholder {color: #999;}
::-moz-placeholder {color: #999;}
:-ms-input-placeholder {color: #999;}

a { text-decoration: none; color:#333; transition: color 0.56s ease;}
a:hover{ color: #ff9900;}

.clearfix:after{content:"";height:0;line-height:0;display:block;visibility:hidden;clear:both}
.clearfix{zoom:1;}
.clear{ clear:both}
.overflow{overflow-y:hidden;}

.fl{float: left;}
.fr{float: right;}


img{ display: inline-block; vertical-align:middle;max-width:100%;max-height:100%;height: auto; border: none;}

.wrap{ width: 1430px; margin: 0 auto;}
.ovh{overflow: hidden;}


::-webkit-scrollbar { width: 8px;padding-right: 8px; background-color: #f2f2f2;  /*其他样式，比如圆角等*/}
/*滑块样式*/
::-webkit-scrollbar-thumb {background: rgba(0, 0, 0, .6);}
/*当前窗口失去焦点时的滑块样式*/
::-webkit-scrollbar-thumb:window-inactive {background: rgba(0, 0, 0, .6);}


/*顶部*/
.header{ width: 100%; height:170px; background:#fff; box-shadow: 0 0 15px rgba(0,0,0,.2); position: absolute; left: 0; top: 0; z-index: 99999;  transition: all .6s;}
.header .logo{ float: left; height: 170px; padding: 46px 0; transition: all .5s;}
.header .headRight{ float: right; display: flex; flex-direction: column-reverse;}
.header .nav{  margin-top: 40px;}
.header .nav>ul>li{ float: left; line-height: 86px; margin-left: 2px; position: relative;}
.header .nav>ul>li.on a{color:#fff; background: #003366;}
.header .nav>ul>li>a{ color: #333;  font-size: 24px; font-weight: normal; line-height: 86px; padding: 0 30px; display: block;  transition: all .6s;}
.header .nav>ul>li>a:hover{ color: #fff; background: #003366; }
.header .nav>ul>li>.subnav{ width: 310px; position: absolute; left: 0; top: 86px; display: none;}
.header .nav>ul>li>.subnav>a{ color: #fff; font-size: 24px; line-height: 80px; padding: 0 30px; background: rgba(35,55,104,0.9); display: block;}
.header .nav>ul>li>.subnav>a:hover{ background: rgba(18, 85, 105, 0.9);}
.header .lang{ position: relative; display:flex; justify-content:flex-end;}
.header .lang a{font-size: 21px; font-weight: 500; line-height: 40px;}
.header .lang a.link{ color: #666; border: #8a8a8a solid 1px; padding: 0 24px; margin: 2px 3px 0 0;}
.header .lang a.en{background: #ff9900; color: #fff; padding: 0 13px;}
.header .lang a.cn{ background: #999; color: #fff; padding: 0 13px;}
.menu-toggle{display: none;}

/*首页bannner*/
.banner { position: relative;}
.banner .swiper-container{ width:100%; overflow:hidden;}
.banner .swiper-container .swiper-slide{ background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; overflow: hidden;}
.banner .swiper-container .swiper-slide img{width:100%;}
.banner .pagination {position: absolute;z-index: 20;bottom:40px;width: 100%;text-align: center;}
.banner .swiper-pagination-switch {display: inline-block; width:16px; height: 16px; background:#fff; margin: 0 6px; border-radius: 10px; cursor: pointer;}
.banner .swiper-active-switch { background: #ff9900;}

.proBanner{ height:270px; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; display: flex; align-items: center;}
.proBanner .bannerText{ font-size: 45px; color: #fff; font-weight: 500;}
.downBanner{ height:120px; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; display: flex; align-items: center;}
.newsBanner{ height:135px; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; display: flex; align-items: center;}
.contactBanner{ background-position:top center; background-repeat: no-repeat; background-size: cover; position: relative; display: flex; align-items: center;}
.contactBanner img{ width:100%;}

.iabout{ padding: 25px 0;}
.iabout .pic{ width: 50%;}
.iabout .pic img{ width: 100%;}
.iabout .con{ width: 50%; padding: 0 100px;}
.iabout .con .title { margin-bottom: 25px;}
.iabout .con .title h2{ font-size: 38px; color: #003366; line-height: 1;}
.iabout .con .text{ font-size: 18px; font-weight: 500; line-height: 36px;}

.ipro{ padding: 25px 0 75px; box-shadow: inset 0 -35px 30px rgba(0, 0, 0, .3);}
.ipro .title { margin-bottom: 30px;}
.ipro .title h2{ font-size: 38px; color: #003366; line-height: 1; text-align: center;}
.ipro .box ul{ margin: 0 -40px;}
.ipro .box ul li{ width: 33.33%; padding: 0 40px;}
.ipro .box ul li dl{ padding-bottom: 100%;}
.ipro .box ul li dl img{ padding: 15px;}
.ipro .box ul li dl::before{ content: ""; width: 100%; height: 100%; background:rgba(0, 51, 102, .5) url(../images/logo02.png) no-repeat center; position: absolute; left: 0; top: 0; z-index: 111; opacity: 0; transition: all .6s;}
.ipro .box ul li a:hover dl::before{ opacity: 1;}

.proPic{ padding: 35px 0;}
.proPic .con{ background:#003366;}
.proPic .con .pic{ width: 50%;}
.proPic .con .pic img{ width: 100%;}
.proPic .con .box{ width: 50%; text-align: center;}

.inews{ padding: 50px 0; background: #d9d9d9;}
.inews ul{ margin: 0 -14px;}
.inews ul li{ width: 33.33%; padding: 0 14px;}
.inews ul li dl{ padding-bottom: 37.6344%;}
.inews ul li dd{ color:#000; font-weight: bold; line-height: 1; margin-top: 10px;}
.inews ul li h3{ color: #000; font-size: 22px; border-bottom: #000 solid 2px; padding-bottom: 10px; margin-bottom: 8px; transition: all .6s;}
.inews ul li dt{ color: #888; font-size: 18px; line-height: 1.3; margin-bottom: 10px;}
.inews ul li ol{ text-align: right;}
.inews ul li em{ font-size: 18px; color: #000; font-weight:bold; font-style: normal;}
.inews ul li a:hover h3{color: #ff9900; }

.bread{ background: #eeeeee;}
.bread dl{ font-size: 24px; color: #000; line-height: 90px; padding-left: 35px; background: url(../images/icon01.png) no-repeat left center;}

.products{ padding: 70px 0 80px;}
.products .box{ padding-bottom: 20px;}
.products .box ul{ margin: 0 -18px;}
.products .box ul li{ width: 25%; padding: 0 18px; margin-bottom: 30px;}
.products .box ul li dl{ padding-bottom: 100%; border: #b5b5b5 solid 1px;}
.products .box ul li dl::before{ content: ""; width: 100%; height: 100%; line-height: 100%; background:rgba(35, 55, 104, .5);  position: absolute; left: 0; top: 0; z-index: 111; opacity: 0; transition: all .6s;}
.products .box ul li span{ font-size: 24px; color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 1111; opacity: 0; transition: all .6s;}
.products .box ul li dl img{ padding: 15px;}
.products .box ul li h3{ font-size: 18px; text-align: center; color: #888; font-weight: normal; margin-top: 10px;}
.products .box ul li a:hover dl::before{ opacity: 1;}
.products .box ul li a:hover span{ opacity: 1;}

.proview{ padding:70px 0 50px;}
.proview .prohead{ padding-bottom: 100px;}
.proview .prohead .con h1{ font-size: 37px; color: #233768; font-weight: 500; margin-bottom: 80px;}
.proview .prohead .con ol a{ width: 170px; height: 56px; line-height: 56px; text-align: center; color: #fff; font-size: 24px; background: #ff9900; border-radius: 56px; display: inline-block; margin-right: 15px;}
.proview .prohead .con ol a:hover{background: #e28d0c;}
.pdfBox{ height: 800px;}

.about{ padding: 80px 0 160px; background: url(../images/aboutBg.jpg) no-repeat center; background-size: cover;}
.about .pic{ width: 43%; text-align: center;}
.about .text{ width: 57%; color: #fff; font-size: 21px; line-height: 1.6;}

.aboutDown{ padding: 120px 0 50px; background-image: linear-gradient(#fff, #dbdbdb);}
.aboutDown .con{ width: 46%;}
.aboutDown .con h3{ font-size: 40px; font-weight: normal; color: #000; margin-bottom: 20px;}
.aboutDown .con dt{ font-size: 22px; color: #000;}
.aboutDown .con a{ width: 190px; height: 48px; line-height: 46px; font-size: 20px; text-align: center; border: #000 solid 1px; border-radius: 40px; display: block; margin-top: 25px;}
.aboutDown .con a:hover{background: #ff9900; border: #fff solid 1px; color: #fff;}

.productivePower{ padding: 45px 100px 0;}
.productivePower .con{ width: 47%; padding-left: 45px;}
.productivePower .con .tit{ font-size: 40px; font-weight: 500; margin-bottom: 15px;}
.productivePower .con .text{ font-size: 20px; line-height: 1.3;}

.download{padding: 70px 0 50px;}
.download .box ul{ margin: 0 -15px;}
.download .box ul li{ width: 33.33%; padding: 0 15px; margin-bottom: 50px;}
.download .box ul li dl{ padding-bottom: 73.913%;}
.download .box ul li ol{ padding-top: 10px;}
.download .box ul li ol em{ color:#000; font-weight: bold; font-style: normal; line-height: 1; margin-top: 10px;}
.download .box ul li ol h3{ color: #000; font-size: 24px; font-weight: 500; padding-bottom: 10px; margin-bottom: 8px;transition: all .6s;}
.download .box ul li ol dt{ color: #888; font-size: 18px; line-height: 1.3; margin-bottom: 20px;}
.download .box ul li ol dd{ color: #000; font-size: 18px; font-weight: 500; text-align: right; border-top: #000 solid 2px; padding-top: 10px; }
.download .box ul li a:hover h3{color: #ff9900; }

.news{ padding: 70px 0;}
.news ul{ margin: 0 -14px;}
.news ul li{ width: 33.33%; padding: 0 14px; margin-bottom: 50px;}
.news ul li dl{ padding-bottom: 37.6344%;}
.news ul li dd{ color:#000; font-weight: bold; line-height: 1; margin-top: 10px;}
.news ul li h3{ color: #000; font-size: 22px; border-bottom: #000 solid 2px; padding-bottom: 10px; margin-bottom: 8px; transition: all .6s;}
.news ul li dt{ color: #888; font-size: 18px; line-height: 1.3; margin-bottom: 10px;}
.news ul li ol{ text-align: right;}
.news ul li em{ font-size:18px; color: #000; font-weight:bold; font-style: normal;}
.news ul li a:hover h3{color: #ff9900; }

.newsView{ padding: 70px 0;}
.newsView .tit{ text-align: center; margin-bottom: 30px; padding-bottom:20px; border-bottom:#eaeaea solid 1px;}
.newsView .tit h1{ font-size: 38px; margin-bottom:10px;}
.newsView .tit dl{ color:#999;}
.newsView .tit dl span{ margin:0 5px;}
.newsView .text{ font-size: 18px;}
.newsView .viewPage{ border-top: #eaeaea solid 1px; padding: 30px 0; margin-top:25px; overflow: hidden; position: relative;}
.newsView .viewPage .boxCon{ padding-right: 200px;}
.newsView .viewPage .boxCon a{ color: #333; display: block; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
.newsView .viewPage .boxCon b{ color: #ff9900;}
.newsView .viewPage .boxCon a:hover{color: #ff9900;}
.newsView .viewPage .back{ width: 160px; height: 42px; line-height: 42px;  text-align: center; border-radius: 40px; background: #ff9900; position:absolute; right:0px; top: 35px;}
.newsView .viewPage .back a{color: #fff; display: block;}

.contact{ padding: 70px 0;}
.contact .tit{ margin-bottom: 30px;}
.contact .tit h2{font-size: 35px; font-weight: normal;}
.contact .tit p{font-size: 28px; font-weight: normal; color: #003366;}
.contact .box ul li{ width: 50%; font-size: 18px; margin-top: 10px; float: left;}

.form{ padding: 45px 0;}
.form .tit h3{ font-size: 22px; font-weight: normal; white-space: nowrap;}
.form .tit p{ font-size: 18px; color: #888; white-space: nowrap;}
.form .box ul li{ width: 420px; margin-left: 10px;}
.form .box ul li:nth-last-child(1){ width: 200px;}
.form .box ul li input{ width: 100%; line-height: 64px; border:#000 solid 1px; border-radius: 10px; font-size: 18px; padding-left: 15px;}
.form .box ul li button{ width: 100%; line-height: 64px; background: #ff9900; border: none; border-radius: 10px; color: #fff; font-size: 27px; cursor: pointer; transition: all .6s;}
.form .box ul li button:hover{ background: #d88406;}

.footer{ padding: 60px 0 100px; background: #003366; color: #fff;}
.footer .fcontact{ font-size: 18px;}
.footer .fcontact .box{ padding-left: 75px;}
.footer .fnav{ border-left: 2px solid #365e86; border-right: 2px solid #365e86; padding-left: 65px;}
.footer .fnav ul li{ width: 50%; margin-top: 10px;}
.footer .fnav ul li a{ color: #fff; font-size: 24px;}

/*===/分页=============================*/
.fenye { text-align: center; font-size: 15px; width: 100%; height: 40px; margin: 10px 0 0px;}
.fenye .prev, .fenye .next { width: 40px; height: 40px; line-height: 40px; color: #8a8a8a;margin-right: 5px; display: inline-block; font-family: "宋体";font-size: 17px; background: #fff; border: #aaa solid 1px;border-radius: 6px;}
.fenye a { width: 40px; height: 40px; line-height: 40px;  color: #8a8a8a; margin-right: 5px;display: inline-block; background: #fff; border: #aaa solid 1px; border-radius: 6px;}
.fenye a:hover {color: #fff; background: #242a34; border: #242a34 solid 1px;}
.fenye a.current { color: #fff;  background: #242a34; margin-right: 5px; border: #242a34 solid 1px;}

/* 弹出框 */
.tccBox{display: none; position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 999999;}
.tccBox .black{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .8);}
.tccBox .BoxCon{width: 1200px;padding: 20px;position: absolute;left:50%;top:50%;box-sizing:border-box;transform: translate(-50%,-50%); color: #999;}
.tccBox .BoxCon .off{ width: 29px; height: 29px; background:url(../images/off.png) no-repeat center; position: absolute; top: -13px; right: -13px; cursor: pointer;}
.tccBox .BoxCon .tccTit{ font-size: 20px; text-align: center; color: #fff; font-weight: bold; text-transform: uppercase; margin-bottom: 10px;}
.tccBox .BoxCon ul video{background: #000;width: 100%;}

@media (max-width: 1450px) {
    .wrap{ width: 100%; padding: 0 20px;}

    .proBanner .bannerText{ font-size: 46px;}

    .iabout .con{ padding: 0 50px;}
    .iabout .con .title h2{ font-size: 38px;}
    .iabout .con .text{ font-size: 20px;}

    .inews ul li h3{ font-size: 22px;}
    .inews ul li dt{ font-size: 18px;}
    .inews ul li em{ font-size: 18px;}

    .about .text{ font-size: 21px;}

    .aboutDown .con h3{ font-size: 38px;}
    .aboutDown .con dt{ font-size: 25px;}

    .productivePower{ padding: 45px 20px 0;}
    .productivePower .con .tit{ font-size: 36px;}
    .productivePower .con .text{ font-size: 21px;}

    .download .box ul li ol h3{ font-size: 22px;}
    .download .box ul li ol dt{ font-size: 18px;}

    .news ul li h3{font-size: 22px;}
    .news ul li dt{ font-size: 18px;}
    .news ul li em{ font-size: 18px;}

    .contact .tit h2{ font-size: 36px;}
    .contact .tit p{ font-size: 28px;}
}

@media (max-width: 1366px) {

}

@media (max-width: 1200px) {
    .wrap{ width: 100%; padding: 0 15px;}

    .header .lang a{ font-size: 16px;}
    .header .nav>ul>li>a{ font-size: 18px;}

}

@media (max-width: 1030px) {
    body{ font-size: 12px; padding-top: 120px;}
    .header{ height: 120px;}
    .header .logo{ height: 120px; padding: 30px 0;}
    .header .nav { margin-top: 20px; }
    .header .nav>ul>li>a{ line-height: 56px; padding: 0 25px;}
    .header .nav>ul>li>.subnav{ top: 56px;}
    .header .nav>ul>li>.subnav>a{ font-size: 18px; line-height: 50px;}

    .iabout .con { padding: 0 30px; }
    .iabout .con .title h2{ font-size: 30px;}
    .iabout .con .text{ font-size: 18px; line-height: 26px;}

    .ipro .title h2{ font-size: 30px;}
    .ipro .box ul li dl::before{ background-size: 50% auto;}

    .proPic .con .box img{ height: 120px;}

    .inews ul li h3{ font-size: 18px;}
    .inews ul li dt{ font-size: 15px;}
    .inews ul li em{ font-size: 15px;}

    .proview .prohead .con h1{font-size: 30px;}
    .proview .prohead .con ol a{ font-size: 20px;}

    .about{ padding: 80px 0;}
    .about .pic img{ height: 200px;}
    .about .text{ font-size: 16px;}

    .aboutDown { padding: 80px 0 50px;}
    .aboutDown .pic{ width:48%;}
    .aboutDown .con h3{ font-size: 28px;}
    .aboutDown .con dt{ font-size: 16px;}
    .aboutDown .con a { width: 150px; height: 42px; line-height: 40px; font-size: 16px;}

    .productivePower .pic{ width: 50%;}
    .productivePower .con{ padding-left: 30px;}
    .productivePower .con .tit { font-size: 28px; }
    .productivePower .con .text{ font-size: 16px;}

    .download { padding: 50px 0 30px; }
    .download .box ul li{ margin-bottom: 30px;}
    .download .box ul li ol h3 { font-size: 18px; padding-bottom: 0px;}
    .download .box ul li ol dt { font-size: 16px; }
    .download .box ul li ol dd{ font-size: 16px;}

    .news { padding: 50px 0; }
    .news ul li h3{ font-size: 18px;}
    .news ul li dt{ font-size: 15px;}
    .news ul li em{ font-size: 15px;}

    .newsView .tit h1 { font-size: 28px; }

    .contact { padding: 50px 0; }
    .contact .tit h2 { font-size: 30px; }
    .contact .tit p {font-size: 24px;}
    .contact .box ul li{ font-size: 18px;}


    .form .tit h3{ font-size: 18px;}
    .form .tit p{ font-size: 16px;}
    .form .box ul li{ width: 280px;}
    .form .box ul li:nth-last-child(1) { width: 126px; }
    .form .box ul li input{ line-height: 55px; font-size: 17px;}
    .form .box ul li button{ line-height: 55px; font-size: 20px;}

    .footer .fcontact{ font-size: 16px;}
    .footer .fnav{ padding-left: 45px;}
    .footer .fnav ul li a{ font-size: 16px;}

}

@media screen and (max-width:750px){
    body{ font-size: 15px; padding-top: 60px;}
    .wrap{ width: 100%; padding: 0 15px;}

    .header{ width: 100%; height:60px; background:#fff; box-shadow: 0 0 5px rgba(0,0,0,.3); position: fixed; top: 0; left: 0; z-index: 99999999; }
    .header .logo{ height: 60px; padding: 10px 0; }
    .header .headRight{ width: 100%; height: calc(100% - 60px); position: fixed !important; left: 0; top: 60px !important; bottom: inherit; background: #fff; z-index: 99999; display: none;}
    .header .nav{ margin-top: 0;}
    .header .nav>ul{ display: block;}
    .header .nav>ul>li {width: 100%; border-bottom: 1px solid #eee; float: none;}
    .header .nav>ul>li>a{ font-size: 16px; color: #000;  line-height: 50px; padding: 0 15px; text-align: left;}
    .header .nav>ul>li>a:hover,.nav ul>li.on>a{ color: #fc5426;}
    .header .nav>ul>li>.subnav{ width: 100%; position: relative; top: 0;}
    .header .nav>ul>li>.subnav>a{ font-size: 15px; padding: 0 15px;}
    .header .lang{position: relative; margin-top: 20px; padding-left: 0; justify-content: center;}
    .header .lang a.link{ margin: 0;}

    .menu-toggle{ width:60px; height:60px; position:fixed; right:0; top:0; z-index:9999999; display:block;}
    .menu-toggle span{ width:35px; height:2px; background:#222;display:block; position:relative; opacity:1;transition:all 300ms; margin:30px 0 0 12px;}
    .menu-toggle span:before{ content:"";width:35px; height:2px; background:#222;display:block; position:absolute; left:0; top:-10px;transition:all 300ms;}
    .menu-toggle span:after{ content:"";width:35px; height:2px; background:#222;display:block;position:absolute; left:0; top:10px;transition:all 300ms;}
    .menu-toggle.cur span{background-color:transparent;}
    .menu-toggle.cur span:before{transform:rotate(45deg); top:0px;}
    .menu-toggle.cur span:after{transform:rotate(-45deg); top:0px;}

    /*首页bannner*/
    .banner::before{ display: none;}
    .banner .swiper-container .swiper-slide .bannerText h2{ font-size: 22px;}
    .banner .pagination {position: absolute;z-index: 20;bottom:20px;width: 100%;text-align: center;}
    .banner .swiper-pagination-switch {display: inline-block; width:10px; height: 10px; background:none; border: #fff solid 3px; margin: 0 2px; border-radius: 10px; cursor: pointer;}
    .banner .swiper-active-switch { background: #ff9900; border: none; opacity: 1;}
    
    .proBanner{ height:150px;}
    .proBanner .bannerText{ font-size: 25px; text-align: center;}

    .downBanner{ display: none;}
    .newsBanner{ display: none;}

    .iabout{ display: block; padding: 35px 0;}
    .iabout .con .title h2 { font-size: 22px; }
    .iabout .pic{display: none;}
    .iabout .con{ width: 100%; padding: 0 20px;}
    .iabout .con .title{ text-align: center;}
    .iabout .con .text{ font-size: 15px;}

    .ipro{padding: 25px 0 30px; box-shadow:inherit;}
    .ipro .title h2 { font-size: 23px; }
    .ipro .box { overflow-x: auto;}
    .ipro .box ul { width: 130%; margin: 0 -5px;}
    .ipro .box ul li{ width: 100%; padding: 0 5px;}

    .proPic {padding: 0; }
    .proPic .con{ display: block;}
    .proPic .con .pic{ width: 100%; padding: 10px;}
    .proPic .con .box{ width: 100%; padding-bottom: 20px;}

    .inews { padding: 35px 0 20px;}
    .inews ul { margin: 0;}
    .inews ul li{ width: 100%; padding: 0; margin-bottom: 15px;}
    .inews ul li dd{ font-size: 13px;}
    .inews ul li h3{ font-size: 16px;}
    .inews ul li dt{ font-size: 14px;}
    
    .bread dl{ font-size: 15px; line-height: 55px;}

    .about { padding: 45px 0; }
    .about .pic{ display: none;}
    .about .text{ width: 100%; font-size: 15px;}

    .aboutDown { padding:45px 0;}
    .aboutDown .con h3 { font-size: 20px; margin-bottom: 10px;}
    .aboutDown .con dt { font-size: 14px; }
    .aboutDown .con a { width: 110px; height: 38px; line-height: 34px; font-size: 14px; }

    .productivePower{ display: block; padding: 25px 20px 35px;}
    .productivePower .pic{ width: 100%; margin-bottom: 25px;}
    .productivePower .con{ width: 100%; padding: 0;}
    .productivePower .con .tit { font-size: 23px; text-align: center;}
    .productivePower .con .text { font-size: 15px; }
    
    .products { padding: 30px 0 50px;}
    .products .box ul{ margin:0 -5px;}
    .products .box ul li{ width: 50%; padding: 0 5px; margin-bottom: 20px;}
    .products .box ul li h3{ font-size: 15px;}
    .products .box ul li span{ font-size: 17px;}
    .proview { padding: 10px 0 50px;}
    .proview .prohead{ display:block; padding-bottom: 40px;}
    .proview .prohead .pic{ width:100%;}
    .proview .prohead .con{ width:100%;}
    .proview .prohead .con h1{ font-size: 18px; text-align: center; margin-bottom: 30px;}
    .proview .prohead .con ol{ text-align: center;}
    .proview .prohead .con ol a { width: 120px; height: 40px; font-size: 16px; line-height: 38px;}
    .pdfBox{ height:500px;}

    .download { padding: 30px 0; }
    .download .box ul{ margin: 0 -5px;}
    .download .box ul li{ width: 50%; padding: 0 5px;}
    .download .box ul li ol em{ font-size: 13px; font-weight: normal;}
    .download .box ul li ol h3{ font-size: 16px; margin-bottom: 5px;}
    .download .box ul li ol dt { font-size: 14px; margin-bottom: 10px;}
    .download .box ul li ol dd { font-size: 13px; border-top: #000 solid 1px;}

    .news { padding: 30px 0;}
    .news ul { margin: 0;}
    .news ul li{ width: 100%; padding: 0; margin-bottom: 20px;}
    .news ul li dd{ font-size: 13px;}
    .news ul li h3{ font-size: 16px;}
    .news ul li dt{ font-size: 14px;}

    .newsView { padding: 40px 0; }
    .newsView .tit h1 { font-size: 21px; }
    .newsView .text { font-size: 15px; }
    .newsView .viewPage{ border-top: #eaeaea solid 1px; padding: 30px 0; overflow: hidden;}
    .newsView .viewPage .boxCon{ float: none; padding-right: 120px;}
    .newsView .viewPage .boxCon a{ font-size: 14px; display: block; overflow: hidden;  text-overflow:ellipsis;  white-space: nowrap; margin-bottom: 10px;}
    .newsView .viewPage .back{ width: 100px; height: 36px; line-height: 36px;  float: none; margin: 0 auto; right: 0;}
    .newsView .viewPage .back a{color: #fff; display: block;}

    .contact{padding: 40px 0;}
    .contact .tit{ text-align: center;}
    .contact .tit h2{ font-size: 18px;}
    .contact .tit p { font-size: 16px; }
    .contact .box ul li{ width: 100%; font-size: 15px; float: none;}

    .form { border-top: 1px solid #eee; padding: 40px 0;}
    .form .wrap{ display: block;}
    .form .tit{ text-align: center; margin-bottom: 20px;}
    .form .tit p{ font-size: 15px;}
    .form .box ul{ margin-left: -10px;}
    .form .box ul li input{ font-size: 15px; line-height: 42px; border-radius: 5px;}
    .form .box ul li button{ font-size: 16px; line-height: 42px; border-radius: 5px;}

    .footer{ padding: 35px 0;}
    .footer .wrap{ display: block;}
    .footer .logo{ display: none;}
    .footer .fcontact .box{ font-size: 13px; padding-left: 0; text-align: center; margin-bottom: 20px;}
    .footer .fnav{ display: none;}
    .footer .ewm{ text-align: center;}
    .footer .ewm img{ height: 110px;}

    /*===/分页=============================*/
    .fenye { text-align: center; font-size: 14px; width: 100%; height: 40px; margin: 10px 0 0px;}
    .fenye .prev, .fenye .next { width: 34px; height: 34px; line-height: 32px; margin-right: 2px; font-size: 16px; }
    .fenye a { width: 34px; height: 34px; line-height: 32px; margin-right:2px;}
    .fenye a:hover {color: #fff; background: #242a34; border: #242a34 solid 1px;}
    .fenye a.current { color: #fff;  background: #242a34; margin-right: 2px; border: #242a34 solid 1px;}

    .tccBox .BoxCon{ width: 95%;}
    .tccBox .BoxCon .off{ right: 20px;}
    .tccBox .BoxCon ul video{ height: 250px;}
    .search-dialog{ width: 95%;}
}