﻿@charset "utf-8";
html,body{height:100%; padding:0px; margin:0px;min-width: 1200px;font:14px 微软雅黑;color:#666666;}
.fl {float:left;}
.fr {float:right;}
.clear{clear:both;}
.border{border:1px solid #DFDFDF;}
.bg{background-color: #EEEFF4;}
.bg1{background-color: #CAFF70;}
.bg2{background-color: #FFC1C1;}
.bg3{background-color: #FFA07A;}
.bg4{background-color: white;}
.hj200 {line-height: 200%;}
.mt30{margin-top: 30px}
.mt20{margin-top: 20px}
.mt10{margin-top: 10px}
.w0{width: 100%}
.w1100{width: 1100px;margin:0 auto;}
.w1160{width: 1160px;margin:0 auto;}
.w1200{width: 1200px;margin:0 auto;}
.w1070{width: 1070px;margin:0 auto;}
.w1180{width: 1180px;margin:0 auto;}
a { text-decoration: none; outline: none; color: #666666; transition: 0.2s; }
p{text-align: justify;text-justify:inter-ideograph;margin: 0;}
li { list-style-type: none; vertical-align: top; margin: 0;padding:0;}
ul {margin: 0;padding: 0;}
img{margin: 0;padding: 0;}
img { border: 0; vertical-align: top; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; margin: 0;padding: 0}

.pcnone{ display:none;}

.header{height: 120px;background: url(../images/topbg.jpg) repeat-x center;}
.header .head_top{height: 32px;line-height: 32px,}
.header .head_top font{color: #fff;line-height: 32px;}
.header .head_bot{width: 1200px;height: 78px;background: url(../images/botbg1.png) no-repeat center;}
.header .head_bot img{}
.header .language ul li{margin-left: 20px;}
.header .language ul li img{position: relative;top: 5px;}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.nav{ width:630px;margin:0 auto; height:78px; line-height:78px;;position:relative;z-index:9999;}
.nav a{ color:#666;}
.nav .nLi{width:90px;float:left;  position:relative; display:inline;text-align: center;}
/*.nav .nLi h3{ float:left;}*/
.nav .nLi  a{ display:block; font-size:16px; font-weight:bold;}
.nav .sub{ display:none; width:120px; left:-15px; top:78px;  position:absolute;background:url(../images/libgn.png);line-height:38px;padding:5px 0;}
.nav .sub li{width:120px; zoom:1;font-size: 13px;border-bottom: 1px dashed #898989}
.nav .sub a{ display:block; padding:0 10px;color: #fff}
.nav .sub a:hover{ background:#EAEAEA; color:#666;}
.nav .on{ background:url(../images/navbg.png) no-repeat center; color:#666;text-align: center;}
.nav li:nth-child(3) .sub{width:250px;left:-70px}
.nav li:nth-child(3) .sub li{width:250px;}
.nav li:nth-child(4) .sub{width: 140px;left: -25px;}
.nav li:nth-child(4) .sub li{width: 140px;}
.nav li:nth-child(5) .sub{width: 140px;left: -25px;}
.nav li:nth-child(5) .sub li{width: 140px;}

.size{ font-size:13px;}
/*banner start*/
.rslides{
	position:relative;
	list-style:none;
	overflow:hidden;
	width:100%;
	padding:0;
	margin:0;
}
.rslides li{
	-webkit-backface-visibility:hidden;
	position:absolute;
	display:none;
	width:100%;
	left:0;
	top:0;
}
.rslides li:first-child{
	position:relative;
	display:block;
	float:left;
}
.rslides img{
	display:block;
	height:auto;
	float:left;
	width:100%;
	border:0;
}
/*pager*/
.callbacks_tabs.callbacks1_tabs{margin-top:-40px; position:relative;z-index:100;margin-bottom:20px;}
.callbacks_tabs.callbacks1_tabs li{display:inline-block;width:10px;height:10px;margin-left:5px;border-radius:10px;border:1px solid #FFF;position:relative;}
.callbacks_tabs.callbacks1_tabs li a{display:inline-block;width:10px;height:10px;border-radius:10px;position:absolute; left:0; z-index:1000; color:rgba(100,200,300,0);color:transparent;}
.callbacks_tabs.callbacks1_tabs li.callbacks_here a{background:#FFF;}

/* Callback example */
.callbacks_container{
	margin-bottom:2px;
	position:relative;
	width:100%;
	max-width:100%;
	text-align:center;
}

.callbacks{
	position:relative;
	list-style:none;
	overflow:hidden;
	width:100%;
	padding:0;
	margin:0;
}
.callbacks li{
	position:absolute;
	width:100%;
	left:0;
	top:0;
}
.callbacks img{
	display:block;
	position:relative;
	z-index:1;
	height:auto;
	width:100%;
	border:0;
}
.callbacks .caption{
	display:block;
	position:absolute;
	z-index:2;
	font-size:20px;
	text-shadow:none;
	color:#fff;
	background:#000;
	background:rgba(0,0,0, .8);
	left:0;
	right:0;
	bottom:0;
	padding:10px 20px;
	margin:0;
	max-width:none;
}
.callbacks_nav{
	position:absolute;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	top:50%;
	left:0;
	opacity:0.6;
	z-index:3;
	text-indent:-9999px;
	overflow:hidden;
	text-decoration:none;
	height:61px;
	width:38px;
	background:transparent url("../images/themes.gif") no-repeat left top;
	margin-top:-30px;
	display:none;
}
.callbacks_container:hover .callbacks_nav{display:block;}
.callbacks_nav:active{opacity:1.0;}
.callbacks_nav.next{
	left:auto;
	background-position:right top;
	right:0;
}

@media screen and (max-width:600px){
	.callbacks_nav{
		top:47%;
	}
}
/*banner end*/

/*product start*/
.product{margin: 40px auto;}
.product .title{height: 100px;background: url(../images/title_p.png) no-repeat center;}
.product .en_title{height: 100px;background: url(../images/en_title_p.png) no-repeat center;}
.product .pro_body{margin-top: 30px;}
.product .pb1{width:1180px;height: 760px;}
.product .pb1 li{ float:left;}
.product .pb1 li:nth-child(2),.product .pb1 li:nth-child(5){ padding:0px 15px;}
.product .pb1 .pb1_t{width: 380px;height: 370px;}
.product .pb1 .pb1_t .img{width: 380px;height: 280px;overflow: hidden;}
.product .pb1 .pb1_t .img img{  display: block;
    -moz-transition:.5s ease-in;
    -webkit-transition:.5s ease-in;
    -o-transition:.5s ease-in;
    -ms-transition:.5s ease-in;
    transition:.5s ease-in;}
.product .pb1 .pb1_t .img:hover img{ transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2)}
.product .pb1 .pb1_b{width: 380px;height: 370px;margin-top: 20px;}
.product .pb1 .pb1_b .img{width: 380px;height: 280px;overflow: hidden;}
.product .pb1 .pb1_b .img img{ display: block;-moz-transition:.5s ease-in; -webkit-transition:.5s ease-in;-o-transition:.5s ease-in;-ms-transition:.5s ease-in;transition:.5s ease-in;}
.product .pb1 .pb1_b .img:hover img{ transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2)}
.product .pro_body .zi{width: 360px;height:60px;padding:10px;}
.product .pro_body .zi b{font-size: 16px;}
.product .pro_body .zi p{text-indent:2em;line-height: 160%;}
.product .pro_body .zi p img{position: relative;top: 7px;}
.product .pro_body .zi p a:hover {color: #3A69DB}
/*product end*/

/*company start*/
.company{height:520px;margin-bottom: 10px;padding-top: 20px;}
.company .combg{width:100%;height: 520px;z-index: -1;position: absolute;}
.company .combg img{width: 100%;height: 520px;}
.company .title{width:1100px;height: 130px;background: url(../images/title_c.png) no-repeat center;z-index: 999;}
.company .en_title{width:1100px;height: 130px;background: url(../images/en_title_c.png) no-repeat center;z-index:999;}
.company .combody{position: relative;top: 50px;}
.company .combody .com_con{width: 630px;color: #fff}
.company .combody .com_con p{line-height:23px; text-align:justify;}
.company .combody .com_con p:nth-child(1){font-size: 16px;color: #B91700;font-weight: bold;text-transform:uppercase;}
.company .combody .com_con p:nth-child(3){font-size: 16px;color: #B91700;font-weight: bold;margin-top: 14px;text-transform:uppercase;}
.company .combody .com_con p:nth-child(6){font-size: 16px;color: #B91700;font-weight: bold;margin-top: 14px;text-transform:uppercase;}
.company .en_about{ position:relative; top:-20px;}
/*company end*/

/*ys start*/
.ys{height: 870px;background: url(../images/ys.jpg) no-repeat center;}
.en_ys{height: 870px;background: url(../images/en_ys.jpg) no-repeat center;}
/*ys end*/

/*case start*/
.case{height:560px;margin-bottom: 40px;}
.case .casebg{width:100%;height: 560px;z-index: -1;position: absolute;}
.case .casebg img{width: 100%;height: 560px;}
.case .title{width:1100px;height: 130px;background: url(../images/title_a.png) no-repeat center;z-index: 999}
.case .en_title{width:1100px;height: 130px;background: url(../images/en_title_a.png) no-repeat center;z-index: 999}

.case .slideBox{width: 1160px; overflow:hidden; zoom:1; padding:0px 0 10px 50px; position:absolute;z-index: 9999 ;position: relative;top: 35px;}
.case .sPrev,.case .sNext{ position:absolute; left:5px; top:0px; display:block; width:46px; height:300px; background:url(../images/arrow-left.png) no-repeat center; }
.case .sNext{width:46px; height:300px; left:auto; right:15px; background:url(../images/arrow-right.png) no-repeat center;  }
.case .sPrev:hover,.slideGroup .sNext:hover{ border-color:#f60;  }

.case .con{width:1300px;}
.case .con .ul1 .li1{width:243px;height:350px;float:left;position:relative;overflow:hidden;cursor:pointer;border:1px solid #D8D8D8;}

.case .ul1{ overflow:hidden; zoom:1;   }
.case .ul1 .li1{ margin:0 15px; float:left; _display:inline; overflow:hidden; text-align:center; background: #fff }
.case .ul1 .li1 { text-align:center; }
.case .ul1 .li1 img{ width:230px; height:172.5px; display:block; margin:5.5px auto 0 auto;}
.case .ul1 .li1 a:hover img{ border-color:#999;  }
.case .ul1 .li1 .title{width:220px;height: 40px; line-height:38px;margin: 0 auto;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-size: 16px;font-weight: bold;margin-top: 5px;background: url(../images/titlebg.png);color: #333}
.case .ul1 .li1 .zi{width: 220px;margin: 10px auto;word-wrap:break-word;}
.case .ul1 .li1:hover .zi{color: #444}
.case .ul1 .li1:hover .title{color: #D81E06}
.case .ul1 .li1 .more{width:100px;height:32px;background: url(../images/morebg.jpg) no-repeat center;margin: 5px auto 0 auto;text-align: center;line-height: 32px;}
.case .ul1 .li1 .more:hover {color: #D81E06;background: url(../images/morebg1.jpg) no-repeat center;}
/*case end*/

/*new start*/
.new{margin-bottom: 30px;}
/*.new .title{height: 100px;background: url(../images/title_n.png) no-repeat center;}*/
.new .new_body .new_l{width: 455px;/* height: 500px; *//*margin-top: 20px;*/margin-left: 15px;}
.new .new_body .new_l .title{width: 455px;height: 40px;border-bottom: 2px solid #dfdfdf}
.new .new_body .new_l .nl_top{width: 455px;height: 260px;margin: 15px auto;}
.new .new_body .new_l .nl_top .newimg{width: 455px;height: 180px;overflow: hidden;}
.new .new_body .new_l .nl_top .newimg img{  display: block;
    -moz-transition:.5s ease-in;
    -webkit-transition:.5s ease-in;
    -o-transition:.5s ease-in;
    -ms-transition:.5s ease-in;
    transition:.5s ease-in;}
.new .new_body .new_l .nl_top .newimg:hover img{ transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1)}

.new .new_body .new_l .nlt_con{width: 445px;margin: 0 auto;}
.new .new_body .new_l .nlt_con .nltitle{/* height:30px; */line-height:30px;font-size: 17px;color: #333;margin-top: 5px;}
.new .new_body .new_l .nlt_con p{line-height: 160%;color: #777}
.new .new_body .new_l .nlt_con a:hover {color: #D81E06}
.new .new_body .new_l ul {width: 455px;border-top: 2px solid #dfdfdf;padding-top: 10px;
margin-top:45px}
.new .new_body .new_l ul li{width: 445px;/* height:29px; */margin: 0 auto;line-height: 29px;font-size: 15px;color: #777;font-weight: normal;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.new .new_body .new_r{width: 575px;height: 500px;/*margin-top: 20px;*/margin-right: 15px;}
.new .new_body .new_r .title{width: 575px;height: 40px;border-bottom: 2px solid #dfdfdf}
.new .new_body .new_r .nr_top{margin: 15px auto;}
.new .new_body .new_r .nr_top .nrtitle{height:20px;font-size: 17px;color: #222;line-height: 20px;margin-bottom: 8px; display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.new .new_body .new_r .nr_top p{line-height: 160%;color: #777;padding: 0 5px;font-weight: normal;}
.new .new_body .new_r ul{margin-top:25px;}
.new .new_body .new_r ul li{width: 565px;/* height: 30px; */line-height: 30px;font-size: 15px;color: #777;padding:0 5px;font-weight: normal;}
.new .new_body .new_r ul li:hover {color: #3A69E3}

.new .new_body .title b{font-size:20px;line-height: 40px;color: #3A69DD;position: relative;left: 5px;}
.new .new_body .title .more{color: #D81E06;line-height: 40px;font-size: 13px;position: relative;right: 5px;}
/*new end*/

/*footer start*/
.footer{padding: 30px 0; background:#333;}
.footer .foot_body ul li{width:auto;height: 50px; padding:0px 13px;}
.footer .foot_body ul li:nth-child(5){ padding-right:0px;}

.footer .foot_body ul li .zi{padding-top: 3px;padding-left: 5px;color: #E6E6E6}
.footer .foot_body ul li .zi p{font-size: 14px;}
.footer .foot_body .foot_bot{margin-top: 35px;}
.footer .foot_body .foot_bot ul li{width:130px;height: 24px;line-height: 24px;color: #989898;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.footer .foot_body .foot_bot ul li b{font-size: 17px;color: #E6E6E6;font-weight: normal;}
.footer .foot_body .foot_bot ul a:nth-child(1) li{width:73px;height: 28px;line-height: 28px;border-bottom: 1px solid #dfdfdf;margin-bottom: 5px;}
.footer .foot_body .foot_bot ul:nth-child(1) {width: 150px;}
.footer .foot_body .foot_bot ul:nth-child(2) {width: 200px;}
.footer .foot_body .foot_bot ul:nth-child(3) {width: 150px;}
.footer .foot_body .foot_bot ul:nth-child(4) {width: 150px;}
.footer .foot_body .foot_bot ul:nth-child(5) {width: 150px;}
.footer .foot_body .foot_bot ul .li:hover {text-decoration: underline;}
.bottom{height:auto;background: #111;text-align: center;color: #E6E6E6}
.bottom p{text-align: center;line-height:25px;}
/*footer end*/

/*main start*/
.main{margin:40px auto;}
.main .main_l{width: 240px;}
.main .main_l .l_top{width: 240px;height: 50px;background:#0067CB; text-align:center; color:#fff; font-size:24px; font-weight:bold; line-height:50px;border-radius: 3px;}
.main .main_l ul{margin:5px 0;background: #EAEAEA;padding-bottom: 8px;}
.main .main_l ul li{width:200px;height:30px;line-height:30px;padding-left:10px;border-bottom: 1px dashed #aaa;margin: 0 auto;background: url(../images/pro_dot.png) no-repeat left; padding-left:25px; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.main .main_l ul a:nth-child(1) li{width:240px;height:25px;line-height:25px;background: #3A3B3A;color: #fff;font-size:15px;padding-left: 0}
.main .main_l ul li:hover {color: #FF832D}
.main .main_l ul a:nth-child(1) li:hover {color: #FF832D}
.main .main_l .hot_new h2{ line-height:50px; text-align:center; background:#0067CB; color:#fff; font-size:24px; border-radius:3px;}
.main .main_l .hot_new li{line-height:25px;padding-left: 20px;background: url(../images/arrow.gif) no-repeat 5px;border-bottom:1px #ccc dashed;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 220px;}
.main .main_r{width: 820px;}
.main .main_r .mr_top{width: 830px;height: 45px;line-height: 35px;background: url(../images/main_line.png) no-repeat center bottom;}
.main .main_r .mr_top .fl{font-size: 19px;color: #0067CB}
.main .main_r .mr_top .fr a:hover {text-decoration: underline;}
.main .main_r .mr_bot{width: 800px;padding:10px; line-height:28px;}
/*main end*/


/* honorBox */
.honorBox{width:750px;padding-top:20px;overflow:hidden;}
.honorBox p{ text-indent:2em;  text-align:justify;    font-size: 14px;line-height: 30px; }
.honorBox .settingList{width:850px;}
.honorBox .settingList li{width:235px;height:380px;float:left;margin-right:22px;margin-bottom:5px;text-align: center;}
.honorBox .settingList li img{border:2px solid #e1e1e1;padding:3px; width:225px; height:333px;}
.honorBox .settingList li img:hover{border-color:#ff7700}
.honorBox .settingList li span{height:35px;line-height:35px;width: 235px;display: block;background: #0067CB;color: #fff;}


/* xiazai list */
.xiazai {font-size:14px; color:#666; padding:0 5px; line-height:22px; border-bottom:1px dashed #CCCCCC;background: url(../images/down.gif) no-repeat left;}
.xiazai a{ color:#666; }
.xiazai dt { margin-bottom:3px; margin-top:5px; line-height:24px; width:auto; overflow:hidden;padding-left: 25px;}
.xiazai dt  img{ padding-right:10px;}
.xiazai .dt_1 { height:20px;font-size:14px; color:#666;}
.xiazai .dt_2 { font-size:12px; float:right;  }
.xiazai .dt_3 { font-size:12px;}
.xiazai .dt_3 a { color:#FF0000; text-decoration:underline;} 
.xiazai dd { font-size:12px; padding-left:20px; height:45px; overflow:hidden; margin-bottom:10px;}

/* list_anli */
.list_anli li { overflow: hidden; zoom: 1; border-bottom:1px #ccc dashed;padding:10px 0px; }
.list_anli img { width: 210px; height: 149px; border: 1px solid #EFEFEF; padding: 4px; }
.list_anli img:hover{ background:#D9271F; }
.list_anli .anli_ms { width:550px;}
.list_anli h2 {font-size: 16px;margin-bottom: 4px;margin-top:20px;border-bottom:1px #ccc dashed;background: url(../images/pro_dot.png) no-repeat left;padding-left: 25px;}
.list_anli h2 span{ float:right;background: url(../images/time.png) no-repeat left; padding-left:28px;}
.list_anli p { text-indent:2em;word-wrap:break-word}
.list_anli .anli_ms a:hover {color:#D3251F; }

/* liuyan */
.imsgCon { width:430px; padding-top:10px; padding-left:10px;}
.imsgCon .item{ width:339px; height:32px;  line-height:32px;border:1px solid #999999; margin:15px 0px 10px; }
.imsgCon .item input{ width:90%; height:32px; border:0px; background:none; color:#999; text-indent:8px; font-family:"Microsoft YaHei";  }
.imsgCon .item select{width:90%; height:30px; border:0px;  color:#5A5A5A; font-family:"Microsoft YaHei";}
.imsgCon .item select option{  text-indent:8px; color: #999;}
.imsgCon .item em{ float:right; width:10px; line-height:16px; margin-top:10px; margin-right:6px; height:10px;z-index:1;    color: #D3251F;}
.imsgCon  span{ display:block;  font-weight:normal;}
.imsgCon  .item1{ width:339px;  height:60px;   margin:0px 0px 10px 0px;}
.imsgCon  .textarea1{ width:330px; padding:5px 0px 5px 8px;  height:50px;  overflow:hidden;  resize:none;  border:1px solid #999999; }
.imsgCon .item2{ margin:5px 0px 10px 0px; line-height:28px; }
.imsgCon span.yanz{ width:62px; height:28px; border:1px solid #999999; text-align:center; line-height:28px;  display:block;  float:left;}
.imsgCon .yztxt{ width:80px; height:28px; border:1px solid #ccc;   display:block;  float:left; margin:0px 0px 0px 5px;}
.imsgCon img{ margin-top:3px; float:left;}
.imsgCon .btn1{ width:80px; height:33px; margin-right:15px; border:none; background:#0067CB; color:#fff; cursor:pointer;font-family:"Microsoft YaHei";}
.imsgCon .btn2{ width:80px; height:33px; border:none; background:#404145; color:#fff;cursor:pointer;font-family:"Microsoft YaHei";}
.imsgCon p{ color:#568ee0; font-size:12px; padding-top:5px;}
.imsgCon .red{ color:red !important;}

.links{clear:both;line-height:20px;color:#fff;background:#333;font-size: 16px;}
.links a{font-size: 12px;color:#fff; padding:5px;}
.ny_title h2{line-height:40px;color:#666666;font-size:18px;border-bottom: 1px #ccc dashed;margin-bottom:10px;font-weight: bold;}
dl.news_dl {font-size:14px; color:#666; padding:5px; line-height:22px; border-bottom:1px dashed #CCCCCC;    margin: 6px;}
.news_dl a img:hover{ background: #EE7703;}
dl.news_dl a{ color:#000; }
dl.news_dl dt {line-height:24px;height:24px;width:780px;overflow:hidden;}
dl.news_dl .dt_1 { height:20px;padding-left:20px;    font-size: 16px;color: #666666; font-weight:bold;text-decoration:none;  }
dl.news_dl .dt_2 { font-size:12px; float:right; padding:0 10px 0 8px;  font-family:"Microsoft YaHei"; }
dl.news_dl .dt_3 { font-size:12px;}
dl.news_dl .dt_3 a { color:#FF0000; text-decoration:underline;} 
dl.news_dl dd {font-size:12px;word-wrap:break-word}
.sideWrap { margin-bottom: 19px; }
.sideWrap h2 { background:#1C5C9A;margin-top: 15px; height: 43px; line-height: 43px; font-size:24px; font-weight: bold;color: #fff;text-align: center;border-top-right-radius: 5px;border-top-left-radius: 5px;}
.sideWrap h2 span{ padding-left:10px;}
.sideBox { background: #f2f2f2; }
.sideNewsBox { padding: 11px 12px 13px 11px; }
.sideNewsBox li { border-bottom: 1px solid #d2d2d2; height: 29px; line-height: 29px;  width: 175px !important;}
.sideNewsBox h3 a {background: url(../images/arrow.gif) no-repeat 0 center;color:#393939;display: block;font-size: 13px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;line-height: 30px;}
.sideNewsBox h3 a:hover {color:#B51C21;font-size: 14px;font-weight: bold;}
.sideContactBox { padding: 12px 40px 14px 17px; line-height: 26px; color: #535353; }

.per{float:left;margin-top:20px;text-align:center;width: 100%;margin-bottom: 20px;background:#0067CB;color:#fff;}
.per a{ color:#fff;}
.per p{ line-height:35px; margin:0px;  padding:0px 10px;width:auto; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.cgbt{border-bottom: 1px #ccc solid;font-size: 18px;font-weight: bold; width:800px;}
.xgwz{display: inline-block;}.xgwz ul{ padding:0px;}
.xgxw{ width:360px;line-height: 25px; height:25px; float:left;margin:5px 20px;border-bottom: 1px #ccc dashed;white-space: nowrap;overflow: hidden;}
.xgxw a{background: url(../images/arrow.gif) no-repeat 0 center; padding-left: 10px;}
.web_pages{width:860px;display: inline-block;}
.web_pages ul{float:left;padding:12px 0px 12px 36px;}
.web_pages ul li{float:left;line-height:17px;margin-right:6px;border:1px solid #E9E9E9;background: #1065D8;}
.web_pages ul li a{float:left;padding:10px;color: #FFF;display:block;}
.web_pages ul li a:hover{background-color:#FE0000; color:#fff;text-decoration:none;padding:10px;}
.web_pages ul li.thisclass,
.web_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{background-color:#FE0000; color:#fff;padding:5px;font-weight:bold;}
.web_pages .pageinfo{line-height:28px;padding:12px 10px 12px 16px;color:#FFF;}
.web_pages .pageinfo strong{color:#FFF;margin:0px 2px;}
.pro_img{ width:820px; margin: 0px auto; height:auto; overflow: auto;}
.pro_img ul{ padding:0px; margin:0px;list-style:none; }
.pro_img ul li{ float:left;width:222px; margin:10px 25px;height: 210px;}
.pro_img ul li a{text-decoration:none;} 
.pro_img ul li a img{ width:220px; height:165px; border:1px #ccc solid; border-radius:3px; }
.pro_img ul li a span{ width:220px; line-height:20px; height:20px;text-align:center; color:#666; display:block; white-space: nowrap;overflow: hidden; text-overflow: ellipsis; }
.pro_img ul li a img:hover{ width:240px; height:180px;position:absolute;margin-left:-10px;}
.pro_img2{ width:800px; margin: 0px auto; height:auto    overflow: auto;}
.pro_img2 ul{ padding:0px; margin:0px;list-style:none; }
.pro_img2 ul li{ float:left;width:150px; margin:10px 5px;height: 160px;}
.pro_img2 ul li:hover img{transform: scale(1.05);}
.pro_img2 ul li a{text-decoration:none;} 
.pro_img2 ul li a img{ width:150px; height:113px; border:1px #ccc solid; border-radius:3px; }
.pro_img2 ul li a span{ width:150px; line-height:20px; height:20px;text-align:center; color:#666; display:block; white-space: nowrap;overflow: hidden; text-overflow: ellipsis; }
/* productBox */
.productBox { width:800px; overflow: hidden; }
.productBox li { float: left; position: relative; width:220px; height:215px; border: 1px solid #858585; background: #f4f4f4; margin:0px 22px; margin-bottom:15px; }
.productBox h3 { text-align: center;    line-height: 25px; font-size: 12px; color: #716868; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.productBox h4 {margin-bottom: 8px;text-align: center;font-size: 12px;color: #F00;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 20px;}
.productBox p { padding: 0 5px; line-height: 20px; color: #737373; height: 40px; overflow: hidden; margin-bottom: 10px; }
.productBox span { width: 78px; height: 19px; border: 1px solid #929292; text-align: center; color: #777; display: block; line-height: 19px; position: relative; left: 5px; }
.productBox .on {background:#1065D8;border-color: #2D2D2B;}
.productBox .on h3 { color: #fff;line-height: 50px;cursor:pointer; }
.productBox .on h4 { display:none; color: #fff;}
.productBox .on p { color: #fff;}
.productBox .on span { border-color: #125ed6; background: #fff; color: #125ed6;}

#content01 h3{ font-size: 20px;padding: 10px;margin-left: 22px;color:#04AFDA;line-height: 20px;font-weight: 600;border-bottom: #d6d6d6 1px solid;    clear: both; }
#content01 h3 span{float: right;font-weight: 100; font-size: 12px;color: #666666;}
#content01{float:left;line-height:30px;font-size:14px;margin-left:10px;margin-right:10px; margin-bottom:20px;    width: 1100px;}
#contact-c li{margin-top:10px;}
.linkbox{padding:0px 30px; width:auto;}.f6{width:990px;}.linkbox h3{ width:150px;}
.linkbox ul li{border-bottom:1px #ccc dashed;margin-left:15px; width:auto; float:left;list-style:none; line-height:30px;text-align: center; margin-bottom: 10px;}
.hotnew_bt{font-size:16px;width:1100px;float:left;color:#666666;font-weight: bold;border-bottom:#111111 2px solid;margin-bottom: 20px;}
.hotnew_bt span{ float:right;}
.hotnew{ width:auto;padding: 0px 30px;}
.hotnew ul li{border-bottom:1px #ccc dashed; float:left;margin-left:15px;}
.wrapper {width:1200px;margin: 0 auto;}