@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;}
.w1260{width: 1260px;margin:0 auto;}
a { text-decoration: none; outline: none; color: #fff; 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{height: 100px;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.nav{ width: 736px; height:100px; line-height:100px; position:relative;z-index:1;margin: 0 auto}
.nav a{ color:#444;}
.nav .nLi{ float:left;  position:relative; display:inline;}
.nav .nLi h3{ float:left;}
.nav .nLi h3 a{ display:block; width: 105px; font-size:16px;font-weight: bold;text-align:center;background: url(../images/navhoverbg.png) no-repeat center bottom;transition: all 0.2s ease-in;}
.nav .nLi h3 a:hover {background:url(../images/navhoverbg.png) no-repeat center top;color: #fff}
.nav .sub{ display:none; width:105px; left:0; top:100px;position:absolute;background:url(../images/hoverbg.png) repeat-y;line-height:35px;padding:5px 0;}
.nav .sub li{ zoom:1;}
.nav .sub a{ display:block; padding:0 10px;text-align: center;}
.nav .sub a:hover{ background:#62B700; color:#fff;}
.nav .nLi:nth-child(2) .sub{width: 120px;}
.nav .nLi:nth-child(3) .sub{width: 120px;}*/
/*header end*/

/*header start*/
.header{height: 80px;color: #FFF;position: fixed;top: 0;left: 0;transition: background 1s;z-index: 99999999999}

.nav{ width: 700px; height:80px; line-height:80px; position:relative;z-index:9999999;}
.nav .nLi{width: 100px; float:left; position:relative; display:inline;}
.nav .nLi h3{ float:left;}
.nav .nLi h3 a{ display:block; width: 100px; font-size:16px;font-weight: normal;text-align: center;color: #333; font-weight: bold;}
.nav .nLi h3>a:hover{color: #07B9FA} 
/*.nav .nLi:nth-child(4){ width: 128px; }
.nav .nLi:nth-child(4) h3 a{ width: 128px; }*/
.nav .sub{ display:none; width:100px; left:0; top:80px;position:absolute;z-index: 9999;background:url(../images/hoverbg.png);line-height:35px;padding:5px 0;}
.nav .sub li{ zoom:1;}
.nav .sub a{ display:block; padding:0 10px;text-align: center;font-size: 15px;color: #fff}
.nav .sub a:hover{ background:#0066B3; color:#fff;}
.nav .on h3 a{ background:url(../images/navhover.png) no-repeat; color:#fff;}

.scrolledDown{background:#fff !important;color: #333;box-shadow: 0px 0px 10px #666;  
  -webkit-box-shadow: 0px 0px 10px #666;  
  -moz-box-shadow: 0px 0px 10px #666;}
.scrolledDown .logo{width: 422px;height: 80px;background: url(../images/logo1.png);}
.scrolledDown .nav .nLi h3 a{color: #333}
.scrolledDown .nav .sub a{color: #333}
.scrolledDown .sub a:hover{ background:#0066B3; color:#fff;}

body.ie6 .scrolledDown,  
body.ie7 .scrolledDown,  
body.ie8 .scrolledDown {  
   zoom: 1;  
   filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=5, OffY=5, Color=#ff0000);  
}  
/*header end*/

/*banner start*/
.flexslider {
	margin: 0px auto 0px;
	position: relative;
	width: 100%;
	height: 650px;
	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(../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: url(../images/dot.png) no-repeat 0 -16px;
	display: block;
	height: 16px;
	overflow: hidden;
	text-indent: -99em;
	width: 16px;
	cursor: pointer;
	-webkit-transition: all 0s ease;
}

.flex-control-paging li a.flex-active,
.flex-control-paging li.active a {
	background-position: 0 0;
}

.flexslider .slides a img {
	width: 100%;
	height: 4
	650px;
	display: block;
}
/*banner end*/

/*product start*/
.product{padding-bottom: 45px;}
.product .pro_l{width: 280px;border: 4px solid #00aef3;background: #fff;}
.product .pro_l .pl_top{width: 260px;height: 70px;margin: 0 auto;border-bottom: 1px solid #00aef3;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.nav2{ width:260px;position:relative;z-index:1;margin: 0 auto 0 auto}
.nav2 a{ color:#fff;}
.nav2 .nLi{width:240px;padding:10px;position:relative;  height:33px; line-height:33px;border-bottom: 1px dashed #dedede;}
.nav2 .nLi h3 a{width:100%; height:33px; line-height:33pxdisplay:block;font-size:16px;color: #333; font-weight: normal; text-align: left; padding-left: 20px; background: url('../images/jt1.png') no-repeat left center;}
.nav2 .sub{display:none; width:170px; left:160px;position:absolute; top:-0px;background:#00aef3;  line-height:38px;z-index: 9999}
.nav2 .sub li{ zoom:1;text-align: left;font-size: 13px;}
.nav2 .sub a{ display:block;padding-left: 15px;}
.nav2 .sub a:hover{background:#fff;color:#444;}
.product .nav2 .on h3 a{font-size: 17px; color:#00aef3;}
.product .pro_l .contact{width: 280px;height: 198px;background: url(../images/bg.png) 290px 0px;}
.product .pro_l .contact .con_top{width: 260px;margin: 0 auto}
.product .pro_l .contact ul{width:261px;margin:0 auto;padding: 0}
.product .pro_l .contact ul li{height:25px;line-height:25px;font-size: 14px;color: #fff;border: none;font-weight: normal;padding: 0;}
.product .pro_right{width: 912px; }
.product .pro_right ul li{width: 284px; margin-left: 20px;}
.product .pro_right ul a:nth-child(4) li{ margin-top: 15px; }
.product .pro_right ul a:nth-child(5) li{ margin-top: 15px; }
.product .pro_right ul a:nth-child(6) li{ margin-top: 15px; }
.product .pro_right ul li .proimg{width:280px;height:210px;border: 2px solid #aaa; overflow: hidden;}
.product .pro_right ul li .prozi{width:285px;height:45px;line-height:45px; text-indent: 2em; font-size: 16px; color: #fff; background: url(../images/proname.png) no-repeat center left;}
.product .pro_right ul li:hover .proimg{border: 2px solid #00aef3;}
.product .pro_right ul li:hover .prozi{background:url(../images/proname1.png);}
.product .pro_right li img{ width: 280px; height: 210px; 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 .pro_right li img:hover { 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)}
/*product end*/

/*company start*/
.scrollbg{ width: 100%; height:100%;background-image: url("../images/com_bg.jpg"); background-attachment: fixed; background-position: 50% 0%; background-repeat: no-repeat;position: absolute;z-index: -1}
.company{padding: 10px 0px 0px; background: url(../images/combg.png);}
.company .top{width: 200px;height: 42px;margin: 0 auto; text-align: center;}
.company .top b{font-size: 40px;font-weight: normal; color:#fff;}
.company p{color: #fff;text-align: center;line-height: 220%;padding-top: 30px; font-size: 15px;}
.company .more{width: 130px;height: 30px;background: #00aef3;text-align: center;margin: 30px auto 0 auto;color: #fff;line-height: 30px;font-size: 16px;}
.company .more:hover{border:1px solid #00aef3; color: #333}
.company .service{width: 1200px;height: 130px;margin-top: 70px;}
.company .service ul li{width: 370px;height: 130px;background: #F6F6F6;margin-left: 44px;}
.company .service ul li:nth-child(1) {margin: 0px;}
.company .service ul li:nth-child(2) {background: #00aef3}
.company .service ul li:nth-child(1) .top{width: 300px;height: 56px;margin:0 30px;background: url(../images/01.png) no-repeat left bottom;}
.company .service ul li:nth-child(2) .top{width: 300px;height: 56px;margin:0 30px;background: url(../images/02.png) no-repeat left bottom;}
.company .service ul li:nth-child(3) .top{width: 300px;height: 56px;margin:0 30px;background: url(../images/03.png) no-repeat left bottom;}
.company .service ul li .top p{position: relative;top: -8px;left: -63px;}
.company .service ul li:nth-child(1) .top p{font-size:20px;color: #00aef3;}
.company .service ul li:nth-child(2) .top p{font-size:20px;color: #fff}
.company .service ul li:nth-child(3) .top p{font-size:20px;color: #00aef3;}
.company .service ul li span{display: block;width: 300px;margin: 10px auto 0 auto;}
.company .service ul li:nth-child(2) span{color: #fff}
/*company end*/

/*case start*/
.case{padding:0px 0 50px 0;background:url(../images/casebg.jpg) no-repeat center bottom; box-sizing: border-box;}
.case .title{text-align: center;}
.case .title .top{width: 200px;height: 42px;margin: 0 auto;}
.case .title b{font-size: 40px;font-weight: normal;}
.case .title p{text-align: center;padding-top: 23px;font-size: 16px}
.case .slideBox{width: 1290px; overflow:hidden; zoom:1; padding:0px 0 10px 50px; position:absolute;z-index: 9999 ;position: relative;top: 0px;margin: 0 auto}
.case .sPrev,.case .sNext{ position:absolute; left:5px; top:60px; display:block; width:46px; height:230px; background:url(../images/arrow-left.png) no-repeat center; }
.case .sNext{width:46px; height:230px; 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:225px;float:left;position:relative;overflow:hidden;cursor:pointer;border:1px solid #D8D8D8;background: url(../images/kuangbg.png) no-repeat center;}
.case .ul1{ overflow:hidden; zoom:1;   }
.case .ul1 .caseli{ margin:0 13.5px; float:left; display:inline; overflow:hidden; text-align:center;}
.case .ul1 .caseli { text-align:center; }
.case .row{width: 103%; float: left; margin: 110px 0 0 0;}
.caseli .single-member{width: 280px; float: left;background-color: #fff; text-align: center; position: relative;}
.caseli .member-image img{width: 276px;height: 207px; vertical-align: middle;}
.caseli p {font-size: 15px; font-weight: 300; line-height: 22px; padding: 0 30px; margin-bottom: 10px;margin-top: 10px;text-align: center;color: #666}
.social-touch a{display: inline-block; width: 27px; height: 26px; vertical-align: middle; margin: 0 2px; background-image: url(../images/social-icons.png); background-repeat: no-repeat; opacity: 0.7; transition: 0.3s;}
.social-touch a:hover{opacity: 1; transition: 0.3s;}
.effect-1{border-radius: 5px 5px 0 0; padding-bottom: 20px;background: #fff}
.effect-1 .member-image {border: 2px solid #fff; border-radius: 60px 0; display: inline-block; margin-top: -72px; overflow: hidden; transition: 0.3s;}
.effect-1 .social-touch{background-color: #00aef3; position: absolute; left: 0; bottom: 0; height: 5px; overflow: hidden;width: 100%; transition: 0.3s;color: #00aef3}
.effect-1 .member-image img{transition: 0.3s; border-radius: 60px 0;}
.effect-1:hover .member-image{border-color: #00aef3; transition: 0.3s; border-radius: 3%; overflow:visible;}
.effect-1:hover .member-image img{ border-radius: 0%; overflow:visible;}
.effect-1:hover .social-touch{padding: 6px 0; height: 16px; transition: 0.3s;color: #fff;font-size: 15px;line-height: 16px;}
/*case end*/
/*new start*/
.index-news{ width:575px; float:left;}
.index-news ul{width:325px; float:left; background-color:#ccc; height:230px; padding: 5px 0px;}
.index-news ul li{background:url(../images/nlibg.jpg) no-repeat 10px center; height:38px; line-height:38px; padding-left:30px;}
.index-news ul li a{ color:#444}
.index-news ul li a:hover{color:#111}
.index-news ul li img{float:left;margin-right:10px}
.index-news ul li h3{font-size:100%;font-weight:bold;line-height:25px}
.index-news ul li p{color:#666}
.index-news ul li a span{color:#666;float:right;margin-right:10px}
.index-hang ul li{background:none; height:37px; line-height:37px; padding-left:5px;}
.index-about{ width:1150px; margin:0 auto; padding-top:30px;}
.index-about p{line-height:30px;padding:0px 0px 0px 5px; font-size:13px; color:#333}
/*new end*/

/*footer start*/
.footer{padding: 26px 0 0px 0;background:#696969;border-top: 5px solid #00aef3}
.footer .foot_nav{width: 1200px;height: 16px;margin: 0 auto 20px auto;}
.footer .foot_nav li{width: 170px;text-align: center;line-height: 16px;border-right: 1px solid #fff;color: #fff;font-size: 18px;}
.footer .foot_nav a:nth-child(7) li{border-right: 0px;}
.footer .f_mid{padding: 15px 0;}
.footer .f_mid p{text-align: center;line-height: 200%;color: #fff;font-size: 15px;}
.footer .f_mid .lx_bot{width: 1000px;margin: 0 auto;color: #fff}
.footer .f_mid .lx_bot li{line-height: 30px;}
.footer .f_mid .lx_bot li:nth-child(1) {width: 230px;}
.footer .f_mid .lx_bot li:nth-child(2) {width: 270px;}
.footer .f_mid .lx_bot li:nth-child(3) {width: 270px;}
.footer .f_mid .lx_bot li:nth-child(5) {width: 300px;}
.footer .f_mid .lx_bot li:nth-child(6) {width: 470px;}
.footer .f_bot{background: #333; height: 30px; line-height: 30px;}
.yqlj{height: 35px;line-height: 35px;background: #333}
.yqlj ul li{color: #fff;margin-right: 15px;}
/*footer end*/