*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.pic{width: 100%;overflow: hidden;}
.in_title{padding-top: 60px;margin-bottom: 35px;text-align: center; }
.in_title h2{color:#17B4FF;font-size: 36px;}
.in_title p{color: #fefefd; font-size: 18px;margin-top: 15px;}

.in_content{background: #0c0b0e;overflow: hidden;}

.in_adv{background: url("adv_bg.jpg") no-repeat top center;min-height: 157px;}
.in_adv .adv_txt{width:555px;margin-right: 22px;margin-top: 22px; }
.in_adv .adv_txt h2{color: #fff;font-size: 36px;}
.in_adv .adv_txt p{color: #e5e5e5;font-size: 16px;line-height: 29px;}
video::-webkit-media-controls-enclosure { overflow:hidden;    }
video::-webkit-media-controls-panel {
        width: calc(100% + 30px); background-color:#f1f1f1;
    }
/* in_about */
.in_about{margin-top: 60px;position: relative;z-index:99;}
.in_about .in_title{ padding-top:0px;}
.in_about .in_title h2{color:#17B4FF;font-size: 53px; text-transform:uppercase;}
.in_about .in_title p{color: #ffffff; font-size: 36px;line-height: 36px; margin-top: 10px;background: url("news_t.png") no-repeat center;}
.in_about .about_box .fr{width: 538px;height: 374px;border: 6px solid #b5b5b5;border-radius: 6px;-moz-box-shadow:0 0 10px #fff; -webkit-box-shadow:0 0 10px #fff;box-shadow: 0 0 10px #fff; background-color:#000000; }
.in_about .about_box .fr img,.in_about .about_box .fr  embed,.in_about .about_box .fr iframe,.in_about .about_box .fr  VIDEO{width: 526px;height: 362px; overflow:hidden;}
.in_about .about_box .fl{width: 616px;}
.in_about .about_box .fl .about_t h3{font-size: 24px;color: #fefdfd;padding-bottom: 25px;margin-bottom: 12px; background: url("about_t.png") no-repeat left bottom;}
.in_about .about_box .fl .about_txt p{color: #e5e5e5;font-size: 16px;line-height: 31px;}
.in_about .about_box .fl .about_txt a.more{margin-top: 12px;float: right;width: 109px;height: 33px;font-size: 16px;line-height: 33px;color:#fff ;text-align: center; background:#0093DD;display:block;border-radius: 6px; }
.in_about .about_box .fl .about_txt a.more:hover{ background-color:#00923F}
/* in_product */
.in_product {
	background-color: #070709;
	background-image: url(pro_bg.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.in_product .product{position: relative;z-index:1;}
.in_product .product .pic1{position: absolute;top: -265px;left: -360px;}
.product_nav ul{height: 31px;text-align: center;margin-bottom: 20px;position: relative;z-index:9;}
.product_nav ul li{position: relative;display: inline-block; width: 110px;height: 29px;text-align: center;font-size: 16px;line-height: 29px; background-color:#0093DD;margin: 0 7px; cursor: pointer;    -webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.product_nav ul li a{color: #fff;}
.product_nav ul li:hover a,.product_nav ul li:active a,.product_nav ul li.on a{color: #fff;}
.product_nav ul li:hover:after,.product_nav ul li:active:after {height: 100%;}
.product_nav ul li.on{background: #E77817;}
.product_nav ul li:before {
	speak: none;
	text-transform: none;
	position: relative;
	-webkit-font-smoothing: antialiased;
}
.product_nav ul li:after {
    content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	width: 100%;
	height: 0;
	top: 0;
	left: 0;
	background: #fcd605;
}
.product_list{min-height: 150px;}
.product_list ul{display: none;}
.product_list ul.on{display: block;}
.product_list ul li{width: 285px;float: left;padding: 2px;text-align: center;background:#ffffff;margin: 7px; }
.product_list ul li img{width: 281px;height: 214px;display: block;-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all 1s;}
.product_list ul li p{font-size: 18px;color: #4c4c4c;line-height: 40px;  height:40px; overflow:hidden;}
.product_list ul li:hover{background:#0093DD;}
.product_list ul li:hover p{ color:#fff;}
.product_list ul li:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}

/* in_adver */
.in_adver{position: relative;z-index: 1;}
.in_adver .pic2{position: absolute;top: -1070px;right: -360px;}
.in_adver .in_title p{color: #ffffff; font-size: 16px;line-height: 31px; margin-top: 15px;}
.adver_list ul li{float: left;width: 25%;text-align: center;color: #ffffff;position: relative;}
.adver_list ul{width: 90%;margin: 0 auto;display: block;}
.adver_list ul li div{width: 100%;position: absolute;top:25px;}
.adver_list ul li div p.txt1{font-size: 18px;line-height: 28px;}
.adver_list ul li div h2{font-size: 33px;}
.adver_list ul li div p.txt2{font-size: 16px;line-height: 34px;}
.adver_list ul li img{-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all 1s;}
.adver_list ul li:hover img{transform: rotate(360deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg);}

/* in_news */
.in_news{
	width:100%;
	height:auto;
	float:left;
	background-image: url(news_bg.jpg);
	background-repeat: no-repeat;
	background-position: center center; padding-bottom:30px; background-color:#070709;
}
.in_news .in_title h2{color:#17B4FF;font-size: 53px; text-transform:uppercase;}
.in_news .in_title p{color: #ffffff; font-size: 36px;line-height: 36px; margin-top: 10px;background: url("news_t.png") no-repeat center;}

.in_news .news_box{width:705px;}
.in_news .news_nav{border-bottom: 1px solid #6d6f72;margin-bottom: 30px;}
.in_news .news_nav ul li{display: inline-block;width: 159px;height: 40px;line-height: 40px;font-size: 18px;text-align: center;background: url("news_nav01.png") no-repeat;}
.in_news .news_nav ul li a{color: #0e1317;}
.in_news .news_nav ul li:hover,.in_news .news_nav ul li.on{background: url("news_nav02.png") no-repeat; color:#fff;}
.in_news .news_nav ul li:hover a,.in_news .news_nav ul li.on a{color:#fff;}
.in_news .news_box .box{display: none;}
.in_news .news_box .box.on{display: block;}

.in_news .news_box .news_top .fl img{ width:287px; height:183px;border:1px solid #fdfdfd;}
.in_news .news_box .news_top .fr{width: 395px;}
.in_news .news_box .news_top .fr h3{font-size: 18px;color: #fdfdfd;font-weight: normal;line-height: 58px;}
.in_news .news_box .news_top .fr p{font-size: 15px;color: #fdfdfd;line-height: 31px;}
.in_news .news_box .news_top .fr a.more{font-size: 14px;color:#fff;margin-top: 20px;display: block; line-height:30px; padding:0px 15px; float:left;border-radius:4px; background-color:#0093DD;}
.in_news .news_box .news_top .fr a.more:hover{ background-color:#00923F}
.news_box .news_list dl{margin-top:20px;padding-bottom:20px;overflow: hidden;border-bottom:1px solid #2d3034;  }
.news_box .news_list dl:last-child{border-bottom:none;}
.news_box .news_list dl dt{ width:80px;height: 75px;padding: 0 5px; float:left;font-weight: bold;font-size:18px;text-align: center;color: #fff;line-height: 30px;background: #0093DD;font-family: "Times";border-radius: 8px;}
.news_box .news_list dl:hover dt{background-color:#00923F}
.news_box .news_list dl dt span{ display:block; font-size:30px;padding-top: 8px;border-bottom: 1px solid #F0FAFF;}
.news_box .news_list dl dd{ width:620px; float:right; line-height:22px; color: #666464;padding-left:20px; }
.news_box .news_list dl dd h3{font-size: 16px;color: #fdfdfd;font-weight: normal;line-height: 30px;}
.news_box .news_list dl dd p{font-size: 14px;color: #fdfdfd;line-height: 25px;}

.in_vedio{width: 440px;}
.in_vedio .vedio_t{font-size: 21px;color:#17B4FF;font-weight: bold;border-left: 4px solid #17B4FF;padding-left: 10px;margin-bottom: 30px;}
.in_vedio .picScroll{position: relative;}
.in_vedio .bd {width: 372px;margin: 0 auto;height: auto;}
.in_vedio .bd li {width: 372px;height: 279px; height: auto;position: relative;}
.in_vedio .bd li h3{border-radius: 6px;-moz-box-shadow:0 0 10px #fff; -webkit-box-shadow:0 0 10px #fff;box-shadow: 0 0 10px #fff;width: 372px;height: 279px; overflow:hidden;}
.in_vedio .bd li img{width: 372px;height: 279px;display: block;border: 6px solid #b5b5b5;}
.in_vedio .hd .prev,.in_vedio .hd .next{width: 44px;height: 44px;position: absolute;top: 35%;margin-top: -22px;}
.in_vedio .hd .prev{background: url("prev.png") no-repeat;left: 8px;}
.in_vedio .hd .next{background: url("next.png") no-repeat;right: 8px;}
.in_vedio .vedio_txt{ padding:10px 5px;width: 362px;}
.in_vedio .vedio_txt h2{ font-size:16px; font-weight:bold; text-align:center; color:#fff; line-height:35px; margin-bottom:5px; border-bottom:#fff solid 2px;}
.in_vedio .vedio_txt p{line-height: 25px;color: #fdfdfd;}
#link{ width:1196px;  float:left; border:#fefefe solid 1px; padding:1px; margin-top:25px; }
#link_1{ width:50px; line-height:20px; background-color:#0093DD;float:left; padding-top:5px; padding-bottom:5px; font-size:16px; text-align:center; color:#FFFFFF;}
#link_2{ width:1122px; padding-right:13px; font-size:14px; float:right; line-height:25px;}
#link_2 A{ padding-left:8px; padding-right:8px; color:#FFFFFF;}
#caselist { margin-left:auto; margin-right:auto;
	WIDTH:1200px;
	 margin-top:25px; position:relative; overflow:hidden;
}
#caselist UL {
	LIST-STYLE-TYPE: none
}
#caselist UL LI {
	TEXT-ALIGN:left; WIDTH:285px; FLOAT: left; margin-right:20px;cursor:pointer; 
}

#caselist UL LI h2{ width:279px;   border:#fff solid 3PX;  cursor:pointer;TEXT-ALIGN: center; height:200px; overflow:hidden;  }
#caselist UL LI IMG { border:0px;width:279px; min-height:200px;transition:all 0.3s ease-in-out 0s;}
#caselist UL LI h3{ text-align:center;
	width:275px;
	cursor:pointer;
	overflow:hidden;padding:5px; height:30px; font-size:18px;  line-height:28px; margin-top:5px;
}
#caselist UL LI p{ TEXT-ALIGN:left; font-size:14px; height:44px;  line-height:22px; padding:5px; overflow:hidden; font-weight:normal;}
#caselist UL LI A {
	DISPLAY: block; color:#fff;transition:all 0.3s ease-in-out 0s;
}
#caselist UL LI A:hover {
	color:#0093DD;
}
#caselist .more{ width:1200px; float:left; margin-top:25px; text-align:center;}
#caselist .more A{
	display:inline-block; padding-left:25px; padding-right:25px; line-height:34px;;font-size:14px;border-radius:38px;  color:#0355BA; background-color:#fff;transition:all 0.2s ease-in-out 0s;
}
#caselist .more A:hover {
	background:#FED400;  color:#0355BA;
}
#caselist UL LI A:hover h2{   border:#0093DD solid 3PX; }
#caselist UL LI A:hover img{-webkit-transform:scale(1.10);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
#caselist .prev,
#caselist .next {
	width: 38px;
	height:210px;
	position: absolute;
	background-repeat: no-repeat;
	background-position: left center;
	top:0px; 
}
#caselist .prev {left:-50px;
		background-image: url(leftb.png);
	background-repeat: no-repeat;
	background-position: left center;
}
#caselist .next {
	right:-50px;
	background-position: right center;
	background-image: url(rightb.png);
}
#hyweb_5{
	width:100%;
	float:left;
	padding-top:60px;
	padding-bottom:60px;
	overflow:hidden;
	min-width:1200px;
	background-image: url(bg5.jpg);
	background-repeat: no-repeat;
background-position: center center;background-size:cover; background-color:#000;
}
#pqrtd{ width:1200px; float:left;}
#pqrtd .fl{ float:left;}
#pqrtd .fr{ float:right;}
#pqrtd .left{ width:576px; float:left;}
#pqrtd .yeji_r {
	width: 600px; float:right;
}
#pqrtd .lmd{
	width:576px;
	float:left;
	background-image: url(f-1.png);
	background-repeat: no-repeat;
	background-position: center 15px; text-align:center; color:#fff;
}
#pqrtd .lmd dd{ font-size:22px; font-weight:400; line-height:35px;}
#pqrtd .lmd  p{
	font-size:18px; font-weight:600;
	color:#29ACD6;
	text-transform:uppercase;
	margin-top:6px;
	font-family: Arial, Helvetica, sans-serif;
}
#pqrtd .txtScroll-top {
	width: 100%; overflow: hidden; position: relative; margin-left:50px;
}
#pqrtd .txtScroll-top .infoList li {
	height: 30px; line-height: 30px;
}
#pqrtd .txtScroll-top .infoList li a {
	color: rgb(153, 153, 153);
}
#pqrtd .txtScroll-top .infoList li .date {
	color: rgb(153, 153, 153); float: right;
}
#pqrtd  .yeji_l {
	 width: 576px; height: 361px; margin-top:24px; font-size:14px; color:#fff; background-color:rgba(0,0,0,0.6);
}
#pqrtd .title_gc { margin-left:15px; margin-top:30px;
	top:-12px; color: rgb(0, 193, 245); font-size: 16px; font-weight: bold; position: relative;
}
#pqrtd .title_gc .li1 {
	width: 170px; height: 20px; text-align: center; line-height: 20px;
}
#pqrtd .title_gc .li2 {
	width: 170px; height: 20px; text-align: center; line-height: 20px;
}
#pqrtd .title_gc .li3 {
	width: 98px; height: 20px; text-align: center; line-height: 20px;
}
#pqrtd .title_gc .li4 {
	width: 78px; height: 20px; text-align: center; line-height: 20px;
}
#pqrtd .yj1 {
	width: 150px; padding-right: 20px; display: block; 	TEXT-OVERFLOW: ellipsis;
	WHITE-SPACE: nowrap;
	OVERFLOW: hidden; float:left;
}
#pqrtd .yj2 {
	width: 150px;  padding-right: 20px; display: block; 	TEXT-OVERFLOW: ellipsis;
	WHITE-SPACE: nowrap;
	OVERFLOW: hidden;
}
#pqrtd  .yj3 {
	width: 98px; text-align: center; display: block;TEXT-OVERFLOW: ellipsis;
	WHITE-SPACE: nowrap;
	OVERFLOW: hidden;
}
#pqrtd  .yeji_l .bd li .yj4 {
	width: 78px; text-align: center; display: block;
}
#pqrtd .login-01 input {
	background: none;
}
#pqrtd .login-01 {
	margin: 90px 0px 0px 40px; width: 100%;
}
#pqrtd form {
	padding: 0% 1%;
}
#pqrtd form li.first {
	list-style: none; border: currentColor; border-image: none; width: 100%; margin-bottom: 10px;
}
#pqrtd li.second {
	list-style: none; border: currentColor; border-image: none; width: 100%; margin-bottom: 10px;
}
#pqrtd .icon {
	width: 55px; height: 55px; float: left; display: block; border-top-left-radius: 0.3em; -o-border-top-left-radius: 0.3em; -moz-border-top-left-radius: 0.3em; -webkit-border-top-left-radius: 0.3em; border-border-bottom-left-radius: 0.3em; -o-border-bottom-left-radius: 0.3em; -moz-border-bottom-left-radius: 0.3em; -webkit-border-bottom-left-radius: 0.3em;
}
#pqrtd .icon2 {
	width: 55px; height: 55px; float: left; display: block; border-top-left-radius: 0.3em; -o-border-top-left-radius: 0.3em; -moz-border-top-left-radius: 0.3em; -webkit-border-top-left-radius: 0.3em; border-border-bottom-left-radius: 0.3em; -o-border-bottom-left-radius: 0.3em; -moz-border-bottom-left-radius: 0.3em; -webkit-border-bottom-left-radius: 0.3em;
}
#pqrtd .user {
	background: url("icons.png") no-repeat 14px 15px #29ACD6;
}
#pqrtd .email {
	background: url("icons.png") no-repeat 15px -39px #29ACD6;
}
#pqrtd .phone {
	background: url("icons.png") no-repeat 15px -93px #29ACD6;
}
#pqrtd .msg {
	background: url("msg.png") no-repeat 16px 16px #29ACD6;
}
#pqrtd li.first:hover .user {
	background: url("icons.png") no-repeat 14px 15px #FF9900;
}
#pqrtd li.first:hover .email {
	background: url("icons.png") no-repeat 15px -39px #FF9900;
}
#pqrtd li.first:hover .phone {
	background: url("icons.png") no-repeat 15px -93px #FF9900;
}
#pqrtd li.second:hover .msg {
	background: url("msg.png") no-repeat 16px 16px #FF9900;
}
#pqrtd input[type='text'] {
	background: none !important; padding: 1em; border: currentColor; border-image: none; width: 77%; color: rgb(133, 130, 130); font-family: "Microsoft YaHei"; font-size: 16px; font-weight: 500; border-top-right-radius: 0.3em; box-shadow: 0px 0px 1px 0px #fff; -o-border-top-right-radius: 0.3em; -moz-border-top-right-radius: 0.3em; -webkit-border-top-right-radius: 0.3em; border-border-bottom-right-radius: 0.3em; -o-border-bottom-right-radius: 0.3em; -moz-border-bottom-right-radius: 0.3em; -webkit-border-bottom-right-radius: 0.3em;
}
#pqrtd form textarea {
	background: none !important; padding: 1em; border: currentColor; border-image: none; width: 77%; color: rgb(133, 130, 130); font-family: "Microsoft YaHei"; font-size: 16px; font-weight: 500; border-top-right-radius: 0.3em; box-shadow: 0px 0px 1px 0px #fff; -o-border-top-right-radius: 0.3em; -moz-border-top-right-radius: 0.3em; -webkit-border-top-right-radius: 0.3em; border-border-bottom-right-radius: 0.3em; -o-border-bottom-right-radius: 0.3em; -moz-border-bottom-right-radius: 0.3em; -webkit-border-bottom-right-radius: 0.3em;
}
#pqrtd form textarea {
	height: 100px; resize: none;
}
#pqrtd .login-01 input[type='submit'] {
	background: #FF9900; padding: 5px; border: 2px solid #FF9900; border-image: none; width: 35%; color: rgb(255, 255, 255); font-family: "Microsoft YaHei"; font-size: 17px; font-weight: 300; margin-top: 12px; margin-right: 2.85em; float: right; cursor: pointer;
}
#pqrtd input[type='submit']:hover {
	
}
#pqrtd li.lost {
	margin-bottom: 21px;
}
#pqrtd .yzm {
	width: 130px; margin-top: 13px; margin-left: 56px; float: left;
}
#pqrtd .yzm a {
	color: rgb(255, 255, 255);
}
#pqrtd .inpt {
	width: 25% !important; height: 0px; margin-top: 7px; margin-right: 200px; float: right; 
}