@charset "UTF-8";
.top_bg{ background:url(../image/top_bg.gif) repeat-x; height:263px; overflow:hidden;}
.header{width: 1200px; margin:0 auto;}
.h_top{height: 29px;line-height: 29px;font-size: 14px;color: #fff;}
.h_top em{float: left;}
.h_top span{float: right;}
.h_top span a{font-size: 14px;color: #fff; padding:0 10px;}
.h_con{ height:130px; padding:38px 0 0; overflow:hidden;}
.h_con h1{ float:left;width: 114px; padding:10px 12px 0 0;}
.h_con h1 img{ width:114px; height:93px;}
.h_con .h_dw{ float:left; padding:22px 0 0;}
.h_dw span{  display:block; font-size:22px; color:#333; padding:8px 0 0; letter-spacing:3px;  text-align: center;}
.h_con .tel{ float:right;line-height: 28px; background:url(../image/tel.gif) no-repeat 0 22px; font-size:16px; color:#616161; padding:0px 0 10px 70px;}
.tel b{ display:block;font-size: 26px;color: #fa0712;}
.h_nav{ height:66px; line-height:66px; overflow:hidden;position: relative;}
.h_nav ul li{ float:left;}
.h_nav ul li a{ font-size:16px; color:#fff; padding-left:31px; float:left; display:block;height: 66px;}
.h_nav ul li span { padding-right:31px; display:block; float:left;}
.h_nav ul li.cur a,.h_nav li a:hover{ background:url(../image/nav_bg01.gif) no-repeat left 0;font-weight: bold;}
.h_nav ul li.cur span,.h_nav li a:hover span{ background:url(../image/nav_bg02.gif) no-repeat right 0;}
em,i{ font-style:normal;}

/*banner*/
.banner{position: relative; height:600px;overflow: hidden;clear: both;}
.ban_p,.ban_p li{ height:600px;overflow: hidden;}
.ban_p li{ display:block;width: 100%!important;position: relative;margin:0 auto;}
.ban_p li img {width: 1920px;height: 600px;position: absolute;left: 50%;top:0;margin-left: -960px;}
/*.ban_p li a{ display:block; height:687px; background:url(../image/banner1.jpg) no-repeat center 0;}*/
.ban_t{width:1100px;height:50px;bottom: 0;left:50%;margin-left:-550px;position: absolute;text-align: center;}
.ban_t em{width: 13px;height: 13px;border-radius: 13px;margin-right:8px; display: inline-block;background: #fff;}
.ban_t em.on{background: #197cd9;}

.til01{text-align: center;height:112px;color: #197cd9;font-size:36px;line-height:45px;font-family: "Microsoft Yahei";font-weight: normal; margin-bottom: 20px;}
.til01 p{color: #666;display: block;line-height:28px;font-size:20px; margin-top:15px;}
.til01 a{color: #197cd9;}

/**/
.exper{padding:72px 0 0;font-family: "Microsoft Yahei";height: 453px;overflow: hidden;}
.exper_c dl{width: 224px;float: left;text-align: center;line-height: 30px;padding: 0 101px 0 0;}
.exper_c dl.exper_l1{padding: 0;}
.exper_c dd h3{height: 53px;line-height: 53px;font-size: 24px;color: #333;overflow: hidden;}
.exper_c dt{width:127px;height:147px;display: block;margin: auto;}
.exper_c dt span{position: relative;width:127px;height:147px;display: block;}
.exper_c dt span i{position: absolute;left: 0;top: 0;width:127px;height:147px;display: block;}
.exper_c dt i.default{-webkit-transition: all 0.4s linear;transition: all 0.4s linear;}
.exper_c dt i.hover{opacity:1;visibility:visible;opacity:0;visibility:hidden;
	-webkit-transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
	transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
	-webkit-transform-origin:50% 0%;
    transform-origin:50% 0%;
    -webkit-transition:all 0.4s linear;
    transition:all 0.4s linear;}
.exper_c dl.cur dt span .default{opacity:0;visibility:hidden;-webkit-transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);}
.exper_c dl.cur dt span .hover{opacity:1;visibility:visible;-webkit-transform:rotate3d(1,0,0,0deg);transform:rotate3d(1,0,0,0deg);}
.exper_c dl.cur dd h3{color: #197cd9;}

/**/
.probox,.casebox,.newbox{height:auto; overflow: hidden; font-family:"Microsoft Yahei";background:url(../image/bg02.gif) repeat center 0;padding: 72px 0 0;overflow: hidden; padding-bottom: 30px;}
.pro_nav{width:262px;position: relative;z-index: 9;}
.pro_nav h2{font-size:28px;line-height:80px;height:80px;background:url(../image/protbg.gif) repeat center 0;overflow: hidden;text-align: center;color: #fff;}
.pro_nav h2 b{font-weight: normal;}
.pro_nav h2 a{color: #fff;}

.pro_nl{height:auto;  overflow: hidden; border: solid 1px #e7e7e7;border-top: 0;background: #fff;width: 260px; padding-bottom: 20px;}
.pro_nl h3{clear: both;height:53px;line-height:53px;font-size:18px;display: block;white-space: nowrap;width: 262px;margin: 0 -1px;position: relative; margin-bottom: 10px;margin-top: 10px;}
.pro_nl h3 a{padding:0 0 0 55px;display: block;background:url(../image/icoo.png) no-repeat 26px 20px #197cd9;color: #fff;}
.pro_nl ul{clear: both;display: block;padding: 11px 0 0 24px;}
.pro_nl li{height:40px;line-height: 40px;font-size:14px;position: relative;white-space: nowrap;width: 118px;float: left;}
.pro_nl li a{display: block;color: #666;background:url(../image/ico03.gif) no-repeat 0 16px;padding: 0 0 0 12px;}
.pro_nl li a:hover{color: #197cd9;font-weight: bold;}
.pro_nl ul.pro_cl1{clear: both;display: block;padding: 0;}
.pro_nl ul.pro_cl1 li{padding:0 0 0 24px;position: relative;width: 41%;display: block;margin-right: -1px;border-top: solid  1px #fff;border-bottom: solid  1px #fff;}
.pro_nl ul.pro_cl1 li:last-child{margin-bottom: 20px;}
.pro_nl ul.pro_cl1 li:hover{background: #fff;border-color: #e7e7e7;}
.pro_nl ul.pro_cl1 li ul.pro_erji{position: absolute;width: 168px;padding: 14px 0 25px 0; border: solid  1px #e7e7e7;border-left:0;left:261px;top: -1px;background: #fff;display: none;}
.pro_nl ul.pro_cl1 li.cur a{background:url(../image/ico03.gif) no-repeat 0 16px #fff;width: auto;}
.pro_nl ul.pro_cl1 li ul.pro_erji{display: none;position:absolute;}
.pro_nl ul.pro_cl1 li ul.pro_erji li{display: block;height: 30px;line-height: 30px;width: 138px;}
.pro_nl ul.pro_cl1 li ul.pro_erji li a,.pro_nl ul.pro_cl1 li.cur ul.pro_erji li a{background-position: 0 11px;width: 130px;}
.pro_nl ul.pro_cl1 li ul.pro_erji li:hover{border: 0;}

.pro_nl ul.pro_cl2 li ul.pro_erji{display: none;position:absolute;    background: #fff;
    z-index: 999;
    left: 0;
    top: 30px;
}


.pro_list{width:911px;overflow: hidden;padding: 0px 0 0;}
.pro_list h2{height:61px;position: relative;font-size:20px;line-height:44px;background:url(../image/line1.gif) repeat-x 0 44px;font-weight: normal;}
.pro_list h2 a{color: #197cd9;}
.pro_list h2 b{display:inline-block;float: left;border-bottom: solid 2px #197cd9;}
.more01{font-size: 14px;line-height:44px;}
.more01 a,.pro_list h2 .more01 a{color: #98989a;}

.pro_list ul{width: 950px;}
.pro_list li{margin:0 30px 18px 0;position: relative;float: left;font-size: 16px;box-shadow: 6px 6px 8px #d0cfd1;}
.pro_list li,.pro_list li img,.pro_list li span{width:282px;height:212px;display: block;overflow: hidden;}
.pro_list li span,.case_ct li span,.show1 li span{position: absolute;background:url(../image/bg01.png) repeat;left: 0;bottom: 0;height:0;text-align: center;-webkit-transition:height .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);-webkit-transition:height .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.pro_list li.cur{box-shadow: 0 0 0;}
.pro_list li.cur span{height: 212px;}
.case_ct li span{width: 268px;}
.case_ct li.cur span{height: 151px;}
.show1 li span{width: 277px;}
.show1 li.cur span{height: 208px;}
.pro_list li span a,.case_ct li span a,.show1 li span a{display:block;color: #fff;background:url(../image/ico01.png) no-repeat center 75px;padding: 102px 0;line-height: 38px;}
.case_ct li span a{background-position: center 55px;padding: 81px 10px;line-height:32px;}

/**/
.h_gg1{display: block;height:206px;background:url(../image/h_gg1.jpg) no-repeat center 0;color: #fff;clear: both;line-height:28px;font-family: Times New Roman;font-size: 24px;}
.h_gg2{height:287px;background:url(../image/h_gg2.jpg) no-repeat center 0;}
.gg01{font-weight: bold;top:75px;left: 50%;margin-left:384px;background:url(../image/ico05.png) no-repeat 0 10px;padding: 0 0 0 41px;}
.gg02{margin-left: 35px;background-position: 0 0;height: 28px;line-height: 28px;top: 212px;}
.gg01 span{display: block;}

/**/
.edge{line-height:24px;color: #606060;font-family:"Microsoft Yahei";overflow: hidden;padding:73px 0 0;height:2036px;font-size: 16px;}
.edge1{height:470px;background:url(../image/edge_pic1.jpg) no-repeat center 0;}
.edge2{background:url(../image/edge_pic2.jpg) no-repeat center 0;}
.edge3{background:url(../image/edge_pic3.jpg) no-repeat center 0;}
.edge4{background:url(../image/edge_pic4.jpg) no-repeat center 0;}
.edge_w{width:500px;padding:30px 50px 0;}
.edge_w h3{height:103px;font-size: 24px;line-height:42px;color: #151515;}
.edge_w h3 b{font-size:32px;line-height: 52px;color: #197cd9;display: block;}
.edge_w ul{display: block;height: 217px;}
.edge_w li{display: block;clear: both;background:url(../image/ico06.gif) no-repeat 0 16px;padding:0 0 0 20px; line-height: 30px; margin-top: 10px;}
.edge_ico a{display: block;height:38px;width: 156px;border: solid 1px #197cd9;color: #197cd9;line-height: 38px;text-align: center;}

/**/
.casebox{padding: 76px 0 0;height: 816px;}
.case{height: 650px;}
.case_cl,.case_cl dl,.case_cl dt,.case_cl dt img{width:901px;height: 507px;overflow: hidden;display: block;}
.case_cl dl{position: relative;}
.case_cl dd{position: absolute;left: 0;bottom: 0;width:901px;height: 97px;background:url(../image/bg01.png) repeat;}
.case_cl dd p{width: 740px;padding: 20px 0 0 36px;float: left;color: #a3a3a3;line-height: 28px;}
.case_cl dd p b{display: block;font-size: 18px;height: 38px;line-height: 38px;color: #fff;}
.case_cl dd .case_more{display: block;width: 95px;line-height: 97px;background: #197cd9;color: #fff;text-align: center;float: right;}
.case_cl dd .case_more a,.case_cl dd p a{display: block;color: #fff;}

.case_ct{width: 268px;overflow: hidden;}
.case_ct li{position: relative;margin-bottom: 27px;}
.case_ct li,.case_ct li img{width: 268px;overflow: hidden;display: block;height: 151px;}

.case_cl dt img,.part_c li img,.about_p img,.new1_c dt img,.new_c dt img{-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.case_cl dt img:hover,.part_c li img:hover,.about_p img:hover,.new1_c dt img:hover,.new_c dt img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}

/**/
.part{height: 100px;position: relative;}
.prev1,.next1,.prev2,.next2{width:40px;height:40px;display: block;top:25px;right: -84px;background:url(../image/next1.png) no-repeat 0 0;}
.prev1,.prev2{left: -84px;background:url(../image/prev1.png) no-repeat 0 0;}
.prev1:hover,.next1:hover,.prev2:hover,.next2:hover{background-position: 0 bottom;}

.part_c{overflow: hidden;width: 1200px;overflow: hidden;}
.part_c li{float: left;margin:0 30px 0 0;border: solid 2px #197cd9;}
.part_c li,.part_c li img{width:212px;height:80px;display: block;overflow: hidden;}

/**/
.abobox{font-family:"Microsoft Yahei";line-height:35px;overflow: hidden;padding:79px 0 0;height: 710px;text-align: center;font-size: 16px;}
.about_p,.about_p img{width:1200px;display: block;height: 461px;overflow: hidden;}
.about_w{padding:34px 0 20px 0;display: block; }
.about_w a{color: #197cd9; }

/**/
.show{height:572px;font-family:"Microsoft Yahei";position: relative;}
.showtil{height:41px;font-size:16px;line-height: 58px;padding: 0 0 0 413px;text-align: center;}
.showtil li{float: left;width: 166px;margin: 0 30px 0 0;height: 41px;}
.showtil li a{color: #404040;border: solid 1px #c9c9c9;line-height: 39px;display: block;}
.showtil li.on a,.showtil li a:hover{color: #fff;font-weight:bold;background: #197cd9;border-color: #197cd9;}
.show1{position: relative;}
.show1 ul{width: 1230px;overflow: hidden;}
.show1 li{padding-top:34px; width:280px;float: left;margin: 0 26px 0 0;position: relative;font-size: 16px;}
.show1 li img,.show1 li{width:277px;height:208px;display: block;overflow: hidden;}

.prev2,.next2{ top:81px;}

/**/
.newbox{line-height:26px;height:679px;padding:70px 0 0;}
.newbox .til01{height: 102px;}
.new1,.new2{width: 585px;height: 510px;overflow: hidden; margin-top: 10px;}
.newtil{height:70px;line-height:38px;font-size:20px;background:url(../image/line1.gif) repeat-x 0 39px;}
.new1 .newtil b,.newtil li{float: left;margin: 0 40px 0 0;}
.new1 .newtil b a,.newtil li a{color: #666;display: block;font-weight: bold;}
.new1 .newtil b a,.newtil li.cur a,.newtil li a:hover{color: #197cd9;border-bottom: solid 3px #197cd9;}
.new1 .newtil p{font-size: 16px;background:url(../image/ico04.gif) no-repeat 0 10px;padding-left: 24px;float: left;}
.new_more a{font-size: 14px;font-family: Arial;}

.new1_c dl{height: 129px;border-bottom: solid 1px #dededf;margin-bottom: 24px;overflow: hidden;line-height: 24px;}
.new1_c dt,.new1_c dt img{width:184px;height: 103px;float: left;display: block;overflow: hidden;}
.new1_c dd{width:372px;float: left;display: block;padding:10px 0 0 28px;}
.new1_c dd h3{height: 38px;white-space: nowrap;padding-left:30px;font-weight: bold;background:url(../image/faq_w.gif) no-repeat 0 2px;}
.new1_c dd h3 a,.new_c dd h3 a{color: #333;}
.new1_c dd p{padding-left:30px;background:url(../image/faq_d.gif) no-repeat 0 2px;}

.new_c dt,.new_c dt img{display: block;height:329px;width:585px;overflow: hidden;position: relative;}
.new_c dd{display: block;padding:12px 0 0;}
.new_c dt span{display: block;width:56px;height:56px;background:url(../image/ico_top.png) no-repeat 0 0;position: absolute;top: 0;right: 0;}
.new_c dd h3{display: block;height: 40px;line-height: 40px;font-size: 16px;}
.new_c dd p{display: block;height: 50px;overflow: hidden;}
.new_c dd p a{color: #197cd9;display: inline-block;}

/**/
.link{height:87px;line-height:87px;font-family:"Microsoft Yahei";color: #919191;overflow: hidden;white-space: nowrap;border-top: solid 1px #545454;}
.link_c b{float: left;color: #197cd9;}
.link_c p{float: left;width: 1120px;}
.link a{color: #919191;display: inline-block;padding:0 5px;}