﻿@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%;overflow: hidden;}
.w1200{width: 1200px;margin:0 auto;}
.w1240{width: 1240px;margin:0 auto;}
.w1330{width: 1330px;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}
em,i{font-style:normal;}
dl,dt,dd{padding: 0;margin:0;}

/*header start*/
.header .head_top{height: 35px;background: #0866C6;color: #fff}
.header .head_top p{color: #fff;line-height: 35px;}
.header .head_top a{display: inline-block;padding: 0 15px;line-height: 35px;color: #fff}
.header .head_bot{height: 100px;}
.header .head_bot img{padding: 10px 0;}
.header .head_bot ul{position: relative;}
.header .head_bot ul li{float: left;}
.header .head_bot ul li a{display:block;width: 100px;height: 100px;text-align: center;font-size: 16px;line-height: 100px;}
.header .head_bot ul li a:hover {background: url(/template/default/images/red.jpg) no-repeat center;}
/*header end*/

/*banner start*/
.flexslider {
	margin: 0px auto 0px;
	position: relative;
	width: 100%;
	height: 500px;
	overflow: hidden;
	zoom: 1;
}

.flexslider .slides li {
	width: 100%;
	height: 100%;
}

.flex-direction-nav a {
	width: 70px;
	height: 70px;
	line-height: 99em;
	overflow: hidden;
	margin: -35px 0 0;
	display: block;
	background: url(/template/default/images/ad_ctr.png) no-repeat;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .3s ease;
	border-radius: 35px;
}

.flex-direction-nav .flex-next {
	background-position: 0 -70px;
	right: 0;
}

.flex-direction-nav .flex-prev {
	left: 0;
}

.flexslider:hover .flex-next {
	opacity: 0.8;
	filter: alpha(opacity=25);
}

.flexslider:hover .flex-prev {
	opacity: 0.8;
	filter: alpha(opacity=25);
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
	opacity: 1;
	filter: alpha(opacity=50);
}

.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 10px;
	text-align: center;
}

.flex-control-nav li {
	margin: 0 2px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}

.flex-control-paging li a {
	background: #E8E8E8;
	display: block;
	height: 10px;
	overflow: hidden;
	text-indent: -99em;
	width: 10px;
	cursor: pointer;
	-webkit-transition: all 0s ease;
	border-radius: 10px;
}

.flex-control-paging li a.flex-active,
.flex-control-paging li.active a {
	background:#0866C6;
}

.flexslider .slides a img {
	width: 100%;
	height: 500px;
	display: block;
}
/*banner end*/
.title{ padding-top:207px; line-height:27px; text-align:center;font-size:24px; color:#0866C6; height:80px; background:url(/template/default/images/line.jpg) no-repeat center bottom;padding-top: 40px;}
.title p{text-align: center; font-family:Arial;}
.title b{ line-height:45px; font-size:34px; color:#333;font-weight: normal;}

/*product start*/
.product{padding:50px 0 17px 0;}
.product .title{background:url(/template/default/images/line1.jpg) no-repeat center bottom;padding-top: 15px}
.product .title p{color: #ccc}
.product .title b{color: #fff}
.product .t_top{width: 270px;text-align: center;}
.product .rexiantitle{background:#0866c6;padding: 10px;margin-top: 10px}
.product .rexiantitle p{color: #ccc;text-align: center;
    font-family: Arial;  line-height: 27px;    font-size: 22px;}
.product .rexiantitle b{color: #fff;line-height: 45px;
    font-size: 32px;  
    font-weight: normal;}
.product .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.product .p_top{width: 270px;height: 130px;background: url(/template/default/images/prolist.png) no-repeat center;text-align: center;}
.product .prolist{width: 268px;border:1px solid #d7d7d7;}
.product .nav{ width:240px;position:relative;z-index:1;margin: 0 auto}
.product .nav a{ color:#fff;}
.product .nav .nLi{position:relative; display:inline; height:40px; line-height:40px;margin: 8px 0;}
.product .nav .nLi p{display:block;background: #ccc;margin: 10px 0;font-size:16px;padding-left: 25px;color: #333}
.product .nav .nLi p a{ display:inline-block;}
.product .nav .nLi p span{float: right;padding-right: 20px;color: #0866c6}



.product .nav .sub{display:none; width:210px; left:240px; top:-51px; position:absolute; background:#0866C6; line-height:36px;z-index: 9999}
.product .nav .sub li{ zoom:1;text-align: left;font-size: 13px;}
.product .nav .sub a{ display:block;padding-left: 15px;}
.product .nav .sub a:hover{background:#97CCC3;color:#fff;}
.product .nav .on p{ background:#0866C6; color:#fff;}
.product .nav .on p a{color: #fff}
.product .nav .on p span{color: #fff}
.product .nav .nLi:nth-child(1) h3{margin:0;}
.product .pro_r{width: 930px;}
.product .pro_r ul li{width: 260px;margin-left: 48px;position: relative;border:1px solid #ccc;margin-bottom: 30px;transition: all 0.2s ease-in;}
.product .pro_r ul li .img img{ width:260px; height:195px;}
.product .pro_r .pro_zi{width: 260px;height: 34px;line-height: 34px;text-align: center;font-size: 14px;background: #ccc;transition: all 0.2s ease-in;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.product .pro_r ul li:hover {border: 1px solid #0866C6;}
.product .pro_r ul li:hover .pro_zi{background: #0866C6;color: #fff}
/*product end*/

/*company start*/
.company{padding:0 0 50px 0;background: url(/template/default/images/combg.jpg) no-repeat center top;}
.company .combody{background: #fff;margin-top: 30px;box-shadow: 0 0 20px 0 #ccc}
.company .combody .com_img img{width:500px; height:350px;}
.company .combody .com_zi{padding: 30px;width: 640px;}
.company .combody .com_zi b{font-size: 18px;color: #0866C6}
.company .combody .com_zi em{display: block;width: 50px;height:3px;background: #0866C6;margin:15px 0;}
.company .combody .com_zi p{line-height: 180%;font-size: 15px;text-indent:2em;}
.company .combody .com_zi a.more{width: 115px;height: 34px;text-align:  center;line-height:34px;color: #fff;background: #0866C6;display: block;margin-top: 12px;}

.company .title{background:url(/template/default/images/line1.jpg) no-repeat center bottom;}
.company .title p{color: #ccc}
.company .title b{color: #fff}

.gshj {padding-top: 20px;overflow: hidden;}
.gshj .picMarquee-left{width:1200px;overflow:hidden; position:relative;left: 20px;}
.gshj .picMarquee-left .tempWrap{width: 1200px!important;overflow: hidden;}
.gshj .strengthMain{overflow:hidden;margin-top: 35px;}
.gshj .strengthMain li{float:left;width:230px;height:172.5px;overflow:hidden;background:#000;position:relative;margin:0 10px}

.gshj .strengthMain li img{width:230px;height:172.5px;transition:all .5s;opacity:1;filter:alpha(opacity=100);}
.gshj .strengthMain li .font{width:230px;height:172.5px;top:0;left:0;position:absolute;color:#fff;text-align:center;font-size:16px;padding-top:0px;}
.gshj .strengthMain li .font h3{font-size:15px;color:#fff;font-weight:normal;margin-bottom:20px;line-height:32px;background: rgba(0,163,146,0.8);position: relative;top: 141px;}
.gshj .strengthMain li:hover img{transform: scale(1.1, 1.1);opacity:0.4;filter:alpha(opacity=40);}
.gshj .strengthMain li:hover .font h3{font-size:20px;color:#fff;font-weight:normal;margin-bottom:20px;line-height:170px;background: none;position: relative;top: 0}
.gshj .strengthMain li .font::before,.strengthMain li .font::after{position:absolute;content:'';opacity:0;transition:all 0.5s;}
.gshj .strengthMain li .font::before{top:25px;right:15px;bottom:25px;left:15px;border-top:1px solid #fff;border-bottom:1px solid #fff;transform:scale(0,1);-webkit-transform-origin:0 0;transform-origin:0 0}
.gshj .strengthMain li .font::after{top:15px;right:25px;bottom:15px;left:25px;border-right:1px solid #fff;border-left:1px solid #fff;transform:scale(1,0);transform-origin:100% 0;}
.gshj .strengthMain li:hover .font::before,.strengthMain li:hover .font::after{opacity:1;transform:scale(1);transition: all 0.5s;}
/*company start*/

/*field start*/
.field{margin-bottom: 50px;}
.field .slideBox{width: 1288px; overflow:hidden; zoom:1; padding:35px 0 0px 50px; position:absolute;z-index: 9999 ;position: relative;top: 0px;}
.field .sPrev,.field .sNext{ position:absolute; left:5px; top:0px; display:block; width:46px; height:330px; background:url(/template/default/images/arrow-left.png) no-repeat center; }
.field .sNext{width:46px; height:330px; left:auto; right:15px; background:url(/template/default/images/arrow-right.png) no-repeat center;  }
.field .sPrev:hover,.slideGroup .sNext:hover{ border-color:#f60;  }

.field .con{width:1300px;}
.field .con .ul1 .li1{width:275px;float:left;position:relative;overflow:hidden;cursor:pointer;border:1px solid #a2ccf7;background: #a2ccf7;}
.field .con .ul1 .li1:hover{background: #0866C6}
.field .ul1{ overflow:hidden; zoom:1;   }
.field .ul1 .li1{ margin:0 15px; float:left; _display:inline; overflow:hidden;background: #fff ;text-align: center;transition: all 0.2s ease-in;}

.field .ul1 .li1 img{display:block; margin:10px auto 0 auto;border: 3px solid #fff}
.field .ul1 .li1 a:hover img{ border-color:#C1E5E0;  }
.field .ul1 .li1 .txt{width:270px;line-height:30px;margin: 7px auto 10px auto;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-size: 16px;background: url(/template/default/images/titlebg.png);color: #333}
.field .ul1 .li1 .txt p{font-size: 13px;line-height: 160%;text-align: center;}
.field .ul1 .li1:hover .zi{color: #444}
.field .ul1 .li1:hover .txt{color: #fff}
.field .ul1 .li1 .more{width:100px;height:32px;background: url(/template/default/images/morebg.jpg) no-repeat center;margin: 5px auto 0 auto;text-align: center;line-height: 32px;}
.field .ul1 .li1 .more:hover {color: #ff5200;background: url(/template/default/images/morebg1.jpg) no-repeat center;}
.field .ul1 .li1 .plus{height: 40px;background: url(/template/default/images/plus.png) no-repeat center;}
.field .ul1 .li1:hover .plus{background: url(/template/default/images/plus1.png) no-repeat center;}
/*field end*/

/*new start*/
.new_r{ float:right; display:inline; width:475px; overflow:hidden; padding-top:1px; height:414px;}
.new_r img{ display:block; height:240px; width:475px; margin-bottom:15px; }
.new_r b{ font-size:16px; color:#333333; line-height:32px; height:32px; overflow:hidden;font-weight: normal;}
.new_r p{line-height:22px; height:44px; overflow:hidden; color:#666666; font-size:14px;}
.new_r .n_more{ display:block;height:26px; width:88px;background: url(/template/default/images/more.jpg) no-repeat; margin-top:13px;}
.new_r .n_more:Hover{transition:all 0.3s;filter:alpha(opacity=80);opacity:0.8;}
.new_l{ float:left; display:inline; width:687px; overflow:hidden; height:415px;}
.blog_list li{ float:left; margin:0 0px 19px 0; display:inline; position:relative; width:687px; height:112px; overflow:hidden;}
.blog_list li a{ display:block; width:663px; height:90px; padding:10px 10px 10px 12px; overflow:hidden; background:url(/template/default/images/i_news_bg.png) #f9f9f9 right bottom no-repeat; color:#666666; border:1px solid #e5e5e5;}
.blog_list li a span{ display:block; cursor:pointer;}
.blog_list li a:hover{background:url(/template/default/images/i_news_bg2.png) #f9f9f9 right bottom no-repeat; border:1px solid #0866C6;}

.blog_list li a:hover .blog_Rmore b{ color:#0866C6;}
.blog_Rtime{ width:88px; height:88px; background-color:#74a9e0; text-align:center;}
.blog_Rtime em,.blog_Rtime b{ display:block; font-family:Arial; color:#FFF;}
.blog_Rtime b{ font-size:48px;height:62px; line-height:62px; font-weight:bold; letter-spacing:2px;}
.blog_Rtime em{ font-style:normal;height:26px; line-height:26px; font-size:16px; background-color:#0866C6; font-weight:bold;}
.blog_Rmore{ width:540px;padding-top: 3px;}
.blog_Rmore b{ color:#333; display:block; width:400px; height:32px; line-height:32px; overflow:hidden; font-size:16px; margin-bottom:2px;}
.blog_Rmore span{ line-height:23px; height:46px; overflow:hidden; font-size:14px;}
/*new end*/

/*footer start*/
.footer{padding: 30px 0px 30px;background: #666;border-top: 6px solid #0866C6}
.footer .foot_body ul{height: 40px;line-height: 40px;border-radius: 5px;    background-color: #0866c6;}
.footer .foot_body ul li{float: left;width: 170px;text-align: center;font-size: 16px;background: url(/template/default/images/dot.jpg) no-repeat center right;}
.footer .foot_body ul li:nth-last-of-type(1) {background: none}
.footer .foot_body ul li a{color: #fff}
.footer .foot_body ul li:hover a{color: #b1ece2}
.footer .foot_body .lxwm{position:relative;text-align: center;margin-top: 20px;}
.footer .foot_body span{padding:0 20px;color: #fff;display: inline-block;font-size: 15px;line-height: 200%}
.footer .foot_body span a{color: #fff;}
.footer .foot_body span a:hover{color: red;}
/*footer end*/