@font-face {
	font-family:'a';
	src: url(../font/Light.otf);
}
/*banner*/
.ind-banner{ width: 1600px; margin: 0 auto 0px; padding: 0 0 52px; border-bottom: 1px solid #f6f6f6; }
.ind-banner .imgBig img{ width: 100%; }
.ind-banner .imgBig img.on{ display: block; }
.ind-banner .imgBig img.off{ display: none; }
.ind-banner .swiper-slide{ height: auto; width: 100%; height: 100%; position: relative; }
.ind-banner .swiper-container{ height: 100%; }
.ind-banner .ban1{ position: absolute; left: 58%; top: 24%; }
.ind-banner .ban1 .txtDiv{ }
.ind-banner .ban1 .h6{ font-size: 48px; color: #00A1E9; }
.ind-banner .ban1 .en{ font-size: 40px; color: #FFFFFF; opacity: 0.5; /*text-transform: uppercase;*/ margin-bottom: 30px; font-family: 'a'; }
.ind-banner .ban1 .em{ width: 33px; height: 3px; background: #00A1E9; margin-bottom: 21px; }
.ind-banner .ban1 .enp{ font-size: 18px; font-family: '黑体'; color: #FFFFFF; line-height: 36px; }
.ind-banner .ico{ width: 34px; height: 64px; position: absolute; left: 50%; margin-left: -17px; bottom: 35px; z-index: 10; background: url(../images/ban_i1.png) no-repeat; animation: aaa 2s infinite linear; }
@keyframes aaa{
	0%{ transform: translateY(0); }
	22.33%{ transform: translateY(-10px); }
	66.66%{ transform: translateY(10px); }
	100%{ transform: translateY(0); }
}

body .ind-banner .swiper-button-prev ,
body .ind-banner .swiper-button-next{ width: 56px; height: 32px; }
body .ind-banner .swiper-button-prev{ background: url(../images/l1.png) no-repeat right center; }
body .ind-banner .swiper-button-next{ background: url(../images/r1.png) no-repeat left center; }
body .ind-banner .swiper-button-prev:hover{ background: url(../images/l1on.png) no-repeat right center; }
body .ind-banner .swiper-button-next:hover{ background: url(../images/r1on.png) no-repeat left center; }
 

 
/*banner END*/
.title1{ font-size: 24px; color: #333333; padding: 0 0 0 22px; background: url(../images/ico_01.jpg) no-repeat left center; }
.title1:after{ content: ''; display: block; clear: both; }
.title1 a{  float: right; display: block; width: ;}
.more1{ display: block; width: 125px; line-height: 37px; text-align: center; color: #FFFFFF; font-size: 14px; background: #00A1E9; border-radius: 64px; text-transform: uppercase; transition: .5s; }
.more99{ display: block; width: 125px; line-height: 37px; text-align: center; color: #FFFFFF; font-size: 14px; background: #00A1E9; border-radius: 64px; text-transform: uppercase; transition: .5s; }
.more1:hover{ transform: translateY(-5px); color: #FFFFFF; }
.index1{ padding: 40px 0 57px; border-bottom: 1px solid #f6f6f6; }
.index1 .title1{ margin-bottom: 37px; }
.indexNav1{ text-align: center; }
.indexNav1 span{ font-size: 16px; margin: 0 30px; color: #333; line-height: 41px; cursor: pointer; display: inline-block; }
.indexNav1 span.on{ padding-left: 20px; background: url(../images/ico_01.jpg) no-repeat left center; color: #00A0E9; }
.more2{ width: 153px; line-height: 35px; text-align: center; border-radius: 64px; border: 1px solid #00A0E9; display: block; margin: 0 auto; font-size: 14px; color: #00A0E9; }
.more2:hover{ background: #00A0E9; color: #FFFFFF; }
.index1 .more2{ margin: 8px auto 0; }
.indexCon1{ margin: 30px 0 0; }
.indexCon1 ul:after{ content: ''; display: block; clear: both; }
.indexCon1 ul{ display: none; }
.indexCon1 li{ float: left; width: 380px; margin-right: 26px; overflow: hidden; }
.indexCon1 li:last-child{ margin-right: 0; }
.indexCon1 li a{ display: block; position: relative; }
.indexCon1 .img img{ width: 100%; }
.indexCon1 .bg{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: url(../images/bg_01.png) repeat; opacity: 0; transition: .5s; }
.indexCon1 .text{ position: absolute; top: 100%; left: 0; right: 0; text-align: center; padding: 0 30px; transition: .5s; }
.indexCon1 .tit{ font-size: 14px; color: #FFFFFF; margin-bottom: 16px; }
.indexCon1 em{ display: block; width: 24px; height: 1px; background: #00A0E9; margin: 0 auto 14px; }
.indexCon1 .name{ position: absolute; top: 0px; left: 0; right: 0; transform: translateY(-100%); padding-bottom: 20px; font-size: 14px; color: #666666; text-transform: uppercase; transition: .5s; }
.indexCon1 .more1{ width: 98px; line-height: 30px; margin: 0 auto;  }
.indexCon1 .more99{ width: 98px; line-height: 30px; margin: 5px auto;  }
.indexCon1 li:hover .bg{ opacity: 1; }
.indexCon1 li:hover .text{ top: 50%; transform: translateY(-50%); }
.indexCon1 li:hover .name{ position: static; transform: translate(0); font-weight: bold; color: #FFFFFF; }

.index2{ padding: 50px 0 61px; border-bottom: 1px solid #f6f6f6; }
.index2 .title1{ margin-bottom: 40px; }

.indexImg2{ position: relative; background: #f1f1f1; }
.indexImg2 .img{ width: 800px; float: left; }
.indexImg2 .img img{ width: 100%; }
.indexImg2 .textBox{ width: 800px; float: left; }
.indexImg2 .text{ padding: 72px 56px 0 70px; }
.indexImg2 .h6{ font-size: 16px; color: #333; font-weight: bold; margin-bottom: 34px; }
.indexImg2 .btn{ margin: 62px 0 0; text-transform: uppercase; color: #333333; font-weight: bold;  }
.indexImg2 .btn:hover{ text-decoration: underline; }
.indexImg2 .slick-prev ,
.indexImg2 .slick-next{ width: 50px; height: 47px; position: absolute; bottom: 30px; z-index: 10; }
.indexImg2 .slick-prev{ background: url(../images/l2.jpg) no-repeat; background-size: cover; left: 750px; }
.indexImg2 .slick-next{ background: url(../images/r2.jpg) no-repeat; background-size: cover; left: 800px; }
.indexImg2 .slick-prev:hover{ background: url(../images/l2on.jpg) no-repeat; background-size: cover; }
.indexImg2 .slick-next:hover{ background: url(../images/r2on.jpg) no-repeat; background-size: cover; }

.index3{ padding: 64px 0 64px; border-bottom: 1px solid #f6f6f6; }
.index3 .title1{ margin-bottom: 46px; }
.indexList3:after{ content: ''; display: block; clear: both; }
.indexList3 li{ height: 465px; width: 382px; float: left; margin: 0 24px 0 0; overflow: hidden; }
.indexList3 li:last-child{ margin-right: 0; }
.indexList3 li a{ display: block; }
.indexList3 .img{ overflow: hidden; height: 125px; transition: .5s; }
.indexList3 .img img{ width: 100%; }
.indexList3 .text{ padding: 36px 32px 0 26px; }
.indexList3 .time{ font-size: 14px; margin-bottom: 18px; }
.indexList3 .h6{ font-size: 16px; color: #333333; font-weight: bold; margin-bottom: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.indexList3 .p{ height: 84px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;}
.indexList3 .btn{ text-transform: uppercase; font-size: 12px; font-weight: bold; color: #333333; margin: 30px 0 0; }
.indexList3 .btn:hover{ text-decoration: underline; }
.indexList3 li:hover{ background: #00A0E9; }
.indexList3 li:hover .img{ height: 194px; }
.indexList3 li:hover .time{ color: #b8dcf6; }
.indexList3 li:hover .h6{ color: #ffffff; }
.indexList3 li:hover .p{ color: #ffffff; opacity: 0.6; }
.indexList3 li:hover .btn{ color: #FFFFFF; }

.index4{ height: 460px;margin: 60px auto 62px; }
.indexSlick4{ padding: 78px 0 0; }
.title2{  }
.title2{ font-size: 24px; text-align: center; padding-bottom: 18px; position: relative; color: #FFFFFF; }
.title2:before{ content: ''; display: block; width:24px; height: 1px; background: #00A0E9; position: absolute; left: 50%; margin-left: -12px; bottom: 0; }
.indexSlick4{ position: relative; }
.indexSlick4 .text{ width: 680px; margin: 0 auto; text-align: center; }
.indexSlick4 .title2{ margin-bottom: 38px; }
.indexSlick4 .en{ font-size: 16px; color: #FFFFFF; text-transform: uppercase; margin-bottom: 24px; }
.indexSlick4 .p{ color: #FFFFFF; }
.indexSlick4 .more1{ margin: 36px auto 0; }
.indexSlick4 .slick-prev ,
.indexSlick4 .slick-next{ width: 34px; height: 34px; position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; }
.indexSlick4 .slick-prev{ background: url(../images/l3.png) no-repeat center; left: 294px; }
.indexSlick4 .slick-next{ background: url(../images/r3.png) no-repeat center; right: 294px; }
.indexSlick4 .slick-prev:hover{ background: url(../images/l3on.png) no-repeat center; }
.indexSlick4 .slick-next:hover{ background: url(../images/r3on.png) no-repeat center; }

/*案例分享*/
.titSeat{ overflow: hidden; margin: 40px auto 46px; width: 1600px; padding-bottom: 14px; border-bottom: 1px solid #999999; }
.titSeat .p{ font-size: 18px; color: #333333; display: inline-block; }
.titSeat .bg{ width: 15px; height: 32px; background: url(../images/bg_02.png) no-repeat; display: inline-block; margin-left: 10px; }
.titSeat .en{ font-size: 18px; color: #333333; display: inline-block; text-transform: uppercase; }
.titSeat em{ width: 15px; height: 32px; display: inline-block; }
.titSeat .rightDiv{ font-size: 14px; padding: 18px 0 0; }
.titSeat span{ color: #00A0E9; }

.case1 .index2{ padding: 0px 0 50px; border: none; }
.case2{ padding-bottom: 60px; }
.caseList2{  }
.caseList2:after{ content: ''; display: block; clear: both; }
.caseList2 li{ width: 502px; margin: 0 46px 50px 0; background: #fafafa; float: left; transition: .5s; }
.caseList2 li:nth-of-type(3n){ margin-right: 0; }
.caseList2 .img img{ width: 100%; transition: .5s; }
.caseList2 .text{ padding: 38px 28px 34px 32px; }
.caseList2 .h6{ font-size: 16px; color: #333333; font-weight: bold; margin-bottom: 18px; }
.caseList2 .p{ height: 56px; overflow: hidden; 
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}
.caseList2 .btn{ text-transform: uppercase; font-weight: bold; font-size: 12px; margin-top: 26px; }
.caseList2 .img{ overflow: hidden; }
.caseList2 .img img:hover{ transform: scale(1.2); }
.caseList2 li:hover{ background: #00A0E9; }
.caseList2 li:hover .h6{ color: #FFFFFF; }
.caseList2 li:hover .p{ color: #FFFFFF; }
.caseList2 li:hover .btn{ color: #FFFFFF; }

.case2 .numberBox{ transform: translateY(-10px); }

/*案例分享详情*/
.caseshow1{ padding: 0px 0 60px; }
.caseshow1 .h6{ font-size: 16px; font-weight: bold; color: #333333; line-height: 28px; margin-bottom: 34px; }
.caseshow1 .imgDiv{ overflow: hidden; padding: 48px 0 46px; } 
.caseshow1 .imgDiv .leftDiv{ width: 794px; }
.caseshow1 .imgDiv .leftDiv img{ width: 100%; }
.caseshow1 .content{padding-bottom: 32px; }


/*产品应用详情*/
.productUse1{ padding: 0 0 55px; }
.productUse1 .tit{ font-size: 30px; color: #333333; font-weight: bold; margin-bottom: -4px; }
.productUse1 .h6{ font-size: 24px; color: #333333; margin-bottom: 26px; }

.productSlick1{ margin: 0 -70px; position: relative; padding: 26px 0 0; }
.productSlick1 .slick-list{ margin: 0 58px; }
.productSlick1 .slick{ margin: 0 13px; }
.productSlick1 .img{ overflow: hidden; }
.productSlick1 .img img{ width: 100%; transition: .5s; }
.productSlick1 .img img:hover{ transform: scale(1.2); }
.productSlick1 .name{ font-size: 14px; padding: 14px 30px; line-height: 28px; height: 56px; overflow: hidden; text-align: center; 
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}
.productUse1 .Tab1{ padding: 44px 0 20px; border-bottom: 1px solid #f6f6f6; }
.productUse1 .slick-prev ,
.productUse1 .slick-next{ width: 18px; height: 34px; position: absolute; top: 50%; margin-top: -55px; z-index: 10; }
.productUse1 .slick-prev{ background: url(../images/l6.png) no-repeat; background-size: cover; left: 0; }
.productUse1 .slick-next{ background: url(../images/r6.png) no-repeat; background-size: cover; right: 0; }
.productUse1 .slick-prev:hover{ background: url(../images/l3on.png) no-repeat; background-size: cover; }
.productUse1 .slick-next:hover{ background: url(../images/r3on.png) no-repeat; background-size: cover; }

.productUse1 .Tab1:nth-of-type(1){ padding-top: ; }

.productUse1 .more1{ margin: 48px 0 0; }


/*产品页面*/
.product1{ padding-bottom: 44px; }
.productNav{ text-align: center; margin: -90px 0 8px; }
.productNav span{ font-size: 16px; margin: 0 30px; color: #333; line-height: 41px; cursor: pointer; display: inline-block; }
.productNav span.on{ padding-left: 20px; background: url(../images/ico_01.jpg) no-repeat left center; color: #00A0E9; }

.productCon .tit{ font-size: 16px; color: #666666; margin-bottom: 20px; font-weight: bold; }
.productCon .content{ padding: 40px 0 40px; border-bottom: 1px solid #f6f6f6; }
.productCon .content:last-child{ border-bottom: none; }
.productCon .Con{ display: none; }
.productList1{  }
.productList1:after{ content: ''; display: block; clear: both; }
.productList1 li{ float: left; width: 380px; margin-right: 26px; }
.productList1 li:nth-of-type(4n){ margin-right: 0px; }
.productList1 .img{ position: relative; overflow: hidden; }
.productList1 .img img{ width: 100%; }
.productList1 .open{ position: absolute; left: 0; top: 0; bottom: 0; right: 0; transition: .5s; }
.productList1 li:hover .open{ background: url(../images/bg_01.png) repeat; }
.productList1 .text{ position: relative; top: 100%; transform: translateY(0%); text-align: center; left: 0; right: 0; transition: .5s; }
.productList1 li:hover .text{ position: relative; top: 50%; transform: translateY(-50%); }
.productList1 .h6{ font-size: 14px; color: #FFFFFF; margin-bottom: 16px; }
.productList1 .text em{ display: block; width: 24px; height: 1px; background: #00A0E9; margin: 0 auto 14px; }
.productList1 .name2{ font-size: 16px; font-weight: bold; color: #FFFFFF; }
.productList1 .more1{ width: 98px; line-height: 30px; margin: 20px auto 0; }
.productList1 .name{ font-size: 14px; padding: 22px 30px 22px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #666666; }

/*产品中心详情*/
.productShow1{ padding-bottom: 56px; }
.productShow1 .content{ background: #fafafa; }
.productShow1 .content .imgDiv{width: 800px;  }
.productShow1 .content .imgDiv img{ width: 100%; }
.productShow1 .content .textDiv{ width: 800px;padding-bottom:24px; }
.productShow1 .content .h6{ font-size: 30px; color: #333333; font-weight: bold; margin-bottom: 28px; }
.productShow1 .content .text{ padding: 44px 39px 0 39px; }
.productShow1 .content .p{ position: relative; font-size: 16px; line-height: 38px; padding-left: 18px; background: url(../images/ico_04.png) no-repeat left 15px; }
.productShow1 .content .btn{ margin-top: 24px; }
.productShow1 .content .btn:after{ content: ''; display: block; clear: both; }
.productShow1 .content .btn a{ float: left; margin-right: 25px; }

.productShow1 .titSeat{ margin-bottom: 50px; }
.productShow1 .Tab1{ padding-bottom: 48px; border-bottom: 1px solid #f6f6f6; }
.productShow1 .button .more1{ margin: 48px 0 0; }

.pop_button{ cursor: pointer; }
.product_bg{ position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: #000000; opacity: 0.7; z-index: 100; display: none; }
.product_pop{ width: 500px; background: #FFFFFF; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 101; padding: 44px 0; border-radius: 4px; display: none; }
.product_pop .close{ position: absolute; right: 7px; top: 8px; cursor: pointer; }
.product_pop .tit{ text-align: center; font-size: 18px; color: #333333; margin-bottom: 30px; }
.product_pop ul{ padding: 0 74px; }
.product_pop li{ margin-bottom: 28px; }
.product_pop li:last-child{ margin-bottom: 0; }
.product_pop .name{ font-size: 14px; color: #666666; line-height: 32px; display: inline-block; }
.product_pop input{ height: 32px; width: 235px; background: #ebebeb; font-size: 14px; color: #333333; border-radius: 4px; }
.product_pop li em{ color: #ff0000; font-size: 14px; }
.product_pop .button{ width: 125px; line-height: 37px; background: #00a1e9; color: #FFFFFF; text-align: center; display: block; margin: 0 auto; border-radius: 64px; margin-top: 32px; }

/*关于我们*/
.about1{ padding: 0 0 28px; }
.aboutList1{ margin: -36px 0 0; }
.aboutList1 li{ border-bottom: 1px solid #f6f6f6; padding: 36px 0 34px; }
.aboutList1 li:last-child{ border-bottom: none; }
.aboutList1 a{ display: block; padding: 36px 0 34px; }
.aboutList1 .en{ font-size: 16px; font-weight: bold; color: #666666; text-transform: uppercase; margin-bottom: 14px; }

/*联系我们*/
.contact1{ padding: 0 0 62px; }
.contactList1{ overflow: hidden; }
.contactList1 li{ background: url(../images/bg_04.png) no-repeat; background-size: 100% 100%; height: 307px; width: 410px; float: left; }
.contactList1 .liow1{ width: 780px; }
.contactList1 .text{ padding: 36px 30px 0 70px; }
.contactList1 .liow1 .text{ padding: 36px 30px 0 102px; }
.contactList1 .h6{ font-size: 18px; font-weight: bold; color: #333333; margin-bottom: 28px; }
.contactList1 dd{ line-height: 26px; font-size: 14px; margin-bottom: 26px; padding-left: 42px; }
.contactList1 dd:last-child{ margin-bottom: 0; }
.contactList1 .dd1{ background: url(../images/ico_05.png) no-repeat left 1px; }
.contactList1 .dd2{ background: url(../images/ico_06.png) no-repeat left 4px; }
.contactList1 .dd3{ background: url(../images/ico_07.png) no-repeat left 3px; }
.contactList1 .dd4{ background: url(../images/ico_08.png) no-repeat left 3px; }

/*人才招聘*/
.job1{ padding: 0 0 78px; }
.job1 .content{ margin: -52px auto 0; }
.job1 .tit{ font-size: 18px; font-weight: bold; color: #333333; padding: 52px 0 20px; }

.jobList1{  }
.jobList1 li{ overflow: hidden; margin-bottom: 4px; }
.jobList1 li:last-child{ margin-bottom: 0px; }
.jobList1 .Tab{ overflow: hidden; background: #f5f5f5; }
.jobList1 .Tab span{ display: block; float: left; line-height: 30px; font-size: 14px; border-right: 1px solid #e0e0e0; }
.jobList1 .Tab span:last-child{ border-right: none; }
.jobList1 .leftDiv{ padding: 15px 0 15px 24px; }
.jobList1 .span1{ width: 242px; }
.jobList1 .span2{ width: 214px; padding-left: 54px; }
.jobList1 .span3{ width: 152px; padding-left: 75px; }
.jobList1 .span4{ padding-left: 84px; }
.jobList1 .button{ text-align: center; width: 176px; line-height: 60px; background: #00A0E9; font-size: 14px; color: #FFFFFF; transition: .5s; cursor: pointer; }
.jobList1 .button img{ margin-left: 12px; }
.jobList1 .button .off{ display: none; }
.jobList1 .button:hover{ background: #e60012; }
.jobList1 .button.open .off{ display: inline-block; }
.jobList1 .button.open .on{ display: none; }

.jobList1 .Con{ padding: 23px 24px 29px 24px; border: 1px solid #e7e7e7; border-top: none; display: none; }
.jobList1 .h6{ padding-left: 36px; background: url(../images/job_01.png) no-repeat left center; line-height: 30px; font-weight: bold; margin: 0 0 12px; }
.jobList1 .h7{ padding-left: 36px; background: url(../images/job_02.png) no-repeat left center; line-height: 30px; font-weight: bold; margin: 28px 0 12px; }
.jobList1 .p{ padding-left: 36px; }
.jobList1 .more3{ width: 160px; line-height: 54px; border-radius: 8px; background: #e60012; text-align: center; display: block; margin:20px 0 0 36px; color: #FFFFFF; font-size: 16px; transition: .5s; }
.jobList1 .more3:hover{ background: #00A0E9; }

/*新闻中心详情*/
.newshow1{ padding: 0 0 40px; }
.title4{ text-align: center; padding-bottom: 24px; border-bottom: 1px solid #f6f6f6; }
.title4 .h6{ color: #333333; font-size: 16px; font-weight: bold; margin-bottom: 8px; }
.title4 .span{ font-size: 14px; color: #999999; }

.newshow1 .content{ padding: 40px 0; }
.newshow1 .imgDiv{ overflow: hidden; padding: 40px 0; } 
.newshow1 .imgDiv .leftDiv{ width: 794px; }
.newshow1 .imgDiv .leftDiv img{ width: 100%; }
.newshow1 .pieceBox{ padding: 40px 0 0; }

/*新闻中心*/
.news1{ padding-bottom: 72px; }
.newsList1{ margin-top: -36px; }
.newsList1 li{ position: relative; margin: 0 0 0 94px; padding: 36px 0 38px; border-bottom: 1px solid #f6f6f6; }
.newsList1 li:last-child{border: none;  }
.newsList1 .img{ width: 503px; height: 164px; overflow: hidden; transition: .5s; }
.newsList1 .img img{ width: 100%; }
.newsList1 .text{ width: 926px; padding: 16px 34px 0 43px; }
.newsList1 .h6{ font-size: 16px; font-weight: bold; color: #333333; margin-bottom: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  }
.newsList1 .p{ height: 56px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}
.newsList1 .time{ position: absolute; left: -94px; top: 28px; text-align: center; }
.newsList1 .time em{ display: block; font-size: 48px; color: #999999; }
.newsList1 .time .off{ display: none; }
.newsList1 .time span{ font-size: 14px; color: #999999; }
.newsList1 .btn{ font-weight: bold; color: #333333; font-size: 12px; text-transform: uppercase; margin-top: 24px; }
.newsList1 li:hover .content{ background: #00A0E9; }
.newsList1 li:hover .img{ height: 256px; }
.newsList1 li:hover .h6{ color: #FFFFFF; }
.newsList1 li:hover .p{ color: #FFFFFF; }
.newsList1 li:hover .btn{ color: #FFFFFF; }

.news1 .numberBox{ margin: 14px 0 0; }

.product_OtherBg{ background: #000000; opacity: 0.7; position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 50; display: none; }
.product_Other{ position: fixed; z-index: 51; background: #FFFFFF; top: 50%; left: 50%; transform: translate(-50%,-50%); padding: 34px 60px; display: none; }
.product_Other .tit{ font-size: 24px; color: #333333; text-align: center; margin-bottom: 26px; }
.product_Other ul{  }
.product_Other li{ margin: 0 0 20px; border-bottom: 1px solid #CCCCCC; }
.product_Other input{ width: 460px; line-height: 40px; font-size: 16px; color: #333333; }
.product_Other input::-moz-placeholder{ color: #333333; }
.product_Other input::-webkit-input-placeholder{ color: #333333; }
.product_Other input::-ms-input-placeholder{ color: #333333; }
.product_Other .button{ display: block; width: 260px; line-height: 48px; background: #00A0E9; color: #FFFFFF; text-align: center; font-size: 16px; margin: 30px auto 0; }
.productNav em{ font-size: 16px; margin: 0 30px; color: #333; line-height: 41px; cursor: pointer; display: inline-block; }