@charset "utf-8";

html,body{height:100%; padding:0px; margin:0px;min-width: 1200px;font:14px 微软雅黑;color:#444;}

.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%}

.w1100{width: 1100px;margin:0 auto;}

.w1140{width: 1140px;margin:0 auto;}

.w1200{width: 1200px;margin:0 auto;}

a { text-decoration: none; outline: none; color: #000; 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}



/*header start*/

.header .head_top{height: 37px;line-height: 37px;background: #D0D0D0;border-bottom: 1px solid #4B5678}

.header .head_top .language{margin-top: 6px;margin-left: 80px;}

.header .head_top .language a:nth-child(2) li{margin-left: 15px;}

/*header end*/



/*search start*/

.search{height: 35px;background-color: #dfdfdf;line-height: 35px;border:3px solid #0058AD;border-width: 3px 0 0px 0;background: url(../images/line01.png) no-repeat center;}

.search_body{padding-left: 10px;}

.search font a:hover {text-decoration:underline;}

.search font b{color: #0050C6;font-size: 15px;}

.search form{position: relative;left: -60px;}

.search_form{position:relative; height:31px; margin:5px 0;display:inline-block;}



.sinput{float:left; width:140px; height:17px; line-height:21px; padding:4px 7px; border:1px solid #999; border-radius:2px 0 0 2px; background-color:#fbfbfb;}

.sbtn{float:left; width:50px; height:27px; padding:0 12px; margin-left:-1px; border-radius:0 2px 2px 0; border:1px solid #999; background-color:#A0A0A0; cursor:pointer; display:inline-block; font-size:12px; vertical-align:middle; color:#f3f7fc;position:absolute; _left:270px; _top:0}

.sbtn:hover{background:#4084f2}

.s_left{width: 680px;}

.s_right{width: 430px;}

/*search end*/



/*nav start*/

.nav{height: 90px;background: url(../images/hoverbg.png);position: absolute;z-index: 999}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

.nav1{ width: 720px; height:90px; line-height:90px; position:relative;z-index:1;margin: 0 auto;}

.nav1 a{ color:#666;}

.nav1 .nLi{ float:left;  position:relative; display:inline;}

.nav1 .nLi h3{ float:left;}

.nav1 .nLi h3 a{ display:block; width: 90px; height:90px;line-height:90px;font-size:16px;font-weight: bold;text-align: center;color: #fff}

.nav1 .sub {display:none; width:90px; left:0; top:90px;  position:absolute; background:url(../images/hoverbg.png);  line-height:35px;}

.nav1 .sub li{ zoom:1;}

.nav1 .sub a{ display:block; padding:0 10px;text-align: center;color: #fff}

.nav1 .sub a:hover {background:#014099; color:#fff;}

.nav1 .on h3 a{background: #014099;}

.nav1 .nLi:nth-child(5) .sub{width: 106px;}



/*banner start*/

.rslides{

	position:relative;

	list-style:none;

	overflow:hidden;

	width:100%;

	padding:0;

	margin:0;

	top: -5px;

}

.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{

	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*/



/*company start*/

.company{padding: 50px 0;}

.company .com_zi{width: 560px;padding-top: 10px;}

.company .com_zi b{font-size: 17px;}

.company .com_zi p{padding-top: 15px;line-height: 160%;}

.company .com_zi .more{width: 100px;height: 30px;border:2px solid #E60012;line-height: 30px;text-align: center;font-size: 15px;margin-top: 15px;transition: all 0.2s ease-in;}

.company .com_zi .more:hover {background: #E60012;color: #fff}

.company .com_zi hr{height: 2px;border:none;border-top:2px solid #A0A0A0}

.company .com_zi ul{padding-top: 15px;}

.company .com_zi ul li{width: 96px;margin-left: 120px;}

.company .com_zi ul li .flip-container{width: 90px;height: 90px;border-radius: 48px;border: 3px solid #A0A0A0;}

.company .com_zi ul li .zi{text-align: center;font-size: 15px;line-height: 30px;}

.company .com_zi ul a:nth-child(1) li{margin-left: 15px;}

.flip-container:hover .flipper {transform:rotateY(180deg);}

.flipper {transition:0.6s;transform-style:preserve-3d;position:relative;}

.front,.back {position:absolute;}

.back {transform:rotateY(180deg);}          

/*company end*/



/*product start*/

.product{height: 909px;background: url(../images/productbg.jpg) no-repeat center;}

.product .title ul{width: 932px;margin:0 auto;}

.product .title ul li{font-size: 16px;color: #fff}

.product .title ul li a{color: #fff}

.product .pro_body{padding: 50px 0;}

#myscroll{display:block; width:100%; position:relative; height:317px; overflow:hidden;margin-top: 38px;}

#myscroll #myscrollbox{display:block; float:left; position:absolute; left:0; top:0; width:1000000px;}

#myscroll ul li{display:block; float:left;margin-left:45px;}

#myscroll ul li:nth-child(1) {margin: 0}

#myscroll ul li{display:block; float:left; width:370px;position:relative; height:317px; color:#333;}

#myscroll .intro{position:absolute; left:0; z-index:10; background-color:rgba(255,255,255,1);}

#myscroll .intro h5{padding:0; margin:0; font-size:16px; font-weight:bold; padding:0 15px 0 15px; background:url(../images/go.png) right no-repeat; height:40px; width:340px; line-height:40px; border-bottom:1px solid rgba(110,110,110,.2);}

#myscroll .intro .zi{font-size:14px; line-height:25px; margin:10px 15px; overflow:hidden;}

#myscroll .intro .zi p{height: 25px;line-height:25px;}

#myscroll ul li:nth-child(1) .intro{bottom:-146px;}

#myscroll ul li:nth-child(2) .intro{bottom:-96px;}

#myscroll ul li:nth-child(3) .intro{bottom:-71px;}

#myscroll ul li:hover .intro{bottom:0px;}



#myscroll, #myscroll ul li:hover .intro, #myscroll .intro,#myscroll #myscrollbox{

	-webkit-transition: all 0.5s ease;

	-moz-transition: all 0.5s ease;

	-ms-transition: all 0.5s ease;

	-o-transition: all 0.5s ease;

	transition: all 0.5s ease;

}



#myscroll1{display:block; width:100%; position:relative; height:317px; overflow:hidden;margin-top: 38px;}

#myscroll1 #myscrollbox1{display:block; float:left; position:absolute; left:0; top:0; width:1000000px;}

#myscroll1 ul li{display:block; float:left;margin-left:45px;}

#myscroll1 ul li:nth-child(1) {margin: 0}

#myscroll1 ul li{display:block; float:left; width:370px;position:relative; height:317px; color:#333;}

#myscroll1 .intro{position:absolute; left:0; z-index:10; background-color:rgba(255,255,255,1);}

#myscroll1 .intro h5{padding:0; margin:0; font-size:16px; font-weight:bold; padding:0 15px 0 15px; background:url(../images/go.png) right no-repeat; height:40px; width:340px; line-height:40px; border-bottom:1px solid rgba(110,110,110,.2);}

#myscroll1 .intro .zi{font-size:14px; line-height:25px; margin:10px 15px; overflow:hidden;}

#myscroll1 .intro .zi p{height: 25px;line-height:25px;}

#myscroll1 ul li:nth-child(1) .intro{bottom:-20px;}

#myscroll1 ul li:nth-child(2) .intro{bottom:-121px;}

#myscroll1 ul li:nth-child(3) .intro{bottom:-20px;}

#myscroll1 ul li:hover .intro{bottom:0px;}



#myscroll1, #myscroll1 ul li:hover .intro, #myscroll .intro,#myscroll #myscrollbox{

	-webkit-transition: all 0.5s ease;

	-moz-transition: all 0.5s ease;

	-ms-transition: all 0.5s ease;

	-o-transition: all 0.5s ease;

	transition: all 0.5s ease;

}

/*product end*/



/*new start*/

.new{padding: 50px 0;}

.new .title{margin-bottom: 25px;}

.new .new_l{width: 560px;}

.new .new_l .newimg{width: 554px;height: 193px;border:2px solid #A0A0A0;}

.new .new_l .new1{width: 560px;height: 80px;border-bottom: 1px solid #999;margin-top: 20px;}

.new .new_l .new1 .new_date{width: 70px;text-align: center;}

.new .new_l .new1 .new_date b{font-size: 40px;text-align: center;line-height: 45px;font-family: Arial;}

.new .new_l .new1 .new_date p{font-size: 15px;text-align: center;font-family: Arial;}

.new .new_l .new1 .new_con{width: 480px;}

.new .new_l .new1 .new_con b{font-size:16px;line-height: 25px;}



.new .new_r .slideTxtBox{ width:600px; }

.new .new_r .slideTxtBox .hd{ height:30px; line-height:30px; position:relative; }

.new .new_r .slideTxtBox .hd ul{ float:left;  position:absolute; top:-1px; height:32px; background: url(../images/line1.jpg) no-repeat 105px 4px;}

.new .new_r .slideTxtBox .hd ul li{ float:left;width:120px;cursor:pointer;font-size: 24px;text-align: center;position: relative;left: -19px;}

.new .new_r .slideTxtBox .hd ul li.on{ height:30px;color: #0067CB }

.new .new_r .slideTxtBox .bd ul{ zoom:1;}

.new .new_r .new1{width: 600px;height: 74px;border-bottom: 1px solid #999;margin-top: 15px;}

.new .new_r .new1 .new_date{width: 70px;text-align: center;}

.new .new_r .new1 .new_date b{font-size: 40px;text-align: center;line-height: 45px;font-family: Arial;}

.new .new_r .new1 .new_date p{font-size: 15px;text-align: center;font-family: Arial;}

.new .new_r .new1 .new_con{width: 520px;}

.new .new_r .new1 .new_con b{font-size:16px;line-height: 25px;}

/*new end*/



/*lxwm start*/

.lxwm{padding: 50px 0;background: url(../images/lxwmbg.jpg) no-repeat center top;}

/*lxwm end*/



/*footer start*/

.footer{padding: 25px 0;background: #5F5F5F}

.footer .foot_body ul{ padding:0 20px;text-align: center}

.footer .foot_body ul li{color: #fff;font-size: 14px;height: 35px;line-height: 35px;}

.footer .foot_body ul li b{font-size: 16px;text-align: center;}

.foot_bot{height: 35px;background: #313131;line-height: 35px;color: #fff}

/*footer start*/

/*main start*/

.w1126{width:1126px;margin:0 auto}

.main {padding: 40px 0;}

.main .mainl{width: 220px;border:3px #014099 solid;padding:6px} 

.main .mainr{width:860px}

.main .mainr .top{width:840px;padding:0 10px;line-height:40px;height:40px;border-bottom:#014099 3px solid}

.main .mainr .top font{font-weight:blod;font-size:24px;color:#666;line-height: 40px;}

.main .mainr .top p{color: #666;position: relative;max-width:350px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.main .mainr .top p a{color:#666}

.main .mainr .body{padding: 10px 10px 0;line-height: 160%;word-wrap:break-word}

.main .mainl .news li{height:25px;line-height:25px;/* border-bottom:1px #666 dashed; */overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.main .mainl .news li img{padding:5px}

.main .mainl .news li:hover{color:#014099}



.mainl .title{height:60px;background: #546781;line-height: 60px;color: #fff;font-size: 26px;border-radius:6px;font-weight:bold}

.mainl .title img{padding:14px 10px 14px 14px;float:left}

.mainl .pro_list{width:220px;}

.mainl .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

.mainl .navpro{ width:220px;position:relative;z-index:1}

.mainl .navpro a{ color:#fff;}

.mainl .navpro .nLi{position:relative; display:inline;}

.mainl .navpro .nLi h3 a{ display:block;height:40px; line-height:40px;background:#fff;margin:3px 0;font-size: 16px;color:#666666;padding-left:15px;width:205px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.mainl .navpro .nLi h3 a img{margin-top:9px;margin-right:9px}

.mainl .navpro .sub{display:none; width:210px; left:220px; top:-43px;  position:absolute; background:#1F6CB7;  line-height:38px;z-index: 9999}

.mainl .navpro .sub li{ zoom:1;text-align: left;font-size: 13px;width:100%}

.mainl .navpro .sub a{ display:block;padding-left: 10px;width:195px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.mainl .navpro .sub li:hover{background:#6e9cc4;color:#fff;}

.mainl .navpro .on h3 a{ background:#1F6CB7; color:#fff;}

/*main end*/

/*友情链接*/

.links{clear:both;line-height:25px;color:#fff;background:#313131;font-size: 16px;}

.links a{font-size: 12px;color:#fff;}

/*上下页*/

.dede_pages{float:left; width:840px;margin-left:8px}

.dede_pages ul{float:left;padding:12px 0px 12px 9px;}

.dede_pages ul li{float:left;line-height:7px;margin-right:6px;border:1px solid #E9E9E9;}

.dede_pages ul li a{float:left;padding:10px;color:#555555;display:block;}

.dede_pages ul li a:hover{background-color:#014099; color:#fff;text-decoration:none;padding:10px;}

.dede_pages ul li.thisclass,

.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{background-color:#7b7277; color:#fff;padding:5px;font-weight:bold;}

.dede_pages .pageinfo{line-height:21px;padding:12px 10px 12px 16px;color:#999;}

.dede_pages .pageinfo strong{color:#555;margin:0px 2px;}

/*上下篇*/

.per{float:left;margin-top:20px; text-align:center; width: 100%;margin-bottom: 20px; background:#eee;}

.per p{ line-height:35px !important; margin:0px;  padding:0px 10px;width:auto; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;max-width:380px}

/*相关*/

.cgbt{border-bottom: 1px #ccc solid;font-size: 18px;font-weight: bold;}

.xgwz{float:left; margin-bottom:40px;width:100%}.xgwz ul{ padding:0px;}

.xgxw{ width:47.2%;line-height: 25px; height:25px; float:left;margin:5px 11px;border-bottom: 1px #ccc dashed;white-space: nowrap;overflow: hidden;}

.pro_img2{ width:860px; 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 9px;height: 160px;}

.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; }

/*新闻列表*/

dl.news_dl {font-size:14px; color:#666; padding:10px 5px; line-height:22px; border-bottom:1px dashed #CCCCCC;}

.news_dl a img:hover{ background: #EE7703;}

dl.news_dl {font-size:14px; color:#666; padding:0 5px; line-height:22px; border-bottom:1px dashed #CCCCCC;}

dl.news_dl a{ color:#000; }

dl.news_dl dt { margin-bottom:3px; margin-top:5px; line-height:24px; height:24px;  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;  height:45px; overflow:hidden; margin-bottom:10px;}

.a1{text-decoration: none;

    outline: none;

    color: white;

    transition: 0.2s;}

/*产品文章*/

.body .ny_title h2{line-height:40px;color:#666666;font-size:18px;border-bottom: 1px #ccc dashed;margin-bottom:10px;font-weight: bold;width:100%}

/*产品列表*/

.prdct{}

.prdct ul{}

.prdct ul .pt{width: 280px;height: 225px;text-align: center;margin-top: 10px;float:left;margin-bottom:12px}
.prdct ul .pt a{ display: block;}
.prdct ul .pt img{border:1px solid #5F5F5F;transition: all 0.2s ease-in;width:240px;height:180px}

.prdct ul .pt .zi{width: 242px;height: 30px;background: #5F5F5F;margin: 0 auto;color: #fff;text-align: center;line-height: 30px;font-size: 15px;transition: all 0.2s ease-in;}

.prdct ul .pt .h1{width: 280px;height: 20px;color:red;text-align: center;}

.prdct ul .pt:hover img{border-color: }

.prdct ul .pt:hover .zi{background: #014099}