﻿@charset "utf-8";
/* CSS Document */
/*common*/
em,i{ font-style:normal;}



.ys_title{ text-align: center; color: #000000; font-size: 34px; margin: 60px 0 40px; font-family: "microsoft yahei"; }
.ys_title span{ display: block; font-size: 24px; font-weight: normal; }
.ys_title em{ font-weight: normal; display: block; font-size: 12px; text-transform: uppercase; color: #b9b9b9; font-family: "Arial"; margin-top: 5px;}


/*搜索*/
.sea_key{ height: 61px; line-height: 61px; overflow: hidden; font-family: "宋体";}
.search{ width:270px; height:26px; overflow:hidden; margin-top:18px;}
.search .inp01{ float:left; width:220px; height:26px; line-height:26px; background:url("Img/Index/search_bg1.jpg") no-repeat;
font-size:12px;color:#666;border:none; padding-left: 21px;}
.search .inp02{ width:29px; height:26px; background:url("Img/Index/search_bg2.jpg") no-repeat;border:none;float:left;cursor:pointer;}
.keywords{ width:800px; font-size:14px; color:#171717; height:61px; line-height:61px;}
.keywords b{ font-weight: normal;}
.keywords a{ color:#171717; display:inline-block; padding-right:15px;}  

.tc {float:left;}

/*banner*/
.banner{ height:500px; overflow:hidden; position: relative;}
.banner .bd div{ height:500px; overflow:hidden; }
.banner a{  height:500px; display:block; overflow: hidden;}

.banner .hd{ height:15px; overflow:hidden; position:absolute; left:36.5%; bottom:60px; z-index:1; }
.banner .hd ul{ overflow:hidden; zoom:1; float:left;  }
.banner .hd ul li{ float:left; margin-right:2px;  width:130px; height:10px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.banner .hd ul li.on{ background:#183883; color:#fff; opacity: .6;}



/*最新抛光数据更新*/
.new_data{ height: 167px; background: #fff url("Img/Index/newdata_bg.jpg") no-repeat center bottom; padding: 20px 0 0 23px;  margin-top: -50px; position: relative; z-index: 10;}
.new_data h2{ color: #183883; font-size: 21px; margin: 0 0 17px; font-weight: normal;}
.new_data h2 a{ color: #183883;}
.new_data li{ width:268px; height:30px; background: url("Img/Index/dot.jpg") no-repeat 0 center; padding-left: 6px; font-size: 14px; color: #626262; font-family: "宋体"; float: left; margin-right: 20px;}
.new_data li a{ color: #626262;line-height:30px;}


/*您是否会碰到这样的问题*/
.problem{ background: url("Img/Index/question_bg.jpg") no-repeat center bottom; overflow: hidden; height: 580px;}
.problem .ys_title{ background: url("Img/Index/question_title_bg.jpg") no-repeat center 50px; margin-top: 0;}
.problem dl{ width: 412px; height: 75px; float: left; margin: 0 375px 90px 0; overflow: hidden;}
.problem dl.none{ margin-right: 0;}
.problem dt{ width: 75px; height: 75px; float: left;}
.problem dd{ font-size: 20px; color: #525252; line-height: 28px; float: right; width: 320px; padding-top: 10px;}
.problem .problem1 dt{ background: url("Img/Index/question_icon1.png") no-repeat;}
.problem .problem2 dt{ background: url("Img/Index/question_icon2.png") no-repeat;}
.problem .problem3 dt{ background: url("Img/Index/question_icon3.png") no-repeat;}
.problem .problem4 dt{ background: url("Img/Index/question_icon4.png") no-repeat;}
.problem .problem1,.problem .problem2{ padding-top: 68px;}
.problem .problem2,.problem .problem4{ margin-right: 0;}
.problem .problem3 dd,.problem .problem4 dd{ padding-top: 22px;}
.problem dl:hover dd{ color: #0292e0;}
.problem dl:hover dt{ background-position: 0 -85px;}



/*完美解决问题*/
.solve{ background: url("Img/Index/solve_bg.jpg") no-repeat center bottom; overflow: hidden; height: 893px;}
.solve .ys_title{ background: url("Img/Index/solve_title_bg.jpg") no-repeat center 50px; margin-bottom: 35px;}
.solve_wrap{ height: 707px; overflow: hidden; position: relative;}
.solve dl{ width: 587px; float: left; margin: 0 10px 10px 0;}
.solve dd h3{ font-size: 20px; color: #3c3c3c; line-height: 30px; color: #3c3c3c; margin: 62px 0 25px;}
.solve dd p{ font-size: 14px; color: #333333; line-height: 26px; color: #333333; font-family: "宋体"; margin-bottom: 15px;}
.solve .solve1 dt,.solve .solve3 dt{ width: 299px; float: left;}
.solve .solve1 dd,.solve .solve3 dd{ width: 228px; float: right; padding: 0 30px;}
.solve .solve2 dt,.solve .solve4 dt{ width: 319px; float: right;}
.solve .solve2 dd,.solve .solve4 dd{ width: 224px; float: left; padding: 0 30px;}
.solve .solve2,.solve .solve4{ margin-right: 0; width: 603px;}
.solve .solve_tel{background: url("Img/Common/tel.png") no-repeat 0 5px; height:40px;padding-left: 40px; font-size: 16px;color: #fff;font-family: "宋体"; position: absolute; left: 58px; top: 652px;}
.solve .solve_tel span{font-size: 30px; font-family: "Arial"; font-weight: normal;}
.solve em i{ display: block; width: 19px; height: 40px;}
.solve .solve_icon1{ position: absolute; left: 282px; top: 140px;}
.solve .solve_icon2{ position: absolute; right: 302px; top: 140px;}
.solve .solve_icon3{ position: absolute; left: 282px; top: 458px;}
.solve .solve_icon4{ position: absolute; right: 302px; top: 458px;}


/*解决方案*/
.project{ background: url("Img/Index/project_bg.jpg"); height: 720px; overflow: hidden; margin-top: 67px;}
.project .ys_title{ background: url("Img/Index/project_title_bg.jpg") no-repeat center 50px; }
.project_slide_hd{ width: 234px; height: 459px; overflow: hidden;}
.project_slide_hd li{ padding-top:10px; height: 47px; margin-bottom: 10px; background: url("Img/Index/project_icon3.jpg") no-repeat 0 0; padding-left: 33px; font-size: 18px; color: #333333;}
.project_slide_hd li span{ display: block; text-transform: uppercase; font-size: 12px; color: #c2c2c2; font-family: "Arial";}
.project_slide_hd li.cur{ background: url("Img/Index/project_icon2.jpg") no-repeat 0 0; color: #fff;}

.project_slide_bd{ width: 958px; height: 459px; overflow: hidden; background: #fff;}
.project_list{ width: 958px; height: 459px; overflow: hidden; background: #fff; position: relative;}
.project_list dl{width: 958px;}
.project_list dt{ width: 608px; height: 459px; float: left; overflow: hidden;}
.project_list dt img{ display: block; width: 608px; height: 459px; }
.project_list dd{ width: 278px; height: 459px; padding: 0 36px; float: right; overflow: hidden;}
.project_list dd em{ display: block; width: 168px; height: 168px; margin: 13px auto 45px;}
.project_list dd em img{ width: 168px; height: 168px;}
.project_list dd h3{ font-size: 19px; color: #183883; margin-bottom: 10px;}
.project_list dd h3 a{ color: #183883; }
.project_list dd p{ font-size: 14px; color: #000000; line-height: 27px; font-family: "宋体"; margin-bottom: 20px;}
.detail{ width: 140px; height: 35px; line-height: 35px; text-align: center; background: #183883; color: #fff; font-size: 14px; font-family: "宋体"; display: block; text-decoration: none;}
.project_list .prev,.project_list .next{ display: block; width: 48px; height: 48px; position: absolute; top: 205px;}
.project_list .prev{ left: 23px;z-index:999;}
.project_list .next{ right: 23px;z-index:999;}


/*实现*/
.demand{ height: 474px; overflow: hidden; }
.demand .ys_title{ background: url("Img/Index/ture_title_bg.jpg") no-repeat center 50px; }
.demand dl{ width: 540px; height: 241px; background: #f8f8f8; overflow: hidden; float: left; padding: 35px 0 0 52px;}
.demand .demand_2{ float: right;}
.demand dt{ width: 132px; height: 132px; margin-top: 20px; float: left; overflow: hidden;}
.demand dd{ width: 352px; height: 235px; float: right; overflow: hidden;}
.demand dd h3{ font-size: 22px; color: #202020;}
.demand dd h3 span{ font-size: 15px; color: #d9d9d9; text-transform: uppercase; font-weight: normal; padding-left: 5px; font-family: "Arial";}
.demand dd i{ display: block; width: 24px; height: 2px; background: #183883; margin: 10px 0 10px;}
.demand dd ul{ overflow: hidden;}
.demand dd li{ font-size: 16px; float: left; width: 175px; line-height: 36px; font-family: "宋体"; }
.demand dd li a{ color: #202020; text-decoration: none;}


/*成功案例*/
.case{ height: 1000px; overflow: hidden;}
.case .ys_title{ background: url("Img/Index/case_title_bg.jpg") no-repeat center 50px; }
.case li{ width: 387px; height: 305px; border: 1px solid #dcdcdc; border-bottom: 3px solid #183883; float: left; margin: 0 16px 35px 0;}
.case li.none{ margin-right: 0;}
.case li img{ display: block; width: 388px; height: 254px;}
.case li span{ color: #3f3f3f;display: block; height: 51px; line-height: 51px; background: #f0f0f0 url("Img/Index/case_icon1.jpg") no-repeat 348px center; padding: 0 17px; font-size: 14px;  font-family: "宋体";}
.case li span a{color: #3f3f3f; }
.case li:hover{ border: 1px solid #183883;border-bottom: 3px solid #183883; }


.morebtn{ margin-top: 43px; height: 35px; text-align: center; font-family: "宋体"; }
.morebtn a{ width: 175px; height: 35px; line-height: 35px; text-align: center; background: #0095dd; color: #fff; font-size: 14px; display: inline-block; margin-right: 18px;}
.morebtn .more{ background: #183883;}


/*优势*/
.advantage{ background: url("Img/Index/advantage_bg.jpg") no-repeat center 0; height: 1432px;}
.advantage h2{ text-align: center; height: 118px; color: #fff; font-size: 30px; padding-top: 20px; margin-bottom: 44px;}
.advantage h2 span{ color: #5676c3; text-transform: uppercase;}
.advantage h2 em{ color: #5676c3; text-transform: uppercase; font-size: 12px; font-family: "Arial"; display: block; margin-top: 5px; font-weight: normal; }

.advantage dd h3{ margin-bottom: 30px; height: 80px;}
.advantage dd h3 span{ background: url("Img/Index/advantage_icon1.jpg") no-repeat 0 0; font-size: 32px; color: #fff; font-family: "Arial"; font-weight: normal; width: 87px; text-align: center; height: 80px; line-height: 80px; float: left;}
.advantage dd h3 i{ float: left; font-size: 32px; color: #183883; font-family: "microsoft yahei"; padding: 20px 0 0 10px;}
.advantage dd h3 em{ color: #d6d6d6; text-transform: uppercase; font-weight: normal;}

.advantage dd p{ font-size: 16px; color: #1f2121;font-family: "宋体"; margin-bottom: 25px; font-weight: bold;}
.advantage dd p i{ display: block; font-weight: normal; font-size: 14px;}
.advantage1{ height: 375px; margin-bottom: 54px;}
.advantage1 dd{ width: 560px; float: left; overflow: hidden; padding-top: 40px;}
.advantage1 dt{ width: 651px; height: 304px; float: right; margin-right: -16px;}
.advantage1 dt img{ display: block; width: 651px; height: 304px; }

.advantage2{ height: 371px; margin-bottom: 30px;}
.advantage2 dt{ width: 650px; height: 328px; float: left;}
.advantage2 dt img{ display: block; width: 650px; height: 328px; }
.advantage2 dd{ width: 451px; overflow: hidden; float: right;}

.advantage3{ height: 418px; }
.advantage3 dd{ width: 400px; float: left; overflow: hidden; padding-top: 40px;}
.advantage3 dt{ width: 772px; height: 417px; float: right; margin-right: -16px;}
.advantage3 dt img{ display: block; width: 772px; height: 417px; }


/*合作伙伴*/
.brand{ height: 402px; background: url("Img/Index/partner_bg.jpg") no-repeat center 0; overflow: hidden; margin-bottom: 66px;}
.brand_wrap{ width: 1200px; margin: 0 auto;}
.brand .ys_title{ background: url("Img/Index/partner_title_bg.jpg") no-repeat center 22px; color: #fff; }
.brand-slide{ height: 220px; position: relative;}
.brand-slide .brand-slide-hd li{
    width: 287px;
    height: 220px;
    overflow: hidden;
    float: left;
    margin-right: 17px;
    display: inline-block;
}
.brand-slide .brand-slide-hd li img{ display: block; width: 287px; height: 148px;}
.brand-slide .brand-slide-hd li span{
    display: block;
    font-size: 14px;
    color: #fff;
    line-height: 40px;
    overflow: hidden;
    text-align: center;
    font-family: "宋体"; 
}
.brand-slide .brand-slide-hd li span a{ color: #fff;}
.brand-slide-bd .next{
    position: absolute;
    top: 60px;
    right: -64px;
    width: 35px;
    height: 35px;
}
.brand-slide-bd .prev{
    position: absolute;
    top: 60px;
    left: -64px;
    width: 35px;
    height: 35px;
}



/*公司介绍*/
.about{height: 684px;overflow: hidden; margin-bottom: 60px; }
.about .about_img{ height: 394px; overflow: hidden;}
.about p{ width: 788px; height: 394px; float: left; overflow: hidden;}
.about p img{ display: block; width: 788px; height: 394px; }
.about ul{ width: 402px; height: 394px; float: right; overflow: hidden;}
.about li{ width: 402px; height: 191px; margin-bottom: 12px;}
.about li img{ display: block; width: 402px; height: 191px;}

.about_content{ background: url("Img/Index/project_bg.jpg"); height: 290px; overflow: hidden; text-align: center;}
.about h3{ font-size: 24px; margin: 30px 0 20px; font-weight: normal;}
.about h3 a{ color: #183883;}
.about .desc{ font-size: 14px; line-height: 25px; color: #000000; height: 136px; padding: 0 200px; font-family: "宋体"; }
.about_a{ margin-left: 200px;} 
.about_a a{ width: 140px; height: 35px; line-height:35px; text-align: center; background: #183883; font-size: 14px; color: #fff; display: block; font-family: "宋体"; float: left; margin-right: 25px;}
.about_a a:hover{ background: #0095dd;}




/*新闻聚焦*/
.info{  overflow: hidden; margin-bottom: 30px;}
.news1{ width: 780px; height: 395px; overflow: hidden; padding-right: 34px; border-right: 1px dotted #bdbdbd;}
.news1-hd{ height: 35px; border-bottom: 1px solid #c4c4c4;  margin-bottom: 35px;}
.news1-hd .more a{color: #666666;line-height: 20px;font-size: 14px;text-decoration: none;font-family: "Arial";}
.news1-hd li{float: left;font-size: 17px;color: #111111;margin-right: 20px;overflow: hidden;height: 34px;line-height: 26px;}
.news1-hd li a{color: #111111;text-decoration: none;}
.news1-hd ul:after{content: '';display: block;clear: both;}
.news1-hd li.cur{ border-bottom: 3px solid #183883; background-position: 0 -40px;}
.news1-hd li.cur a{color: #111111;display: block;}
.news1-bd dl{ height: 200px; overflow: hidden; margin-bottom: 40px;}
.news1-bd dt{ width: 360px; height: 200px; overflow: hidden; float: left;}
.news1-bd dt img{ display: block; width: 360px; height: 200px; }
.news1-bd dd{ width: 377px; height: 200px; float: right; overflow: hidden;}
.news1-bd dd h3{ font-size: 16px; color: #333333; margin-bottom: 10px;}
.news1-bd dd h3 a{ color: #333333;}
.news1-bd dd p{ font-size: 14px; line-height: 24px; color: #333333; font-family: "宋体"; margin-bottom: 30px;}
.news1-bd dd .news1_detail{ width: 140px; height: 35px; line-height: 35px; text-align: center; background: #183883; color: #fff; font-size: 14px; font-family: "宋体"; display: block; text-decoration: none;}
.news1-bd li{ width: 360px; height: 80px; float: left;}
.news1-bd li.news1_right{ float: right;}
.news1-bd li span{ width: 80px; background: url("Img/Index/news_icon_bg.jpg") no-repeat; text-align: center; font-size: 18px; display: block; float: left; height: 67px; padding-top: 13px; color: #333333; font-family: "Arail";}
.news1-bd li span b{ display: block; font-size: 24px;}
.news1-bd li em{ display: block; width: 252px; float: right; overflow: hidden; font-size: 14px; }
.news1-bd li em h3 a{ margin-bottom: 10px; color: #333333; font-size: 14px; line-height: 24px; font-family: "宋体"; display: block; font-weight: normal;}
.news1-bd li em p{ font-size: 14px; color: #333333; font-family: "宋体"; }




.leave{ width: 350px; height: 395px; overflow: hidden; }
.leave h2{height: 35px; border-bottom: 1px solid #c4c4c4;  margin-bottom: 35px; font-weight: normal;}
.leave h2 .more{color: #666666;line-height: 20px;font-size: 14px;text-decoration: none;font-family: "Arial"; text-transform: uppercase;}
.leave h2 span { border-bottom: 3px solid #183883; font-size: 17px;color: #111111;overflow: hidden;height: 34px;line-height: 26px; display: inline-block;}
.leave h2 span a{color: #111111;}
.leave p{ font-size: 14px; color: #333333; margin-bottom: 20px; font-family: "宋体"; }



.leave li{ height: 38px; border: 1px solid #eeeeee; line-height: 56px; overflow: hidden; margin-bottom: 20px; }
.leave li span{ float: left; width: 38px; border-right: 1px solid #eeeeee; }
.lea1 {width: 300px;height: 38px;line-height: 38px;border: none;background: #fff;float: left;font-size: 14px;color: #c5c5c5;padding-left: 9px;overflow: hidden;}

.leave li.ly3{ height: 107px; overflow: hidden;}
.leave li.ly3 span{ border-bottom: 1px solid #eeeeee;}
.lea2{border: none;background: #fff;resize: none; float: left; width: 300px;font-size: 14px;color: #c5c5c5; height: 107px; line-height: 38px; padding-left: 9px;}
.leave li.ly5 { width: 140px; height: 35px; line-height: 35px; text-align: center; background: #183883; color: #fff; font-size: 14px; font-family: "宋体"; display: block; text-decoration: none; border: none;}
.leave li.ly5 a{ color: #fff;}



/*友情链接*/
.link{
    height: 170px;
    overflow: hidden;
    background: #f5f5f5;
    border-top: 1px solid #e1e1e1;
    font-family: "宋体"; 
}
.link h2{
    border-right: 1px solid #e1e1e1;
    float: left;
    width: 138px;
    font-size: 16px;
    background: url("Img/Index/link_icon.jpg") no-repeat 0 62px;
    font-weight: normal;
    padding: 62px 0 0 60px;
    height: 109px;
}
.link h2 span{
    font-size: 18px;
    display: block;
    color: #333333;
    text-decoration: none;
}
.link h2 span a{
    color: #333333;
}
.link h2 em{
    display: block;
    font-size: 14px;
    color: #666666;
    margin-top: 5px;
}
.link h2 em a{
    color: #666666;
}
.link p{
    float: right;
    width: 960px;
    overflow: hidden;
    font-size: 14px;
    line-height: 35px;
    padding-top: 30px;
}
.link p a{
    text-decoration: none;
    color: #666666;
    margin-right: 30px;
    display:inline-block;
}
