@charset "utf-8";
html,body{height:100%; padding:0px; margin:0px;overflow-x: hidden;min-width: 1200px;font:14px 微软雅黑;color:#666666;}
.fl {float:left;}
.fr {float:right;}
.clear{clear:both;}
.border{border:1px solid #DFDFDF;}
.bg{background-color: #B0C4DE;}
.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%;}
.w1200{width: 1200px; margin: 0 auto;}
.w1150{width: 1150px;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}

/*head start*/
.head .head_body{height: 100px;}
.head .head_body img{position: relative;top: 5px;}
/*head end*/
/*top*/
.head_top{width:100%;height:35px;background-color: #efedee;border:1px solid #DFDFDF;border-width: 0 0 1px 0}
.ht_body{width:1200px;height:35px;margin: 0 auto;line-height: 35px}
.htb_r ul li{margin-left: 10px}
.htb_r ul li a:hover {color:#305DC3;}
.head_main{width:1200px;height:100px;margin: 0 auto;}
.hm_l{width:450px;height: 100px}
.hm_m{width:280px;height: 78px;}
.tell .tel_tu{width:80px;height: 80px; margin-top: 10px;}
.dhhm{width:200px;height:78px;padding-top: 22px;}
.dhhm ul li{width:190px;height: 30px;line-height: 30px;padding-left: 20px;font-size: 17px}
.hm_r{height: 78px;}
/*nav start*/
.nav{height: 60px;background: #333;line-height: 60px;position:relative;z-index:1;}
.nav .nLi{width: 255px;height: 60px;text-align:center;font-size:20px;letter-spacing: 4px;font-weight: bold;}
.nav .nLi:hover {background: #305DC3}
.nav a{color: #fff}
.nav .nLi a{font-weight: bold;}
.nav .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.nav .sub{ display:none; width:255px; top:60px;  position:absolute;background:#fff;line-height:60px; padding:0px 0;opacity: 0.8}
.nav .sub li{width: 255px; height:60px;zoom:1;font-size: 14px;border:1px dashed #dfdfdf;border-width: 0 0 1px 0;text-align: left;}
.nav .sub a{ display:block; padding:0 10px 0 40px;color: #333;font-size: 18px;font-weight: bold;}
.nav .sub a:hover{color: #305DC3}
.nav .nav2{width: 118px;height: 60px;text-align: center;font-size: 16px;}
.nav .nav2:hover {background: #305DC3;font-size: 19px;}
/*nav end*/
/*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*/

/*search start*/
.search{height: 40px;line-height: 40px;opacity: 0.9;position: relative;top: 30px;}
.search_body{padding-left: 10px;}
.search font a:hover {text-decoration:underline;}
.search font b{color: #308EE0;font-size: 15px;}
.search form{position: relative;left: -60px;}
.search_form{position:relative; height:31px; margin:5px 0;display:inline-block;}
.search_form:hover {-webkit-box-shadow:0 0 3px #999;-moz-box-shadow:0 0 3px #999}
.search_body .tag a{ padding:0px 3px; }
.sinput{float:left; width:200px; height:21px; line-height:21px; padding:4px 7px; color:#b3b3b3; border:1px solid #999; border-radius:2px 0 0 2px; background-color:#fbfbfb;}
.sbtn{float:left; width:50px; height:31px; padding:0 12px; margin-left:-1px; border-radius:0 2px 2px 0; border:1px solid #4d90fe; background-color:#305DC3; cursor:pointer; display:inline-block; font-size:12px; vertical-align:middle; color:#f3f7fc;position:absolute; _left:270px; _top:0}
.sbtn:hover{background:#305DC3}
.yy{width: 100%;height: 50px;background: url(../images/yy.png) no-repeat center;margin-top: 25px;}
/*search end*/

/*product start*/
.product{background: url(../images/probg.png) no-repeat center;padding: 40px 0 50px 0;}
.pro_top{width: 1200px;height: 100px;background: url(../images/pro_title.png) no-repeat center;}
.pro_main{width: 1200px;}
.pro_list{width: 220px;}
.pro_list li{width: 220px;height:40px;border:1px solid #5A5A5A;line-height: 40px;margin: 15px 0 21px 0;color: #C4C4C4}
.pro_list li:hover {background-color: #232524;border-color: #305DC3}
.pro_cp{width: 326px;}
.cp_nei{width: 240px;height: 200px;border:1px solid #5A5A5A;margin-top: 15px; padding: 6px 15px;}
.cp_nei .zi{width: 240px;height: 25px;text-align: center;line-height: 25px;color: #C4C4C4}
.cp_nei:hover {border-color: #305DC3}
.cp_nei:hover .zi{color:#305DC3;}
.pro_main .more{width: 140px;height: 45px;text-align: center;line-height: 45px;border-radius: 8px;margin:0 auto;position: relative;top: 5px;background-color: #305DC3;color: #fff;font-size: 16px;}
/*product end*/

/*company start*/
.company{height: 450px;background: url(../images/combg.jpg) no-repeat center top;}
.company .com_body{padding-top: 20px;}
.company .com_body .comimg{width: 570px;}
.company .com_body .comzi{width: 540px;height: 390px;background: url(../images/comzi.png) no-repeat center;}
.company .com_body .comzi .contant{width: 490px;color:#fff;font-size: 14px;padding: 0 15px;padding-top: 150px;line-height: 160%;}
.company .com_body .comzi .contant p{text-indent:2em;}
.company .com_body .comzi .more{width: 75px;height: 75px;background: #305DC3;text-align: center;line-height: 72px;color:#fff;}
/*company end*/

/*new start*/
.new{margin-bottom: 40px;}
.new .title{height: 100px;background: url(../images/title5.png) no-repeat center;margin:30px auto 10px auto;}
.new .new_body .new_l{width: 580px;height: 350px;background: #dfdfdf;margin-top: 10px;overflow: hidden;position: relative;}
.new .new_body .new_l{width: 580px;height: 350px;overflow: hidden;}
.new .new_body .new_l img{ width: 580px; height: 350px; 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: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 .newcon{width: 560px;height: 70px;background:url(../images/bg.png) no-repeat center;position: absolute;top: 280px;z-index: 999;padding:5px 10px 0 10px;color: #DEDEDE}
.new .new_body .new_l .newcon b{font-size: 15px;color: #DEDEDE}
.new .new_body .new_r{width: 580px;height: 350px;margin-top: 10px;}
.new .new_body .new_r ul li{width:578px;height: 75px;border:1px solid #dfdfdf;}
.new .new_body .new_r ul li:hover{ color: #305DC3; border:1px solid #305DC3;}
.new .new_body .new_r ul a:nth-child(2) li{margin-top: 14px;}
.new .new_body .new_r ul a:nth-child(3) li{margin-top: 14px;}
.new .new_body .new_r ul a:nth-child(4) li{margin-top: 14px;}
.new .new_body .new_r ul li .left{width: 85px;height: 75px;background: #dfdfdf}
.new .new_body .new_r ul li .left .b1{font-size: 28px;text-align: center;padding-top: 6px;}
.new .new_body .new_r ul li .left font{font-size: 14px;text-align: center;position: relative;left: 7px;}
.new .new_body .new_r ul li .right{width: 477px;padding:7px 8px;}
.new .new_body .new_r ul li .right b{font-size: 15px;}

/*new end*/

/*footer start*/
.footer {width: 100%;background-image: url(../images/topbg.png);;background-position: center;}
.foot_body{width: 1200px;margin: 0 auto;padding-bottom: 20px;}
.foot_l{width: 340px;padding-left: 60px;padding-top: 30px;}
.foot_m{width: 340px;padding-left: 60px;padding-top: 30px;}
.foot_r{width: 340px;padding-left: 60px;padding-top: 30px;}
.footer p{margin: 5px 0;font-size: 15px;color: #fff;padding-left: 10px;position: relative;top: -5px;}
.footer ul{width: 910px;height: 16px;margin: 40px auto 20px auto;font-size: 16px;}
.footer .bnav{width: 100px;height: 16px;line-height: 16px;text-align: center;border: 1px solid #fff;border-width: 0 1px 0 0;color: white}
.footer .bnav:hover {text-decoration: underline;}
.footer .fb_bot p{margin: 35px auto 0 auto;text-align: center;}
/*footer end*/

/*搜索*/
#searchform {margin:0px; padding:0px; }
#searchform fieldset { padding:0px; border:none; margin:0px;border-radius: 16px;}
#searchform input[type="text"] { 
	background:#e8e8e8;
	border:none;
	float:left;		
	padding:0px 10px 0px 15px;
	margin:0px;
	width:210px; 
	height:32px;
	line-height:32px;
	transition:all 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	-moz-transition:all 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s; 
	-webkit-transition:all 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s; 
	-o-transition:all 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	color:#585858; 
}
#searchform input[type="submit"] { background:url(../images/icon-search.png) center 7px no-repeat; cursor:pointer; margin:0px; padding:0px; width:37px; height:32px; line-height:32px; }
input[type="submit"] { color:#fff; text-transform:uppercase; border:none; font-size:15px; cursor:pointer;  float:left; overflow:visible; transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; -webkit-transition: all .3s linear; }
.search #searchform input[type='submit'] { background-color:#222; }
#searchform input:nth-child(2):hover {background-color: #0167CB}

/*main start*/
.main{margin: 55px auto 20px auto;}
.main .pro_body .pb_left{width: 220px;height:auto;background: url(../images/pro_list1.png) no-repeat top;}
.main .pro_body .pb_left .list_top{width: 220px;height: 41px;line-height: 41px;color: #F0F4F7;font-size: 18px;position: relative;left:65px;}
.main .pro_body .pb_left ul{width:200px;padding:5px 10px;}
.main .pro_body .pb_left ul li{width:175px;height: 34px;line-height: 34px;border:1px solid #DFDFDF;border-width: 0 0 1px 0;font-size: 15px; background: url(../images/jt.png) no-repeat left;padding-left: 25px;}
.main .pro_body .pb_left ul li:hover {color: #1C4E8C;font-weight: bold;}
.main .pro_body .pb_right{width: 920px; margin: 0px 0px 70px;}
.main .pro_body .pb_right .body_top{width:875px;height: 43px;background: url(../images/pro_top.png) no-repeat center right;line-height: 40px;padding-left: 45px;font-size: 18px; font-weight: bold;}
.main .pro_body .pb_right .fr{font-size: 14px;padding-right: 10px;}
.main .pro_body .pb_right .pro_main{width: 880px;padding:5px 10px; line-height:30px;}
/*main end*/

#links{margin:auto;width:1100px;line-height:30px;color:#666666;font-weight: bold;font-size: 16px;}
#links a{font-size: 12px; color:#666666; padding: 0px 3px;}
.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:850px;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;overflow:hidden;}
.sideWrap { margin-bottom: 19px; }
.sideWrap h2 { background:#305DC3;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: 170px !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:#305DC3;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:#eee;}
.per p{ line-height:35px; margin:0px;  padding:0px 10px;width:auto; white-space: nowrap;overflow: hidden; text-overflow: ellipsis; color: #305DC3; font-size: 18px!important; font-weight: bold!important;}
.cgbt{border-bottom: 1px #ccc solid;font-size: 18px;font-weight: bold; width:910px !important;}
.xgwz{float:left; margin-bottom:40px;}.xgwz ul{ padding:0px;}
.xgxw{ width:280px;line-height: 25px; height:25px; float:left;margin:5px 10px;border-bottom: 1px #ccc dashed;text-overflow:ellipsis;white-space:nowrap;overflow: hidden;}
.xgxw a{background: url(../images/arrow.gif) no-repeat 0 center; padding-left: 10px;}
.web_pages{float:left; width:890px;}
.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;}
.web_pages ul li a{float:left;padding:10px;color:#555;display:block;}
.web_pages ul li a:hover{background-color:#305DC3; 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:#305DC3; color:#fff;padding:5px;font-weight:bold;}
.web_pages .pageinfo{line-height:21px;padding:12px 10px 12px 16px;color:#999;}
.web_pages .pageinfo strong{color:#555;margin:0px 2px;}

.web2_pages{float:left; width:890px;}
.web2_pages ul{float:left;padding:12px 0px 12px 36px;}
.web2_pages ul li{float:left;line-height:17px;margin-right:6px;border:1px solid #E9E9E9;}
.web2_pages ul li a{float:left;padding:10px;color:#555;display:block;}
.web2_pages ul li a:hover{background-color:#305DC3; color:#fff;text-decoration:none;padding:10px;}
.web2_pages ul li.thisclass,
.web2_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{background-color:#305DC3; color:#fff;padding:10px;font-weight:bold;}
.web2_pages .pageinfo{line-height:21px;padding:12px 10px 12px 16px;color:#999;}
.web2_pages .pageinfo strong{color:#555;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:910px; 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 16px;height: 160px;}
.pro_img2 ul li:hover img{transform: scale(1.05);box-shadow: 0px 10px 50px rgba(0,0,0,0.4);}
.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:890px; overflow: hidden;margin-top: 20px }
.productBox li { float: left; position: relative; width: 228px; height:220px; border: 1px solid #858585; background: #f4f4f4; margin:0px 33px; margin-bottom: 24px; }
.productBox h3 { text-align: center; font-size: 16px; 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 a { position: absolute; top: -4px; left: -4px; width: 236px; height: 238px; }
.productBox .on {background:#0050C6;border-color: #2D2D2B;}
.productBox .on h3 { color: #fff;line-height: 50px; }
.productBox .on h4 { display:none; color: #fff; }
.productBox .on p { color: #fff; }
.productBox .on span { border-color: #125ed6; background: #fff; color: #125ed6; }

.productBoxs { width:860px; overflow: hidden;margin-top: 20px }
.productBoxs li { float: left; position: relative; width:171px; height:258px; border: 1px solid #858585; background: #f4f4f4; margin:0 20px; margin-bottom: 24px; }
.productBoxs h3 { margin:0px; line-height:30px; text-align: center; font-size: 16px; color: #716868; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.productBoxs p { padding: 0 5px; line-height: 20px; color: #737373; height: 40px; overflow: hidden; margin-bottom: 10px; }
.productBoxs span { width: 78px; height: 19px; border: 1px solid #929292; text-align: center; color: #777; display: block;padding-left: 10px; line-height: 19px; position: relative; left: 5px; }
.productBoxs a { position: absolute; top: -4px; left: -4px; width:171px; height:236px; }
.productBoxs .on { background:#0261CF; border-color: #0261CF; }
.productBoxs .on h3 { color: #fff; }
.productBoxs .on p { color: #fff; }
.productBoxs .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: 1200px;}
#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: #305DC3 2px solid;margin-bottom: 20px;}
.hotnew{ width:auto;padding: 0px 30px;}
.hotnew ul li{border-bottom:1px #ccc dashed; float:left;margin-left:15px;}
.wrapper {width:1100px;margin: 0 auto;}

/*内页左侧*/
.pro2_list li{width: 220px;height:29.5px;border:1px solid #5A5A5A;line-height: 29.5px;margin: 5px 0 0px 0;color: #C4C4C4; text-overflow:ellipsis;white-space:nowrap;overflow: hidden;}
.pro2_list li:hover {background-color: #232524;border-color: #305DC3}
.xwzxzi{ background: url(../images/prolist.png) no-repeat center; font-size: 25px; /*background: #305DC3;*/ color: #fff; width: 222px; height: 55px; line-height: 55px; text-align: center; margin-top: 5px;}