@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%;}
.w1000{width: 1000px;margin:0 auto;}
.w1200{width: 1200px;margin:0 auto;}
.w1140{width: 1140px;margin:0 auto;}
.pr{ position:relative}
a { text-decoration: none; outline: none; color: #666; 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*/
.top{background:url('../images/top_bg.png') no-repeat center top;height:192px; width:100%; min-width:1160px; position:relative;}
.h_top{color:#fff;height:20px; line-height:20px;padding:11px 0;overflow:hidden;}
.h_top span{float:left; color: #444;}
.h_top p{float:right;}
.h_top p a{padding:0 6px 0 8px;color:#444;height:20px; display:inline-block; font-size: 16px;}
.h_top p a img{vertical-align:middle;}
.h_top p a.wb1{background:url('../images/wb1.gif') no-repeat 0 center; padding-left:23px;margin-left:8px;}
.h_top p a.wb2{background:url('../images/wb2.gif') no-repeat 0 center; padding-left:23px;margin-left:8px;}
.h_con{height:100px;overflow:hidden; width: 1200px;}
.h_con h1{float:left; padding-right:20px;}
.h_con h1 a{display:inline-block;}
.h_con h1 img{vertical-align:middle;}
.h_con .ewm{position:absolute; right:0;}
.h-logo{float: left; width:680px;}
.h_con h2{float: left;height: 60px;margin:10px 0 0 0;color: #333333;font-size: 22px;font-weight: bold;letter-spacing: 1px;border-left: solid 1px #ccc;padding-left: 20px;font-family:"微软雅黑"; font-weight:normal;}
.span1{ color:#f55700;font-size:18px; line-height:26px;}
.span2{ font-size:14px; display:block; margin-top:15px;}
.h-pho{float:right;width:430px; color:#4c4c4c; font-family:"Microsoft YaHei","微软雅黑"; padding:15px 0 0 60px; background:url('../images/pho.gif') no-repeat 0 25px;}
.h-pho span{font-size:25px; color:#0086bb;display:block; float: left;width:100%;}
.h-pho b{font-size:18px;line-height:34px; font-weight:normal;display:block; float: right;}
.h_nav{height:50px; line-height: 50px; overflow:hidden; background: #06a0dd;}
.h_nav ul{font-size:0;font-family:"Microsoft YaHei","微软雅黑";}
.h_nav li{float:left; display:inline-block;height:50px;line-height:50px;font-size:0;/* background:url(../images/nav_line.jpg) no-repeat 0 center; */}
.h_nav li:hover{ background:#1e95d4;}
.h_nav li.first{/*background:#1e95d4;*/background:#06a0dd;}
.h_nav li a{color:#fff;display:inline-block;font-size:16px;padding:0 68px; text-align:center;}
.h_nav li a:hover,.h_nav li.cur a{color:#fff; text-decoration:none;}
.enn{ margin-right: 5px; }
.cnn{ margin-right: 5px; }
/*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(../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: 500px;
	display: block;
}
/*banner end*/

/*product start*/
.product{padding:40px 0 25px 0;}
.pro_l{width: 300px;background: url(../images/proList.png) no-repeat center top #F4F4F4;}
.pro_l ul.ul1{width: 278px;border:1px solid #e7e7e7;border-top: 0px;padding:150px 10px 3px 10px;}
.pro_l ul.ul1 li a{display: block;width: 278px;height: 28px;line-height: 28px; color: #444;font-size: 16px;font-weight: bold;margin: 0px auto 4px; border: 1px #7fc4e0 solid;}
.pro_l ul.ul1 li a:hover{ color: #06a0dd }
.pro_l ul.ul1 li a em{display:block;width: 20px;height: 28px;background: url(../images/dot1.png);float: left; margin: 0 8px 0 15px;}
.pro_l ul.ul1 li ul li a{display: block;width: 278px;height: 30px;line-height: 30px;background: none;color: #666;font-size: 14px;font-weight: normal;text-align: center;border-bottom: 1px dashed #dfdfdf}
.pro_l ul.ul1 li.Li1:nth-child(2) {margin-top: 10px;}
.pro_l ul.ul1 li ul li a:hover {color: #06a0dd}
.pro_r{width: 900px;}
.pro_r ul li{width: 250px;margin-left: 45px;position: relative;border:1px solid #666;margin-bottom: 13px;transition: all 0.2s ease-in;}
.pro_r .pro_zi{width: 250px;height: 35px;line-height: 35px;text-align: center;font-size: 14px;background: #666;transition: all 0.2s ease-in;color: #fff;}
.pro_r ul li:hover {border: 1px solid #06a0dd;}
.pro_r ul li:hover .pro_zi{background: #06a0dd;color: #fff}

.pro_r li .img{width: 250px;height: 187px;overflow: hidden}
.pro_r li img{ width: 250px;height: 187px; 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;}
.pro_r li: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)}
/*product end*/

/*company start*/
.company{padding: 50px 0;background:url(../images/combg.jpg) #E8EAFF}
.cb_l{ box-shadow: 5px 0px 5px 5px; }
.company .com_body{margin-top: 30px;}
.company .com_body .cb_r{width: 650px;}
.company .com_body .cb_r b{font-size: 16px;color: #06a0dd;line-height: 200%}
.company .com_body .cb_r p{font-size: 15px;line-height: 180%;text-indent: 2em;}
.company .com_body .cb_r p a{color: #6282a5}
.company .com_body .cb_r p a:hover {color: #06a0dd}

.company .com_body .cb_r .companya{display: block; width: 140px;height: 40px;background: url(../images/comlibg.jpg);line-height: 40px;text-align: center;font-size: 16px;color: #06a0dd;margin-left: 30px;transition: all 0.2s ease-in; float: right; margin-top: 18px;}

.company .com_body .cb_r .companya:hover {background: url(../images/comlibg1.jpg);color: #fff}
/*company end*/

/*adv start*/
.adv{height: 763px;background: url(../images/advbg.jpg) no-repeat center;}
/*adv end*/
/*case start*/
.case{padding:30px 0 10px 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: #06a0dd; position: absolute; left: 0; bottom: 0; height: 5px; overflow: hidden;width: 100%; transition: 0.3s;color: #BB2F30}
.effect-1 .member-image img{transition: 0.3s; border-radius: 60px 0;}
.effect-1:hover .member-image{border-color: #06a0dd; transition: 0.3s; border-radius: 0%; 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*/
.new{padding: 25px 0 15px 0;}
.new .title{text-align: center;}
.new .title .top{width: 200px;height: 42px;margin: 0 auto;background:url(../images/title_bg.png);}
.new .title b{font-size: 32px;font-weight: normal;}
.new .title p{text-align: center;padding-top: 10px;font-size: 16px}
.new_body{width: 1200px;margin:20px auto 0 auto;}
.nb_l{width: 570px;}
.new_box{width: 568px;height: 90px;margin: 17px 0;}
.nbox_l{width: 90px;height: 90px; background: url(../images/new.jpg) no-repeat; color: #fff;transition: all 0.2s ease-in;}
.nbox_l .b1{font-size: 28px;text-align: center;padding-top: 13px; position: relative; bottom: 15px;}
.nbox_l font{font-size: 14px;text-align: center;position: relative;left: 10px; top: 5px;}
.nbox_r{width: 448px;height: 90px;background-color:#E6E6E6;padding:0 15px;}
.nbox_r .ntitle{padding-top: 13px;font-size: 16px;color:#06a0dd;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.nbox_r .ncon{font-size: 14px;color: #555;position: relative;top: 2px;}
.new_box:hover .nbox_l{background: url(../images/new1.jpg) no-repeat;}
.new_box:hover .ntitle{color: #666}
.new_box:hover .nbox_r{background-color: #E6E6E6;}
.nb_r{width: 570px;}
/*new end*/

/*footer start*/
.index_contact{ width: 100%;  height: 270px; background: #e7e7e7;}
.index_contact_left{ width: 998px; height: 270px; background:url('../images/index_contact_left.png');background-size:100% 100%; position: relative;}
.index_contact_main{ display: flex;}
.qrcode{ width: 152px; height: 200px; margin-left: 45px; margin-top: 34px;}
.index_contact_mobile:before{ content: ''; background:url('../images/footer_phone.png'); width:25px; background-size:100% 100%; display: block; height: 25px; float: left; margin-right: 8px;}
.index_contact_mobile{ font-size: 25px; font-weight: bold;line-height: 25px;}
.index_contact_content{ color: #fff;}
.index_contact_in{ margin-top: 15px;}
.index_contact_content{ margin-left: 60px;  margin-top: 60px;}
.index_contact_go{ width: 194px; height: 50px;  background:url('../images/index_contact_c.png'); background-size:100% 100%; position: absolute; right: 0px; top: 86px; line-height: 50px; font-size: 16px;}
.index_contact_go span{ margin-left: 20px; transition: all 0.6s; }
.index_contact_go:hover span{ margin-left: 35px;}
.footer_main{width: 100%; height: 186px; margin-top: 30px; background: #292929;}
.footer_main_left{ width: 385px;}
.footer_logo{width: 282px; height: 65px; margin: 0 auto 0 auto;}
.footer_in{ padding-top: 50px; display: flex;}
.footer_nav{ width: 750px; height: 50px; border-top: 1px solid #666; border-bottom: 1px solid #666; line-height: 50px;}
.footer_nav ul li a{ color: #ccc; font-size: 16px;}
.footer_nav ul li{ float: left; margin-right: 20px;}
.footer_nav ul li:after{ content: '|'; margin-left:20px; color: #ccc;}
.footer_nav ul li:nth-child(6):after{content: '';}
.footer_nav ul li:first-child{ margin-left: 78px;}
.footer_nav ul li a:hover{ color: #fff;}
.footer_copy{ width: 100%; color: #999; font-size: 14px; margin-top: 33px; text-align: center;}
.footer_copy span:nth-child(2){ margin-left: 40px;}
.gzsjz{ font-size: 20px; color: #444; writing-mode:tb-rl; font-weight: bold; width: 48px; height: 150px; padding-right: 40px; letter-spacing:10px; margin-top: 30px;}
/*footer end*/