﻿@charset "utf-8";
/* CSS Document */

/*刘亚苹制作*/

/*公共部分*/
body{ font-family:"微软雅黑"; font-size:13px; color:#333; margin:0px; width:100%;list-style:none; height:100%;background:#fcfbf7;position:relative;min-width: 1024px;}
a{color:#5d6e80;outline: none; font-style:normal; font-size:13px; text-decoration:none;cursor:pointer;}
a:hover{ color:#000; text-decoration: none;}
ul,li,p,i{ margin:0; padding:0; font-style:normal;list-style:none}
img{border:none;}

/*通用*/
.Main{width: 1024px;margin: 0 auto; overflow: hidden;}
.shadow{box-shadow:0 5px 7px #ccc; background: #fff;width: 1024px;margin: 0 auto; padding-bottom: 40px;}
.title{ padding: 40px 0 20px 0;}
.title i{ font-size: 16px; color: #9c9c9c; text-align: center; line-height: 35px; display: block;}
.title li{background: url(../images/title.gif) center no-repeat; display: block;}
.title li span{border: 1px solid #CCCCCC; background: #fff;width: 240px; display: block; margin-left: 391px; text-align: center;height: 40px;  line-height: 40px; font-size: 20px; font-weight: bold;}
.title li span b{ color: #015E43;}
.more{ color:#ff0000; margin-left: 10px;}
.more:hover{ color: #d30000;}
.padding{padding: 0 15px;}
.padding40px{padding: 0 50px;}
::-webkit-input-placeholder { /* WebKit browsers */ color: #c2c2c2; } 
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #c2c2c2; } 
::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #c2c2c2; } 
:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #c2c2c2; }

/*Top*/
.Top{background: #fff;z-index: 1;box-shadow:3px 3px 3px #e9e9e9;}
.Top .time{background: #015e43; height: 36px; line-height: 36px; color: #FFFFFF;}
.Top .time a{color: #FFFFFF; margin: 0 7px;}
.Top .time i{float: right;}
.Top .logo{ padding-top: 20px;}
.Top .logo .search{ float: right;}
.Top .logo .search span{ background: url(../images/Icon.gif) 0 0px no-repeat; height: 29px; line-height: 29px; padding-left: 35px; font-size: 16px; display: block;}
.Top .logo .search .seaipu{ background: #e9e9e9; border-radius: 50px; width:215px; height: 32px; padding: 0 10px 0 15px; margin-top: 10px; float: right;}
.Top .logo .search .seaipu .iup{border: none; background: none; height: 30px; padding: 0; width: 180px; float: left;font-family:"微软雅黑";}
.Top .logo .search .seaipu .button{ background: url(../images/Icon.gif) 10px -33px no-repeat; padding: 0;border: none;width: 35px;height: 30px; float: right; cursor: pointer;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.nav{line-height:30px;position:relative; z-index:99999; width: 1024px; margin: 0 auto;}
.nav a{}
.nav .nLi{ float:left;  position:relative; display:inline;  }
.nav .nLi h3{ float:left; height: 30px;}
.nav .nLi h3 a{ display:block; padding:0 19px 0 20px; font-size:16px;font-weight: normal; }
.nav .sub{ display:none; min-width:180px; left:0; top:60px;  position:absolute; background:#fff; box-shadow:0 2px 3px #e9e9e9;line-height:26px; padding:5px 0 5px 10px; }
.nav .sub li{ zoom:1; }
.nav .sub a{ display:block; padding:0 10px; font-size: 15px; line-height: 35px;}
.nav .sub a:hover{font-weight: bold; color:#015e43 ;}
.nav .on h3 a{font-weight: bold; color:#015e43 ; border-bottom: 3px solid #015e43; height: 42px;}

.slideBox{ width:1024px; height:514px; overflow:hidden; position:relative; border:1px solid #ddd;  }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:1024px; height:514px; display:block;}
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-90px; display:block; width:66px; height:124px; background:url(../images/slider-arrow.gif) 0 0 no-repeat; filter:alpha(opacity=50);opacity:0.5;}
.slideBox .next{ left:auto; right:3%; background-position:-76px 0; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;}
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }

/*产品链接*/
.Product-link{width:1024px; height:64px;position: absolute; margin-top: -64px;}
.Product-link .prli-bj{background: #000000;width:1024px;height:64px;position: absolute;
filter:alpha(opacity=50); /*IE滤镜，透明度50%*/
-moz-opacity:0.5; /*Firefox私有，透明度50%*/
opacity:0.5;/*其他，透明度50%*/}
.Product-link .prli-link{ background: url(../images/Product-link.gif) repeat-x top;width:1024px;height:64px;position: absolute; z-index: 9;}
.Product-link .prli-link a{ width: 204px;float: left;line-height: 50px;height: 64px; background: url(../images/Icon_2.png) 98px 4px no-repeat; color: #FFFFFF; font-size: 15px; text-align: center;}
.Product-link .prli-link a:hover{background-position:-21px 4px;}
.Product-link .prli-link a.hover{background-position:-21px 4px;}

/*新闻*/
.Journalism{overflow: hidden;}
.Journalism .news-left{width: 595px;float: left;}
.Journalism .news-left .news-left-t img{width: 119px; height: 89px;float: left; padding: 1px; border: 1px solid #CCCCCC;}
.Journalism .news-left .news-left-t span{width: 456px;float: right;}
.Journalism .news-left .news-left-t .ft-a{font-weight: bold;color: #015E43;font-size: 15px;line-height: 35px; display: block;}
.Journalism .news-left .news-left-t i{line-height: 25px;}
.Journalism .news-left .news-left-b{ margin-top: 10px;float: left;}
.Journalism .news-left .news-left-b li{float: left;width:584px;height: 30px;line-height: 30px; background: url(../images/arrow-q.gif) no-repeat left center; padding-left: 11px;}
.Journalism .news-left .news-left-b li a{line-height: 30px; width: 450px;font-size: 14px; color: #3f3f3f;}
.Journalism .news-left .news-left-b li a:hover{color: #015E43;}
.Journalism .news-left .news-left-b li span{float: right; color: #b6b6b6;}
.video{width: 353px;height: 262px;float: right; margin-top: 10px;}

/*产品及应用*/
.application{ padding: 0 25px;}
.application .applic-o{width: 462px;float: left;}
.application .applic-o img{width: 458px; height: 126px;float: left; padding: 1px; border: 1px solid #CCCCCC; margin-bottom: 10px;}
.application .applic-o span{display: block;font-size: 18px;font-weight: bold; color: #015E43; line-height: 40px;}
.application .applic-o i{font-size: 14px; line-height: 25px;}

/*底部*/
.bottom{background: #37383a; overflow: hidden; padding: 35px 20px; width: 984px;}
.bottom .rwm{ width: 118px; height: 148px; float: left; color: #cecccc; line-height: 30px; text-align: center;}
.bottom .column{float: left; width: 620px;}
.bottom .column li{line-height: 25px; margin-left: 40px; float: left;}
.bottom .column li span{ color: #FFFFFF;font-weight: bold;display: block;font-size: 14px;line-height: 28px; }
.bottom .column li a{display: block;color: #cecccc;font-size: 12px;}
.bottom .column li a:hover{color: #FFFFFF;}
.bottom .contact-us{border-left:1px solid #646568 ; padding-left: 35px;float: left; width: 200px; margin-left: 10px;}
.bottom .contact-us span{ color: #FFFFFF;font-weight: bold;display: block;font-size: 14px;line-height: 28px;}
.bottom .contact-us i{color: #cecccc;line-height: 22px; display: block;text-indent: 1.4em;margin-bottom: 3px;font-size: 12px;}
.but-r{float: right; background: url(../images/Icon.gif) 98px -66px no-repeat #494a4d;border: 1px solid #5c5d60; color: #fff; height: 30px; border-radius: 3px; padding:0 40px 0 15px;font-family:"微软雅黑";cursor: pointer;}
.but-r:hover{background-color:#4d4e51;}
.ico-1{background: url(../images/Icon_1.png) 0 5px no-repeat;}
.ico-2{background: url(../images/Icon_1.png) 0 -44px no-repeat;}
.ico-3{background: url(../images/Icon_1.png) 0 -68px no-repeat;}
.ico-4{background: url(../images/Icon_1.png) 0 -124px no-repeat;}
.ico-5{background: url(../images/Icon_1.png) 0 -144px no-repeat;}


/*产品及应用*/
.top-img{}
.position{border-bottom: 2px solid #f1f1f1; height: 52px;line-height: 52px; padding: 0 15px;}
.position span{background: url(../images/Icon.gif) 0 -100px no-repeat; font-size: 16px; padding: 0 10px 0 25px; float: left;}
.position em{float: left; background: url(../images/model.gif); height: 52px; width: 28px;}
.position a{padding: 0 10px;font-size: 14px;}
.position a.hover{color: #015E43;}
.position i{ font-family: "宋体";}
.model img{ margin: 25px 0;}
/*产品列表*/
.drop-down{height: 32px;line-height: 32px;border-radius: 5px;float: right; width: 213px; margin-top: 10px;font-size: 14px;box-shadow:0 0 5px #e1e1e1;font-family: "微软雅黑";padding-left: 7px;}
.Product-list{}
.Product-list .prod-li-left{width: 208px;float: left;border: 1px solid #e5e5e5; padding-bottom: 30px;}
.Product-list .prod-li-left span{background: #f7f7f7;border-bottom: 1px solid #e5e5e5; height: 45px;line-height: 45px; display: block;padding: 0 15px; font-size: 16px;font-weight: bold;}
.Product-list .prod-li-left a{line-height: 40px; height: 40px; display: block; padding: 0 15px;border-left:3px solid #fff;font-size: 14px;}
.Product-list .prod-li-left a:hover{border-left:3px solid #015E43; background: #fbfbfb; color: #015E43;}
.Product-list .prod-li-left a.hover{border-left:3px solid #015E43; background: #f7f7f7; color: #015E43;}

.Product-list .prod-li-right{width: 784px;float: right;}
.Product-list .prod-li-right ul li{width: 166px;height:156px;float: left; margin:0 0 20px 30px;}
.Product-list .prod-li-right ul li img{width: 162px; height:122px;float: left;padding: 1px;border: 1px solid #cccccc;}
.Product-list .prod-li-right ul li span{text-align: center; display: block;line-height: 30px;}

/*分页*/
.paging{height: 25px; margin-left: 255px;}
.paging a{line-height: 25px; font-size: 14px; float: left;border: 1px solid #e2ddda; padding: 0 10px; margin-right: 5px;}
.paging a:hover{background: #f6f4f3;}
.paging a.hover{background: #f6f4f3;}

/*产品详细*/
.picFocus{width:428px; border:1px solid #ccc; padding:5px;  position:relative;  overflow:hidden;  zoom:1; float: left;}
.picFocus .hd{ width:100%; padding-top:5px;  overflow:hidden; }
.picFocus .hd ul{ margin-right:-5px;  overflow:hidden; zoom:1; }
.picFocus .hd ul li{ padding-top:5px; float:left;}
.picFocus .hd ul li img{ width:99px; height:65px; border:2px solid #ddd; cursor:pointer; margin-right:5px;   }
.picFocus .hd ul li.on{ background:url("../../images/icoUp.gif") no-repeat center 0; }
.picFocus .hd ul li.on img{ border-color:#f60; }
.picFocus .bd li{ vertical-align:middle; }
.picFocus .bd img{ width:428px; height:270px; display:block; }
.Detailed-view{width: 520px;float: right;font-size: 15px;}
.Detailed-view span{font-size: 20px; color: #015E43;display: block;line-height: 50px;font-weight: bold;}
.Detailed-view b{line-height: 30px;}
.Detailed-view p{line-height: 27px; color: #6d6d6d;}
.Detailed-view-v{float: left;width: 994px;margin-top: 40px;}
.Detailed-view-v span{height: 30px;line-height: 30px;color: #015E43; border-left:3px solid #015E43;font-size: 18px;font-weight: bold; padding-left: 10px;}
.Detailed-view-v .view-ul ul{margin-top: 10px;}
.Detailed-view-v .view-ul ul li{float: left;width: 248px;font-size: 15px;height: 35px; line-height: 35px;color: #6d6d6d;}
.Detailed-view-v .view-ul ul li i{width: 100px;float: left;color: #000;}
.slideGroup{width: 994px;text-align:left;height: 157px;}
.slideGroup .slideBox10{ overflow:hidden; zoom:1; padding:10px 0 10px 42px; position:relative;   }
.slideGroup .sPrev,.slideGroup .sNext{ position:absolute; left:5px; top:45px; display:block; width:30px; height:63px;background:url(../images/icoRight.gif) -65px 15px no-repeat #fafafa; }
.slideGroup .sNext{ left:auto; right:5px; background:url(../images/icoRight.gif) -101px 15px no-repeat #fafafa;  }
.slideGroup .sPrev:hover{background:url(../images/icoRight.gif) 7px 15px no-repeat #fafafa;}
.slideGroup .sNext:hover{background:url(../images/icoRight.gif) -29px 15px no-repeat #fafafa;}
.slideGroup .parBd ul{ overflow:hidden; zoom:1;}
.slideGroup .parBd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.slideGroup .parBd ul li .pic{ text-align:center; }
.slideGroup .parBd ul li .pic img{ width:160px; height:120px; display:block;  padding:2px; border:1px solid #ccc; }
.slideGroup .parBd ul li .pic a:hover img{ border-color:#015E43;  }
.slideGroup .parBd ul li .title-r{ line-height:30px;}

/*会员注册*/
.Member-registration{border: 1px solid #e5e5e5;margin:0 15px; overflow: hidden;border-radius: 3px;}
.Member-registration .member-left{width: 434px;float: left;}
.Member-registration .member-left span{height: 50px;line-height: 50px;padding: 0 20px;font-size: 18px;border-bottom: 1px solid #e5e5e5;display: block;}
.Member-registration .member-left table{margin: 0 auto;margin-top: 30px;}
.Memb-inp{height: 25px;line-height:25px;border: 1px solid #e5e5e5;border-radius: 3px;
    padding: 10px 5px 10px 50px;

    width: 260px;background: url(../images/Icon.gif) 15px -145px no-repeat;font-family: "微软雅黑";font-size: 15px;margin: 10px 0;}
.Memb-inp-mm{background: url(../images/Icon.gif) 15px -186px no-repeat;}
.Memb-inp-yzm{width: 150px;background: none;padding:10px 5px 10px 8px;}
.Memb-but{height: 45px; border: none;border-radius: 4px; background: #f08300; color: #fff; font-family: "微软雅黑";font-weight: bold; font-size: 16px;padding: 0 35px;cursor: pointer;margin-top: 10px;}
.Memb-but:hover{background: #eb8000;}
.Member-registration .member-right{width: 558px;float: right;}

/*联系我们*/
.address .addr-left{float: left;width: 360px;}
.address .addr-left li{padding-left: 55px;margin: 7px 0;}
.address .addr-left li span{font-size:16px ;}
.address .addr-left li span i{display: block;font-size:20px ;line-height: 33px;}
.addr-r{background: url(../images/contact-us.gif) 0 9px no-repeat;}
.addr-t{background: url(../images/contact-us.gif) 0 -54px no-repeat;}
.addr-y{background: url(../images/contact-us.gif) 0 -116px no-repeat;}
.addr-u{background: url(../images/contact-us.gif) 0 -177px no-repeat;}
.addr-i{background: url(../images/contact-us.gif) 0 -240px no-repeat;}
.address .addr-right{float: right;width: 504px;height: 310px;}
.iframe{border: none; margin-top: 60px;}
.address10{background: #f9f9f9; margin: 0 50px; padding: 30px; font-size: 15px;}
.add-but{height: 40px;margin-top: 8px;}
.add-inp{padding:5px;height: 23px; line-height: 23px; font-size: 14px; width: 230px; border: 1px solid #cdcdcd; margin: 8px 0;font-family: "微软雅黑";}
.add-text{width: 601px; height:163px;border: 1px solid #cdcdcd;padding:5px; margin: 8px 0;font-family: "微软雅黑";font-size: 14px;}

/**/
.picFocus10{position:relative;  overflow:hidden;  zoom:1; float: left;background: #f9f9f9; margin: 0 50px; width: 924px; padding-top: 70px;}
.picFocus10 .hd{ width:100%; margin-top:50px;  overflow:hidden; }
.picFocus10 .hd ul{ margin-right:-5px;  overflow:hidden; zoom:1; background: url(../images/development.gif) repeat-x top; height: 87px; padding-top: 15px;}
.picFocus10 .hd ul li{float:left;}
.picFocus10 .hd ul li img{ width:99px; height:63px; cursor:pointer; margin-right:4px;}
.picFocus10 .hd ul li.on img{ border:2px solid #f60; width:95px; height:59px;}
.picFocus10 .bd li{ vertical-align:middle; }
.picFocus10 .bd img{ width:922px; height:384px; display:block; margin-left: 1PX;}
.picFocus10 .prev,
.picFocus10 .next{ position:absolute; left:8%; top:47%; margin-top:-90px; display:block; width:66px; height:124px; background:url(../images/picFocus10.gif) 0 0 no-repeat; filter:alpha(opacity=50);opacity:0.5;}
.picFocus10 .next{ left:auto; right:8%; background-position:-76px 0; }
.picFocus10 .prev:hover,
.picFocus10 .next:hover{ filter:alpha(opacity=100);opacity:1;}
.picFocus10 .prevStop{ display:none;  }
.picFocus10 .nextStop{ display:none;  }

/*公司介绍*/
.introduce p{font-size: 15px; line-height: 30px; color: #787878;display: block; width: 924px; float: left;margin-top: 10px;}
.introduce p strong{color: #000;}
.introduce .int_p{float: left;width: 450px;}
.introduce img{border: 1px solid #cdcdcd;padding:5px;float: right;}

/*详细*/
.veiw{margin-top: 40px; margin-bottom: 30px;}
.veiw span{text-align: center; border-bottom:1px solid #f1f1f1 ;line-height: 60px;display: block; font-size: 21px;font-weight: bold;}
.veiw p{ text-indent: 2em;line-height: 30px;font-size: 15px; margin-top:15px;color: #787878;}
.veiw img{ margin-top: 15px;}

/*新闻动态*/
.news-information{margin-bottom: 30px;float: left;}
.news-information li{float: left;width:913px;height: 45px;line-height: 45px; background: url(../images/arrow-q.gif) no-repeat left center; padding-left: 11px;border-bottom: 1px solid #f0f0f0;}
.news-information li a{line-height: 45px; width: 450px;font-size: 15px; color: #3f3f3f;}
.news-information li a:hover{color: #015E43;}
.news-information li span{float: right; color: #b6b6b6;}


/*人才招聘*/
.recruit table{ background:url(../images/recruit.gif) repeat-y top;}
.recruit tr:hover{background: #f2f9f7;}
.recruit td{ font-size:14px}
.recruit b{ font-size:15px; color:#fff}