@charset "utf-8";
/* CSS Document */
.wrap{width:1200px; margin:0 auto;}
.top{ height:140px; background:#fff; width:100%; z-index: 2000; box-shadow:0 0 0px rgba(0,0,0,0);position: relative; margin-top:0px;padding-top:15px; }
.top .logo img{ height:48px;margin-top:0px;}
.lencot{ padding:0px 30px;}
.lencot .tel{ background:url(../pics/tel.png) no-repeat left center; height:50px; margin-top:0px;color:#cc0000;}
.lencot .tel p{display:inline-block;padding-left:55px; line-height: 20px;margin-right:3px;font-size:18px;}
.lencot .tel span{ display:block; color:#ff9900;font-size:14px; }
.lencot .lang{line-height:45px; text-align:center;margin-left:20px; }
.lencot a{  display:inline-block; margin:0 5px; }
/*导航组件*/
.top .nav-list:before{ content:""; position:absolute; left:0; width:100%; height:60px; background:#ddd;}
.top .nav-list:after{content:""; position:absolute; right:0; width:100%; height:1px; background:#ddd;}
.top .nav-list {-webkit-box-sizing: border-box;box-sizing: border-box;float: right;margin-right: 0px;width:100%;margin-top:18px;}
.top .nav-list > li{position:relative;list-style:none;float:left;text-align:center;width:12%}
.top .nav-list > li .active{color:#fff;background:#cc0000}
.top .nav-list > li a{color:#000;display:block;padding:0px 13px;margin:0px;font-size:16px;line-height:60px}
.top .nav-list > li:hover{background:#cc0000;}
.top .nav-list > li:hover  a{color:#fff}
.top .nav-list > li .menu{width:100%;background-color:rgba(244,244,244,1.0);position:absolute;border-radius:0px;white-space:nowrap;left:0px;height:0;overflow:hidden;-webkit-transition:1s;transition:1s}
.top .nav-list > li .menu1{width:600px;padding:0 10px;overflow: hidden;display:block;}
.top .nav-list > li .menu1 h3{text-align:left; display:block;padding:0; margin:0; line-height:35px;overflow: hidden; font-size:16px; font-weight: lighter;color:#cc0000;padding-top:15px;}
.top .nav-list > li .menu1 li{width:33%; float:left;overflow:hidden;text-overflow: ellipsis; white-space: nowrap;}
.top .nav-list > li .menu1 div{width:100%; float:left;padding-bottom:10px;}
.top .nav-list > li .menu1 li a{float:left; width:100%; text-align: left; display:block;}
.top .nav-list > li .menu  li a{margin:0;font-size:14px;overflow:hidden;text-overflow: ellipsis; white-space: nowrap;color:#333;line-height:26px;padding:10px 0px;}
.top .nav-list > li .menu  li a:hover{color:#cc0000}
.top .nav-list > li:hover ul{height:auto}
.top .nav-menu{display:none;z-index:999;background:#fff;cursor:pointer}
/**/
.in-box1{width:100%; overflow: hidden;}
.in-gycon,.in-service{width:50%; overflow: hidden;}
.in-box1 h2{ display:block; color:#cc0000; padding:20px 0px; font-size:22px; font-weight: lighter;}
.in-box1 h2 span{display:inline-block; float:right;}
.in-box1 h2 a{ color:#cc0000; padding-top:20px;  font-weight: lighter;}
.in_about{padding-left:60px;line-height:32px;color:#666; font-size:16px;}
.in-service{background:url(../pics/in-bg1.jpg) no-repeat top; overflow: hidden;}
.in-service h2{padding-left:30px;}
.in-service li{width:33.3%; float:left; text-align: center; display:block;  overflow: hidden;}
.in-service li a{display:block; padding:25px 10px; overflow: hidden;text-align: center;}
.in-service li img{display:block;height:100px; width:100px; margin:0 auto; border-radius: 100%;}
.in-service li span{height:30px; line-height:30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;display:block;}
.scroll .hd{ overflow:hidden;  height:30px;  padding:0 10px;  }
.scroll .hd .prev,.scroll .hd .next{ display:none;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;cursor:pointer; }
.scroll .hd .next{  }
.scroll .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; }
.scroll .hd ul li{ float:left;  width:10px; height:10px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:#ff0000; border-radius:50%; }
.scroll .hd ul li.on{ background:#cc0000; }
.pageState{display:none;}
/**/
.in-box2{width:100%;margin:20px 0; overflow: hidden;}
.in-ul{width:33.3%; height:150px; overflow: hidden; background-size:100%;}
.in-ul h3 a{color:#cc0000; display:block; font-weight: lighter; font-size:20px;padding-top:30px; padding-left:30px;}
.in-ul h3 a span{ display:block; font-size:14px; text-transform: uppercase;}
.in-ul h4 a{ font-size:26px; color:#cc0000; font-weight: lighter;text-align: center; display:block; line-height:150px;}
.in-ul h4 a img{margin-right:5px;width:38px;}
.foot{width:100%; line-height:26px; overflow: hidden;padding-bottom:10px;padding-top:20px; text-align:center;}
.foot p span{display:inline-block; padding-right:10px; }
/**/
.my-ban{width:100%;height:230px; background-repeat: no-repeat; background-position:top right; overflow: hidden;}
.banner-intro{padding:90px 0;  font-size:14px; line-height:30px; color:#000;}
.banner-intro span{font-size:24px;color:#cc0000;display:block; padding-bottom:10px;}
.content{line-height:26px;overflow: hidden; border-bottom:1px #eee solid;padding-bottom:20px;}
.content img{max-width:100%;}
/**/
.my-nav{width:100%; overflow: hidden; background:#f4f4f4; border-bottom:1px #eee solid; line-height:60px;margin-bottom:20px;}
.my-nav h2{float:left; font-size:20px; color:#cc0000;  font-weight: lighter;}
.my-nav ul{float:right;}
.my-nav ul li{display:inline-block; position:relative; }
.my-nav ul li a{display:block;margin:0 10px; font-size:16px;position:relative;}
.my-nav ul li a:after{content:""; background:#cc0000; height:2px; position:absolute; bottom:-1px;width:0;left:0; transition: .4s;}
.my-nav ul li a:hover,.my-nav ul li a.active{color:#cc0000;}
.my-nav ul li a:hover:after,.my-nav ul li a.active:after{width:100%;}
/**/
.gycon{padding-top:30px; overflow: hidden;}
.gycon h4{font-size:18px; font-weight: lighter; display:block; padding-bottom:15px; color:#000;}
.gycon h5{font-weight:lighter; font-size:14px; background:url(../pics/icon_3.png) no-repeat left center;  display:block; padding-left:25px;color:#999;}
.gy-env{width:100%; overflow: hidden; padding:20px 0;}
.gy-env li{float:left; width:25%; cursor: pointer; overflow: hidden;}
.gy-env li img{ padding:5px;}
.gy-env li img:hover{ transform:scale(1.1); transition: all .4s;}
/**/
.gy-cul{width:100%; overflow: hidden;}
.gy-cul li{width:100%;display:block; overflow: hidden;}
.gy-cul-img,.gy-cul-text{width:50%;float:left;}
.gy-cul li:nth-child(2n) .gy-cul-img{float:right;}
.gy-cul-text{padding:2em;}
.gy-cul li h3{font-size:18px; color:#cc0000;padding-top:15px;}
/*证书*/
.gy-hor{width:100%;}
.gy-hor li{width:24%; display:inline-block; text-align: center; }
.gy-hor li a{display:block; margin:25px;line-height:26px;}
.gy-hor li a img{box-shadow:0 0 10px #ccc;}
.gy-hor li span{display:block; padding-top:10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
/*产品导航*/
.pro-ul-nav{width:20%; float:left; margin-top:20px;border:1px #ddd solid;}
.pro-ul-nav h3{height:55px; line-height:55px;font-size:18px;color:#000;padding-left:10px; position:relative;display:block;border-bottom:0px #eee solid;border-top:0px #cc0000 solid;}
.pro-ul-nav span{display:block;border-top:2px #cc0000 solid;}
.pro-ul-nav span:first-child{border-top:0px #cc0000 solid;}
.pro-ul-nav li{line-height:26px; border-bottom:1px #ddd dashed; overflow: hidden;padding:10px 0;width:100%;}
.pro-ul-nav li a{margin:0 10px;color:#000; overflow: hidden;display:block;}
.pro-ul-nav li:last-child{border-bottom:0;}
.pro-ul-nav li a:hover{color:#cc0000;}
/**/
.pro-con{width:78%; float:right; overflow: hidden; margin-top:20px;}
.pro-tit{width:100%; overflow: hidden; border-bottom:1px #eee solid; margin-bottom:10px;}
.pro-tit h3{font-size:14px; font-weight: lighter; display:inline-block;}
.pro-tit h3:before{content:"\25BA"; color:#999;padding-right:10px;}
.pro-list-con{overflow:hidden;}
.pro-list-con h2{font-size:20px; color:#cc0000;display:block; padding:15px 0;}
.pro-tj-list{width:100%; overflow: hidden;padding-top:20px;}
.pro-tj-list h4{font-weight:lighter;font-size:20px;padding-bottom:20px;color:#cc0000; display:block;}
.pro-tj-list h4:before{content:"\007C";font-weight: bold;padding-right:5px;}
.pro-tj-list li{float:left; width:33.3%; overflow: hidden;}
.pro-tj-list li a{background:#fadddd; padding:5px; line-heihgt:26px; margin:5px 10px; display:block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.pro-tj-list li a:before{content:"\25C6"; color:#a00404; padding-right:5px;}
/*产品列表*/
.pro-list-ul{width:100%; float:right;margin-top:20px;}
.pro-list-ul h3{font-weight:lighter; font-size:22px; color:#cc0000; border-bottom:1px #eee solid; line-height:45px; position:relative;display:block;width:100%;}
.pro-list-ul h3:after{content:"";background:#cc0000; height:2px; width:50px;display:block;}
.pro-list-ul ul{padding:20px 0;width:100%;overflow:hidden;}
.pro-list-ul li{ overflow: hidden;width:24%; vertical-align: top;float:left;}
.pro-list-ul li a{display:block; overflow: hidden; line-height:40px;}
.pro-list-ul li span{font-size:16px;display:block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.pro-list-ul li span:before{content:"\25C8"; color:#cc0000; padding-right:5px; font-size:19px;}
.pro-ul-text{}
/*下载*/
.dow-ul{width:100%; overflow: hidden; padding:20px 0;}
.dow-ul li{line-height:45px; border-bottom:1px #ccc dashed; overflow:hidden; background:url(../pics/icon_2.png) no-repeat left center; background-size:20px;}
.dow-ul li a{width:70%; float:left; text-overflow: ellipsis;white-space: nowrap; overflow: hidden;font-size:15px;padding-left:30px;}
.dow-ul li span{display:inline-block; text-align: right; float:right;}
.og-tit{line-height:50px; text-align: center; overflow: hidden;padding-bottom:20px;padding-top:20px;}
.og-tit h2{line-height:50px; text-align: center; font-size:24px; font-weight: lighter;color:#cc0000;}
/**/
.job-ul{width:100%; overflow: hidden;}
.job-ul li{ border-bottom:1px #ccc solid;padding:20px 0;}
.job-li-tit h4{color:#000; font-size:16px; font-weight: lighter;display:inline-block; padding-bottom:10px; position:relative; padding-left:30px;}
.job-li-tit h4:after{content:"\2013"; position:absolute; height:20px; width:20px; background:#cc0000; bottom:12px; left:0;border-radius:100%; text-align: center; line-height:18px; color:#fff; font-weight: bold;}
.job-li-into{padding-left:8em;}
.job-li-into span{color:#444;}
/**/
.lx-con{overflow:hidden;}
.lx-con-l{ float:left;width:70%;}
.lx-con-r{ float:right;width:25%; overflow: hidden;}
.lx-con-dt{width:100%; margin-top:20px; overflow: hidden;padding-top:20px;}
/**/
.news-list{overflow:hidden;}
.news-list li{width:33%; overflow: hidden; vertical-align: top;display:inline-block;}
.news-list li a{padding:15px; margin:20px; border:1px #ccc solid; border-radius: 5px; overflow: hidden; display:block; transition: all .4s;}
.news-list li h4{font-weight:lighter; font-size:16px;padding-bottom:10px; display:block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.news-list li h5{font-weight:lighter; display:block; background:url(../pics/icon_3.png) no-repeat left center; padding-left:25px;margin:10px 0;}
.news-list-text{color:#666;}
.news-list li:hover a{border:1px #cc0000 solid;}
.news-list li:hover h4{color:#cc0000;}
/**/
.login-con{background:url(../pics/bg4.png) no-repeat top left; padding:120px 0; overflow: hidden; width:100%;}
.login-list{float:right; width:430px; background:#fff; border-radius: 5px; box-shadow: 3px 3px  15px #ddd;padding:80px 50px;}
.login-list form{width:100%;  text-align: center;}
.input-in{margin-bottom:20px;width:100%; overflow: hidden;}
.login-list form input[type=text]{border:2px #ddd solid; border-radius:2px; line-height:40px;width:100%; padding-left:30px;height:40px;}
.in-sub{margin-top:15px; display:block;}
.in-but{background:#cc0000; border:0;border-radius:5px; line-height:45px;width:100%; color:#fff; font-size:20px; letter-spacing: 10px;cursor: pointer; text-align: center;}
.login-list .in1{background:url(../pics/icon_4.png) no-repeat 5px center;}
.login-list .in2{background:url(../pics/icon_5.png) no-repeat 5px center;}
.login-list .in3{background:url(../pics/icon_6.png) no-repeat 5px center;}
.login-list p a{ line-height:35px; padding-top:20px;color:#cc0000;display:block;}
/**/
.report-list{width:40%; margin:0 auto;background:#fff;padding:50px 40px;}
.report-list h3{line-height:35px; text-align: center; font-size:24px; display:block; padding-bottom:20px; color:#cc0000;}
.report-list span{display:inline-block; float:left;width:25%; line-height:40px;color:#000;}
.report-list form input[type=text]{ border:2px #ddd solid; border-radius:2px; line-height:40px; height:40px;float:right;width:75%;padding:0 5px;}
.report-list .in-but{width:100px;letter-spacing: 0px;}
@media (max-width: 1200px) {
    .wrap{width:95%;margin:0 auto; overflow: hidden;}
    .top .nav-list > li a{padding:0 8px;}
}
@media (max-width: 1024px) {
    .wrap{width:100%;}
    .content .wrap{width:95%;}
    .top{height:40px;padding-top:0; padding: 0 10px}
    .top .logo img{height:30px;margin-top:5px;}
    .top .nav-list{position:fixed;height:100%;top:40px;padding-top:0px;width:60%;background:#fff;right:-60%;-webkit-transition:1s;transition:1s;margin-top:0;}
    .top .nav-list > li a{width:100%;margin:0}
    .top .nav-list > li{width:100%;margin:0;line-height:40px;overflow:hidden}
    .top .nav-list > li{margin-bottom:0px}
    .top .nav-menu{display:block;float:right;padding:8px 0px;position:relative;border:0px solid #ccc;border-radius:5px;margin-right:0px}
    .top .nav-menu span{height:2px;width:20px;display:block;background:#CC0000;border-radius:10px}
    .top .nav-menu span + span{margin-top:6px;width:28px;}
    .lencot{padding:0 0;}
    .lencot .tel{display:none;}
    .lencot .lang {line-height:30px;margin-left:5px;}
    .in-gycon,.in-service{width:100%;}
    .in_about{padding:10px 20px;}
    .in-box1 h2{padding-left:20px;}
    .in_about h2{padding-left:0;}
}
.top .open {right: 0%;overflow: auto;}
@media (max-width: 997px) {
    .gy-cul-img,.gy-cul-text{width:100%;}
    .gy-env li{width:50%;}
    .lx-con-l,.lx-con-r{width:100%;}
    .gy-hor li{width:24%;}
    .news-list li a{margin:5px;}
    .pro-ul-nav{width:30%;}
    .pro-con{width:68%;}
    .report-list{width:100%;}
}
@media (max-width:640px) {
    .top .logo img{height:30px;margin-top:5px;}
    .in-box2 .in-ul{width:100%; background-size:100%;}
    .my-nav h2{display:none;}
    .gy-hor li{width:49%;}
    .login-list{width:100%; margin:0 auto;}
    .news-list li {width:99%;}
    .pro-list-ul li{width:50%;}
    .pro-ul-nav,.pro-con{width:100%;}
    .pro-ul-nav li{display:inline-block;}
    .pro-tj-list li{width:50%;}
    .my-ban{background:#f2f2f2 none!important; height:100px; }
    .banner-intro{padding:30px 0; text-align:center;}
    .banner-intro p{display:none;}
    .report-list{padding:50px 20px;width:100%;}
    .report-list span{width:100%; }
    .report-list form input[type=text]{ width:100%;}

}