*{ margin:0; padding:0px;}
.index{background:#e8e8e8; }
body{ width: 100%;margin: 0px auto;padding: 0px;font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#333; line-height:24px;letter-spacing:1px }
@media only screen and (max-device-width:960px){
*{ margin:0; padding:0px;}
body{ min-width:100%;  overflow-x: hidden }
}
a {text-decoration: none; color: #000; blr:expression(this.onFocus=this.blur()); /* IE Opera */ outline:none; /* FF Opera */ } a:focus{ -moz-outline-style: none; /* FF */ }
a:link, a:visited, a:hover { text-decoration: none;}
a:hover{ color:#333}
ul,ol,li {list-style:none; margin:0; padding:0px;}
img {border:none;}
.text-en{ font-size:18px}

.l{ float:left} .r{ float:right}.clear{clear: both;height: 0px;overflow: hidden;}
#bjdroll{ height:100%;position: relative;
    touch-action: none;}


.bg { background-color: rgba(0,0,0,0.3);position: absolute; left: 0;top: 0; width: 100%; height: 100%; z-index: 2;} 
video {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    background: url(../images/bg.jpg) no-repeat;
    background-size: cover;
}

.footer{font-size: 14px;
    color: #ccc;
    font-weight: lighter;
    font-family: 'roboto';
    position: absolute;
    left: 50px;
    bottom: 30px;
    right: 50px;
    z-index: 9;}
	.header { width:1300px; margin:0 auto;
    position: absolute;
    left: 50px;
    right: 50px;
    z-index: 9;
}
	.logo{float: left;
    width: 200px;
    height: 97px; background:url(../images/logo.png) center top no-repeat;z-index: 3;
    }
		.menu{ width:900px; height:50px;}	.menu{ list-style:none}
	.menu li{ float:left;height:50px; line-height:50px; list-style:none; color:#fff; margin:0 15px; }
	.menu li a{ color:#fff; font-size:18px;}
	.text{ z-index:99; position:absolute; left:0; right:0; text-align:center; /*margin-top:250px;*/top: 40%; color:#fff; }
	.text h1{ font-size:45px;font-weight:normal;margin-bottom:70px; }
	.text h2{ font-size:20px;font-weight:normal; height:30px; line-height:30px;  }
.clearfix:after { content: ""; display: table; clear: both;}

.section { /*overflow: hidden;*/}	
.content{ width:1300px; margin:0 auto; padding-top:40px;}


.footer_01{ font-size:14px; color:#fff; width:1300px;position: absolute; bottom:30px; margin:0 auto;letter-spacing:0}
.footer_01 a{ color:#fff}
.footer_01 .footer_nav{ color:#fff}

.about_i{  width:100%; height:100%;background:url(../images/ibg_01.jpg) center -40px no-repeat; font-size:18px;}
.about_i .nav_title{font-size: 36px;height: 36px;line-height: 36px; margin:130px 0 10px 0;}
.about_i_txt{ width:550px; margin-top:50px; font-size:14px;}
.about_i_txt p{ text-indent:2em; margin-bottom:20px;}
.more{ width:120px; height:35px; line-height:35px; border:1px solid #666; text-align:center; margin-top:40px;}
.footer_02{ font-size:14px; color:#333; width:1300px;position: absolute; bottom:30px; margin:0 auto;letter-spacing:0}
.footer_02 a{ color:#333}
.footer_02 .footer_nav{ color:#fff}
.footer_02 .footer_nav a{ color:#fff;}

.yewu_i{  width:100%; height:100%;background:url(../images/ibg_02.jpg) center top no-repeat; color:#fff ;text-align:center; font-size:18px;}
.yewu_i .nav_title{font-size: 36px;height: 36px;line-height: 36px; margin-bottom:40px;}
.yewu_i li{ float:left; width:216px; }
.yewu_i table{ padding-top:130px; text-align:center}
.yewu_i table td{ font-size:14px}
.yewu_i table h3{ font-size:18px; font-weight:normal; padding:26px 0 16px 0}
.yewu_i table h3 a{ color:#fff}
.footer_03{ font-size:14px; color:#fff; width:1300px;position: absolute; bottom:30px; margin:0 auto;letter-spacing:0}
.footer_03 a{ color:#fff}

.news_i{  width:100%; height:100%;background:url(../images/ibg_03.jpg) center top no-repeat; color:#fff ; font-size:18px;}
.news_i .nav_title{font-size: 36px;height: 36px;line-height: 36px; margin-bottom:20px;}
.news_i_list{ margin-top:35px;}
.news_i_list ul{ width:1340px;}
.news_i_list li{ float:left; width:295px; height:475px; background:#fff; margin-right:40px;box-shadow: #4b779e 2px 2px 4px -1px;}
.news_i_list li h3{ font-size:18px; font-weight:normal; padding:20px 15px;height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
	.news_i_list li h3 a{height: 48px; overflow:hidden;display: block;}
.news_i_list_des{ color:#666; font-size:14px; padding:0 15px;height: 96px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;}
	.news_i .more{ font-size:12px; margin-left:15px}
.footer_04{ font-size:14px; color:#fff; width:1300px;position: absolute; bottom:30px; margin:0 auto;letter-spacing:0}
.footer_04 a{ color:#fff}

.tec_i{width:100%; height:100%; background:#639fdf;font-size:18px; color:#fff}
.tec_i .nav_title{font-size: 36px;height: 36px;line-height: 36px; margin: 0px 0 10px 0;}
.tec_i_img_tex{background:url(../images/ibg_04.jpg) left 80px no-repeat;width:1300px; height:220px;margin-top:10px;}
.tec_i_img{background:url(../images/tec.jpg) center top no-repeat; height:220px; width:650px;}
.tec_i_box{ font-size:14px; background:#235c99; height:110px; width:250px; padding-top:40px;}
.tec_i_box span{ font-size:48px; font-family:impact;padding-left: 68px;  }
.tec_i_box div{ text-align:center; line-height:20px;}
.tec_i_box0{ width:500px;}
.tec_i_box2{ font-size:14px; background:#0d6ecc; height:110px; width:250px; padding-top:40px;}
.tec_i_box2 span{ font-size:48px; font-family:impact;padding-left: 85px;  }
.tec_i_box2 div{ text-align:center}
.tec_i_box3{ text-align:right; font-size:14px;}
.tec_i_box3 h2{ font-size:24px; margin:30px 0 40px 0;}
.tec_i_box3 .more { border:1px solid #fff}
.tec_i_box3 .more a{ color:#fff}

.contact_i{ width:100%; height:100%; background:url(../images/ibg_05.jpg) center top no-repeat;font-size:18px;}
.contact_i_l{ float:left; width:390px;}
.contact_i .nav_title{font-size: 36px;height: 36px;line-height: 36px; margin: 0px 0 10px 0;}

.contact_i ul{ width:910px; float:left}
.contact_i li{ float:left; width:355px}

.contact_i li.contact_text01,.contact_i li.contact_text05{font-size:14px; color:#666666;margin-bottom:10px; width:535px;}
.contact_i li.contact_text02,.contact_i li.contact_text06{font-size:14px; color:#666666;  margin-bottom:10px;}
.contact_i li.contact_text03,.contact_i li.contact_text07{ margin-bottom:10px; width:535px;}
.contact_i li.contact_text04{  margin-bottom:10px;}
.contact_i_img{ background:url(../images/map.jpg) center top no-repeat; height:450px; margin-top:15px;}
.footer_06{ font-size:14px; color:#666; width:1300px;position: absolute; bottom:30px; margin:0 auto;letter-spacing:0}
.footer_06 a{ color:#666}
.footer_06 .footer_nav ul {width: 100%; float: none;}
.copyright{ width:650px;}
.footer_06 .footer_nav { color:#666}
.footer_nav a{ padding: 0 5px;}
.dropdown-toggle_1{ display:none}

@media only screen and (max-device-width:960px){

.header{ width: 100%;left: 0;}
.logo{ width:20%; background-size:80%}
.menu{ width:70%; height: auto}
.menu li{font-size:24px; line-height:30px; height:40px;}
.menu li a{ font-size:24px; line-height:30px;}
.text{ top:30%}
video{width:100%;background: url(../images/bg2.jpg) center top no-repeat; background-size:auto 100%; }
.text h1{ font-size:60px; line-height:60px;}
.text h2{ font-size:36px; line-height:45px; height: auto;}
.footer_01{ width:100%;  margin-left:-3%; }
.footer_01 .l {float: none;text-align: center;letter-spacing: -1px;}
.footer_01 .footer_nav { width: 100%;float: none;text-align: center;}
.about_i{ width:100%; background:url(../images/ibg_01-2.jpg) center top no-repeat; background-size:auto 100%; font-size:36px;}
.about_i .nav_title{margin: 250px 0 20px 0;font-size:48px; height:48px; line-height:48px;}
.content{ margin:0 3%; width:94%}
.about_i_txt{ width:100%; font-size:18px; line-height:30px;}
.about_i_txt p{ margin-bottom:40px;}
.more{ width:200px;}
.footer_02{ width:100%; margin-left: -3%; color:#fff}
.footer_02 a{ color:#fff}
.footer_02 .l {float: none;text-align: center;letter-spacing: -1px;}
.footer_02 .footer_nav { width: 100%;float: none;text-align: center;}
.yewu_i{width:100%; background-size:auto 100%; font-size:18px; line-height:40px;}
.yewu_i .nav_title{margin: 50px 0 20px 0;font-size:48px; height:48px; line-height:48px;}
.yewu_i li{ width:33%; float:left}
.yewu_i table{ padding-top:150px;}
.yewu_i table h3{ font-size:30px;height: 110px;}
.yewu_i table h3 a{ line-height:36px;}
.yewu_i table td{ font-size:18px; line-height:24px;}
.footer_03{ width:100%; margin-left: -3%;}
.footer_03 .l {float: none;text-align: center;letter-spacing: -1px;}
.footer_03 .footer_nav { width: 100%;float: none;text-align: center;}
.news_i{width:100%;background-size:auto 100%; font-size:36px;}
.news_i .nav_title{margin: 50px 0 20px 0;font-size:48px; height:48px; line-height:48px;}
.news_i_list{ margin-top:40px;}
.news_i_list ul{ width:103%}
.news_i_list li{ width:45%; margin-right:5%; margin-bottom:5%; height:auto; padding-bottom:20px;}
.news_i_list li h3{ font-size:30px; line-height:36px; height:72px;}
.news_i_list li h3 a{ height:72px;}
.news_i_list_des{ font-size:18px; height:120px;}
.news_i__list_img img{ width:100%; height:100%;}
.news_i .more{ font-size:18px;}
.tec_i{ font-size:36px;}
.tec_i .nav_title{margin: 50px 0 20px 0; font-size:48px; height:48px; line-height:48px;}
.tec_i_img_tex{ width:100%; margin-top:40px;}
.tec_i_img{ width:100%;background:url(../images/tec2.jpg) right top no-repeat;  height:300px;}
.tec_i_box0{ width:80%; margin-top:20px;}

.tec_i_box,.tec_i_box2{ width:50%; height:150px; font-size:18px;}
.tec_i_box span{ font-size:60px; padding-left:32%;}
.tec_i_box2 span{font-size:60px; padding-left:40%;}
.tec_i_box div{ font-size:18px;}

.tec_i_box3{ font-size:18px;margin: 50px 0 40px 0;}
.tec_i_box3 h2{ font-size:36px;line-height:40px;}

.footer_04{ width:100%;  margin-left:-3%; }
.footer_04 .l {width:100%; float: none;text-align: center;letter-spacing: -1px;}
.footer_04 .footer_nav {width:100%;float: none;text-align: center;}
.contact_i{width:100%;background-size:auto 100%}
.footer_06{ width:100%;  margin-left:-3%; }
.footer_06 .l {width:100%; float: none;text-align: center;letter-spacing: -1px;}
.footer_06 .footer_nav {width:100%;float: none;text-align: center;}
.contact_i{ font-size:32px;}
.contact_i .nav_title{margin: 50px 0 20px 0; font-size:48px; height:58px; line-height:48px;}
.contact_i_l{ width:100%; float:none; line-height:30px; margin-bottom:50px;}
.contact_i_img{ background:url(../images/map2.jpg) center top no-repeat;  height:740px; border:5px solid #fff; position: absolute;left: 0;right: 0;bottom: 20%;}
.contact_i ul{ width:100%; float:none}
.contact_i li{ width:50%}
.contact_i li.contact_text01{ width:100%; font-size:22px;margin-bottom:10px;}
.contact_i li.contact_text02{width:100%;  font-size:22px; margin-bottom:10px;position: relative;top: 45px;}
.contact_i li.contact_text03{width:100%;  font-size:32px; margin-bottom:20px;position: relative;top: -35px;}
.contact_i li.contact_text04{width:100%;  font-size:32px; margin-bottom:20px;}
.contact_i li.contact_text05,.contact_i li.contact_text06{ width:50%;font-size:22px;margin-bottom:10px;}
.contact_i li.contact_text07,.contact_i li.contact_text08{ width:50%;font-size:32px; margin-bottom:20px;}

.footer_06{ width:100%;  margin-left:-3%;}
.footer_06 .l {float: none;text-align: center;letter-spacing: -1px;}
.footer_06 .footer_nav {width:100%;  float: none;text-align: center;}


}