﻿/*banner*/
.banner-tab{bottom:49% !important;width:7% !important;left:auto !important;right:1% !important;}
.banner-tab li{width:8px !important; height:30px !important; background:#ffeecc !important; border-radius:2px !important; border:solid 2px  #ffeecc!important; margin:5px 0px !important; display:flex !important;}
.banner-tab .active{background:transparent !important;}
.index-bannerbuttonleft,.index-bannerbuttonright{width:64px; height:64px; top:45%;}
.index-bannerbuttonleft{background: no-repeat 50%; left:6%;}
.index-bannerbuttonright{background: no-repeat 50%; right:6%;}
#mybanner .item{height:700px;}
.visible-lg-banner .carousel-inner{overflow:visible;}
.visible-lg-bannerbg1{min-height:590px; background:#ffa800;}
.visible-lg-bannerbg1 .banner_slogan{width:950px; padding-top:45px; color:#fff;}
.visible-lg-bannerbg1 .left1{width:390px;}
.visible-lg-bannerbg1 .left1 span{font-size:18px; word-spacing:8px; letter-spacing:20px; font-weight:lighter;}
.visible-lg-bannerbg1 .left1 p{word-spacing:8px; letter-spacing:1px;}
.visible-lg-bannerbg1 .left2{background: no-repeat 50%; width:175px; height:102px; color:#000; font-size:38px; padding:10px 0px 0px 23px;}
.visible-lg-bannerbg1 .left5,.visible-lg-bannerbg1 .left3,.visible-lg-bannerbg1 .left1 p{font-size:51px; font-weight:bold;}
.visible-lg-bannerbg1 .left3,.visible-lg-bannerbg1 .left5{padding:23px 10px 0px 10px;}
.visible-lg-bannerbg1 .left4{width:147px; height:100px; background: no-repeat 50%;}
.visible-lg-bannerbg1 .picbox .pic1{left:335px; top:15px; background: no-repeat 50%; width:442px; height:507px;}
.visible-lg-bannerbg1 .picbox .pic2{left:68px; top:98px; background: no-repeat 50%; width:278px; height:254px;}
.visible-lg-bannerbg1 .picbox .pic3{left:185px; top:175px; background: no-repeat 50%; width:281px; height:245px;}
.visible-lg-bannerbg1 .picbox .pic4{left:205px; top:299px; background: no-repeat 50%; width:377px; height:221px;}
.visible-lg-bannerbg1 .picbox .pic5{left:590px; top:280px; background: no-repeat 50%; width:316px; height:240px;}
.visible-lg-bannerbg1 .picbox .pic6{right:100px; top:165px; background: no-repeat 50%;width:374px; height:229px;}
/*banner2*/
.visible-lg-bannerbg2{background: no-repeat 50% top; min-height:680px;}
.visible-lg-bannerbg2 .max1315{max-width:1315px;}
.visible-lg-bannerbg2 .leftpic{left:25px; top:85px;}
.visible-lg-bannerbg2 .rightpicbg{margin-top:120px; padding-top:75px; padding-left:45px; padding-right:45px; background: no-repeat 50% top; width:680px; height:560px;}
.visible-lg-bannerbg2 .rightpicbg .line{height:5px; width:85px; background:#fff; margin-bottom:20px;}
.visible-lg-bannerbg2 .rightpicbg .wenb{color:#fff;}
.visible-lg-bannerbg2 .rightpicbg .wenb{font-size:42px; font-weight:lighter;}
.visible-lg-bannerbg2 .rightpicbg .wenb span{font-weight:bold;}
.visible-lg-bannerbg2 .rightpicbg .wenb i{font-size:30px;}
.visible-lg-bannerbg2 .rightpicbg .more{height:40px; line-height:40px; width:145px; border-color:#fff; margin-top:40px; color:#fff;}
/*banner3*/
.visible-lg-bannerbg3{background:#7b22e6; min-height:680px; color:#fff;}
.visible-lg-bannerbg3 .max-size{font-size:47px; font-weight:bold; padding-top:150px;}
.visible-lg-bannerbg3 .max-size2{font-size:22px; font-weight:lighter;}
.visible-lg-bannerbg3 .pull-right p{font-size:37px;}
.visible-lg-bannerbg3 .pull-right .rightpic{padding-top:35px;}
/*我们做什么*/
.wwdbox{padding-top:75px;}
.wwdbox .dots{border-radius:50%; width:15px; height:15px; background:#f0831e; right:-8px; top:102px;}
.wwdbox .list{color:#000;}
.wwdbox .list:last-of-type .dots{display:none;}
.wwdbox .pichover{max-width:272px;}
.wwdbox .pichover img:last-of-type{display:none;}
.wwdbox .title{font-size:18px; font-weight:bold; color:#000; margin:30px 0px;}
.wwdbox .loft{line-height:30px; font-size:14px; max-width:200px; min-height:100px;}
.wwdbox .more{width:90px; height:30px; color:#000; line-height:30px; background: no-repeat; background-position:65px -50px;}
.wwdbox .list:hover .pichover img:last-of-type{display:block;}
.wwdbox .list:hover .pichover img:first-of-type{display:none;}
.wwdbox .list:hover .title,.wwdbox .list:hover .loft,.wwdbox .list:hover .more{color:#ef831e;}
.wwdbox .list:hover .more{background: no-repeat; background-position:65px -1378px;}
/*您是否遇到以下问题*/
.htdbox{padding-top:35px;}
.htdbox .public-title-box .en-title,.htdbox .en-title span,.htdbox .public-title-box p,.htdbox .public-title-box .cn-title a{color:#fff;}
.htdbox .public-title-box .en-title span{background:#fff;}
.htdlistbox{padding-top:40px;}
.htdlistbox .show-lg-list{color:#fff;}
.htdlistbox .show-lg-title{font-size:24px; line-height:58px; padding-top:30px;}
.htdlistbox .show-lg-title .zi{font-size:24px;}
.htdlistbox .show-lg-title .icon{background: no-repeat; background-position:0px -656px; height:58px; width:58px; margin-left:10px;}
.htdlistbox .show-lg-center{line-height:30px; font-size:16px; min-height:60px; padding:15px 0px;}
.htdlistbox .show-lg-more{width:145px; height:25px; line-height:25px; font-size:14px; padding:0px 8px; color:#18a1d4; background: no-repeat #fff; background-position:125px -108px;}
.htdlistbox .show-lg-list:hover .icon{background: no-repeat; background-position:0px -751px;}
.htdlistbox .show-lg-list:hover .show-lg-more{background: no-repeat #f0831e; color:#fff; background-position:125px 4px;}
#show-xs-htdbox{color:#fff;}
#show-xs-htdbox .titlebox .title{font-size:18px; color:#fff; line-height:58px;}
#show-xs-htdbox .titlebox .icon{margin-left:10px; width:58px; height:58px; background: no-repeat; background-position:0px -751px;}
#show-xs-htdbox .loft{font-size:14px; line-height:25px; min-height:70px; padding-top:15px;}
#show-xs-htdbox .more{height:30px; line-height:30px; color:#fff; font-size:14px; background: #f0831e no-repeat right 50%; padding:0px 20px 0px 8px; margin-top:15px;}
#show-xs-htdbox .owl-controls .owl-pagination{display:block; top:-50px; padding-left:10%;}
#show-xs-htdbox .owl-controls .owl-page{margin:0px;}
#show-xs-htdbox .owl-controls span{background:#fff;}
#show-xs-htdbox .owl-controls .active span{background:#f0831e;}
#show-xs-htdbox .owl-controls{margin-top:0px;}
/*我们的作品*/
.index-caselistbox{padding-top:25px;}
.index-caselistbox .hd{max-width:360px;}
.index-caselistbox .hd ul .on{color:#f0831e;}
.index-caselistbox .hd ul li{font-size:16px; border-right:solid 1px #7f7f7f; height:20px; line-height:20px; color:#000;}
.index-caselistbox .hd ul li:last-of-type{border-right:none;}
.index-caselistbox .bd{padding-top:15px;}
/*我们的实力*/
.index-osbox{padding-top:20px;}
.index-osbox .public-title-box .en-title{color:#000;}
.index-osbox .public-title-box{max-width:360px;}
.index-osbox .public-title-box .en-title span{background:#fff;}
.index-osbox .en-title{color:#654c00;}
.index-osbox .public-title-box p{color:#654c00;}
.index-osbox .list{border-width:15px; border-color:transparent; min-height:470px; padding:25px; color:#654c00;}
.index-osbox .list:hover{border-color:#000; color:#000;}
.index-osbox .boxlist{padding-top:25px;}
.index-osbox .numberbox .number,.index-osbox .numberbox .unit{font-family:'conv_oswald';}
.index-osbox .numberbox .number{font-size:96px;}
.index-osbox .numberbox .unit{font-size:40px; margin-left:10px; font-family:"微软雅黑";}
.index-osbox .contnet{padding-top:50px; line-height:30px; font-size:16px; min-height:160px;}
.index-osbox .more{display:none; font-size:14px; padding-right:30px; line-height:30px; height:30px; background: no-repeat; color:#000; background-position:65px -50px;}
.index-osbox .list:hover .more{display:block;}
/*一路走来*/
.index-aboutbox .public-title-box{max-width:360px;}
.index-aboutbox .index-video{max-width:700px; height:300px; margin:30px auto; background: no-repeat 50%;}
.index-aboutbox .index-video .playvideo{left:0px; top:0px;}
.index-aboutbox .contentbox{max-width:970px; line-height:30px;}
.index-aboutbox .more{background: no-repeat 50%; height:27px; width:205px; margin-top:15px;}
.index-aboutbox .history{background: no-repeat 50%; height:70px; margin-top:15px;}
.index-aboutbox .videoclose{background: no-repeat 50%; height:45px; width:45px; top:-20px; right:-20px; z-index:1024;}
/*新闻*/
.index-newsbox .public-title-box{max-width:365px;}
.index-newsbox .public-title-box .en-title{max-width:340px;}
.index-newsbox .listbox{padding-top:30px;}
.index-newsbox .hd{height:540px; width:1px; background:#b8b9bc; margin-left:10px;}
.index-newsbox .next,.index-newsbox .prev{width:20px; height:20px; left:-10px;}
.index-newsbox .next{background: no-repeat; background-position:0px -846px; top:0px;}
.index-newsbox .prev{background: no-repeat; background-position:0px -906px; bottom:0px;}
.index-newsbox .bd{padding:30px 0px 30px 0px; margin-left:-13px;}
.index-newsbox .bd ul li{margin-bottom:20px; padding-left:10px;}
.index-newsbox .timebox{height:30px; line-height:30px; width:95px; border-bottom:solid 1px #b8b9bc; margin-left:0px;}
.index-newsbox .timebox .circle{border-radius:50%; width:10px; height:10px; background:#f0831e; left:-2px; bottom:-5px;}
.index-newsbox .contentbox{padding-left:20px;}
.index-newsbox .contentbox .title{color:#000; font-size:16px; margin-bottom:10px; line-height:30px;}
.index-newsbox .contentbox p{width:430px;}
/*小屏幕下的新闻*/
.hidden-lg-newslistbox{max-width:940px;}
.hidden-lg-newslistbox .public-title-box{max-width:400px;}
.hidden-lg-newslistbox .public-title-box .en-title{max-width:330px;}
.hidden-lg-newslistbox .listbox{padding:20px 0px;}
.hidden-lg-newslistbox .list,.hidden-lg-newslistbox .synopsisbox{margin-bottom:12px;}
.hidden-lg-newslistbox .listbox .titlebg{height:55px; line-height:55px; padding:0px 15px; background:#f2f2f2;}
.hidden-lg-newslistbox .list:nth-child(1) .synopsisbox{display:block;}
.hidden-lg-newslistbox .list:nth-child(1) .titlebg{display:none;}
.hidden-lg-newslistbox .icon{margin:17px 15px 0px 0px; background: no-repeat 50%; width:20px; height:20px;}
.hidden-lg-newslistbox .listbox a{color:#000; font-size:16px;}
.hidden-lg-newslistbox .titlebg a{max-width:365px;}
.hidden-lg-newslistbox .titlebg .time{color:#aaa;}
.hidden-lg-newslistbox .synopsisbox{display:none;}
.hidden-lg-newslistbox .synopsisbox p{color:#aaa; padding:15px 0px;}
.hidden-lg-newslistbox .synopsisbox time{color:#f0831e;}
@media(max-width:1199px){
  .index-newsbox{background:none; padding:15px 0px 40px 0px;}
}
@media(max-width:768px){
  .hidden-lg-newslistbox .listbox .titlebg{height:40px; line-height:40px; padding:0px 8px;}
  .hidden-lg-newslistbox .icon{margin:10px 3px 0px 0px;}
  .hidden-lg-newslistbox .titlebg a{max-width:230px;}
  .hidden-lg-newslistbox .listbox a{font-size:14px;}
  .hidden-lg-newslistbox .left-box{padding-right:5px !important;}
  .hidden-lg-newslistbox .right-box{padding-left:5px !important;}
  .hidden-lg-newslistbox .synopsisbox p{font-size:12; padding:5px 0px;}
}
/*合作伙伴*/
.partnerbox .public-title-box{padding-top:80px;}
.partnerbox .pictabbox{padding-top:25px;}
.partnerbox .bd{margin:0px -10px;}
.partnerbox .picbox{padding:0px 10px; width:20%; margin-bottom:20px;}
.partnerbox .border{border-radius:5px; border-color:#d2d2d2; overflow:hidden;}
.partnerbox img{-webkit-filter:grayscale(1); filter:gray; filter:grayscale(1);}
.partnerbox .border a:hover img{-webkit-filter:none; filter:none; filter:none;}
.partnerbox .hd{padding-top:30px;}
.partnerbox .hd ul li{border-radius:50%; border-color:#cacaca; width:13px; height:13px; background:transparent; margin:0px 5px;}
.partnerbox .hd ul .on{background:#cacaca;}
.index-partner-textintroduce .line{height:1px; background:#aaa; margin:45px 0px;}
.index-partner-textintroduce .name{color:#000; line-height:35px; font-size:16px;}
.index-partner-textintroduce p{line-height:28px; color:#696969;}
/*联系我们*/
.contactusbox .public-title-box{padding-bottom:10px; padding-top:6px;}
.contactusbox .teltitle{background: no-repeat; background-position:0px -963px;}
.contactusbox .address{background: no-repeat; background-position:3px -1040px;}
.contactusbox .branch{background: no-repeat; background-position:0px -1113px;}
.contactusbox .teltitle,.contactusbox .address,.contactusbox .branch{padding-left:50px; line-height:40px; height:40px; font-size:18px; color:#000; margin-bottom:5px;}
.contactusbox .telnumber,.contactusbox .email a,.contactusbox .add{font-size:14px; color:#686969; line-height:30px;}
.contactusbox .add{width:85%;}
.contactusbox .branchlist ul li:after{content:"/"; padding:0px 8px;}
.contactusbox .branchlist ul li a{color:#686969;}
.contactusbox .branchlist ul li{font-size:14px; line-height:30px;}
.contactusbox .rowform{margin:0px -10px;}
.contactusbox .marginform{padding:0px 10px;}
.contactusbox .inputkuan{border-color:#bebebe; margin-bottom:10px; padding:10px;}
.contactusbox .input{height:50px; line-height:50px;}
.contactusbox .message{line-height:30px; height:30px; min-height:90px;}
.contactusbox .submit{background:#d2d2d2; color:#000; margin-left:10px; height:40px; line-height:40px; width:120px;}
.contactusbox .submit:hover{background:#f0831e;}
.contactusbox .buttonbox{padding:0px 10px;}
/*1~~~767*/
@media screen and (min-width:1px) and (max-device-width:767px){
  	.wwdbox .title{font-size:12px; margin:12px 0px;}
  	.wwdbox{padding-top:10px;}
  	#show-xs-htdbox .loft{padding-top:5px;}
  	#show-xs-htdbox .more{margin-top:0px;}
  	#show-xs-htdbox .loft{font-size:12px;}
  	#show-xs-htdbox .titlebox{padding-top:15px;}
  	#show-xs-htdbox .owl-controls .owl-pagination{top:13px; padding-left:0%;}
    .index-caselistbox .hd ul li{font-size:16px;}
    .hidden-lg-newslistbox .textbox{padding-left:10px; padding-right:0px;}
    .hidden-lg-newslistbox .intro{line-height:20px; font-size:12px;}
    .hidden-lg-newslistbox .title{font-size:14px;}
    .hidden-lg-newslistbox .listbox{padding-top:10px;}
    .index-caselistbox .hd{max-width:100% !important;}
}
/*1~~~991*/
@media screen and (min-width:1px) and (max-device-width:991px){
    .htdlistbox{padding-top:15px;}
    .htdbox{padding-top:0px; padding-bottom:15px;}
}
/*1~~~1170*/
@media screen and (min-width:1px) and (max-device-width:1170px){
    .index-osbox{margin-top:15px;}
}
/*768*/
@media screen and (max-device-width:768px) and (min-width:768px){
	 
}
/*768~~~~991*/
@media screen and (min-width:768px) and (max-device-width:991px){
	.wwdbox{padding-top:25px;}
}
/*992~~~1199*/
@media screen and (min-width:992px) and (max-device-width:1199px){
	.htdbox{padding-top:10px; padding-bottom:15px;}
	.htdlistbox{padding-top:15px;}
	.htdlistbox .show-lg-center{font-size:14px;}
	.wwdbox{padding-bottom:20px; padding-top:25px;}
}
/*768~~~1170*/
@media screen and (min-width:768px) and (max-device-width:1170px){
    
}
/*1024*/
@media screen and (max-device-width:1024px) and (min-width:1024px){
	
}
/*<=1170px*/
@media screen and (min-width:1170px){ 
    
}