@charset "utf-8";
/* CSS Document */
/* 公共 */
body{ margin:0; padding:0; font-size:12px;font-family:Arial;  background:#fff; }
ol,ul,li,dl,dt,dd,form,p,h1,h2,h3,h4,h5,img{ margin:0px; padding:0px;}
ol,ul,li{ list-style:none; padding:0; margin:0;}
a{text-decoration:none; border:none; margin:0; padding:0;}
img{border:none;}
.clear{clear:both;}
.fl{ float:left;}
.fr{ float:right;}
.fz{ margin:0 auto;}
h1,h2,h3,h4{font-weight:normal;}
.wrap{max-width:640px; min-width:320px; margin:0 auto; width:100%; background:#fff;}
.main{width: 1000px; margin:0 auto;}
/*@font-face {font-family: 'Arial'; src:url(../css/pier-regular.otf);} */
/*header*/
.banner{width: 100%; position: relative;}
.banner img{width: 100%;}
.headbox{width: 100%; position: absolute; top:0; left:0;}
.header{width: 100%;margin-top: 25px;}
.nav{width: 650px;font-family:Arial;}
.nav_ul{width: 505px; float: left;}
.nav_ul li{ float: left;width:120px; text-align: center; line-height: 30px;}
.nav_ul a{font-size: 12px;  color: #fff; }
.nav_ul li:hover a{
	color: #3e85d5;
}
.language{width: 70px;}
.language a{display: block;width:33px;height: 16px; border:1px solid #fff; line-height: 16px; float: left; text-align: center;margin-top: 5px; font-size: 12px; color: #3e85d5;}
.language a:hover{ border:1px solid #3e85d5;}
.language .cur{border:1px solid #3e85d5;}
.searchbtn{display: block; width: 20px; height: 21px; background: url(../images/search.png) no-repeat center;}

/*index_a*/
.index_a{width: 100%;margin-top: 45px;}
.i_top{width: 100%;margin-top: 27px;}
.i_top img{width: 100%;}
.index_a h3{display: block; width: 255px; line-height: 20px; margin: 24px auto; font-size: 12px; text-align: center; color: #313934;}
.i_tab{width: 144px;margin:0 auto;}
.ia_ul{width: 100%; }
.ia_ul li{width: 70px; float: left; height: 22px; text-align: center; line-height: 22px; border:1px solid #7a7a7a;   }
.ia_ul a{color: #7a7a7a; font-size: 12px;}
.ia_ul .cur{background: #3e85d5; border:1px solid #3e85d5;}
.ia_ul .cur a{color:#fff;}
.ia_ul li:hover{background: #3e85d5; border:1px solid #3e85d5;}
.ia_ul li:hover a{color:#fff;}
.ia_ul .lb{ border-radius: 3px 0 0 3px;}
.ia_ul .rb{ border-radius: 0 3px 3px 0;}

/*iashow*/
.iashow{width: 100%; height: 185px;margin-top: 20px; position: relative;}
.prev{position: absolute; top:66px; left:60px; z-index: 9999;}
.next{position: absolute; top:66px; right: 60px;z-index: 9999; }
.show{width: 100%; position: absolute; height: 185px; top:0; }
.iashow_ul{width: 1295px; margin:auto}
.iashow_ul li{width: 165px; float: left;}
.picbox{width: 100%; height: 165px; }
.iashow_ul p{display: block; width: 100%;color: #313934; float: left; text-align: center;}
.more{color: #7a7a7a; width: 177px; display: block; line-height: 30px; height: 30px; text-align: center; background: url(../images/more.jpg) no-repeat center; margin:30px auto;}

/*index_b*/
.index_b{width: 100%; min-height: 400px; background: url(../images/ib.jpg) no-repeat center;margin-top: 10px; }
.index_b h3{display: block; width: 400px; line-height: 20px; margin: 10px auto 24px; font-size: 12px; text-align: center; color: #313934;}
.ibbox{width: 100%;}
.ib_ul{width: 100%; float: left;}
.ib_ul li{width: 310px; float: left; margin-right: 35px; background: #fff; border-radius: 0 0 5px 5px;}
.ib_ul .mr{margin-right: 0;}
.ib_ul a{ color: #313934; font-size: 13px; line-height: 22px;}
.ibword{width: 80%; padding: 0 10%; float: left; height: 80px;margin-top: 16px; }

/*index_c*/
.index_c{width: 100%;}
.icbox{width: 100%; margin-top: 22px;}
.ic_ul{width: 100%; float: left;}
.ic_ul li{width: 25%; float: left; text-align: center;}
.ic_ul p{margin-top: 8px;}
.ic_ul li a{ color: #313934; font-size: 12px; }

/*index_d*/
.index_d{width: 100%; border-top:1px solid #ccc; min-height: 305px; float: left; border-left: none; border-right: none; }
.idbox{width: 50%; border-right: 1px solid #ccc; box-sizing:border-box; min-height:305px;position: relative;}
.idbox h3{ font-size: 17px; font-weight: bold;font-family:Arial; display: block; width: 100%;text-align: center;margin-top: 32px;}
.zuo{ color:#312d2d; margin-right: 10px;}
.you{ color:#3e85d5;}
.idimg{width: 85px; margin:15px auto;}
.idbox p{ color: #313934; font-size: 12px; line-height: 20px; width: 70%; margin-left: 15%; text-align: center;}
.idbox .d_more{ display: block;width: 70px; height: 20px; line-height: 20px; text-align: center; font-size: 10px; border:1px solid #666; color: #7a7a7a;position: absolute;
bottom:5%; left:43%;}

.ftlogo{width: 100%;min-height: 45px; border-bottom: 1px solid #ccc; border-top:1px solid #ccc;}
/*.ftlogo h1{margin-top: 10px;}*/

.ft{width: 100%; border-bottom: 1px solid #ccc; min-height: 244px;}
.ftbox{width: 25%; border-left: 1px solid #ccc; box-sizing:border-box; float: left; min-height: 244px; padding-top: 24px;}
.fttile{margin-left: 23px; font-size: 12px; font-family: Arial; font-weight: bold; width: 90%; line-height:30px }
.fttile a{color: #3e85d5;}
.list{width: 90%; margin-left: 23px;}
.list a{display: block; width: 100%;color: #313934; font-size: 12px; line-height: 24px;}
.contact{display: block; height: 32px; width: 102px; border:2px solid #3e85d5; text-align: center; line-height: 32px; color:#3e85d5; font-weight: bold; border-radius: 4px;margin-top: 20px; margin-left: 22px;}

/*bottom*/
.bottom{width: 100%; text-align: center; min-height: 62px;line-height: 32px;}
.bottom a{ font-size: 14px;color: #312d2d;}

/*nyhead*/
.nyhead{width: 100%;}
.nylang{width: 70px; margin-top: 28px;}
.nylang a{display: block;width:33px;height: 16px; border:1px solid #ccc; line-height: 16px; float: left; text-align: center;margin-top: 5px; font-size: 9px; color: #3e85d5;}
.nylang a:hover{ border:1px solid #3e85d5;}
.nylang .cur{border:1px solid #3e85d5;}

.nynav{width: 100%;box-sizing:border-box; border-bottom: 4px solid #ccc;}
.nynav_ul{width: 100%; float: left;}
.nynav_a{color: #111111; display: block; width: 100%; height: 54px;}
.nynav_li{width: 20%; text-align: center; float: left; height: 50px; line-height: 50px; border-left: 1px solid #ccc; box-sizing:border-box; position: relative;  }
.nynav_li:hover .nynav_a {background: url(../images/nyhover.jpg) no-repeat bottom center;}
.nynav_li:hover .er_ji{display: block;}
.nynav_ul .cur{background: url(../images/nyhover.jpg) no-repeat bottom center;}

.company{width: 100%; min-height: 893px; background: url(../images/company.jpg) no-repeat left; background-size: cover; margin-bottom: 10px;}
.company h2{ font-size: 15px; color: #666666; text-align: center; display: block; margin-top: 70px;}
/*.company h3{ font-size: 26px; color: #3e85d5; font-weight: bold; display: block; text-align: center; margin:20px 0 10px 0;}*/
.company h3{width: 100%; margin:10px 0;}
.company p{ font-size: 14px; color: #666666; font-weight: bold; display: block; width: 75%; text-align: center;line-height: 24px;margin:0 auto;}

.com{width: 100%;margin-top: 40px;}
.com_ul{width: 100%; float: left;}
.com_ul li{width: 314px; height: 240px;  background: url(../images/white.png); float: left; margin-top: 30px;}
.comimg{width: 115px; margin:45px 0 20px 98px;}
.com_ul p{letter-spacing: 2px;}

/*product*/
.protop{width: 100%; height: 124px; border-bottom: 4px solid #ccc; }
.protopbox{position: relative; width: 100%;height: 124px;}
.leftbtn{left: 0; top:55px; display: block; position: absolute;}
.rightbtn{right: 0; top:55px; display: block; position: absolute;}
.tab{width: 924px; bottom: 0; left: 25px;position: absolute; height: 70px; top:54px;}
.tab_ul{width: 100%; height:74px;position:absolute; left:0px; top:0px; overflow:hidden;}
.tab_ul li{width: 231px; float: left; text-align: center; height: 74px;}
.tab_ul h3{font-size: 22px; color:#666; height:74px}
.tab_ul p{ font-size: 14px; color: #666; line-height: 24px;}
.tab_ul li:hover{background: url(../images/nyhover.jpg) no-repeat bottom center; }
.tab_ul li:hover p{color: #3e85d5;}
.tab_ul li:hover h3{color: #3e85d5;}
.tab_ul .cur{background: url(../images/nyhover.jpg) no-repeat bottom center;}
.cur h3,.cur p{ color: #3e85d5;}

.probox{width: 100%;}
.pro_ul{width: 100%; float: left;}
.pro_ul li{width: 20%; float: left; text-align: center;margin-top: 30px;}
.pro_ul a{color: #333333; font-weight: bold; font-size: 16px;}
.pro_ul p{display: block;width: 100%; float: left;margin-top: 10px;}
.pro_ul li:hover p{ color: #3e85d5;}

.btn{width: 56px; float: right; height: 26px; border:1px solid #ccc; background: #fff; line-height: 26px; text-align: center; font-size: 13px; color: #666; font-family: "宋体";}
.page{width: 100%;margin:50px 0;}


/*contact*/
.contactus{ float:left;width: 100%; margin-top: 100px;}
.contactus h2{display: block;width: 100%;}
.contactus h3{display: block; background: url(../images/line.jpg); height: 30px; line-height: 30px; width: 100%;}
.contactus h3 p{display: block;width: 325px;margin:0 auto; background: #fff; text-align: center; font-size: 24px; color: #3e85d5; font-family: Arial; letter-spacing: 2px;}
.con_a{width: 100%; margin:55px 0 28px 0;}
.con_a p{ font-size: 14px; color: #666666; line-height: 23px;}
.con_b{width: 100%;margin-bottom: 60px;}
.con_b p{ font-size: 14px; color: #666666; line-height: 23px;}

.tablebox{width: 86%; padding: 7% 7%; background: #eeeff1; min-height: 1100px;margin-bottom: 75px;}
.water{width: 100%; float: left; background: #cccccc;}
.water_ul{width: 100%; float: left;}
.water_ul li{width: 33%; float: left; text-align: center; height: 66px; line-height: 66px; position: relative;}
.water_ul a{ font-size: 14px; color: #fff; display: block;}  
.water_ul .cur{background: #3e85d5;}
.cur .to{display: block;}
.to{width: 34px; height: 66px; position: absolute; right: -34px; top:0; display: none;}

.message{width: 100%;margin-top: 30px;}
.message table{width: 100%;}
.red{color:red;}
.message tr{height: 60px;}
.message p{color:#333333; font-size: 14px;}
.smtxt{width: 190px; height: 36px; border:medium; border:1px solid #ccc; background: #fff; outline: none;}
.midtxt{width: 330px; height: 36px; border:medium; border:1px solid #ccc; background: #fff; outline: none;}
.bigtxt{width: 554px; height: 36px; border:medium; border:1px solid #ccc; background: #fff; outline: none;}
.err{width: 100%; font-size: 14px; color:#ff0000; display: block;margin-top: 10px; display: none;}
.checkbox input {
    -ms-filter: "alpha(opacity=0)";
    display: inline-block;
    cursor: pointer;
}
.check{width: 100%;}
.check ul{width: 100%; float: left;}
.check li{width: 30%;height: 36px; line-height: 36px; font-size: 14px; color:#333; float: left;margin-bottom: 12px;}
.check .cur{background: url(../images/gou.png) no-repeat left top;}
.checkbox {
	display: block;
    height: 36px;
    padding-left: 36px;
    line-height: 36px;
    background: url(../images/no.png) no-repeat left top;
    cursor: pointer;
}
.bigtrea{width: 554px; min-height: 170px; border:medium; border:1px solid #ccc; background: #fff; outline: none;}
.reset{width:115px;margin-top:30px;height: 50px; text-align: center;line-height: 44px;  display: block; color:#999999; font-size: 14px; font-weight: bold;margin-right: 20px; border:2px solid; border-radius:8px;}
.blue_a{width: 295px;margin-top:30px;color:#3e85d5; font-size:14px;height: 50px; text-align: center;line-height: 44px;/*background: url(../images/Contact-us_05.png) no-repeat;*/ display: block;font-weight: bold; border:2px solid; border-radius:8px}


.pd_name{width: 100%; height: 80px; line-height: 80px; float: left;}
.pd_name h3{ font-size: 22px; color:#333333;margin-right: 34px;}
.pd_name p{ font-size: 14px;color:#666666; }
.pdimg{width: 100%;margin-top: 54px; border:1px solid #666; box-sizing:border-box;}
.detail{width: 100%;height: 80px; line-height: 80px; background: url(../images/pdline.jpg) no-repeat top left; float: left;}
.detail h3{font-size: 16px; color: #666;}
.detailimg{width: 400px; }
.detailimg img{max-width: 100%;}
.detailimg table{ max-width:100%; width:100%;border-collapse: initial}
.detailimg table tbody tr td{ border-bottom:1px #ccc dashed;color:#404040;font-size:8pt !important;vertical-align:middle;height:38px !important;border-collapse: initial !important }
.detailtext{
	width: 520px;
}
.det1{border:1px solid #666;margin-bottom: 80px;  padding:2%;margin-top: 80px;}
/*增加的代码*/
/*combox*/
.combox{width: 100%;margin-top: 40px;}
.comtop{width: 100%;height: 50px; line-height: 50px; background: url(../images/ctop.jpg); text-align: center;}
.comtop h3{display: inline-block; background: #fff; color: #666666; font-size: 24px; padding: 0 24px;}
.file_ul{width: 100%;}
.file_ul li{width: 100%; float: left; margin-top: 90px;}
.fileimg{width: 393px;}
.fileword {width: 574px;}
.fileword p{font-size: 16px; color: #666666; line-height: 36px; font-family:Arial ;}


.project{width: 100%;margin-top: 90px;border-top:1px solid #ccc; padding: 60px 0;}
.ject_ul{width: 100%; float: left;}
.ject_ul li{width: 236px; height: 81px; background: url(../images/ject.png) no-repeat center; text-align: center;margin-right: 18px; float: left;}
.ject_ul a{font-size: 14px; color: #aaaaaa; display:block; width: 100%;height: 100%;}
.ject_ul table{height: 81px;width: 100%;}
.ject_ul table td{ padding:0 30px}
.ject_ul li:hover{background: url(../images/ject1.png) no-repeat center;}
.ject_ul li:hover a{ color: #3e85d5;}
.ject_ul .mr{margin-right: 0;}

.ject_ul1{width: 100%; float: left;}
.ject_ul1 li{width: 185px; height: 81px;margin-bottom: 10px; background: url(../images/ject_.png) no-repeat center; text-align: center;margin-right: 18px; float: left;}
.ject_ul1 a{font-size: 14px; color: #aaaaaa; display:block; width: 100%;height: 100%;}
.ject_ul1 table{height: 81px;width: 100%;}
.ject_ul1 table td{ padding:0 30px}
.ject_ul1 li:hover{background: url(../images/ject1_.png) no-repeat center;}
.ject_ul1 li:hover a{ color: #3e85d5;}
.ject_ul1 .mr{margin-right: 0;}

.csr{width: 100%;margin-top: 40px; line-height:25px;}
.csrimg{width: 100%; text-align: center;margin-top: 30px;}

.er_ji{width: 100%; position: absolute; z-index:999; display: none;}
.er_ul{width: 100%; float: left; background: url(../images/black.png);}
.er_ul li{float: left;width: 100%;height: 60px; border-bottom: 1px solid #666; }
.er_ul table{width: 100%; height: 60px; line-height: 20px;}
.er_ul a{font-size: 12px; color: #fff;}
.er_ul li:hover{background: #3e85d5;}

.basic{width: 100%;}
.ba_dl{width: 100%;}
.ba_dl dt{width: 100%; float: left; text-align: center; height: 92px;}
.ba_dl dd{width: 895px; float: left;margin:0 65px; position: relative; height: 300px; overflow: hidden;}
.leftword{width: 405px; text-align: right;}
.leftword h3{ font-size: 16px; color: #666666; margin-top: 22px;margin-bottom: 30px;}
.leftword p{font-size: 14px; color:#666666; line-height: 24px;}
.mid{position: absolute;width: 18px;height:300px;left:426px;}
.rightimg{ width: 416px;height: 220px; background: url(../images/box1.png) no-repeat center;}
.rightimg img{margin-top: 7px;margin-left: 16px;}

.rightword{width: 405px; text-align: left;}
.rightword h3{ font-size: 16px; color: #666666; margin-top: 22px; margin-bottom: 30px;}
.rightword p{font-size: 14px; color:#666666; line-height: 24px;}
.leftimg{ width: 416px;height: 220px; background: url(../images/box2.png) no-repeat center;}
.leftimg img{margin-top: 7px;margin-left: 6px;}