@charset "utf-8";
/* CSS Document */
* {padding: 0px;margin: 0px;}
ul,li{list-style:none;}
em,i{font-style: normal}
a{ text-decoration:none;color: #424242;font-size: 14px}
body{background-position:0 0; background-repeat:no-repeat; background-position:center top;background: #f7f7f7;}
.tong{width: 1200px;margin-left: auto;margin-right: auto}
.clear{clear: both}

/*top*/
.top{height: 150px;box-shadow: -10px 10px 15px rgba(142,142,142,0.14);background:url(../images/topbg.png) no-repeat;position:relative;z-index: 9999999999999}
.logo{width: 110px;height: 150px;float: left}
.top2{background:url(../images/navbg.png) no-repeat;height: 150px;}
.top2 span{font-size: 28px;color: #194e8b;width: 280px;float: left;font-weight: 800;margin-left: 15px;display: block;padding-top: 50px;line-height:20px;font-family: "Source Han Sans CN"}
.top2 span em{font-size: 12px;color: #6d6d6d;text-transform: uppercase;font-weight:normal;letter-spacing:2.3px}

.topright{width: 750px;float: right}
.topright em{color: #194e8b;font-size: 34px;font-weight:500;height: 75px;line-height: 75px;display: block;float: right;letter-spacing:1px}
.topright em b{font-size: 20px;font-weight:800;letter-spacing: 0}
.languageen{display: block;float: right;width:100px;height:30px;margin-top:27px;margin-left:30px;line-height:30px;text-indent:5px }
.languageen img{float: left;width:25px;padding-top: 2.5px}

.search{ height:75px;width:270px; float:right;margin-right:10px;position:relative;z-index: 999999999999999} 
.search input{ margin:0; color:#7d7d7d; line-height:40px;border:0; font-size:12px; width:150px; padding-left:8px; background:none;border-radius: 15px;
    border: 1px solid #dddddd;width: 260px;
    height: 40px;margin-top: 20px}
.btnSubmit{ background:url(../images/search.png) #002b5d no-repeat; width:40px; height:40px; border:0;position: absolute;border-radius: 15px;right: 0;top:20px }

.topright ul{width:650px;float: right;height: 75px;display: block}
.topright ul li {float:left; position:relative;width: 20%;display: block;line-height: 75px;height: 75px}
.topright ul li:hover,.topright ul li.current{background: #002b5d}
.topright ul>li:nth-child(3)>ul>li:first-child{background:url(../images/libg.png)#002b5d no-repeat}
.topright ul>li:nth-child(3)>ul>li:first-child:hover{background:url(../images/libg.png)#002b5d no-repeat}
.topright ul li a{color: #fff;font-size: 16px;text-align: center;width:100%;display: block }
.topright ul li ul {display: none;}
.topright>ul>li:hover>ul {display:block; position:absolute; left:0;width:140%;margin-left: -20px}
.topright>ul>li:nth-child(4):hover>ul {width:400px;margin-left: -90%}
.topright ul li:hover ul li { display:block; width:100%; background-color:#002b5d;border-top:1px dotted #fff;height: 50px;float: left;}
.topright>ul>li:nth-child(4):hover>ul>li {  width:49%}
.topright ul li:hover ul li:hover { background: #194e8b}
.topright ul li:hover ul li a { display:block;color:#fff; line-height: 50px;}
.topright ul li ul li{position: relative}
.topright ul li ul li ul{display: none}
.topright ul li ul li:hover ul{display: block;left: 100%;width: 230px;position: absolute;top:0}
.topright ul li ul li:hover ul li{margin-top: -1px;border: 1px solid #f7f7f7;background: #053469}


/*customized*/
.customized{width:1200px;height: 480px}
.cus_left{width: 350px;float: left}
.cus_left h2{color: #194e8b;font-size: 46px;font-weight: 900;letter-spacing: 5px;padding-top:80px}
.cus_left h3{color: #194e8b;font-size: 24px;font-weight:600;}
.cus_left h3 i{font-size: 36px;font-weight:800;}
.cus_left span{color: #194e8b;font-size: 22px;font-weight:500;}

.information-box{width: 850px;float: right;height: 460px;background:url(../images/cusbg.png) no-repeat;position: relative}
.bd li img{width:420px;height: 250px;float: left;padding-top: 105px }
.information-main-text{width:400px;float: left;margin-left: 20px;height: 330px;color: #2d2d2d;font-size: 14px;line-height: 28px ;font-weight: 500}
.information-main-text a{font-size: 28px;color: #002b5d;font-weight: 800;width: 100%;display: block;line-height: 40px;padding-top: 80px;padding-bottom: 20px}
.prev{background:url(../images/pre1.jpg) no-repeat;width: 30px;height: 30px;display: block;position: absolute;left: 130px;bottom: 40px}
.next{background:url(../images/next1.jpg) no-repeat;width: 30px;height: 30px;display: block;position: absolute;left: 161px;bottom: 40px}

/*productshome*/
.productshome{height: 800px}
.title1{width: 100%;height: 80px}
.title1 h2{color: #194e8b;font-size: 30px;font-weight: 900;float: left}
.title1 h3{color: #878787;font-size: 32px;font-weight: 100;text-transform: uppercase;float: left}

.promain{width: 100%}
.promain li{width: 290px;height: 218px;float: left;position: relative;margin-right: 10px;margin-bottom: 10px}
.promain li a{width: 290px;height: 218px;display: block}
.promain li em{position: absolute;z-index: 999999;top: 20px;left: 20px}
.promain li span{width: 290px;height: 218px;overflow: hidden;display: block}
.promain li img{width: 290px;height: 218px;border-radius: 10px}
.promain li:hover img{transform: scale(2, 2);transition: transform 0.6s ease 0s;}
.promain li:last-child{background:url(../images/morepro.png) no-repeat;}

/*kinda*/
.kinda{height: 500px}
.title2{width:600px;height: 80px;float: right}
.title2 h2{color: #194e8b;font-size: 30px;font-weight: 900;float: left}
.title2 h3{color: #878787;font-size: 32px;font-weight: 100;text-transform: uppercase;float: left}

.case_box {width: 100%;float: left}
.category {height: 150px;width: 100%;float: left;background: #fff;box-shadow: 0px 0px 70px rgba(157, 179, 208, 0.4);}
.category li{width:300px;height: 150px;float: left;}
.category li i{width:300px;text-align: center;padding-top:80px;color: #818181;font-size: 18px;font-weight:600;line-height: 18px;display: block}
.category li em{font-size: 12px;font-weight: 100;text-transform: uppercase;width:300px;text-align: center;display: block}
.category li:hover i,.category li:hover em{color: #fff}
.category li.active i,.category li.active em{color: #fff}
.category li:first-child{background:url(../images/libg1.png) no-repeat;}
.category li:first-child+li{background:url(../images/libg2.png) no-repeat;}
.category li:first-child+li+li{background:url(../images/libg3.png) no-repeat;}
.category li:first-child+li+li+li{background:url(../images/libg4.png) no-repeat;}
.category li:first-child:hover,.category li:first-child.active{background:url(../images/li2bg1.png) #f7f7f7 no-repeat;}
.category li:first-child+li:hover,.category li:first-child+li.active{background:url(../images/li2bg2.png) #f7f7f7 no-repeat;}
.category li:first-child+li+li:hover,.category li:first-child+li+li.active{background:url(../images/li2bg3.png) #f7f7f7 no-repeat;}
.category li:first-child+li+li+li:hover,.category li:first-child+li+li+li.active{background:url(../images/li2bg4.png) #f7f7f7 no-repeat;}

.contenthome{width: 1200px;float: left;height:300px}
.cont{display: none;margin-top: 20px}
.cont.active{display: block;}
.cont li{width: 295px;height: 222px;float: left;position: relative;margin-right: 5px}
.cont li em{width: 295px;height: 222px;line-height: 222px;text-align: center;display: none}
.cont li img{width: 295px;height: 222px;}
.cont li:hover em{display: block;color: #fff;position: absolute;top:0;background:rgba(0,0,0,0.51) }

/*aboutus*/
.aboutus{background:url(../images/aboutusbg.png) no-repeat;height: 490px}
.aboutmain{width: 500px;float: left;color: #606060;margin-top: 20px}
.aboutmain p{color: #606060;line-height:35px;font-size: 14px;text-indent: 30px}

/*bottom*/
.bottom{width: 100%;height: 282px;background:#194e8b }
.bot_left{background:url(../images/botleft.png) no-repeat left;height: 230px;width: 360px;float: left}
.bot_left i{padding-left: 30px;color: #fff;line-height:30px;width: 100%;display: block;font-size: 14px}
.bot_left i:first-child{padding-top:32px}
.bot_left i:nth-child(3){margin-left: 55px}

.bot_right{width: 840px;float: right}
.bot_right ul{width: 100%;height:70px;display: block}
.bot_right>ul>li{width: 168px;height: 40px;line-height: 40px;float: left;background: #003067;margin-top: 20px}
.bot_right>ul>li:hover{background: #001d3f}
.bot_right>ul>li>a{width: 140px;text-align: center;color: #fff;display: block;font-size: 16px}
.bot_right ul li ul li a{font-size: 14px;width: 140px;text-align: center;color: #cae3ff;display: block}
.bot_right img{height:130px;float: left;margin-right: 20px}


.copyright{height: 50px;border-top: 1px solid #fff;width: 100%;float: left}
.copyright i{line-height: 50px;float: left;color: #fff}
.copyright a{line-height: 50px;float: right;color: #fff}

/*内页*/

.locabg{height:120px;background: #f7f7f7;width: 100%;}
.locabgs{height:120px;background: #f7f7f7;position:fixed;top:0;z-index: 999999;width: 100%;margin-bottom: 50px;box-shadow: -10px 10px 15px rgba(142,142,142,0.14);}
.titless span{width:104px; height:100px; display:block;float:left; background-color:#194e8b;color:#fff;padding:10px; font-size:20px; text-align:center;}
.titless span em{display: block;font-style: normal;font-size: 27px;text-align: center;height: 27px;margin-bottom: 10px;text-transform: uppercase;}
.titless span i{display: block;font-style: normal;font-size: 12px;text-transform: uppercase;line-height:30px;}

.toplist { width:1070px; height:60px;float: right;margin-top:20px}
.toplist dl{ margin:0; padding:0; list-style:none;}
.toplist dl dt{  margin:0; padding:0; width:auto; height:40px; line-height:40px; float:left;margin-right: 3px;margin-bottom: 3px;}
.toplist dl dt a{ display:block;line-height:40px; color:#424242;font-size:14px; text-align:center;background:#eeeeee;padding: 0 10px}
.toplist dl dt a:hover{background:#194e8b; color:#fff;}
.toplist dl dt.current a{background:#194e8b; }
.toplist dl dt.current a{ color:#FFF}

.locabg2{height:120px;background: #f7f7f7;width: 100%;}
.locabgs2{height:120px;background: #f7f7f7;position:fixed;top:0;z-index: 999999;width: 100%;margin-bottom: 50px;box-shadow: -10px 10px 15px rgba(142,142,142,0.14);}
.titless2 span{width:104px; height:100px; display:block;float:left; background-color:#194e8b;color:#fff;padding:10px; font-size:20px; text-align:center;}
.titless2 span em{display: block;font-style: normal;font-size: 27px;text-align: center;height: 27px;margin-bottom: 10px;text-transform: uppercase;}
.titless2 span i{display: block;font-style: normal;font-size: 12px;text-transform: uppercase;line-height:30px;}

.toplist2 { width:1050px; height:60px;float: right;margin-top:50px}
.toplist2 dl{ margin:0; padding:0; list-style:none;}
.toplist2 dl dt{  margin:0; padding:0; width:auto; height:60px; line-height:60px; float:left;margin-right: 3px;margin-bottom: 3px;}
.toplist2 dl dt a{ display:block;line-height:50px; color:#424242;font-size:14px; text-align:center;background:#eeeeee;padding: 0 15px}
.toplist2 dl dt a:hover{background:#194e8b; color:#fff;}
.toplist2 dl dt.current a{background:#194e8b; }
.toplist2 dl dt.current a{ color:#FFF}

.main{ margin:20px auto;width:1200px; height:auto; overflow:hidden;min-height: 600px}
.content{ width:1200px; margin:0 auto; line-height:22px; padding:30px 0; height:auto; overflow:hidden; color:#666d75;min-height: 600px}

.leaderboard {border-radius: 10px;width:250px; float:left; text-align:center; }
.leaderboard dl {list-style: none;}
.leaderboard dl dt {z-index: 1;counter-increment: leaderboard;color:#fff; background-color:#194e8b;display:block; margin-top:3px;transition:0.1s;}
.leaderboard dl dt:hover{border-radius:30px;transition:0.1s;background-color:#003067;  }
.leaderboard dl dt a {margin: 0;background: none;color: #fff;line-height:55px ;font-size: 16px   }
.leaderboard dd a{ font-size: 14px;color: #fff;background-color:#004089;font-weight:normal; line-height:55px;width:250px; display:block;transition:0.1s;border-top: 1px solid #fff}
.leaderboard dd a:hover{background-color:#003067;border-radius:30px;transition:0.1s; }

.product_nei{ width:950px;float:right;}
.product_nei li{width:305px;height: 245px;float: left;position: relative;margin-left:8px;margin-bottom: 8px}
.product_nei li p{display: none;bottom: 20px;position: absolute}
.product_nei li p i{font-size: 16px;height: 50px;color: #fff;display: block;float: left;display: block;padding: 0 15px;line-height: 50px;}
.product_nei li p em{font-size: 15px;height:20px;float: right;color: #fff;padding: 0 15px;margin-top:15px;border-left: 1px solid #fff;}
.product_nei li img{width:305px;height: 245px;float: left}
.product_nei li:hover p{display:table-cell; width: 290px;height: 50px;background: rgba(0,0,0,0.51);margin-left: 7px;border-radius: 15px}
.product_nei li:hover{box-shadow: -10px 10px 5px rgba(142,142,142,0.14);}

/*分页*/
.page {text-align:center; margin:0px auto; padding:0px; width:auto; padding-right: 7px; height: 35px; padding-top: 50px; width:1200px;float: left}
.page a{ border:1px solid #ccc; color: #555; height:26px; line-height:26px; padding:6px 8px;margin:0 2px; text-decoration:none; }
.page a:hover {background:#003067; color: #fff; height:26px; line-height:26px; padding:6px 8px;margin:0 2px;text-decoration:none;border:1px solid #003067;}
.page span{ display:inline; background: #003067; color: #d1d1d1; font-size:12px;height:26px; line-height:26px; padding:6px 6px;margin:0px 5px; }

.product_fangda{ float:left; width:600px;}
.details{ margin-top:30px; float:left; width: 100%}
.pro_ri{ float:right; width:510px; height:410px; background:#fff; padding:20px 30px;}
.pro_ri h4{ font-size:20px; color:#555; line-height:50px;}
.pro_ri .pro_des{ width:100%; border-top:1px dashed #ddd;  border-bottom:1px dashed #ddd; height:250px; overflow:hidden; padding-top:20px;}
.pro_ri .more{ width:150px; height:40px; background:#004089; text-align:center; margin-top:20px;}
.pro_ri .more a{ color:#fff; line-height:40px; display:block;}
.pro_ri .more:hover{ background:#003067;}

.inew{width: 1200px;height:100%;display: block;float: left}
.inew li{width: 1200px;float: left;height: 120px;display: block}
.inew li p{width: 5px;height:22px;display: block;background-color: #003067;float: left;margin-top:15px}
.inew li h2{float: left;font-size: 16px;padding-left: 10px;float: left;line-height: 50px}
.inew li h3{float: left;font-size: 16px;padding-left: 10px;float: right;line-height: 50px}
.inew li i{float: left;width:1200px;line-height: 25px;color: #5d5d5d}
.inew li em{width:1200px;height: 3px;display: block;background-color: #f0f0f0;float: left;margin: 10px 0 10px 0}
.inew li:hover em{background-color: #003067;width: 380px;transition-duration: 0.5s}
.inew li:hover h2{color:#003067}
.inew li:hover p{color:#003067}
.inew li:hover h3{color:#003067}
.inew li:hover i{color:#003067}

/*上一篇 下一篇*/
.nexts {text-align:right; margin:0px auto; padding:8px 0px; height: 32px; line-height:32px;}
.nexts a{height:32px; line-height:32px; text-decoration:none; color:#333;}
.nexts a:hover{ text-decoration:none; color:#003067;}

.ih6{ text-align:right; margin:0; }
.ih6 h1{text-align:center; line-height:80px}
.descriptions{ line-height:30px; margin-top:10px}

.fang_honor{ margin-top:30px;width: 100%;float: left}
.fang_honor h2{font-size:28px;font-weight: normal;height: 50px;width: 70%;float: left}
.fang_honor h2 a{font-size:28px;font-weight: normal;height: 50px}
.fang_honor h3{width: 30%;float: right;color:#003067;}
.fang_honor h3 a{float: right}
.honorcx {width:1200px; overflow:hidden; text-align:center; line-height:30px;}
.honorcx li{float:left; display:inline; overflow:hidden; position:relative; background:url(../images/list_bg.png); background-repeat:no-repeat; background-position:center 176px;margin-right: 5px;margin-bottom: 5px }

.honorcx li .imgs{ width:235px; height:176px;  }
.honorcx li .imgs img{ width:235px; height:176px; display:block;}

.fang_honor2{ margin-top:30px;width: 100%;float: left}
.honorcx2 {width:1200px; overflow:hidden; text-align:center; line-height:30px;}
.honorcx2 li{float:left; display:inline; overflow:hidden; position:relative;background:url(../images/list_bg.png); background-repeat:no-repeat; background-position:center 220px;margin-right: 10px;margin-bottom: 10px;width: 290px;height: 280px }
.honorcx2 li:nth-child(4n){margin-right: 0}
.imgs img{ width:290px; height:218px; display:block;}

.fang_honor3{ margin-top:30px;width: 100%;float: left}
.tit{width: 290px;height:55px;color: #fff;line-height:55px;z-index: 99999;position: relative;background: #194e8b}
.honorcx3 {width:1200px; overflow:hidden; text-align:center; line-height:30px;}
.honorcx3 li{float:left; display:inline; overflow:hidden; position:relative;background:url(../images/list_bg.png); background-repeat:no-repeat; background-position:center 220px;margin-right: 10px;margin-bottom: 10px;width: 290px;height:420px }
.honorcx3 li:nth-child(4n){margin-right: 0}
.imgs3{ width:290px; height:387px; display:block;margin-top: -20px}
.imgs3 img{ width:290px; height:387px; display:block;}

.morepro{float: left;width:235px;}
.morepro a{background:url(../images/morepro2.png) no-repeat center;display: block;width:235px; height:176px;}
/*relation*/
.relation{line-height:20px;margin-bottom:10px; color:#999; float:left; width: 100%}
.relation a{line-height:30px; display:block;}
.relation span{line-height: 30px;height: 30px;border-bottom-width: 2px;border-bottom-style: solid;display: block;border-bottom-color: #666;margin-bottom: 10px;	}
.relation span em{background-color: #666;display: block;width: 85px;padding-right: 10px;padding-left: 10px;color: #FFF;border-radius:5px 5px 0px 0px;}
.relation span em a{ color:#ffffff;}

/**ieve**/
.ieves{margin:0px;  padding:0; width:100%;  height:auto; overflow:hidden; float:left; }
.ieves ul{margin:0;padding:0px;text-align:left; }
.ieves li{line-height:32px; height:32px;  overflow:hidden; border-bottom:1px dashed #d2d1d1; background:url(../images/inewli.gif) no-repeat left center; padding-left:10px;}
.ieves li span{text-align:right; float:right; color:#727272; font-size:12px;}
.ieves li a{float:left; text-align:left;line-height:32px; height:32px; text-decoration:none; color:#444;}
.ieves li a:hover{ color:#003067;}

#customers{width:100%;border-collapse:collapse;}
#customers td, #customers th {border:1px solid #424242;padding:3px 7px 2px 20px;height: 30px;line-height: 30px}
#customers th {text-align:left;color:#424242;}
#customers td {color:#000000;color: #424242;}
#customers td{width: 20%}
#customers td img{width: 100%}
#customers td:nth-child(2n) {background-color:#ebebea;color: #424242;width:40%}
#customers td:nth-child(3n) {width:50%}

#customers2{width:100%;border-collapse:collapse;}
#customers2 td, #customers2 th {border:1px solid #424242;padding:3px 7px 2px 20px;height: 30px;line-height: 30px}
#customers2 th {text-align:left;color:#424242;}
#customers2 td {color:#000000;color: #424242;}
#customers2 td{width: 30%}
#customers2 td img{width: 100%}

#customers3{width:100%;border-collapse:collapse;}
#customers3 td, #customers2 th {border:1px solid #424242;padding:3px 7px 2px 20px;height: 30px;line-height: 30px}
#customers3 th {text-align:left;color:#424242;}
#customers3 td {color:#000000;color: #424242;}
#customers3 td{width:11%}
#customers3 td img{width: 100%}

.fenlei{width: 100%;float: left;margin-bottom: 20px}
.fenlei li{margin-left: 5px;width: auto;display: block;height: 40px;float: left;margin-bottom: 5px}
.fenlei li a{width:auto;background: #eee;height: 40px;line-height: 40px;display: block;padding: 0 20px;float: left;text-align: center;font-size: 14px}
.fenlei li:hover a{background: #194e8b;color: #fff}

.dztitle{background: #194e8b;width: auto;padding:0 20px;color: #fff;display: block;height: 50px;float: left;line-height: 50px;border-radius: 15px;margin-bottom: 10px}
.dztitlea{background: #eeeeee;width: auto;padding:0 20px;display: block;height: 30px;line-height: 30px;float: left;margin: 10px 5px}
.dztitle2{width: 100%;float: left;margin: 20px 0;}
.dztitle2 span{font-size:18px;height: 40px;color: #fff;line-height: 40px;display: block;padding-left: 10px;font-weight: normal;background: #194e8b;width: auto;float: left}
.mainmain{width: 100%;float: left;line-height: 30px;margin-left: 15px}
.mainmain p{text-indent: 20px;line-height: 30px}
.mainmain li{list-style:disc;line-height: 30px;width:100%;float: left;}

.mainmain2{width: 100%;float: left;line-height: 30px;margin-left: 15px}
.mainmain2 li{list-style:disc;line-height: 30px;width:33%;float: left;}

.mainmain3{width: 100%;float: left;line-height: 30px;margin-left: 15px}
.mainmain3 li{list-style:disc;line-height: 30px;width:50%;float: left;}

/*固定的悬浮窗*/
.yb_conct{position:fixed;z-index:9999999;top:50%;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#194e8b url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#194e8b url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#194e8b url(../images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#194e8b url(../images/fixCont.png) no-repeat 0 -169px;}
.yb_ercode img{ width:130px; height:130px; background:#fff;}
.hd_qr{ margin-left:30px; margin-top:8px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;font-size: 16px}

.yb_bar .yb_top:hover{background:#424242 url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone:hover{background:#424242 url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ:hover{background:#424242 url(../images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode:hover{background:#424242 url(../images/fixCont.png) no-repeat 0 -169px;}

/*about1*/
.about1{width: 100%;float: left}
.aboutleft{width: 40%;float: left;margin-top: 70px}
.aboutleft p{text-indent: 20px;line-height: 30px}
.aboutleft i{width: 100%;font-size:30px;color: #194e8b;font-weight: bold;margin-top: 40px;float: left}
.aboutright{width: 55%;float: right}

.about2{width: 100%;float: left;margin-top: 20px}
.aboutleft2{width: 55%;float: left}

.aboutright2{width: 40%;float: right;margin-top:40px}
.aboutright2 p{text-indent: 20px;line-height: 30px;margin-bottom:30px}
.aboutleft22{width: 50%;float: left}

.about3{background:url(../images/shijianxian.png) no-repeat center;height: 500px;width: 100%;float: left;position: relative}
.about3 li{position: absolute;}
.about3 li:first-child{top:350px;left: 200px}
.about3 li:first-child+li{top:80px;left: 230px}
.about3 li:first-child+li+li{top:80px;left: 660px}
.about3 li:first-child+li+li+li{top:320px;left: 780px}
.about3 li:first-child+li+li+li+li{top:380px;left:1000px}

.about3 li i{font-size: 35px;font-weight: bold;color: #1e355f}
.about3 li span{font-size:18px;font-weight: 800;color: #3c4e72;width: 180px;display: block;line-height: 30px}

.contact1{height: 200px;float: left;width: 100%}
.contact1left{width: 30%;float: left;background: #194e8b;height: 200px;}
.contact1left h2{color: #fff;text-indent: 30px;margin-top: 40px;height: 40px}
.contact1left span{border: 1px solid #fff;margin-left: 30px;line-height: 30px;display: block;color: #fff;width: 150px;padding: 0 20px}
.contact1left h3{font-weight: normal;font-size: 20px;color: #fff;text-indent: 30px;margin-top: 20px;}
.contactright{background: #eeeeee;height: 200px;width: 70%;float: right}
.contactright h2{color: #424242;text-indent: 30px;padding-top: 60px}
.contactright i{margin-left: 30px;width: 80%;float: left;margin-top: 20px}

.contact2{float: left;width: 100%;margin-top: 40px}
.contact2left{width: 40%;float: left;background:#eaeaea;height: 450px}

.contact2left i{width: 90%;font-size: 18px;line-height: 40px;display: block;font-weight: normal;height: 40px;margin: 10px 0;text-indent: 35px;margin-left: 20px;float: left}
.contact2left i:first-child{background:url(../images/lianxi/1.png) no-repeat left;margin-top: 50px}
.contact2left i:first-child+i{background:url(../images/lianxi/2.png) no-repeat left;}
.contact2left i:first-child+i+i{background:none;text-indent: 108px}
.contact2left i:first-child+i+i+i{background:url(../images/lianxi/3.png) no-repeat left;}
.contact2left i:first-child+i+i+i+i{background:url(../images/lianxi/4.png) no-repeat left;}
.contact2left i:first-child+i+i+i+i+i{background:url(../images/lianxi/5.png) no-repeat left;margin-bottom:50px}
.contact2right{width: 60%;float: right}

.promain2{width: 100%}
.promain2 li{width: 230px;height: 230px;float: left;position: relative;margin-right: 10px;margin-bottom: 10px;background: rgba(217,217,217,1.00)}
.promain2 li a{width: 230px;height: 230px;display: block}
.promain2 li em{position: absolute;z-index: 999;top: 20px;left: 20px}
.promain2 li span{width: 230px;height: 230px;overflow: hidden;display: block}
.promain2 li img{width: 230px;height: 230px;}
.promain2 li:hover img{transform: scale(2, 2);transition: transform 0.6s ease 0s;}

.mainmainss{width: 46%;float: left;margin-right:4%}









