@charset "utf-8";
/* 浏览器样式初始化 */
html,body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;font-size:12px;font-family:"Microsoft Yahei";}
p,span{line-height: 2em;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }
html,body{color:#333;}
body{background:#fff; min-width: 1200px;}---------------------------特别注意：这里的宽度，根据设计师所做的页面具体宽度来修改
ul,ol,li{list-style:none;}
a{color:#333;text-decoration:none;}
a:hover{text-decoration:none;-webkit-transition: background-color .3s ease;-moz-transition: background-color .3s ease;-ms-transition: background-color .3s ease;-o-transition: background-color .3s ease;transition: background-color .2s ease; }
img{border:0}
i,s{font-style: normal;text-decoration: none;}
em{font-style:normal}
h1,h2,h3,h4,h5{font-weight:normal}
.clear:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0px !important; }
.clear { zoom:1; }
.left { float:left; }
.right { float:right; }
.hide{ display:none;}
.time03{transition: all 0.3s; -moz-transition: all 0.3s; /* Firefox 4 */ -webkit-transition: all 0.3s; /* Safari 和 Chrome */ -o-transition: all 0.3s; /* Opera */}
.time05{transition: all 0.5s; -moz-transition: all 0.5s; /* Firefox 4 */ -webkit-transition: all 0.5s; /* Safari 和 Chrome */ -o-transition: all 0.5s; /* Opera */}
.time08{transition: all 0.8s; -moz-transition: all 0.8s; /* Firefox 4 */ -webkit-transition: all 0.8s; /* Safari 和 Chrome */ -o-transition: all 0.8s; /* Opera */}
.time10{transition: all 1s; -moz-transition: all 1s; /* Firefox 4 */ -webkit-transition: all 1s; /* Safari 和 Chrome */ -o-transition: all 1s; /* Opera */}
@font-face {
   font-family: 'iconfont';
  src: url('font/iconfont.eot');
  src: url('font/iconfont.eot?#iefix') format('embedded-opentype'),
  url('font/iconfont.woff') format('woff'),
  url('font/iconfont.ttf') format('truetype'),
  url('font/iconfont.svg#iconfont') format('svg');
}

.iconfont{
  font-family:"iconfont" !important;
  font-size:16px;font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

/*荣誉列表页开始*/
.pbox{width: 1200px; margin: 0 auto; }
.phead{width: 100%; /*height: 128px;*/ background: #fff;position: fixed; z-index: 10; }
.phead .phnav{height: 80px;}
.phead .phnav .plogo{display: block; float: left; margin-top: 20px;}
.phead .phnav .phnmenu{float: right;}
.phead .phnav .phnmenu ul li{display: block; float: left; width: 120px; position: relative; }
.phead .phnav .phnmenu ul li .phnmti{display: block; width: 100%; height: 100%; font-size: 16px; color: #333; line-height: 80px; text-align: center; position: relative; z-index: 3;}
.phead .phnav .phnmenu ul li i{display: block; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px;   
  -webkit-transform: skewX(-30deg); -moz-transform:skewX(-30deg); transform:skewX(-30deg); -o-transform:skewX(-30deg); -ms-transform:skewX(-30deg);}
.phead .phnav .phnmenu ul li.on i,.phead .phnav .phnmenu ul li:hover i{background: #4093d0;}
.phead .phnav .phnmenu ul li.on .phnmti,.phead .phnav .phnmenu ul li:hover .phnmti{color: #fff;}

.phxl div{height: 48px; position: relative;}
.phxl ul{position: absolute; right: 30%;}
.phxl li{float: left; display: block; width: 80px; margin-left: 20px; margin-right: 20px; text-align: center; font-size: 14px;}
.phxl li a{color: #707070; line-height: 46px; display: block;}
.phxl li a:hover{color: #707070; border-bottom: 2px solid #4093d0;}
.phxl.on ul{display: block!important;}
.phxl.on li a:hover{color: #707070; border-bottom: 2px solid #4093d0;}
.phxl li.on a{color: #707070; border-bottom: 2px solid #4093d0;}

.phead .phnav .phnss{float: right; margin-top: 35px;}
.phead .phnav .phnss li{float: left;padding-left: 14px; padding-right: 14px; }
.phead .phnav .phnss li a{font-size:16px; line-height: 20px;}
.phead .phnav .phnss li a.on{color: #4093d0;}

.phead .phnav .phnss li.phnssh{color: #3a3947; margin-right: 40px; margin-left: 50px;}
.phead .phnav .phnss li.phnscn{border-right: 1px solid #707070; color: #999; }
.phead .phnav .phnss li.phnsen{color: #999; }

.pfoot{width: 100%; border-top: 1px solid #707070;  overflow: hidden;}
.pfoot .pftop{width: 100%; overflow: hidden;padding-top: 70px; padding-bottom: 50px;}
.pfoot .pftop .pftleft{float: left; overflow: hidden;}
.pfoot .pftop .pftleft dl{width: 190px; float: left;}
.pfoot .pftop .pftleft dl dt a{font-size: 14px; color: #333; line-height: 35px;}
.pfoot .pftop .pftleft dl a:hover{text-decoration:underline;}
.pfoot .pftop .pftleft dl dd a{font-size: 14px; color: #707070; line-height: 35px;}
.pfoot .pftop .pftleft dl:last-child{width: 120px;}
.pfoot .pftop .pftright{float: right;}
.pfoot .pftop .pftright p{color: #707070; line-height: 35px; font-size: 14px; text-align: right;}
.pfoot .pftop .pftright p i{color: #244575; font-size: 36px; margin-top: 20px; line-height:50px; display: block;}
.pfoot .pfbottom{width: 100%; border-top: 1px solid #eee; padding-top: 40px; padding-bottom: 35px; overflow: hidden;}

.phxl{width: 100%; height:48px; background: #f8f8f8; }
.phxl01{width: 100%; height:48px; background: #f8f8f8; position: absolute; top: 80px; left: 0px; z-index: 20; display: none;}
.phxl02{width: 100%; height:48px; background: #f8f8f8; position: absolute; top: 80px; left: 0px; z-index: 21; display: none;}
.phxl02 form{width: 300px; overflow: hidden; margin:0 auto; margin-top: 6px; border:1px solid #eee; background: #4093d0;}
.phxl02 .ss-key{display: block; width: 216px; height: 32px;  color: #333; background: #fff; float: left;}
.phxl02 .ss-button{display: block; width: 80px; height: 32px;  color: #fff; background: #4093d0; float: left;
  border:1px solid #4093d0; font-size: 14px; cursor: pointer;}
.phxl02 .igb{position: absolute; right: 50%; margin-right: -200px; top: 10px; font-size: 24px; color: #707070;cursor: pointer;}
.pbbox{width: 100%; height:128px; margin:0 auto; overflow: hidden;}
.ppbanner{width: 100%; height:360px; /*background-attachment:fixed;*/ background-repeat: no-repeat; background-position: center center;}
.pcont{width: 100%; min-height: 500px; overflow: hidden;}
.pcont .pcry{width: 100%;}
.pcont .pcry ul{margin-top: 100px;}
.pcont .pcry li{float: left; width: 360px; height: 400px; margin-right: 56px; border: 1px solid #ccc; margin-bottom: 60px; overflow: hidden;}
.pcont .pcry li:nth-child(3n){margin-right: 0px;}
.pcont .pcry li .pcrypic{display: block; width: 360px; height: 340px;}
.pcont .pcry li .pcrypic:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1);}
.pcont .pcry li .pcrypic img{display: block; margin:0 auto; max-width: 100%; max-width: 100%;}
.pcont .pcry li .pcryname{display: block; width: 360px; height: 60px; background: #707070;}
.pcont .pcry li:hover .pcryname{background: #244575;}
.pcont .pcry li .pcryname p{text-align: center; line-height: 60px; font-size: 16px; color: #fff;}


/*招聘页面*/
.ppbanner01{width: 100%; height:786px; background-size:cover; background-position: center center;  }
.ppbanner01 .ppb01con{width: 800px; margin:0 auto; padding-top: 300px;}
.ppbanner01 .ppb01con div{width: 240px; height: 300px;}
.ppbanner01 .ppb01con div .ppb01pic{width: 240px; height: 240px; display: block;}
.ppbanner01 .ppb01con div .ppb01pic img{display: block;}
.ppbanner01 .ppb01con div .ppb01pic:hover img{-webkit-transform:rotate(360deg) scale(1.1); transform:rotate(360deg) scale(1.1); 
　　　　-moz-transform:rotate(360deg) scale(1.1);
　　　　-ms-transform:rotate(360deg) scale(1.1);
　　　　-o-transform:rotate(360deg) scale(1.1);}
.ppbanner01 .ppb01con div .ppb01name{display: block; font-size: 12px; color: #fff; text-align: center; line-height: 50px;}
.ppbanner01 .ppb01con .ppb01left{float: left;}
.ppbanner01 .ppb01con .ppb01right{float: right;}

/*新闻列表*/
.pxw{width: 100%;margin-top: 40px; padding-bottom: 100px;}
.pxw li{width: 100%; height:240px; padding-top: 64px; padding-bottom: 64px; overflow: hidden; border-bottom: 1px solid #f2f2f2;}
.pxw li .pxwpic{width: 360px; height: 240px; display: block; float: left;background: #eee;margin-left: 10px;  }
.pxw li .pxwpic div{display: block; width:100%; height:100%; overflow: hidden; border-radius: 8px;}
.pxw li .pxwpic img{ display: block; max-width: 100%; max-height: 100%;}
.pxw li .pxwpic:hover{ box-shadow: 0px 1px 25px rgba(0,0,0,0.2); }
.pxw li .pxwcon{width: 770px; height: 100%; float: right; display: block;}
.pxw li .pxwcon h2{color: #4093d0; font-size: 18px; margin-top: 20px; line-height: 50px;}
.pxw li .pxwcon p{font-size: 14px; color: #707070; height: 100px;}
.pxw li .pxwcon i{font-size: 14px; color: #244575;}

/*产品详情页*/
.ppcont{background: #f7f7f7; overflow: hidden;}
.ppropage{width: 100%; min-height: 500px; margin-top: 60px; padding-top: 60px; padding /* background: #fff;*/  margin-bottom: 30px; overflow: hidden;}
.ppropage .ppp{width: 1050px; padding-left: 70px; padding-right: 70px;}
.ppropage .ppp>h2{font-size: 30px; line-height: 65px; color: #333; text-align: center;}
.ppropage .ppp .ppp_con{padding-top: 50px; padding-bottom:100px; }
.ppropage .ppp .ppp_con img{display: block; max-width: 100%; }
.ppropage .ppp .ppp_con p{font-size: 14px; color: #707070; line-height:2em;}
.ppropage .ppp .ppp_con td{font-size: 14px; color: #707070;}
.ppropage .ppp .ppp_con td:nth-child(2n+1){font-weight: bold;}
.ppropage .pppfh{width: 138px;height: 40px; font-size: 14px; line-height: 40px; text-align: center; border-radius: 40px; border: 1px solid #8cbee3; display: block; margin:0 auto; color: #8cbee3;
margin-top: 70px; margin-bottom: 80px;}
/*.ppropage .pppfh:hover{border-radius: 0px; }*/
.pprolist{width: 1200px; margin:0 auto; }
.pprolist h3{width: 200px; height: 25px; margin: 0 auto; position: relative; margin-bottom: 60px;}
.pprolist h3 p{font-size: 16px; color: #333; font-weight: bold; text-align: center;margin: 0 auto;  background:#f7f7f7; position: relative; z-index: 3; width: 90px;}
.pprolist h3 i{display: block; width:100%; display: block; height: 1px; background: #333; position: absolute; top: 13px; }
.pprolist .pprollist{width: 100%; height: 280px; margin-bottom: 100px; position: relative;}
.pprolist .pprollist .next,.pprolist .pprollist .prev{position: absolute; top: 80px; color: #666; font-size: 50px; display: block; font-family: "宋体"; z-index: 10;}
.pprolist .pprollist .next{right:-40px;}
.pprolist .pprollist .prev{left: -40px;}
.pprolist .pprollist li{float: left; width: 290px; height: 280px; margin-right: 5px; margin-left: 5px;}
.pprolist .pprollist li:nth-child(4){margin-right: 0px;}
.pprolist .pprollist li .pprollpic{display: block; width: 100%; height: 215px; background: #f2f6ff;}
.pprolist .pprollist li .pprollpic img{display: block; max-width: 100%; max-height: 100%;}
.pprolist .pprollist li .pprollname{font-size: 16px; color: #244575; display: block; width: 100%; height: 65px; background: #fff; text-align: center; line-height: 65px;}
.pprolist .pprollist li .pprollname:hover{color: #fff; background: #4093d0;}

/*联系我们*/
.plxleft{width: 310px; float: left;}
.plxleft h3{font-size: 24px; color: #fff; line-height: 1em;}
.plxleft i{font-size: 12px; color: #fff; line-height: 1.2em; }
.plxleft .plxl_cont{margin-top: 25px; margin-bottom: 25px;}
.plxleft .plxl_cont p{font-size: 14px; color: #fff;}
#lybd{/*color: #fff;font-size: 14px;*/ }
#lybd .form_title,#lybd .control_label{display: none;}
#lybd input{background: none; color: #fff; border: none; border-bottom: 1px solid #fff; font-size: 14px; line-height: 3em; display: block; width: 100%}
#lybd textarea{background: none; color: #fff; border: none; border-bottom: 1px solid #fff; font-size: 14px; line-height: 3em; display: block; width: 100%;
height: 77px;}
 input:focus,textarea:focus{outline-offset:0;outline:none;}
#lybdbotton{width: 100px!important; height: 42px; background: #52b6ff!important; color: #fff!important; text-align: center; line-height: 42px; border: none!important;
 margin-top: 35px; cursor: pointer; }
 #lybdbotton:hover{box-shadow: 0px 1px 10px rgba(0,0,0,0.17); border-radius: 8px;}
.plxright{width: 780px; float: right;}
.plxright .plxrmap{width: 780px; height: 560px; background: #eee;}

/*发展历程*/
.pls{}
.pls .plslist{position: relative; margin-top: -30px;}
.pls .plslist .bd{overflow: hidden;}
.pls .plslist .plslline{ position: absolute; width: 100%; height: 2px; background: #fff; top: 93px; z-index: 1; }
.pls .plslist li{float: left;width: 301px; padding-top: 80px;}
.pls .plslist li>p{font-size: 30px; color: #fff; text-align: center;}
.pls .plslist li .plcon{ margin-top: 25px; border-right: 1px solid #316aa4;  padding-left: 40px; padding-right: 40px; height: 270px;padding-top: 10px;
transition-delay:0.1s; -webkit-transition-delay:0.1s; }
.pls .plslist li .plcon p{font-size: 14px; color: #fff; line-height: 2em;}
.pls .plslist li:hover .plcon{margin-top: 5px;}

.pls .plslist li .plsl{   margin: 0 auto; position: relative; z-index: 3; width: 16px; height: 16px; border: 6px solid #fff; border-radius: 100%;}
.pls .plslist li .plsl i{display: block; width: 16px; height: 16px; overflow: hidden;border-radius: 100%;  background-color: #4093d0;}
.pls .plslist li .plsl i img{display: none; width: 100%; height: 100%;}
.pls .plslist li.on .plsl i{-webkit-transform:rotate(360deg) scale(9); -moz-transform:rotate(360deg) scale(9); -ms-transform:rotate(360deg) scale(9);-o-transform:rotate(360deg) scale(9);
  border: 1px solid #fff;}
.pls .plslist li.on .plsl i img{display: block;  width:100%; height:100%;}
.pls .plslist li.on>p{margin-top: 90px;}
.pls .plslist li:hover .plsl i{-webkit-transform:rotate(360deg) scale(9); -moz-transform:rotate(360deg) scale(9); -ms-transform:rotate(360deg) scale(9); -o-transform:rotate(360deg) scale(9); 
  border: 0.6px solid #fff;}
.pls .plslist li:hover .plsl i img{display: block;  width:100%; height:100%;}
.pls .plslist li:hover>p{margin-top: 90px;}

.pls .plslist .icon{width: 28px; height: 28px; border: 1px solid #fff; display: block; text-align: center; line-height: 28px; font-size: 14px; position: absolute; top: 480px; 
right: 0px; color: #fff; filter:alpha(opacity:70); opacity:0.7; cursor: pointer;}
.pls .plslist .prev{right: 50px;}
.pls .plslist .icon:hover{background: #fff; color: #4093d0;}

/*关于我们*/
.pab{width: 1000px; margin: 0 auto; border-top: 3px solid #244575; margin-top: 95px; min-height: 500px; background: #f7f7f7;}
.pab_bai{width: 100%; height: 420px; background: #fff;}
.pabjj{width: 100%; height: 1150px;  background-attachment: fixed; background-size: cover; background-repeat: no-repeat;}
.pabjj .pbox{width: 1000px; margin: 0 auto; position: relative; }
.pabjj .pabjcont{width: 1000px; border-top: 3px solid #244575;  position: absolute; top: -300px; background: #fff;}
.pabjj .pabjcont .pabjc_time{margin: 0 auto; width: 100px; padding-top: 45px;}
.pabjj .pabjcont .pabjc_time p{font-size: 14px; color: #707070; text-align: center;}
.pabjj .pabjcont .pabjc_time p:nth-child(1){font-size: 20px;}
.pabjj .pabjcont .pabjc_time i{display: block; width: 100%; height: 1px; background:#ddd; }
.pabjj .pabjcont .pabjc_cont{padding: 40px 110px 100px;}
.pabjj .pabjcont .pabjc_cont p{font-size: 14px; color: #707070; text-indent: 2em; margin-top: 5px;}
.pabjj .pabjcont .pabjc_cont img{display: block; max-width: 100%; margin:0 auto; margin-bottom: 20px; height: auto;}

.pabgd{width: 1200px; margin:0 auto; margin-top: 100px; }
.pabgd .pabglist{width: 100%; height: 400px; overflow: hidden; margin-bottom: 42px;}
.pabgd .pabglist .pabgll{width: 600px; height: 400px; overflow: hidden;}
.pabgd .pabglist .pabgll img{display: block; width: 100%; height: 100%;}
.pabgd .pabglist .pabglr{width: 600px; height: 400px; background: #fff;}
.pabgd .pabglist .pabglr .pabglrcon{padding: 70px 80px;}
.pabgd .pabglist .pabglr .pabglrcon .abglrc_title{width: 100%; }
.pabgd .pabglist .pabglr .pabglrcon .pabglrc_time{font-size: 36px; color: #244575; line-height: 1.2em;  text-transform:uppercase;}
.pabgd .pabglist .pabglr .pabglrcon i{font-size: 20px; font-weight: bold; color: #707070; display: block; margin-bottom: 130px;}
.pabgd .pabglist .pabglr .pabglrcon .pabglrc_summ{ font-size: 16px; color: #707070; }

/*技术支持*/
.pjsdt{width: 100%; height: 845px; background: #fff;}
.pjsdt .pbox{padding:115px 0; overflow: hidden;}
.pjsdt .pbox .pjsdleft{float: left; width: 270px; float: left;}
.pjsdt .pbox .pjsdleft .pjsdl_item{padding-left: 75px; background: url(img/lxicont.png)no-repeat left center; margin-bottom: 40px;}
.pjsdt .pbox .pjsdleft .pjsdl_item p{}
.pjsdt .pbox .pjsdleft .pjsdl_item h2{font-size: 36px; color: #404040; font-weight: bold; line-height: 1.5em; }
.pjsdt .pbox .pjsdleft .pjsdl_item span{font-size: 14px; color: #646464; line-height: 1em;}
.pjsdt .pbox .pjsdleft .pjsdl_summ{margin-bottom: 100px;}
.pjsdt .pbox .pjsdleft .pjsdl_summ p{font-size: 14px; color: #888; line-height: 2em;}
.pjsdt .pbox .pjsdleft .pjsdl_con{}
.pjsdt .pbox .pjsdleft .pjsdl_con dt{font-size: 18px; font-weight: bold; color: #404040; margin-bottom: 5px;}
.pjsdt .pbox .pjsdleft .pjsdl_con dd{font-size: 14px; color: #404040; line-height: 3em ; padding-left: 25px; background: url(img/jt.png)no-repeat left center;}
.pjsdt .pbox .pjsdleft .pjsdl_con dd i{color: #4093d0; font-size: 18px;}
.pjsdt .pbox .pjsdright{width: 770px; height: 638px; float: right;}

.pjsbj{width: 100%; height: 680px; background: url(img/jsbg.jpg)no-repeat center center;}
.pjsbj .pjsbleft{float: left ; width: 270px; color: #fff;}
.pjsbj .pbox{padding-top: 120px;}
.pjsbj .pjsbleft .pjsbl_item{padding-left: 80px; background: url(img/xiazai.png)no-repeat left center; margin-bottom: 40px;}
.pjsbj .pjsbleft .pjsbl_item p{}
.pjsbj .pjsbleft .pjsbl_item h2{font-size: 36px; color: #fff; font-weight: bold; line-height: 1.5em; }
.pjsbj .pjsbleft .pjsbl_item span{font-size: 14px; color: #fff; line-height: 1em;}

.pjsbj .pjsbright{float: right; width: 780px;}
.pjsbj .pjsbright h4{background: #244575; height: 60px; line-height: 60px; width: 100%; color: #fff;}
.pjsbj .pjsbright h4 p{float: left; font-size: 16px;  padding-left: 35px; line-height: 60px;}
.pjsbj .pjsbright h4 i{float: right; font-size: 16px; padding-right: 58px; line-height: 60px;}

.pjsbj .pjsbright li{height: 60px; line-height: 60px; color: #fff; cursor: pointer;}
.pjsbj .pjsbright li:nth-child(2n){background: #fff;}
.pjsbj .pjsbright li:nth-child(2n+1){background: #f8f8f8;}
.pjsbj .pjsbright li a{font-size: 16px; color: #707070;}
.pjsbj .pjsbright li .pjsbrname{float: left; padding-left: 35px;}
.pjsbj .pjsbright li .pjsbran{float: right;padding-right: 40px; padding-left: 30px; background: url(img/);}
.pjsbj .pjsbright li:hover{background: #4093d0; }
.pjsbj .pjsbright li:hover a{color: #fff;}
.pjsbj .pjsbright .bd{height: 300px; overflow: hidden;}
.pjsbj .pjsbright .bd ul{height: 300px; background: #fff;}

.pjsbj .pjsbright .icon{width: 38px; height: 38px; border: 1px solid #eaeaea; display: block; color: #707070; background: #fff; float: left; line-height: 38px; 
  text-align: center; font-size: 16px; margin-top:40px; }
.pjsbj .pjsbright .icon:hover{background: rgba(255,255,255,0.2);}

/*产品列表页*/
.ppr{overflow: hidden; padding-top: 80px;}
.ppr .pprleft{width: 220px; float: left;}
.ppr .pprleft .pprlitem{width: 218px; line-height:1em; font-size: 18px; color: #404040; padding-bottom: 22px; border-bottom: 1px solid #eee; margin-bottom: 22px;}
.ppr .pprleft .pprlmenu{}
.ppr .pprleft .pprlmenu h4{width: 193px;  margin-bottom: 4px;color: #333333;  font-size: 16px; padding-left: 25px;line-height: 48px; display: block; height: 100%;margin-bottom: 4px; 
 border: 1px solid #eee;}
.ppr .pprleft .pprlmenu h3{width: 193px;  margin-bottom: 4px;color: #333333;  font-size: 16px; padding-left: 25px;line-height: 48px; display: block; height: 100%;}
.ppr .pprleft .pprlmenu .sidelist{width: 218px; border: 1px solid #eee; margin-bottom: 4px; overflow: hidden; position: relative;}
.ppr .pprleft .pprlmenu h3{width: 100%; height: 48px; cursor: pointer;  }
.ppr .pprleft .pprlmenu h3 em{position: absolute; right:24px; top: 1px; color: #404040; font-size:7px; }
.ppr .pprleft .pprlmenu .sidelist:hover em{color: #fff;}
.ppr .pprleft .pprlmenu .sidelist.on em{transform: rotate(90deg); color: #fff;
            -webkit-transform: rotate(90deg);
            -moz-transform: rotate(90deg);
            -o-transform: rotate(90deg);
            -ms-transform: rotate(90deg);}

.ppr .pprleft .pprlmenu .sidelist01{width: 218px; border: 1px solid #eee; margin-bottom: 4px; overflow: hidden; position: relative;}
.ppr .pprleft .pprlmenu .sidelist01 h3{width: 100%; height: 48px; cursor: pointer;  }
.ppr .pprleft .pprlmenu .sidelist01 h3 em{position: absolute; right:24px; top: 1px; color: #404040; font-size:7px; }
.ppr .pprleft .pprlmenu .sidelist01:hover em{color: #fff;}
.ppr .pprleft .pprlmenu .sidelist01.on em{transform: rotate(90deg); color: #fff; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg);}
.ppr .pprleft .pprlmenu .sidelist01.on h3{background: #264977;color: #fff;}

.ppr .pprleft .pprlmenu ul li a{color: #707070; font-size: 14px; padding-left: 25px;line-height: 48px; display: block; height: 100%;}
.ppr .pprleft .pprlmenu h3:hover, .ppr .pprleft .pprlmenu .sidelist.on h3{background: #264977;color: #fff;}
.ppr .pprleft .pprlmenu ul li a:hover{color: #264977;}
.ppr .pprleft .pprl_pic{width: 100%;margin-top: 30px; }
.ppr .pprleft .pprl_pic img{display: block; width: 220px; height: 160px; background: #eee;}
.ppr .pprleft .pprl_pic p{color: #707070; font-size: 12px; line-height: 2em;}

.ppr .pprright{width: 860px; float: right; padding-bottom: 100px;}
.ppr .pprright li{width: 858px; height: 398px; border: 1px solid #eee; overflow: hidden; margin-bottom: 60px;}
.ppr .pprright li .pprrpic{width: 516px; height: 396px; float: left; overflow: hidden;}
.ppr .pprright li .pprrpic img{display: block; max-height: 100%; max-width: 100%;}
.ppr .pprright li .pprrcon{width: 340px; height: 396px; float: right;}
.ppr .pprright li .pprrcon .pprrcname{display: block; font-size: 24px; font-weight: bold; color: #244575; line-height: 70px; margin-top: 60px;}
.ppr .pprright li .pprrcon .pprrcsumm{font-size: 14px; color: #707070; line-height: 2em; height: 185px;}
.ppr .pprright li .pprrcon .pprrcbtn{display: block; width: 180px; height: 40px; border: 1px solid #ddd;color: #ccc; line-height: 40px; text-align: center; font-size: 45px; position: relative;}
.ppr .pprright li .pprrcon .pprrcbtn i{display: block; z-index: -1; background: #244575; width: 0px; height: 100%; position: absolute; top: 0px; left: 0px;  }
.ppr .pprright li .pprrcon .pprrcbtn:hover{color: #fff;}
.ppr .pprright li .pprrcon .pprrcbtn:hover i{width: 100%;}


/*翻页按钮开始*/
.pager {width:100%; color:#333; line-height:30px; padding:25px 0 25px 0; font-size:12px; text-align:center;}
.pager a,.pager span { border: #cccccc 1px solid; padding:0px 8px; color: #666; text-decoration: none;  font-size:12px; height:26px;line-height:26px;display:inline-block;margin:0 3px;}
.pager a:hover { border: #244575 1px solid; color: #fff; background-color: #244575; }
.pager a:active { color: #fff; border: #244575 1px solid; background-color: #244575; }
.pager span.now  { color: #fff; border: #244575 1px solid; background-color: #244575; }
.pager span.disabled { color: #ccc;  border: #ccc 1px solid; } 

/*搜索结果页*/
.sspab{width: 1000px; margin:50px auto;}
.sspab form{display: none;}
.espcms_page_typename_width{font-size: 30px; text-align: center;}
.espcms_strlist dl{width: 100%; height:35px; margin-bottom: 10px; font-size: 14px; line-height:35px; border-bottom: 1px solid #e5e5e5; overflow: hidden;}
.espcms_strlist dl .tl{float: left;}
.espcms_strlist dl .dr{float: right;}

.ih0{display: none !important;}

/*首页导航*/
.cay{width: 100%; height: 100%; background: #1d1f29; position: fixed; z-index: 20;}

/*产品详情页*/
.pcont .hasMoreTab{ width:1198px; font-family:"Microsoft YaHei"; margin-top: 80px;  background: #eee;  margin-bottom: 50px; overflow: hidden;}
.pcont .hasMoreTab .hd{ line-height:80px; height:80px; border-bottom:2px solid #244575;  background:url(images/btn_bg.gif) repeat-x; position:relative;
 padding-right:10px; }
.pcont .hasMoreTab .hd ul{background: #fff; z-index:5; position:absolute; height:80px;  overflow:hidden; zoom:1;overflow: hidden; }
.pcont .hasMoreTab .hd li{ float:left; width: 230px;  height: 80px; line-height: 80px; cursor:pointer; background: #eee; text-align: center;  font-size: 16px;   color: #666;}
.pcont .hasMoreTab .hd li.on{ height:80px; line-height:80px; background:#244575;  color: #fff;       }
.pcont .hasMoreTab .bd{ padding:10px; clear:both; position:relative; background: #fff; overflow: hidden;}
.pcont .hasMoreTab .bd .con{min-height: 1000px;  font-size: 16px; color:#999; line-height: 2em;padding: 20px 10px 50px; overflow: hidden;}
.pcont .hasMoreTab .bd .con p{font-size: 16px; color:#999; line-height: 1.8em;}
.pcont .hasMoreTab .bd .con img{display: block; max-width: 90%;}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.pcont .slideBox{ width:100%; height:615px; overflow:hidden; position:relative;   background: #fff;}
.pcont .slideBox .h3{font-size: 16px; line-height: 30px; text-align: center; color: #333; display: block;}
.pcont .slideBox .bd{ position:relative; width: 940px; height:520px; z-index:0;  background: #fff; margin:0 auto;}
.pcont .slideBox .bd li{ zoom:1; vertical-align:middle; }
.pcont .slideBox .bd img{ width:100%; height:520px; display:block;  }
.pcont .slideBox .prev,
.pcont .slideBox .next{ position:absolute; left:5%; top:50%; margin-top:-45px; display:block; width:32px; height:40px; font-size:95px; color: #555; font-family: "宋体"  ; filter:alpha(opacity=50);opacity:0.5;   }
.pcont .slideBox .next{ left:auto; right:5%; background-position:8px 5px; }
.pcont .slideBox .prev:hover,
.pcont .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.pcont .slideBox .prevStop{ display:none;  }
.pcont .slideBox .nextStop{ display:none;  }