﻿@charset "utf-8";


.til01{height:125px;display: block;font-size:36px;line-height:48px;color: #0471ce;text-align: center;padding: 22px 0 0;background:url(../images/protil.gif) no-repeat center 0;}
.til01 span{display: block;font-weight: normal;font-size:18px;line-height:32px;color: #666;}
.til01 a{display: block;color: #0471ce;}
.case .til01{background:url(../images/casetil.gif) no-repeat center 0;}
.case .til011{background:url(../images/casetil1.gif) no-repeat center 0;}
.til011{height:125px;display: block;font-size:36px;line-height:48px;color: #0471ce;text-align: center;padding: 22px 0 0;background:url(../images/protil.gif) no-repeat center 0;}
.til011 span{display: block;font-weight: normal;font-size:18px;line-height:32px;color: #666;}
.til011 a{display: block;color: #0471ce;}
.newbox .til01{background:url(../images/newtil.gif) no-repeat center 0;}
.edge .til01,.about .til01{background: none;color: #fff;padding: 2px 0 0;height: 145px;}
.edge .til01 b{font-size: 58px;line-height: 58px;font-style: italic;width: 50px;display: inline-block;}
.edge .til01 span{color: #ccc;}
.about .til01 a,.about .til01 span{color: #fff;}


/*我们*/
.webox{font-family: "Microsoft Yahei";font-size:24px;line-height:40px;background:#f1f1f1;color: #333;padding: 70px 0 0;height: 160px;overflow: hidden;}
.webox_c ul{width:1350px;float: left;}
.webox_c li{width: 250px;float: left;}
.webox_c li.webox_c1{width: 116px;}
.webox_c li.webox_c2{width: 310px;}
.webox_c li p{height: 71px;line-height: 71px;color: #0471ce;font-weight: bold;white-space: nowrap;}
.webox_c li p b{font-family: Times New Roman;color: #333;font-size: 70px;letter-spacing: -2px;}

/*产品*/
.probox{font-family: "Microsoft Yahei";height:765px;padding:40px 0 0;line-height: 40px;position: relative;}
.probox1{font-family: "Microsoft Yahei";height:450px;padding:40px 0 0;line-height: 40px;position: relative;}
.pro_cla{width: 300px; height:680px;line-height:39px;color: #333;}
.pro_cla h2{height: 100px;text-align: center;font-size:40px;color: #fff;line-height: 100px;background:url(../images/protbg.gif) no-repeat 0 0;border-bottom: 1px solid #fff;}
.pro_cla h2 a{color: #fff;}
.pro_cla h3{height: 55px;font-size:16px;color: #fff;line-height: 55px;background: #333;position: relative; margin-bottom:8px;}
.pro_cla h3:before{content: "";position: absolute;width: 21px;height: 21px;background:url(../images/ico01.png) no-repeat 0 0;left: 258px;top: 17px;}
.pro_cla h3 a{color: #fff;padding: 0 32px;display: block;background:url(../images/ico06.png) no-repeat 11px 21px;}
.pro_cla h3:last-child a{background:url(../images/ico05.png) no-repeat 11px 21px;}
.pro_cla h3.cur,.pro_cla h3:hover{background: #0471ce;}
.pro_cla h4{height: 44px;font-size:16px;color: #333;line-height: 44px;background:url(../images/ico03.gif) no-repeat 31px 23px #e5e5e5;position: relative;font-weight: normal;border-bottom: solid 1px #fff;}
.pro_cla h4:before{content: "";position: absolute;width: 9px;height: 9px;background:url(../images/ico04.png) no-repeat 0 0;left: 264px;top: 19px;}
.pro_cla h4.on:before{background:url(../images/ico02.png) no-repeat 0 0;left: 264px;top: 19px;}
.pro_cla h4 a{color: #333;display: inline-block;padding: 0 49px;}
.pro_cla ul{display: none;}
.pro_cla li{height: 39px;line-height: 39px;border-bottom: solid 1px #dadada;}
.pro_cla li a{display: block;color: #333;padding: 0 0 0 65px;}
.pro_cla li a:hover{color: #0471ce;}

.pro_list{width: 888px; overflow: hidden;}


.pro_list li{float: left;width: 281px;margin-right: 13px; margin-bottom:5px;    box-shadow: 0 0 10px #d8d8d8;border: 1px solid #f8f8f8;}
.pro_list li:last-child{margin-right: 0;}
.pro_list li i{display:block;height: 193px;overflow: hidden;}
.pro_list li img{width: 290px;height: 193px;transition:all 0.5s;}
.pro_list li span{display:block;height: 52px;line-height: 52px;text-align: center;font-size: 14px;color: #333;background: #fff;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.pro_list li:hover span{background: #0471ce;color: #fff;}
.pro_list li i:hover img{transform:scale(1.05);}

.pro_list1{width: 1200px; overflow: hidden;}
.pro_list1 li{float: left;width: 281px;margin-right: 13px; margin-bottom:5px;    box-shadow: 0 0 10px #d8d8d8;border: 1px solid #f8f8f8;}
.pro_list1 li:last-child{margin-right: 0;}
.pro_list1 li i{display:block;height: 193px;overflow: hidden;}
.pro_list1 li img{width: 290px;height: 193px;transition:all 0.5s;}
.pro_list1 li span{display:block;height: 52px;line-height: 52px;text-align: center;font-size: 14px;color: #333;background: #fff;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.pro_list1 li:hover span{background: #0471ce;color: #fff;}
.pro_list1 li i:hover img{transform:scale(1.05);}

/*小广告*/
.h_gg1{height:372px;background:url(../images/h_gg01.jpg) no-repeat center 0;position: relative;color: #fff;line-height: 34px;}
.gg01{position: absolute;left: 50%;margin-left:388px;top:114px;width: 210px;text-align: center;white-space: nowrap;}
.gg01 p{height: 83px;background:url(../images/c_pho.png) no-repeat right 8px;}
.gg01 p b{display: block;font-family: Arial;font-size: 30px;line-height: 38px;}
.gg01 span{display: block;line-height:43px;border: solid 1px #fff;color: #fff;font-size: 16px;}
.gg01 a:hover span,.gg01 span:hover,.gg01:hover span{border-color:#0471ce;background:#0471ce;color:#fff;}

/*案例*/
.case{font-family: "Microsoft Yahei"; line-height: 26px;color: #333;overflow: hidden; height:1000px;}
.case_c{height: 450px;background: #f2f2f2;margin-bottom: 31px;}
.case_t{width:600px;height: 55px;line-height: 55px;top: 0;right: 0;text-align: center;}
.case_t li{width:140px;float: left;margin-right: 1px;background: #333;color: #fff;}
.case_t li.cur{background: #0471ce;}
.case_t li a{display: block;color: #fff;}
.case_l dt,.case_l dt img{width: 600px;height: 450px;overflow: hidden;display: block;float: left;}
.case_l dd{width: 506px;height:410px;overflow: hidden;display: block;float: left;padding: 25px 0 0 36px;}
.case_l dd h3{height:58px;overflow: hidden;display: block;font-size: 24px;line-height: 50px;font-weight: normal;color: #333;}
.case_l dd h3 a{color: #333;}

.case_l dd span a{display: inline-block;width: 118px;text-align: center;line-height: 38px;border:solid 1px #333;color: #333;}
.case_l dd span a:nth-child(2){border-color: #0471ce;margin-left: 18px;}

.part ul{width: 1230px; }
.part li{margin:0 16px 0 0;float: left;}
.part li span{display: block;text-align: center;line-height: 32px;}
.part li p{border:solid 1px #e6e6e6;}
.part li p,.part li p img{width:225px;height: 170px;display: block;overflow: hidden;}

/*优势*/
.edge{font-family: "Microsoft Yahei";line-height:26px;height:714px;padding:62px 0 0;color: #666;overflow: hidden;background:url(../images/edgebg.jpg) no-repeat center 0;}
.edge_t{width: 800px;left:40px;top: 522px;font-size: 24px;color: #fff;line-height:60px;height:60px;z-index: 9;text-align: center;font-weight: bold;}
.edge_t li{width: 130px;float: left;border-right: solid 1px #fff;background: #333;color: #fff;}
.edge_t li.cur{background: #0471ce;}
.edge_t li span{display: inline-block;padding: 0 0 0 37px;}
.edge_c{background: #fff;padding: 26px 37px 0;height: 470px;}
.edge_c dt,.edge_c dt img{width: 730px;height:453px;display: block;overflow: hidden;float: right;}
.edge_c dd{width: 344px;float: left;}
.edge_c dd h3{position: relative;height: 140px;line-height:26px;color: #333;padding:0 0 0 106px;font-size: 18px;font-weight: normal;}
.edge_c dd h3 b{font-size:24px;display: block;line-height: 46px;}
.edge_c dd h3 em{position: absolute;background:url(../images/edge_icobg.jpg) no-repeat 0 0;height:129px;line-height:129px;font-size:40px;width: 88px;text-align: center;color: #0471ce;left: -7px;top: -49px;}
.edge_c dd li{padding:0 0 20px 16px;background:url(../images/ico08.gif) no-repeat 0 13px;}

/*资讯*/
.newbox{line-height:30px;font-family: "Microsoft Yahei";color: #333;}
.newtil{height: 50px;line-height: 38px;overflow: hidden;font-size: 18px;background:url(../images/line1.gif) no-repeat 203px 16px;}
.newtil ul,.newtil li{float: left;}
.newtil span{float: right;font-size: 14px;}
.newtil span a{color: #999;display: inline-block;}
.newtil li.cur{color:#0471ce;font-weight: bold;}

.news_c dl{width:603px;float: left;overflow: hidden;}
.news_c dd{padding: 8px 21px 0;line-height:30px;color: #333;}
.news_c dd h3{height:34px;line-height:34px;font-size:16px;color: #333;text-align: center;}
.news_c dt{width:562px;height: 163px;border: dashed 1px #e6e6e6;padding: 20px 19px;}
.news_c dt p,.news_c dt p img{display: block;width:562px;height: 163px;overflow: hidden;}
.news_c ul{width: 1200px;float: left;}
.news_c li{float: left; display:block; width:600px;height:99px;border-bottom: solid 1px #e8e8e8;line-height: 24px;margin-bottom: 32px;}
.news_c li span{width: 80px;float: left;text-align: center;padding:0 10px 0 0;font-family: Arial;font-size: 18px;line-height: 20px;color: #ddd;}
.news_c li span b{display: block;font-size: 54px;line-height: 50px;font-weight: normal;}
.news_c li p{width: 425px;float: left;color: #666;}
.news_c li p a,.news_c dd p a,.about_w p a{display: inline-block;color: #0471ce;}
.news_c li p b{display: block;color: #333;line-height: 26px;}
.news_c li p b a,.news_c dd h3 a{display: block;color: #333;}




/*友情链接*/
.link{height:52px;line-height:50px;color: #858585;background:#fff;position: relative;width: 100%;}
.link_c{width:1124px;overflow: hidden;}
.link h3{width:90px;float: left;font-size: 18px;color: #0471ce;}
.link_c{width:1000px;overflow: hidden;float: left;}
.link_c a{display: inline-block;color: #858585;padding: 0 10px;}

.part li p img,.case_l dt img, .pro_lc dt img, .edge_c dt img, .newbox dt img, .about_p img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.part li p img:hover,.case_l dt img:hover, .pro_lc dt img:hover, .edge_c dt img:hover, .newbox dt img:hover, .about_p img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
