*{padding:0;margin:0;}

input,textarea,a{ outline:none;}

  @font-face {
    font-family: 'siyuan';
    src:url(../font/siyuan.otf);      
    }
  @font-face {
    font-family: 'Oswald-Medium';
      src:url(../font/Oswald-Medium.ttf);        
    }
body{font-family: 'siyuan',"Microsoft Yahei",arial;font-size: 14px;overflow-x: hidden;}
input,textarea,a{ outline:none;text-decoration:none;}
a:hover{text-decoration:none;}
em{font-style:normal;}
ul,ol{list-style:none;}
a{text-decoration:none;color:#333;}
h1,h2,h3,h4,h5,h6{margin: 0;padding: 0;}
img{max-width: 100%;display:block;}
p{margin: 0;}


.clear{display:block;contact:"";clear:both;}
.center{width:1400px;margin: 0 auto;}

.header{}
.header .logo{width: 65%;float:left;}
.header a{float: left;}
.header .logowz{float: left;border-left: 1px solid #b1b1b1;padding-left: 30px;margin-left: 30px;margin-top: 25px;}
.header .logowz p{font-size: 16px;color: #333;}
.header .logowz h3{font-size: 24px;color: #333;}

.header .toptell{width: 17%;float:right;background: url(../images/tell.png) no-repeat left;padding-left: 80px;margin-top: 27px;min-height:62px;}
.header .toptell span{display: block;font-size: 16px;color: #666666;}
.header .toptell b{display: block;font-size: 26px;color: #333;font-family: 'Oswald-Medium';}

.nav{width: 100%;line-height: 60px;background: url(../images/navbg.jpg) no-repeat center;}
.nav li{float: left;}
.nav li a{padding: 0 20px;display: block;color: #fff;
font-size: 16px;}
.nav li:hover a{background: url(../images/navtxt4.jpg) no-repeat center;color: #333;}
.indexbanner .swiper-pagination-bullet{background: #fff;}
.indexbanner .swiper-pagination-bullet-active{background: #fff;}
.gjc{margin: 15px auto;}
.keyname{width: 60%;float: left;font-size: 14px;color:#333;font-weight: 600;line-height: 40px;}
.keyname a{font-size: 14px;color:#333;font-weight: 100;margin-right:10px;}
.search{float: right;}
.search .cpkey{border:1px solid #d6d6d6;line-height:40px;width:250px;border-radius: 50px;padding-left: 10px;}
#formSeach{ position:relative;}
.topKeyWord{width:54px; position:absolute;right:2px;top:3px;}

.products{background: #f7f7f7;padding: 60px 0;}
.pro_left{float: left;width: 300px;}
.pro_left .pro_left_top{
    background: url(../images/probg.jpg) no-repeat center;
text-align: center;padding: 45px 0;}
.pro_left .pro_left_top b{
font-size: 28px;color: #fff;display: block;
}
.pro_left .pro_left_top p{
    font-size: 15px;color: #fff;text-transform: uppercase;
}
.products .pro_right{float: right;width: 1075px;}

.pro_left ul{background: #fff;padding: 20px;box-sizing: border-box;}
.pro_left ul li{line-height: 50px;background: #f4f4f4;padding-left: 15px;box-sizing: border-box;border-radius: 5px;font-size: 16px;margin-bottom: 10px;}
.pro_left ul li a{display: block;color: #333;}
.pro_left ul li:hover{background: #333;}
.pro_left ul li:hover a{color: #fddd44;}
.protell{border: 1px solid #000;position:relative;padding: 15px 0 15px 35px;box-sizing: border-box;
margin-left: 20px;margin-top: 20px;}
.protell span{font-size: 16px;color: #717171;display: block;}
.protell b{display: block;font-size: 26px;color: #333;font-family: 'Oswald-Medium';}
.protell img{position: absolute;top: 50%;
    left: -23px;
    margin-top: -23px;}

.pro_right .pro_right_list li{background: #fff;width: 32%;margin-right: 1%; text-align: center;padding: 10px 0 20px;margin-bottom: 1%;float: left;}
.pro_right .pro_right_list li img{margin: 0 auto;max-height:235px;}
.pro_right .pro_right_list li:nth-child(3n){margin-right: 0;}
.pro_right .pro_right_list li h2{font-size: 24px;color: #333;margin-bottom: 20px;-webkit-box-orient: vertical;-webkit-line-clamp:1;display: -webkit-box;overflow: hidden;margin-top:15px;}
.pro_right .pro_right_list li a.prozx{width:135px;line-height: 40px;font-size: 16px;color: #333;display: inline-block;background: #fddd44;}
.pro_right .pro_right_list li a.proxq{width:135px;line-height: 40px;font-size: 16px;color: #333;display: inline-block;background: #e0e0e0;margin-left: 10px;}
.pro_right .pro_right_list li:hover h2{text-decoration: underline;}

.jingxuan{width: 100%;margin: 95px auto 60px;}
.jingxuan .title .titbt{color: #333;}
.jingxuan .title p{color: #333;}

 .series { overflow: hidden;}
 .series li{width: 122px; overflow: hidden;
 position: relative;float: left;}
 .series li p{float: left;height:560px;background: #4c4b4b;writing-mode: tb-rl;
  font-size: 38px;color: #fff;padding: 50px 38px 0;box-sizing: border-box;
}
 .series li .series_hover{float: left;position: absolute;left: 122px;}
 .series li.current{ width:68%;}
 .series li.current p{background: #fddd44;color: #333;}


.industry{width: 100%;padding: 100px 0 90px;background: url(../images/cpbg.jpg) no-repeat center;}

.title{text-align: center;position: relative;}
.title .titleimg{position: absolute;left: 50%;margin-left: -80px;top: -130px;}
.title .titbt{font-size: 45px;color: #fff;font-weight: 600;}
.title .titbt img{display: inline-block;margin: 0 15px; vertical-align: middle;}
.title p{font-size: 24px;color: #fff;margin: 15px auto 40px;}

.xxk_top{width: 100%;background: url(../images/cabg.jpg) no-repeat center;line-height: 84px; overflow: hidden;}
.xxk_top li{float: left;}
.xxk_top li a{color: #fff;padding: 0 20px;display: block;font-size: 22px;}
.xxk_top li:hover a{background: #fddd44;color: #333;}
.xxk_top li.active a{background: #fddd44;color: #333;}
.cases{width: 100%;background: #fff;padding: 20px;box-sizing: border-box;}
.caseimg{float: left;width: 607px;}
.cases_right{float: right;width: 665px;}
.cases_right h2{font-size: 24px;color: #333;font-weight: 600;line-height: 70px;border-bottom: 1px dotted #cdcdcd;
margin-bottom: 20px;}
.cases_right p{font-size: 16px;color: #747474;line-height: 40px;}
.cases_right i{display: inline-block;width: 10px;height: 10px;border-radius: 50%;border: 1px solid #b1b1b1;
margin-right: 5px;}
.casemore{width: 170px;line-height: 50px;background: #fddd44;color: #333333;font-size: 16px;display: block;
text-align: center;border-radius: 50px;margin-top: 50px;}
.case_bottomtit{padding: 0 16px;}
.case_bottom{width: 100%;background: #fff;padding: 20px;box-sizing: border-box;}
.case_bottomtit h4{float: left;font-size:22px;color: #333;background: url(../images/tj.png) no-repeat right;
padding-right: 55px;line-height: 50px;}
.case_bottomtit a{float: right;font-size: 18px;color: #333;text-decoration: underline;line-height: 50px;}
.case_bottom_list{margin-top: 30px;}
.case_bottom_list li{width: 24%;margin-right: 1%;float: left;}
.case_bottom_list li:last-child{margin-right: 0;}
.case_bottom_list li .case_bottom_listimg{
    border: 1px solid #c8c8c8;
}
.case_bottom_list li .case_bottom_listimg img{
    margin: 0 auto;
}
.case_bottom_list li p{font-size: 18px;color: #333;line-height: 50px; text-align: center;}

.how .title{width: 100%;background:url(../images/howbg.jpg) no-repeat center;padding:90px 0 50px;margin-bottom: 50px;}

.how .title .titbt{color: #333;}
.how .title p{display: inline-block;color: #333;margin-right: 10px;margin-bottom: 0;}
.how .title p img{display: inline-block;margin-right: 5px;}
.how .title .titleimg{top: -40px;}
.howchoose li{float: left;margin-bottom: 30px;}
.howchoose li:nth-child(2n){float: right;}
.howchoose li h4{margin:20px 0 10px;}
.howchoose li h4 b{font-size: 32px;color: #333; position: relative;}
.howchoose li h4 b i{position: absolute;bottom: 3px;left: 0;display: block;width: 126px;height: 9px;background: #fddd44;z-index:-3;}
.howchoose li h4 span{font-size: 22px;color: #b6b6b6;font-weight: 100;}
.howchoose li p{font-size: 18px;color: #666;line-height: 40px;}
.howchoose li p img{display: inline-block;margin-right: 5px;}
.howchoose li h5{font-size: 22px;line-height: 40px;color: #333;}
.about{width: 100%;padding: 100px 0 60px;background: url(../images/aboutbg.jpg) no-repeat top;margin-top: 60px;}

.about_topimg{width: 46%;float: left;}
.about_top_right{width: 50%;float: right;}
.about_top_right .abouttxt{font-size: 18px;color: #fff;line-height: 32px;margin-bottom: 50px;-webkit-box-orient: vertical;-webkit-line-clamp:8;display: -webkit-box;overflow: hidden;}

.sumber{}
.sumber li{float: left;width: 25%;color: #fff;margin-right: 20px;}
.sumber li:first-child{width:13%;}
.sumber li b{font-size: 50px;font-family: 'Oswald-Medium';font-weight: 100;}
.sumber li span{font-size: 16px;}
.sumber li p{font-size: 16px;}
.about_top{margin-top: 80px;}
.about_bottom{background: #fff;padding: 30px;box-sizing: border-box;margin-top: 50px;}
#ScrollBox{width: 100%; overflow: hidden;}
#ScrollBox li{float: left;width:270px;margin-right:20px;}
#ScrollBox li p{width: 100%;line-height: 50px;background: #fddd44;text-align: center;color: #333;font-size: 18px;margin-top: 10px;}
.news{margin: 100px auto 60px;}
.news .titbt{color: #333;}
.news_bottom{margin-top: 50px;}
.news .news_bottom_left{width: 46%;float: left;}

.news .news_bottom_left h2 a{font-size:20px;color:#555;line-height:50px;display:block;-webkit-box-orient: vertical;-webkit-line-clamp:1;display: -webkit-box;overflow: hidden;font-weight: 100;}
.news .news_bottom_left p{font-size:14px;color:#666;line-height:25px;-webkit-box-orient: vertical;-webkit-line-clamp:3;display: -webkit-box;overflow: hidden;}
.news .news_bottom_right{width: 51%;float:right;}
.information_list{padding-bottom: 20px;border-bottom: 1px solid #d4d4d4;margin-bottom: 20px;}
 .information_list li img{float:left;width:280px;}
 .information_list li .information_list_right{float:right;width:390px;padding-right:10px;}
 .information_list li .information_list_right h2 a{font-size:20px;color:#333;line-height:57px;
font-weight: 100;-webkit-box-orient: vertical;-webkit-line-clamp:1;display: -webkit-box;overflow: hidden;}
 .information_list li .information_list_right p{font-size:14px;color:rgba(122,122,122,1);line-height:24px;-webkit-box-orient: vertical;-webkit-line-clamp:3;display: -webkit-box;overflow: hidden;}
.information_list_right time{font-size: 14px;color: #666;margin-bottom: 10px;display: block;}

.information_list_bottom li{line-height:40px;
transition: all 0.3s;}
.information_list_bottom li i{display:inline-block;width:4px;height:4px;background:#d9d9d9; vertical-align:middle;margin-right:8px;}
.information_list_bottom li a{font-size:16px;color:#333;}
.information_list_bottom li time{ float:right;font-size:16px;color:#333;}
.information_list_bottom li:hover{background:#fddd44;padding: 0 20px;}
.information_list_bottom li:hover i{display: none;}

.footer{width: 100%;padding: 50px 0 0;background: #333;}
.footerbox{float: left;width: 11%;}

.footera{ font-size: 14px;color: #949494; text-align: center;margin-right: 50px;}
.footera img{margin: 0 auto;}
.footerb{width: 25%;border-right: 1px solid #949494;padding-right: 60px;margin-right: 60px;}
.footerb p{font-size: 16px;color: #949494;line-height: 40px;}
.footerb p img{display: inline-block; vertical-align: middle;margin-right: 5px;}
.footerc dt{color: #fff;font-size: 18px;margin-bottom: 15px;}
.footerc dd a{color: #949494;font-size:16px;line-height: 30px;}

.footerd{width: 18%;}
.footere{width: 10%;}
.foot{font-size: 16px;color: #949494;line-height: 60px;border-top: 1px solid #d2d2d2;margin-top: 40px;text-align: center;}
.foot a{font-size: 16px;color: #949494;}
.footcon{width: 100%;padding: 40px 0;background: #fddd44;}
.footcon p{float: left;font-size: 36px;color: #333;}
.footcon a{float: right;line-height: 50px;width: 180px;border-radius: 50px;border: 1px solid #333;font-size: 18px;color: #333; text-align: center;margin: 0 10px;}
.footcon a.cona{background: #333;color: #fff;}

.box{background: #f7f7f7;padding: 60px 0;}

.nyadd{font-size: 14px;color: #6c6c6c;border-bottom: 1px solid #d5d5d5;padding-bottom:15px;margin-bottom: 15px;}
.nyadd a{color: #6c6c6c;}
.nyadd img{vertical-align: middle;display: inline-block;}

.yema{ text-align:center;margin-top:30px;}
.yema ul{}
.yema li{display:inline-block;border:1px solid #d2d2d2;width:40px;height:40px;font-family:Arial;font-size:16px;color:#333;line-height:40px;}
.yema li a{color:#333;}
.yema li.previous_s{width: 100px;}
.yema li.next{ width: 100px;}
.yema li.pages_solid{ background:#fddd44;color:#333;}
.nyabout{width: 100%;padding: 30px;box-sizing: border-box;background: #fff;}
.nyabouttxt{font-size: 16px;color: #333;line-height: 32px;}
.nyabout .sumber{margin: 50px 0;}
.nyabout .sumber li{color: #333;text-align: center;}

.nynews_list{}

.nynewsbox{}
.nynewsbox li{margin-bottom:15px;width: 100%;padding: 13px;box-sizing: border-box;background: #fff;}
.nynewsbox li .nynewimg{width: 32%;float: left;}
.nynewsbox li .nynewtxt{width: 65%;float: right;}
.nynewsbox li .nynewtxt h3{font-size: 20px;color: #333;
line-height: 40px;font-weight: 100;-webkit-box-orient: vertical;-webkit-line-clamp:1;display: -webkit-box;overflow: hidden;}
.nynewsbox li .nynewtxt time{font-size: 14px;color: #666;}
.nynewsbox li .nynewtxt time img{display: inline-block;
vertical-align: middle;}
.nynewsbox li .nynewtxt p{font-size: 16px;color: #666;line-height: 30px;-webkit-box-orient: vertical;-webkit-line-clamp:2;display: -webkit-box;overflow: hidden;margin-top: 10px;}
.nynewsbox li .nynewtxt .newmore{margin-top: 15px;}
.nynewsbox li .nynewtxt .newmore img{display: inline-block;margin-left: 5px; vertical-align:middle;}
.nynewsbox li .nynewtxt .newmore{font-size: 14px;color: #333;width: 120px;line-height: 40px;background: #fddd44; text-align: center;display: block;}
.nyxqleft{width:72%;float: left;background: #fff;padding: 40px; box-sizing: border-box;}
.xqnr{background:#fff;padding:20px;box-sizing: border-box;}
.xqtop{border-bottom: 1px dotted #9e9e9e; text-align: center;padding: 20px 0;}
.xqtop h1{font-size:24px;color: #333;line-height:60px;}
.xqtop time{font-size: 16px;color: #818181;}

.xqnrbox{font-size: 16px;color: #333;line-height: 32px;margin: 30px 0;}
.xqnrbox a{color: #333;}
.xqnrbox img{margin: 10px auto;display: block;}
.fenye{margin-top: 20px;}
.fenye div{float: left;width: 48%;margin-right: 20px; text-align: center;line-height: 50px;background: #f4f4f4;-webkit-box-orient: vertical;-webkit-line-clamp:1;display: -webkit-box;overflow: hidden;padding: 0 10px;box-sizing: border-box;}
.fenye div:nth-child(2n){margin-right: 0;}
.fenye div:hover{background: #fddd44;color: #333;}
.fenye div:hover a{color: #333;}

.nyxq_right{width: 26%;float: right;background: #fff;
padding:0 10px;border-top: 2px solid #fddd44;box-sizing: border-box;}
.nyxq_right .rm{font-size: 22px;font-weight: 600;color: #333;margin: 20px 0;}
.rm_list li {margin-bottom: 20px;border-bottom: 1px solid #dbdbdb;padding-bottom: 20px;}
.rm_list li .rmimg{width: 35%;float: left;}
.rm_list li .retxt{width: 62%;float: right;}

.rm_list li .retxt h3{-webkit-box-orient: vertical;-webkit-line-clamp:2;display: -webkit-box;overflow: hidden;font-size: 16px;color: #333;}
.rm_list li .retxt time{font-size: 14px;color: #666666;line-height: 30px;}
.nycontact{background: #fff;width: 100%;padding: 60px;box-sizing: border-box;}
.nycontact_left{width: 50%;float: left;}
.nyconbt b{font-size: 35px;color: #333;}
.nyconbt p{font-size: 20px;color: #b9b9b9;}
.nycontact_con{margin-top: 50px;}
.nycontact_con li{margin-bottom: 40px;background-repeat: no-repeat;padding-left: 65px;}
.nycontact_con li span{display: block;font-size:16px;color: #9e9e9e;}
.nycontact_con li p{font-size: 26px;color: #333;font-weight: 600;}
.nycontact_con li:first-of-type{background-image: url(../images/con1.png);}
.nycontact_con li:nth-child(2){background-image: url(../images/con2.png);}
.nycontact_con li:nth-child(3){background-image: url(../images/con3.png);}
.nycontact_con li:nth-child(4){background-image: url(../images/con4.png);}

.liuyan{width: 35%;float: right;}
.liuyan input{width: 100%;display: block;line-height: 60px;padding-left: 10px;border: 1px solid #9e9e9e;margin-bottom: 20px;box-sizing: border-box;}
.liuyan button{width: 230px;line-height: 60px;text-align: center;color: #333;background: #fddd44;border: none;font-size: 18px;margin-top: 15px;cursor: pointer;}

.liuyan textarea{width: 100%;padding: 10px;box-sizing: border-box;height: 160px;}
.xqpro_top{margin-bottom:40px;}
.xqproimg{float: left;width:40%;}
.xqprotxt{float: right;width:56%;}
.xqprotxt h1{font-size: 26px;color: #333;font-weight: 600;margin-bottom: 20px;}
.xqprotxt p{font-size: 16px;color: #828282;margin-bottom: 10px;line-height: 32px;}
.xqprotxt p span{font-size: 16px;color: #333;}
.xqprotxt .bj{display: block;margin-top: 25px;}
.xqpro_bottom{}
.xqpro_bottomdh{width: 100%;line-height: 60px;background: #c9c9c9;}
.xqpro_bottomdh a{color: #fff;font-size: 18px;padding: 0 20px;display: inline-block;}
.xqpro_bottomdh a.huang{background: #fddd44;color: #333;}
.xqpro_bottomdh a:hover .huang{background: #fddd44;color: #333;}

.xqpro_bottomxqnr{font-size: 16px;color: #666;line-height: 30px;padding: 30px;box-sizing: border-box;
background: #fff;}

.xqproly h4{font-size:22px;color: #333;background: url(../images/ty.png) no-repeat left;margin-bottom: 20px;
  padding-left:25px;line-height: 50px;}
  
.xqproly {width: 100%;background: #fff;padding: 30px;box-sizing: border-box;}
.xqproly input{width: 30%;margin-right: 1%;line-height: 35px;padding-left: 10px;}
.xqproly textarea{width: 97%;height: 130px;padding: 10px;box-sizing: border-box;margin-top: 15px;}
.xqproly button{width: 185px;line-height: 60px;background: #fddd44;margin: 0 auto;font-size: 20px;color: #333;border: none;display: block;margin-top: 20px; cursor:pointer;}
.tjcp{margin: 30px auto;}
.tjcpbt{width: 100%;}
.tjcpbt h4{font-size:22px;color: #333;background: url(../images/ty.png) no-repeat left;margin-bottom: 20px;
  padding-left:25px;line-height: 50px;float: left;}
.tjcpbt .back{width: 175px;line-height: 60px;background: #fddd44;text-align: center;float: right;font-size: 18px;color: #333;border-radius: 50px;}
.tjcpbt .back img{display: inline-block;vertical-align: middle;margin-left: 10px;}