@charset "utf-8";

/* CSS Document */

.pro_banner{height: auto;width:100%;overflow:hidden; position:relative;min-width:1000px;}

.pro_banner img{width:100%;height:380px;display:block; float:left;}

.pro_f3{ width:100%; min-width:1000px; background:#282828; }



.pro_f3 .proconbox .sitebox{ width:100%; height:58px; float:left;font: normal 14px/58px "宋体"; color:#fff;}

.proconbox .sitebox a{ color:#fff;font: normal 14px/58px "宋体"; }

.xiliebox{ width:100%; float:left; margin-top:20px;}

.xiliebox h2{ width:100%; float:left; color:#fff;font: bold 14px/30px "Microsoft YaHei";}

.xiliebox ul{ float:left; width:100%; padding:20px 0px;}



.xiliebox ul li a{ display:block; float:left; border: solid 2px #fff; }

.xiliebox ul li a img{ width:100%; height:100%;}

.xiliebox ul li a:hover{ border: solid 2px #f60;}

.pro_foot1{ width:100%; float:left; border-bottom: dotted 1px #fff;}

.pro_foot1 a{ float:right; padding:20px 0px 5px; height:40px; width:40px;}

.pro_foot2{ width:100%; float:left;font: normal 12px/40px "宋体"; color:#fff;text-align:right; padding-bottom:60px;}

.pro_f4{ width:100%; min-width:1000px; background:url(../images/bg3_03.png) repeat; }

.pro_f4 .site58{ width:100%; float:left;}

.pro_f4 .site58 a{ display: inline-block; position:relative;color:#646464;}

.pro_f4 .site58 span{ display:inline-block;padding:0px 10px;color:#646464;}

.pro_f4 .site58 {height:36px; font: normal 14px/36px "Microsoft YaHei"; padding:10px 0px 10px;}

.pro_f4 .pro_fl{ width:100%; float:left;}

.pro_f4 .pro_fl a{ display:inline; float:left; color:#646464;margin-right:20px; background:url(../images/pro_14fds.png) no-repeat right center; padding-right:18px;font: normal 14px/30px "Microsoft YaHei";}

.pro_f4 .pro_fl a:hover{ color:#000;}

.pro_f4 .pro_f2{ width:100%; float:left; margin-left:-15px; display:inline;}

.pro_f4 .pro_f2 li a img{ width:100%}

.pro_f4 .pro_f2 li a span{ width:100%; float:left;font: normal 14px/40px "宋体"; text-align:center; color:#646464;}

.pro_f4 .pro_f2 li a:hover img{border: solid 2px #ff8a00;}

.pro_f4 .pro_f2 li a:hover span{ color:#ff8a00;}

#pagebox{ width:100%; float:left; height:50px; padding:30px 0px;}

div.digg{text-align:center; vertical-align:middle;}

div.digg a{margin:5px;vertical-align:middle ;background:url(../images/pagenow1.png) no-repeat center center; width:11px; height:11px; display:inline-block;}

div.digg a:hover{background:url(../images/pagenow3.png) no-repeat center center ;}

div.digg a:active{background:url(../images/pagenow3.png) no-repeat center center ;}

div.digg a.current0{ background:url(../images/pagenow3.png);}

div.digg a.current1{margin:2px; width:32px; height:32px; display:inline-block; text-indent:0px  !important; background: none !important;}

div.digg a.disabled1{margin:2px; width:32px; height:32px; display:inline-block; opacity:0.5;filter:alpha(opacity=50); -moz-opacity:0.5;text-indent:0px  !important; background: none !important;}

div.digg a.current2{margin:2px; width:32px; height:32px; display:inline-block; text-indent:0px  !important; background: none !important;}

div.digg a.disabled2{margin:2px; width:32px; height:32px; display:inline-block; text-indent:0px  !important; background: none !important;opacity:0.5;filter:alpha(opacity=50); -moz-opacity:0.5;}

.pro59_chibox2 a:hover{ text-decoration:underline}

.pro59_chibox .textbox2 .a_btn:hover{ opacity:0.8;filter:alpha(opacity=80); -moz-opacity:0.8;}

.pro59_chibox .leftimgbox span{ height:100%; display:inline-block; vertical-align:middle;}

@media screen and (min-width: 1441px){

/*图片轮播*/

.proconbox{ width:1440px; margin:0 auto; padding-left:10px; background:#fff;}

#slideshowvertical{width:910px; float:left;	/* Total width of slideshow */}	

#previewPane{margin-right:2px;text-align:center;vertical-align:middle;padding-top:2px;height: 477px;width:715px;float:left;}

#previewPane img{ width:715px; height:477px;}

#waitMessage{display:none;position:absolute;left:200px;top:150px;background-color:#282828;border:3px double #000;padding:4px;color:#555;font-size:0.9em;}	

#galleryContainer{float:left;margin-left:25px;height: 454px;width: 165px;	padding:1px; display:inline;}

#galleryContainer #arrow_down{	height:30px; margin-top:10px;text-align:center;}

#galleryContainer #arrow_up{height:30px;text-align:center;}

#theImages{position:relative;overflow:hidden;height:410px;}

#theImages div{position:relative;height:1500px;	}

#theImages img{border:0px;	padding-top:0px;	}

#previewPane #largeImageCaption{font-style:italic;text-align:center;font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* Font to use */font-size:0.9em;}

#theImages .imageCaption{display:none;}

#theImages a img{ border:#ccc solid 1px; width:96%; }

#theImages a img:hover{ border:#f60 solid 1px;}

/*图片轮播*/

.rightbox22{ float: left; padding-left:20px; color:#fff;font: normal 14px/24px "宋体"; width:520px;}

.xiliebox ul li{ float:left; width:221px; margin-right:20px; display:inline; margin-bottom:10px;}



.pro_f4  .site58 {height:40px; padding:10px 0px 0px; font: normal 16px/40px "Microsoft YaHei";}

.pro_f4 .pro_f2 li{float:left; width:465px; display:inline; margin-left:15px; margin-top:20px;}

.pro_f4 .pro_f2 li a{ float:left; width:465px;  }

.pro_f4 .pro_f2 li a img{ float:left; width:465px; height:330px; border: solid 2px #ccc; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}



.ser_procbox{ width:1460px; margin:0px auto; background:#fff; padding-left:25px; }

.ser_procbox .leftnav3{ width:200px; float:left; padding-right:30px;}

.ser_procbox .leftnav3 a{ width:100%; display:block; float:left; height:40px; border-bottom: solid 1px #ccc; margin-top:20px; font: normal 18px/40px "Microsoft YaHei";}

.ser_procbox .leftnav3 a.on3{ color:#c72135; background: url(../images/leftnavhover4.png) no-repeat 70% center;}

.ser_procbox .rightul{ width:1210px; float:left;}

.ser_procbox .rightul li{ width:100%; height:258px;  float:left; margin-bottom:20px; padding-bottom:20px; background: url(../images/shadow5843.png) repeat-x bottom center;}

.rightul li .text_l{  height:254px; float:left; background:#fff; width:650px;}

.rightul li .text_l h2{ float:left; width:24px; height:194px; text-align:center;font: normal 22px/24px "Microsoft YaHei";word-wrap:break-word;word-break:nomal;display:inline; margin:30px 40px 0px;}

.rightul li .text_l p{ width:466px; float:left;padding-right:40px; padding-top:30px; background:url(../images/lineright4.jpg) no-repeat left center;font: normal 16px/26px "Microsoft YaHei"; color:#585858; padding-left:40px; height:218px;}

.rightul li  img{ width:560px; float:right; height:254px;}

.rightul li .text_l span{}

/*.rightul li:hover img{opacity:0.8;filter:alpha(opacity=80); -moz-opacity:0.8;}	*/

#serproc_foot{ width:1450px; border: solid 1px #ccc; margin:25px auto ; padding:20px 0px; background:#fff;}



.pro59_chibox{ width:1448px; float:left;border: solid 1px #ccc; background:#fff; padding:10px 0px;}

.pro59_chibox .leftimgbox{ width:400px; padding:0px 40px; float:left;}



.pro59_chibox .leftimgbox img{ width:400px; max-height:540px; min-height:480px;vertical-align:middle;}

.pro59_chibox .textbox2{ width:500px; float:left; padding:0px 20px; height:auto; overflow:hidden; border-right: solid 1px #ccc;border-left: solid 1px #ccc;overflow:hidden;}

.pro59_chibox .textbox2 h1{ width:100%; float: left;font: bold 20px/30px "Microsoft YaHei";}

.pro59_chibox .textbox2 h2{ width:100%; float: left;font: normal 14px/30px "Microsoft YaHei";}

.pro59_chibox .textbox2 .a_btn{ float:left; height:34px; background:#2f318b; padding:0px 20px; display:block; border-radius:17px; -webkit-border-radius:17px; -moz-border-radius:17px; color:#fff; text-align:center;font: normal 14px/34px "Microsoft YaHei"; margin:25px 0px 20px;}



.pro59_chibox p{ width:100%; float:left;font: normal 12px/18px "Microsoft YaHei"; color:#646464; padding-top:10px;}

.pro59_chibox p span{font: normal 14px/22px "Microsoft YaHei"; color:#000;}

.pro59_chibox p.ptext1{ width:100%; float:left; border-top: solid 1px #ccc;font: normal 16px/40px "Microsoft YaHei"; color:#000; padding-top:0;}

.pro59_chibox .ptext40{ width:45%; float:left;}

.pro59_chibox .ptext40 p{ line-height:22px;}



.pro59_chibox .rightimgbox{ padding:0px 20px; float:left; width:370px;}

.pro59_chibox .rightimgbox img{ float:left;width:100%; max-height:264px; min-height:200px;}

.pro59_chibox2{ width:100%; float:left;font: normal 24px/40px "Microsoft YaHei"; padding-top:15px;}

.pro59_chibox2 a{ margin-left:20px;font: normal 14px/40px "Microsoft YaHei"; color:#2f318b;}

	}



@media screen and (max-width: 1440px){

/*图片轮播*/

.proconbox{ width:975px; margin:0 auto; background:#fff; padding-left:25px;}

#slideshowvertical{ float:left;	/* Total width of slideshow */ width:558px;}	

#previewPane{margin-right:2px;text-align:center;vertical-align:middle;padding-top:2px;height: 286px;width:429px;float:left;}

#previewPane img{ width:429px; height:286px;}

#waitMessage{display:none;position:absolute;left:120px;top:90px;background-color:#282828;border:3px double #000;padding:4px;color:#555;font-size:0.9em;}	

#galleryContainer{float:left;margin-left:25px;height: 280px;width: 99px;	padding:1px; display:inline;}

#galleryContainer #arrow_down{height:30px; margin-top:10px;text-align:center;}

#galleryContainer #arrow_up{height:30px;text-align:center;}

#theImages{position:relative;overflow:hidden;height:254px;}

#theImages div{position:relative;height:1500px;	}

#theImages img{border:0px;	padding-top:0px;	}

#previewPane #largeImageCaption{font-style:italic;text-align:center;font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* Font to use */font-size:0.9em;}

#theImages .imageCaption{display:none;}

#theImages a img{ border:#ccc solid 1px;width:96%;}

#theImages a img:hover{ border:#f60 solid 1px;}

/*图片轮播*/

.rightbox22{ float: left; padding-left:12px; color:#fff;font: normal 12px/20px "宋体"; width:400px;}

.xiliebox ul li{ float:left; width:146px; margin-right:20px; display:inline;}

.pro_f4 .site58 {height:36px; font: normal 14px/36px "Microsoft YaHei"; padding:10px 0px 10px;}

.pro_f4 .pro_f2 li{float:left; width:230px; display:inline; margin-left:12px; margin-top:15px;}

.pro_f4 .pro_f2 li a{ float:left; width:230px;  }

.pro_f4 .pro_f2 li a img{ float:left; width:226px; height:162px; border: solid 2px #ccc; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}



.ser_procbox{ width:1000px; margin:0px auto; background:#fff; padding-left:10px; }

.ser_procbox .leftnav3{ width:150px; float:left; padding-right:20px;}

.ser_procbox .leftnav3 a{ width:100%; display:block; float:left; height:40px; border-bottom: solid 1px #ccc; margin-top:20px; font: normal 18px/40px "Microsoft YaHei";}

.ser_procbox .leftnav3 a.on3{ color:#c72135; background: url(../images/leftnavhover4.png) no-repeat 70% center;}

.ser_procbox .rightul{ width:820px; float:left;}

.ser_procbox .rightul li{ width:100%; height:167px; padding-bottom:20px;  float:left; margin-bottom:20px; background: url(../images/shadow5843.png) repeat-x bottom center;}

.rightul li .text_l{  height:163px; float:left; background:#fff; width:450px;}

.rightul li .text_l h2{ float:left; min-height:150px; width:24px; text-align:center;font: normal 18px/18px "Microsoft YaHei";word-wrap:break-word;word-break:nomal;display:inline; margin:10px 25px 0px;}

.rightul li .text_l p{ width:336px; float:left;padding-right:25px; padding-top:20px; height:140px; background:url(../images/lineright45.jpg) no-repeat left center;font: normal 14px/18px "Microsoft YaHei"; color:#585858; padding-left:25px; }

.rightul li  img{ width:360px; float:right;}

/*.rightul li:hover img{opacity:0.8;filter:alpha(opacity=80); -moz-opacity:0.8;}*/	

#serproc_foot{ width:1000px; border: solid 1px #ccc; margin:25px auto 0px; padding:20px 0px; background:#fff;}



.pro59_chibox{ width:998px; float:left;border: solid 1px #ccc; background:#fff; padding:10px 0px;}

.pro59_chibox .leftimgbox{ width:260px; padding:0px 25px; float:left;}

.pro59_chibox .leftimgbox img{ width:260px; max-height:380px; min-height:300px; vertical-align:middle;}

.pro59_chibox .textbox2{ width:400px; float:left; padding:0px 20px; height:380px; border-right: solid 1px #ccc; border-left: solid 1px #ccc;}

.pro59_chibox .textbox2 h1{ width:100%; float: left;font: bold 18px/26px "Microsoft YaHei";}

.pro59_chibox .textbox2 h2{ width:100%; float: left;font: normal 14px/28px "Microsoft YaHei";}

.pro59_chibox .textbox2 .a_btn{ float:left; height:30px; background:#2f318b; padding:0px 15px; display:block; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; color:#fff; text-align:center;font: normal 14px/30px "Microsoft YaHei"; margin:10px 0px 10px;}

.pro59_chibox p{ width:100%; float:left;font: normal 12px/14px "Microsoft YaHei"; color:#646464; padding-top:5px;}

.pro59_chibox p span{font: normal 14px/22px "Microsoft YaHei"; color:#000;}

.pro59_chibox p.ptext1{ width:100%; float:left; border-top: solid 1px #ccc;font: normal 16px/30px "Microsoft YaHei"; color:#000; padding-top:0;}

.pro59_chibox .ptext40{ width:45%; float:left;}

.pro59_chibox .ptext40 p{ line-height:22px;}



.pro59_chibox .rightimgbox{ padding:0px 12px; float:left; width:220px;}

.pro59_chibox .rightimgbox img{ float:left; width:100%; max-height:152px; min-height:120px;}

.pro59_chibox2{ width:100%; float:left;font: normal 24px/40px "Microsoft YaHei"; padding-top:15px;}

.pro59_chibox2 a{ margin-left:20px;font: normal 14px/40px "Microsoft YaHei"; color:#2f318b;}



	}