/* CSS Document */
body,html{ overflow-x:hidden; font-family: "Microsoft YaHei",微软雅黑,STHeiti; font-size:12px; margin:0px; padding:0px; color:#333;}
ul,li{margin:0px; padding:0px; list-style:none;}
body{ overflow:hidden;}
ul,li,dir,h4,h3,p{ margin:0px; padding:0px;}
a{ text-decoration:none; color:#333;transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
}
a:hover{text-decoration:none;transition: all 0.3s linear; color:#14448c;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
}

img{border:none;}
.clear{clear:both;}
::-webkit-scrollbar-track-piece{width:10px;background-color:#000;}
::-webkit-scrollbar{width:8px;height:6px}
::-webkit-scrollbar-thumb{height:50px;background-color:#0072c1;}
::-webkit-scrollbar-thumb:hover{background:#0072c1;}

::selection {
background:#14448c;
color: #fff;
}



/**banner**/
.section {position:relative;
    width: 100%;
    height: 100%;
    font: 50px "Microsoft Yahei";
    color: #fff;
}
.sec1_bgmain{
	    width: 100%;
    height: 100%;
    position: absolute;
    filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;
	overflow:hidden;
}
.sec1_bg1{
	position: absolute;

	background:url(../images/banner02.jpg) no-repeat;
    top: 0;
    left: 0;
	filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;
	background-size:cover;
	width:100%;
	height:100%;
}
.sec1_bg2{
	position: absolute;
	background:url(../images/banner01.jpg) no-repeat;
    top: 0;
    left: 0;
	filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;
	background-size:cover;
	width:100%;
	height:100%;
}
.sec1_bg3{
	position: absolute;
	background:url(../images/banner03.jpg) center center no-repeat;
    top: 0;
    left: 0;
	filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;
	background-size:cover;
	width:100%;
	height:100%;
}
.sec1_bg4{
	position: absolute;
	background:url(../images/4.jpg) no-repeat;
    top: 0;
    left: 0;
	filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;
	background-size:cover;
	width:100%;
	height:100%;
}
.imgBox1{
	overflow:hidden;
	position: absolute;
	width:100%;
	height:100%;
	left:0;
	top:100%;
	
	top:0;
	filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;
}
.imgBox2{
	overflow:hidden;
	position: absolute;
	width:100%;
	height:100%;
	left:0;
	top:100%;
	
	top:0;
	filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;
}
.imgBox3{
	overflow:hidden;
	position: absolute;
	width:100%;
	height:100%;
	left:0;
	top:100%;
	
	top:0;
	filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;
}
.imgBox4{
	overflow:hidden;
	position: absolute;
	width:100%;
	height:100%;
	left:0;
	top:100%;
	
	top:0;
	filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;
}
.imgbox{
	webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    -ms-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
}
.current{
	top:0;
	filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;
}
.point{
	position:absolute;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;
}
.point ul{
	display: block;
    list-style-type: disc;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
}
.point ul li{
	display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position: relative;
	cursor:pointer;
}
.point ul li span{
	top: 2px;
    left: 2px;
    width: 14px;
    height: 14px;
    border: 1px solid #000;
    background: rgba(0, 0, 0, 0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    z-index: 1;
}

/**banner**/



/**banner开始**/
.sandajidi{ 
position:absolute; 
width:100%;
 left:0px; 
 bottom:0px; overflow:hidden;
}
	
.sandajidi{ 
position:absolute; 
width:100%;
 left:0px; 
 bottom:0px; 
}
	
.sandajidi li{
height:900px; 
text-align: center;
width:33.3%;
float:left; 
position:relative; 
}

.bk{ 
width:99.9%;
 height:100%;
 background:url(../images/bj.png) repeat left top; 
 position:absolute; 
 left:0px; 
 bottom:-94%;
}
.sandajidi li p{ position:absolute; width:100%; top:12px; width:100%; text-align:center; }
.sandajidi li p a{ color:#fff; font-size:15px; color:#fff; letter-spacing:1px;}
.jidineirong{ position:absolute; width:70%; left:15%; bottom:20%;}	
.jidineirong_pic{ background:#002478;}
.jidineirong_pic img{
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;}
.jidineirong_pic img:hover{
-webkit-transform: scale(0.9,0.9);
-moz-transform:  scale(0.9,0.9);
-ms-transform:  scale(0.9,0.9);
-o-transform:  scale(0.9,0.9);
transform:  scale(0.9,0.9);
}
.jidineirong_title{ height:70px; line-height:70px; margin-top:30px; text-align:center; font-family: "Microsoft YaHei",微软雅黑,STHeiti; font-size:20px; color:#fff; font-weight:bold;}
.jidineirong_body{ line-height:28px; font-size:13px; margin-bottom:7%; letter-spacing:1px;font-family: "Microsoft YaHei",微软雅黑,STHeiti; color:#fff; }
.chakan{ width:125px; margin:0 auto; height:35px; font-size:12px; line-height:35px; background:#0088C9; color:#fff;    text-align: center;}
.chakan a{ color:#fff}
/**banner结束**/









/*******nav*****/
.navbox{width:100%; height:135px; background:#fff; padding:15px 0px; position:fixed; z-index:99999;
 -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.navtop{}
.navlogo{float:left; width:35%;}
.navright{float:right; width:54%; margin-top:8px;}

.navserch{float:right; width:200px;}
.navserch i{font-size:14px; color:#aaa;line-height:32px; float:right;}

.navfonts{float:right; margin-right:50px;}
.navfonts ul li{float:left; height:25px; background: #f3f3f3;
border: solid 1px #f3f3f3;line-height:25px; width:40px; text-align:center; font-size:12px;}
.navfonts ul li a{ color:#999;}

.navimg{float:left; width:200px; height:32px; border-left:1px solid #000; padding-left:20px;}
.navpic{float:left;}
.navpic img{margin-top:5px;}
.navrightwen{float:left; margin-left:20px;}
.navrightwen ul li{font-family: "Microsoft YaHei",微软雅黑,STHeiti; font-size:10px; line-height:12px; text-transform:uppercase;}
.navrightwen ul li a{color:#A2A2A2;}
.navrightwen ul li a:hover{color:#ea8818;}

.navbottom{width:100%; margin-top:20px;}
.navbottom ul{}
.navbottom ul li{float: left;width:13.66%; text-align:center; height:40px; line-height:40px; text-align:center; font-size:14px;}


.cul5_mainbox>ul{padding-bottom:40px;}
.cul5_main.padding_cul{padding:40px 0;}

.navfonts ul {
	display: none;
	position: absolute;
    width: 85px;
    left: 100%;
    margin-left: 0;
    top: 2px;
}

.navfonts {
    position: relative;
    padding: 8px 0;
	cursor: pointer;
}

.navserch {
    margin-right: 20px;
    height: 30px;
    border: solid 1px #ccc;
    border-radius: 50px;
    overflow: hidden;
    position: relative;
}

.navserch input {
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    padding: 0 15px;
}

.navserch a {
    display: block;
    position: absolute;
    right: 15px;
    top: -3px;
}

.navfonts ul li:hover {
    background: #fff;
}

.navfonts ul li a {
    display: block;
}
/*******nav*****/

/*nav*/
.navigation-up .navigation-v3{float:right;position:relative; width:790px;}
.navigation-up .navigation-v3 ul{float:left;}
.navigation-up .navigation-v3  li{float:left;color:#fff; width:100px; text-align:center; height:88px; line-height:88px;}
.navigation-up .navigation-v3 li h2{font-weight:normal;padding:0;margin:0;width:100px;}
.navigation-up .navigation-v3 li h2 a{ width:100px;color:#000;display:inline-block; font-size:14px; font-weight:bold;}
.navigation-down{position:absolute;top:135px; left:0px;width:100%; z-index:9999;}
.navigation-down .nav-down-menu{ width:100%;margin:0;position:absolute;top:0px; left:0px;}
.navigation-down-inner{margin:auto;width:100%;position:relative; height:auto; background:url(../images/dh_bg.png);padding-top:20px;  border-bottom:3px solid #14448c; z-index:999;}
.navigation-down .nav-down-menu dl{float:left;margin:18px 80px 18px 0}


.menu_xlnr {
	width: 960px;
	height: 220px;
	margin:0 auto;
	margin-top:20px;
}
/***********menu_dhleft**********/
.menu_dhleft {
	width: 288px;
	float: left;
}
#menu_ulab {
	height: auto;
}
#menu_ulab li {
	height: 40px;
	line-height: 40px;
	border-bottom: 1px dotted #00937d;
	font-size: 12px;
	padding-left: 15px;
	letter-spacing: 2px;
}
#menu_ulab li a {
	display: block;
	color: #333;
	
}
#menu_ulab li a:hover {
	text-decoration: none;
	color: #00937d;
}
/***********menu_dhleft**********/
/***********menu_dhright**********/
.menu_dhright {
	width: 620px;
	height: 181px;
	float: right;
}
.menu_abdiv1 {
	width: 290px;
	height: 181px;
	float: left;
}
.menu_abdiv2 {
	width: 290px;
	height: 181px;
	float: right;
}
.menu_tp {
	width: 290px;
	height: 130px;
	overflow: hidden;
	border:2px solid #14448c;
}
.menu_tp img {
	-webkit-transform: scaleX(1) scaleY(1);
transition: all 3s;
-webkit-transition: all 3s;
}
.menu_tp img:hover {
	transform:scaleX(1.1) scaleY(1.1);
	-webkit-transform:scaleX(1.1) scaleY(1.1);
}
.menu_tpmz {
	height: 25px;
	line-height: 25px;
	margin-top: 10px;
	font-size: 14px;
}
.menu_tpmz a {
	color: #333;
}
.menu_tpmz a:hover {
	color: #00937d;
}
.mneu_tpwz {
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	color: #666;
	margin-top:5px;}





.tianjia_mid{ 
margin-left:-150px;
width:auto; 
background:#f9f9f9; 
margin-bottom:50px;
 filter:alpha(opacity=0); 
 -moz-opacity:0; 
 -khtml-opacity:0;
  opacity:0;
  padding-bottom:40px; 
  height:auto; 
  padding-left:50px; 
  padding-right:50px; 
  padding-top:50px; 
   text-align:center;
   }

.tianjia_mid p{ color:#000; font-family: "Microsoft YaHei",微软雅黑,STHeiti; font-size:15px; text-align:left;}


.tianjia_mid_line{
	width:50px;
	height:2px;
	background:#318e7a;
	margin:15px 0;
}

.tianjia_mid_table ul { padding:0px; margin:0px;}
.tianjia_mid_table ul li{ width:280px; float:left; margin-right:30px; text-align:left;}


.tianjia_mid_lipic{ width:58px; height:66px; float:left;}
.tianjia_mid_litxt{ width:210px; float:right; height:70px; overflow:hidden; float:right;}
/*nav*/





.bannerwz{ position:absolute;top:0px; left:0px; width:100%; height:100%; z-index:999999; color:#333;}
.bannerwz p{ margin-top:20%; font-size:36px; margin-left:20%; position:relative;padding-bottom:20px; margin-bottom:10px;} 
.bannerwz p:after{position:absolute;  bottom:0px; left:0%; width:30px; height:2px; background:#14448c; content:"";z-index:9999; }
.bannerwz span{ font-size:24px; margin-left:20%; text-transform:capitalize; font-family: "Microsoft YaHei",微软雅黑,STHeiti; margin-top:10px; display:block; color:#666;}





/***index1***/
.index1_wen{
	font-size: 28px;
    text-align: center;
    padding: 90px 15px;
    font-weight: normal;
    color: #353535;
	font-family: "Microsoft YaHei",微软雅黑,STHeiti;
    line-height: 50px;
}
/***index1***/


/***index2***/
.index2_wen{ width:100%; margin-bottom:30px;}
.index2_wen p{font-size:16px; font-weight:bold; padding-bottom:5px; border-bottom:1px solid #ccc; width:70px;}
.index2_wen h4{margin-top:10px; font-size:20px;}




/**i3**/
.application
{
	width:100%;
	padding-left:0;
	padding-right:0;
	background:url(../images/bg3.jpg) bottom center fixed ; 
	background-size:cover;
    -moz-background-size:cover;
    -webkit-background-size:cover;
    -o-background-size:cover;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader  (src=../images/bg3.jpg,  sizingMethod='scale');

}


.application .title
{
    font-size: 38px;
    height: 50px;
    line-height: 50px;
    margin-top: 50px;
    text-align: center;
    color: #fff;
}

.application .title1
{
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin-bottom: 50px;
    font-family: "Microsoft YaHei",微软雅黑,STHeiti;
	color: #fff;
}

.application .title1 span
{
	width:280px;
	float:left;
	text-align:center;
	height:25px;
	line-height:25px;
	border-right:1px solid #ccc;
	cursor:pointer;
	color:#333

}
.application .title1 span:hover
{
	color:#fff;
	background:#0181ae
}



.pro_box{
	overflow:hidden;
	width:100%;
	padding-bottom:100px;
	position:relative;
	}
.pro_box>ul{
	width:10000px;
	position:relative;
	}
.pro_box>ul>li{
	float:left;
	}
.pro_box_list{
	width:80%;
	margin:0 auto;
	}
.pro_box_list_img{
	position:relative;
	}	
.pro_bg{
	width:100%;
	height:100%;
	position:absolute; top:0; left:0;
	background:#000;
	filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5;
	}	
.pro_box_list_zi{
	width:100%;
	padding:20px 0;
	background:#FFF;
	text-align:center;
	}
.pro_box_list_zi>h5{
	margin-top:0;
	color:#000;
	font-size:20px;
	letter-spacing:1px;
	}
.pro_box_list_zi>p{
	width:80%;
	 text-align:center;
	margin:auto;
	font-size:12px;
	color:#888;
	}

.pro_prev{
	position:absolute; top:50%;
	left:24%;
	z-index:10;
	margin-top:-135px;
	cursor:pointer;
	}
.pro_next{
	position:absolute; top:50%;
	right:24%;
	z-index:10;
	margin-top:-135px;
	cursor:pointer;
	}	
	
	
	
/**i5**/
.indexnews .title
{
	font-size:38px;
	height:50px;
	line-height:50px;
	margin-top:50px;
	text-align:center;
	color:#0088C9

}

.indexnews .title1
{
	font-size:14px;
	height:40px;
	line-height:40px;
	text-align:center;
	margin-bottom:50px;
	font-family: "Microsoft YaHei",微软雅黑,STHeiti;
	
}


.indexnews{  padding-bottom:100px;}
.indexnewsbt{ width:100%; height: 22px; line-height:20px; overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.indexnewstext{padding:20px; }
.indexnewsbt a{ font-weight: bold; color:#333; font-family: "Microsoft YaHei",微软雅黑,STHeiti;
font-size: 16px;}
.indexnewsbt a:hover{ color:#333;}
.indexnewswz{ margin-top:10px;color:#666; height:59px; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;font-size:14px;font-family: "Microsoft YaHei",微软雅黑,STHeiti;}
.indexnewsmore{ margin-top:10px; padding-bottom:10px;}
.indexnewsmore a{ display:block; width:120px; height:30px; line-height:30px; text-align:center; background:#ccc; color:#fff; }
.indexnewsimg{ position:relative; overflow:hidden;}
.indexnewsimg img{-webkit-transition: all 1.5s;
-moz-transition: all 1.5s;
-ms-transition: all 1.5s;
-o-transition: all 1.5s;
transition: all 1.5s;
height: 200px;
}
.indexnewsimg img:hover{
-webkit-transform: scale(1.1,1.1);
-moz-transform:  scale(1.1,1.1);
-ms-transform:  scale(1.1,1.1);
-o-transform:  scale(1.1,1.1);
transform:  scale(1.1,1.1);}

.indexdate{ position:absolute; left:0px; width:60px; height:60px; background:#004181
; bottom:0px;}
.indexdate p{ color:#fff; text-align:center; font-size:16px; margin-top:8px;}
.indexnewstitle{ text-align:center; font-size:45px; font-weight:bold; text-transform:uppercase;}
.indexnewstop{ margin-top:10px;}
.indexnewsbtimg{ text-align:center; margin-top:10px;}
.shebei{ background:#09448a
; padding-top:50px;}
.indexnewsbg{ position:absolute; top:0px; left:0px; width:100%; height:100%;background-color: rgba(0, 0, 0, .7); filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;
transition: all 1s;
-webkit-transition: all 1s;}
.indexnewsbg p{-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-khtml-border-radius: 3px; border:1px solid #619a72; width:100px; height:35px; line-height:35px; 
text-align:center; margin:0 auto; color:#619a72; margin-top:20%;
transition: all 1s;
-webkit-transition: all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
-o-transition: all 1s;
}
.indexnewswarp:hover .indexnewsbg{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;
transition: all 1s;
-webkit-transition: all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
-o-transition: all 1s;
}
.indexnewswarp:hover .more{ margin-top:30%;}

.newslist
{
	width:100%;
	background:#f0f0f0;
	position:relative; right:-300px;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;
}
.newslist:hover .indexnewsbt a{ color:#005ABB
; }
.newslist:hover .indexnewsmore a{ background:#005ABB
;}

.newlist1 .indexdate{background:#005abb;}
/*.newlist2 .indexdate{background:#ff5814;}*/
.newlist2 .indexdate{background:#39B345;}
.newlist3 .indexdate{background:#FFC82E;}
.newlist2:hover .indexnewsbt a{ color:#39B345
; }
.newlist2:hover .indexnewsmore a{ background:#39B345
;}
.newlist3:hover .indexnewsbt a{ color:#FFC82E
; }
.newlist3:hover .indexnewsmore a{ background:#FFC82E
;}

/**重复覆盖**/


.newlist1 .indexdate{background:#0072c1;}
/*.newlist2 .indexdate{background:#ff5814;}*/
.newlist2 .indexdate{background:#0088c9;}
.newlist3 .indexdate{background:#00b3d8;}

.newslist:hover .indexnewsbt a{ color:#0072c1
; }
.newslist:hover .indexnewsmore a{ background:#0072c1
;}
.newlist2:hover .indexnewsbt a{ color:#0088c9
; }
.newlist2:hover .indexnewsmore a{ background:#0088c9
;}
.newlist3:hover .indexnewsbt a{ color:#00b3d8
; }
.newlist3:hover .indexnewsmore a{ background:#00b3d8
;}








/**修改**/
.pro_box{
	padding-bottom:0;
}
.index_sec3 {
    padding-bottom: 100px;
}

.container-fluid.indexnews {
    padding: 0 0 80px;
}
.banner_txt {
    position: absolute;
    top: 30%;
    right: 20%;
    color: #004181;
    text-align: center;
    text-shadow: 0px 0px 4px #ccc;
}

.banner_txt p {
    font-size: 18px;
    letter-spacing: 0;
    font-family: "Microsoft YaHei",微软雅黑,STHeiti;
	text-transform: uppercase;
}

.banner_txt h3 {
    font-size: 32px;
    margin-bottom: 10px;
    letter-spacing: 3px;
    position: relative;
	display:inline-block;
}

.banner_txt h3 span {
    font-size: 52px;
    margin-left: 5px;
}

.banner_txt p span {
    font-size: 38px;
}

.banner_txt h3:before {
    content: "";
    position: absolute;
    display: block;
    width: 100px;
    height: 2px;
    background: #004181;
    left: -120px;
    top: 38px;
}


























.banner_txtbox {
    position: absolute;
    bottom: -15%;
    background: #159ceb;
    width: 33%;
    /* left: 52%; */
    right: 15%;
    height: 270px;
    min-width: 360px;
}

.banner_t_box h3 {
    color: #fff;
    font-size: 32px;
    margin: 20px 30px;
    /*font-weight: bold;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;*/
}

.banner_t_box p {
    margin: 0 50px;
    color: #fff;
    font-size: 12px;
    /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
}

.banner_t_box h5 {
    position: absolute;
    margin: 0;
    bottom: 15px;
    padding: 0 30px;
    text-align: left;
    width: 100%;
    color: #fff;
    font-size: 22px;
    /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    font-style: italic;
}
.banner_imgbox {
    height: 400px;
	overflow:hidden;
}
.banner_imgbox img {
    position: relative;
    top: 0;
}
/**news**/
.banner {
    padding-top: 135px;
    position: relative;
}

.main{padding-top: 80px;}
.title_in .title{font-size: 38px; height: 50px; line-height: 50px; margin-top: 50px; text-align: center; color: #0088C9;}
.title_in .title1{font-size: 14px; height: 40px; line-height: 40px; text-align: center; margin-bottom: 50px; font-family: "Microsoft YaHei",微软雅黑,STHeiti;}
.quater{width: 25%; float: left;}
.harf{width: 50%; float: left;}
.top_line span{width: 100%; height: 10px; position: relative; background: #DDDDDD; display: block;    position: relative;}
.news_ind1_list{position: relative; padding: 0 10px; border-right: solid 1px #ddd; margin-bottom: 30px;}
p.news_ind1_p{font-size: 12px; color: #aaa; margin-top: 20px;}
h3.news_ind1_h3{margin-top: 10px; margin-bottom: 20px; height: 69px; font-size: 18px; color: #333; line-height: 1.3; overflow: hidden;}
h2.news_ind1_h2{color: #00b3d8; font-size: 58px; width: 200px; white-space: normal; text-transform: uppercase; margin: 0 50px; font-family: "Microsoft YaHei",微软雅黑,STHeiti;}
p.news_ind1_p2{color: #666666; font-size: 1.8vw; font-weight: 500; line-height: 2vw; margin-top: 0.7vw; padding: 20px 50px; font-style: italic; font-family: "Microsoft YaHei",微软雅黑,STHeiti;}
.harf.news_ind1_list {
    border: none;
}
.top_line span:before {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 100%;
    top: 0;
    left: 0;
    background: #00b3d8;
    transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
}

.news_ind1_list:hover .top_line span:before{
    width:100%;
}
h3.news_ind1_h3{
    transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
}
.news_ind1_list:hover h3.news_ind1_h3{
    color:#00b3d8;
}

.news_ind1_img {
    overflow: hidden;
}

.news_ind1_img img {
    transition: all 4s ease;
	-moz-transition: all 4s ease;
	-ms-transition: all 4s ease;
	-o-transition: all 4s ease;
	-webkit-transition: all 4s ease;
}
.news_ind1_list:hover .news_ind1_img img{
    transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.news_ind2_left {
    width: 50%;
    float: left;
    position: relative;
}

.news_ind2_right {
    width: 50%;
    float: left;
    position: relative;
}
.news_ind2_imgbox {
    height: 100%;
}

.news_ind2_imgbox ul {
    height: 100%;
}

.news_ind2_imgbox ul li {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

.news_ind2_imgbox ul li.current {
    display: block;
}

.news_ind2_r_box {
    height: 100%;
    padding: 30px 50px;
	overflow: hidden;
	background: #f8f8f8;
}
.news_ind2_r_box .h4_t {
    font-size: 24px;
    text-align: center;
    margin: 0 0 20px 0;
    color: #169ceb;
}

.news_scroll_box ul li {
    height: 150px;
    padding: 35px 20px;
    margin-bottom: 1px;
}

.news_scroll_box {
    min-height: 300px;
    overflow: auto;
	width: 120%;
}

.news_scroll_lis span {
    display: block;
    height: 20px;
    position: relative;
}

.news_scroll_lis h4 {
    font-size: 16px;
    line-height: 1.4;
    color: #333;
    margin: 5px 0;
}

.news_scroll_lis p {
    font-size: 12px;
    color: #999;
}

.news_scroll_lis span:before {
    content: "";
    display: block;
    position: absolute;
    width: 14px;
    height: 2px;
    background: #333;
    top: 6px;
	transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
}
.news_scroll_lis span:after {
    content: "";
    display: block;
    position: absolute;
    width: 2px;
    height: 14px;
    background: #333;
    left: 6px;
	transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
}
.news_scroll_box ul li:hover .news_scroll_lis span:before {
	transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-ms-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	-webkit-transform:rotate(360deg);
}
.news_scroll_box ul li:hover .news_scroll_lis span:after {
    transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-ms-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	-webkit-transform:rotate(360deg);
}

.news_ind2_readmore {
    position: absolute;
    left: 50px;
    bottom: 50px;
}
.news_scroll_lis a {
    display: block;
}
.news_scroll_box ul li.current{
	background:url(../images/bg.png) repeat;
}
.main_lis {
    padding: 0 0 60px 0;
}
.news_ind4_box ul li {
    width: 33.33%;
    float: left;
    border-right: solid 10px #00b3d8;
    border-bottom: solid 10px #00b3d8;
    position: relative;
}

.news_ind4_box {
    border-top: solid 10px #00b3d8;
    border-left: solid 10px #00b3d8;
}

.main_lis.news_ind4 {
    padding: 0;
}
.news_ind4_ab {
    position: absolute;
    bottom: 10%;
    color: #fff;
    left: 10%;
    /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
}

.news_ind4_ab p {
    font-size: 14px;
    font-style: italic;
    font-weight: bold;
}

.news_ind4_ab h3 {
    font-size: 24px;
    margin: 8px 0 15px;
    /* font-family: 'Tungsten'; */
    font-weight: bold;
}

.news_ind4_ab h4 {
    font-size: 16px;
    /*font-style: italic;
    font-weight: bold;*/
}
.news_ind4_box ul li a:before {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 100%;
    top: 0;
    left: 0;
    background: #00B3D8;
    filter:alpha(opacity=20); -moz-opacity:0.2; -khtml-opacity:0.2; opacity:0.2;
    transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
    z-index: 0;
}

.news_ind4_box ul li a:hover:before {
    width: 100%;
}

.news_ind4_box ul li a {
    display: block;
    z-index: 1;
}










/**contact**/
ul.contact_sec1_ul li {
    width: 25%;
    float: left;
    text-align: center;
}

.contact_sec1_img {
    display: inline-block;
    overflow: hidden;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    margin: 0 0 20px;
    background: #00b3d8;
}

.contact_sec1_img img {
    width: 56%;
    position: relative;
    top: 22%;
}

ul.contact_sec1_ul li h4 {
    font-size: 16px;
    color: #00B3D8;
    margin-bottom: 10px;
}

ul.contact_sec1_ul li p {
    font-size: 14px;
    color: #666;
}
.contact_ind1_main {
    margin-bottom: 50px;
}


.contact_ind2_lis ul li {
    width: 50%;
    float: left;
	position: relative;
}

.contact_ind2_lis {
    margin-bottom: 150px;
}

.contact_ind2_img {
    padding: 30px 0;
    text-align: center;
}

.contact_ind2_img img {
    width: 65%;
}

.contact_ind2_t p {
    color: #fff;
}

.contact_ind2_t {
    background: #00B3D8;
    padding: 30px 0;
	position: relative;
}

.contact_ind2_t p {
    text-align: right;
	    padding: 0 50px;
}

.contact_ind2_lis2 .contact_ind2_t p {
    text-align: left;
}
.contact_ind2_ab {
    position: absolute;
    bottom: -40px;
    right: -40px;
    width: 40%;
    height: 80px;
    background: #333;
	    z-index: 9;
}

.contact_ind2_ab h3 {
    color: #fff;
    text-align: center;
    line-height: 80px;
    font-size: 18px;
}

.contact_ind2_lis2 .contact_ind2_ab {
    right: auto;
    left: -40px;
}

.contact_ind2_t p {
    margin: 5px 0;
    font-size: 14px;
}
.contact_ind2_t_in {
    padding: 50px 0;
}
.contact_ind2_ab h3.h3_span {
    line-height: 1.4;
    margin-top: 18px;
}

.contact_ind2_ab h3.h3_span span {
    font-size: 16px;
}


.contact_ind2_t.contact_ind2_t_ab {
    position: absolute;
	overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    -webkit-transition: all 1000ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
    -moz-transition: all 1000ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
    -ms-transition: all 1000ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
    -o-transition: all 1000ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
    transition: all 1000ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
}
.contact_ind2_img.contact_ind2_img_ab {
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
    background: #00B3D8;
    -webkit-transition: all 1000ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
    -moz-transition: all 1000ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
    -ms-transition: all 1000ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
    -o-transition: all 1000ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
    transition: all 1000ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
}
.contact_ind2_t.contact_ind2_t_ab p {
    color: #333;
}
.contact_ind2_lis.active .contact_ind2_t.contact_ind2_t_ab {
    width: 0;
    -webkit-transition: all 1000ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
    -moz-transition: all 1000ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
    -ms-transition: all 1000ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
    -o-transition: all 1000ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
    transition: all 1000ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
}
.contact_ind2_lis.active .contact_ind2_img.contact_ind2_img_ab{
	width: 0;
    -webkit-transition: all 1000ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
    -moz-transition: all 1000ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
    -ms-transition: all 1000ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
    -o-transition: all 1000ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
    transition: all 1000ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
}
.contact_ind2_lis2 .contact_ind2_img.contact_ind2_img_ab {
    left: auto;
    right: 0;
}

.contact_ind2_lis2 .contact_ind2_img.contact_ind2_img_ab .img_box {
    right: 0;
    float: right;
}

.contact_ind2_lis2 .contact_ind2_t.contact_ind2_t_ab {
    left: auto;
    right: 0;
}

.contact_ind2_lis2 .contact_ind2_t.contact_ind2_t_ab .contact_ind2_t_in {
    float: right;
}







/**about**/
.about_ind1_t h4{font-size: 32px; line-height: 35px; color: #0088C9;margin-top: 30px;padding-top: 20px; padding-bottom: 10px;}
.about_ind1_t p{color: #666; line-height: 22px; font-size: 14px; margin: 5px 0; padding: 0 100px 0 0;}
.about_ind1_t{margin-bottom: 40px;}
.about_ind1_b_l{width: 50%; float: left;}
.about_ind1_b_r{width: 50%; float: left;}
.about_ind1_b{border-bottom: solid 1px #ccc;}
.ab1_img_box{width: 100%; margin: 0 auto;}
.ab1_txt_box p{color: #666; line-height: 22px; font-size: 14px; margin: 5px 0; padding: 0 60px 0 0;}
.ab1_txt_box h4{font-size: 18px; line-height: 23px; color: #0088C9; margin-bottom: 10px;}
.ab1_btn{display: inline-block; margin-top: 20px;}
.ab2_sec1 h4{font-size: 30px; line-height: 35px; color: #0088C9; margin-top: 50px; padding-bottom: 10px;}
.ab2_sec1 p{color: #666; line-height: 22px; font-size: 14px; margin: 5px 0; padding: 0 100px 0 0;    line-height: 24px;letter-spacing:0px;}
.ab2_sec2_l{width: 33.33%; float: left; padding: 0 20px;position: relative}
.ab2_sec2_r{width: 66.66%; float: left; padding: 0 30px;}
.ab2_sec2{margin-top: 60px;}
.ab2_sec2_l h3{margin-top: 30px; text-align: right; font-size: 30px; padding: 0 0 0 15px; margin-bottom: 10px; line-height: 1.4; color: #0088C9;}
.ab2_sec2_l p{text-align: right; line-height: 1.1; font-style: italic; font-size: 12px; color: #666;    margin-bottom: 5px;}
.ab2_sec2_l p span{font-style: initial; font-weight: bold; color: #333;}
.ab2_l_btn{position: absolute;    text-align: right;    margin-top: 30px;    right: 20px;    bottom: 10px;}
.ab2_l_btn span{display: inline-block; width: 35px; margin-left: 10px;}
.ab2_l_btn span img{width: 100%;}
.ab2_l_btn a{font-size: 18px; color: #333; line-height: 1.4;}
.ab2_sec2_r h2{margin: 0 0 50px; font-size: 22px; color: #333;}
.ab2_sec2_r_l{width: 50%; float: left; position: relative; padding-top: 0; padding-right: 30px;}
.ab2_sec2_r_l h4{}
.ab2_sec2_r_l p{color: #666; line-height: 22px; font-size: 14px; margin: 5px 0;    line-height: 24px;letter-spacing: 1px;}
.ab2_sec2_r h4 {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #0088C9;
}
.long_bg {
    position: relative;
    margin-top: 160px;
}
.ab3_box{width: 50%; float: left; padding: 40px 60px;position: relative;}
.ab3_box.ab3_left{background:url(../images/news_sec2.jpg) no-repeat center center; background-size:cover;}
.ab3_box.ab3_right{background: #222;}
.ab3_box ul li{margin-bottom: 20px;}
.ab3_lis_l p{font-size: 32px;color: #fff;font-family: "Microsoft YaHei",微软雅黑,STHeiti;}
.ab3_lis_l{float: left; padding-top: 20px; padding-right: 15px; border-top: solid 3px #222;}
.ab3_lis_r{margin-left: 100px; padding: 20px 0;}
.ab3_lis_r h4{color: #222; font-size: 16px; font-weight: bold; margin-bottom: 20px;}
.ab3_lis_r p{color: #eee; font-size: 14px; margin: 5px 0; line-height: 22px; padding-right: 15px;}
.ab3_box.ab3_right .ab3_lis_r h4{color: #fff;}
.ab3_box.ab3_right .ab3_lis_r p{color: #666;}
.ab3_box.ab3_right .ab3_lis_l{border-top: solid 3px #00A8D4;}
span.opacity_bg {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #0096D8;
    z-index: 0;
    filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity:0.9; opacity:0.9;
}

.ab3_box.ab3_left ul {
    z-index: 1;
    position: relative;
}
h2.ab3_lis_tit {
    position: relative;
    margin: 10px 0 30px;
    text-align: center;
    color: #fafafa;
    font-size: 28px;
}
h2.ab3_lis_tit span {
    position: absolute;
    font-size: 14px;
    right: -90px;
    bottom: 5px;
    transition: all 800ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
	-moz-transition: all 800ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
	-ms-transition: all 800ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
	-o-transition: all 800ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
	-webkit-transition: all 800ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
}

h2.ab3_lis_tit {
    overflow: hidden;
}

.ab3_box:hover .ab3_lis_tit span{
    right: 0;
}




.ab4_main_top {
    margin: 80px 0 130px;
    padding: 0 14%;
    text-align: center;
}

.ab4_main_top h3 {
    text-indent: 30px;
    letter-spacing: 1px;
    font-size: 32px;
    line-height: 1.5;
    max-width: 960px;
    margin: 0 auto;
    color: #333;
}

.ab4_main_top p {
    margin-top: 25px;
    font-size: 20px;
    letter-spacing: 2px;
    color: #666;
}

.ab4_main_top p span {
    font-weight: bold;
}

.ab4_main_bottom {
    padding: 120px 0;
	/*background:url(../images/ab_bg.jpg) fixed center center no-repeat;*/
	background:url(../images/bg2-0.jpg) fixed bottom center no-repeat;
	background-size:cover;
	box-shadow: 0 0 10px #aaa;
}

.ab4_img_b_m {
    padding: 10px 20px;
	    position: relative;
}
span.ab4_opacity_bg {
    position: absolute;
	display:none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5;
}

.ab4_img_box {
    z-index: 1;
    position: relative;
	    width: 90%;
    left: 5%;
}
.ab4_ab5_tit {
    background: #f1f1f1;
    padding:100px 0 40px;
}

.ab4_ab5_tit h3 {
    font-size: 32px;
    color: #333;
    margin: 0 0 10px;
}

.ab4_ab5_tit p {
    font-size: 14px;
    color: #999;
    font-family: "Microsoft YaHei",微软雅黑,STHeiti;
}
.ab5_left {
    width: 40%;
    float: left;
    padding-top: 50px;
}

.ab5_right {
    width: 60%;
    float: left;
	position: relative;
	    background: #EEE;
}

.ab5_left ul li {
    padding: 0;
    margin-bottom: 20px;
}

.ab5_left ul li p {
    text-align: center;
    width: 80%;
    padding: 20px 0;
    font-size: 16px;
    cursor: pointer;
    position: relative;
    transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.ab5_left ul li p:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 4%;
    bottom: 0;
    left: 0;
    background: #0092CC;
    box-shadow: 0 1px 2px #444;
    z-index: -1;
    transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.ab5_left ul li p:hover:before {
    height: 100%;
}
.ab5_left ul li.active p:before {
    height: 100%;
}

.ab5_left ul li p:hover {
    color: #fff;
}
.ab5_left ul li.active p {
    color: #fff;
}

.ab5_right ul li {
    background: #eee;
    padding: 15px 50px 10px;
    border-bottom: solid 1px #ddd;
    min-height: 70px;
}

.ab5_right ul li h2 {
    color: #fff;
    font-size: 18px;
    margin: 12px 0;
}

.ab5_right ul li.li_first {
    background: #0092CC;
}

.ab5_right ul li h4 {
    font-size: 16px;
    color: #222;
    margin-bottom: 10px;
}

.ab5_right ul li p {
    font-size: 12px;
    color: #666;
}

ul.ab5_ul_ab {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.ab5_right ul{
    filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
.ab5_right ul.active{
	filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;
}

.ab6_mid ul li {
    width: 25%;
    float: left;
}

.ab6_main {
    padding: 120px 40px;
	position: relative;
}
.ab6_main a.arrow-left.arrow-left1 {
    top: 54%;
}
.ab6_main a.arrow-right.arrow-right1 {
    top: 54%;
}
.ab6_main a.arrow-left.arrow-left2 {
	width: 20px;
    left: 2%;
    top: 54%;
}
.ab6_main a.arrow-right.arrow-right2 {
    top: 54%;
	width: 20px;
    right: 2%;
}



.ab6_img_box img {
    width: 100%;
    transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
}

.ab6_img_box {
    width: 80%;
    margin: 0 auto;
    padding: 15px 20px;
    border: solid 1px #5C5846;
}

h3.ab6_title {
    text-align: center;
    color: #b4914e;
    font-size: 32px;
}

.main_lis.about_ind6 {
    background: #052735;
	margin-top: 20px;
}
.ab6_mid {
    
}
.ab6_mid ul {
    padding-top: 60px;
	padding-bottom:5px;
}

.ab6_img_box:hover img {
    transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.fix_film {
    position: fixed;
    top:0px;
    left:0;
    width: 100%;
    z-index: -1;
    height: 100%;
	background:url(../images/opacity_bg1.png) repeat;
    background: rgba(0,0,0,0.7);
    text-align: center;
    padding-top: 140px;
	filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;
    /*display:none;*/
}
.fix_film.active{
	z-index: 99999999;
}
.fix_film_lis {
	filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;
    /*display: none;*/
}
.fix_film_box {
    position: relative;
}

.fix_film_lis {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -490px;
    z-index: 1;
}
.fix_film_lis.active{
	z-index:2;
}
.video{ width:980px;}



/**resource**/
.join_sec1_l {
    padding: 30px 35px 0 15px;
}
.join_sec1_l p {
    font-size: 15px;
    color: #363536;
    margin: 0;
}
.join_sec1_l h3 {
   font-family: "Microsoft YaHei",微软雅黑,STHeiti;
    font-size: 56px;
    margin: 45px 0 80px;
    font-weight: bold;
    line-height: 1.02778;
    color: #004181;
}
.no_margin {
    padding: 0;
}
.join_sec1_r {
    padding: 35px 45px 40px;
    margin-right: 15px;
    background: #00A8D4;
    color: #fff;
}
.join_sec1_r h3 {
        font-size: 16px;
    text-align: justify;
    margin: 0 0 40px;
    line-height: 1.4;
}
.join_sec1_r a {
    display: inline-block;
    padding: 0;
    line-height: 30px;
    position: relative;
    overflow: hidden;
    color: #fff;
	    cursor: pointer;
}
.join_sec1_r a:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: .5px;
    z-index: 1;
    background: url(../images/lines-white.png) repeat;
}
.join_sec1_r a span {
    display: block;
    position: relative;
    font-size: 15px;
    z-index: 10;
    padding: 6px 90px 6px 20px;
    padding: 0.6rem 8rem .6rem 2rem;
}
.join_sec1_r a:after {
    content: "";
    display: block;
    width: 315px;
    width: -webkit-calc(100% + 42px + 42px);
    width: calc(100% + 42px + 42px);
    height: 47px;
    height: -webkit-calc(100% + 2px);
    height: calc(100% + 2px);
    position: absolute;
    top: -1px;
    right: -webkit-calc(100% + 23px);
    right: calc(100% + 23px);
    z-index: 2;
    background: #fff;
    -webkit-transform: translate(0,0) skew(-45deg);
    -moz-transform: translate(0,0) skew(-45deg);
    -ms-transform: translate(0,0) skew(-45deg);
    -o-transform: translate(0,0) skew(-45deg);
    transform: translate(0,0) skew(-45deg);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -webkit-transform;
    -ms-transition-property: -webkit-transform;
    -o-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-transition-duration: 450ms;
    -moz-transition-duration: 450ms;
    -ms-transition-duration: 450ms;
    -o-transition-duration: 450ms;
    transition-duration: 450ms;
}

.join_sec1_r a span i {
    position: absolute;
    right: 18px;
    top: 11px;
    font-size: 20px;
}

/*.join_sec1_r a span:before {
    content: '';
    display: block;
    height: 2px;
    position: absolute;
    top: 50%;
    right: 20px;
    background: currentcolor;
    width: 16px;
    margin-top: -1px;
}
.join_sec1_r a span:after {
    content: '';
    display: block;
    width: 2px;
    position: absolute;
    top: 50%;
    background: currentcolor;
    height: 16px;
    margin-top: -8px;
    right: 27px;
}*/
.join_sec1_r a:hover:after {
    -webkit-transform: translate(100%,0) skew(-45deg);
	-moz-transform: translate(100%,0) skew(-45deg);
	-ms-transform: translate(100%,0) skew(-45deg);
	-o-transform: translate(100%,0) skew(-45deg);
    transform: translate(100%,0) skew(-45deg);
}
.join_sec1_r a:hover span {
    color: #0092CC;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.join_sec1_r a:hover span:before {
    color: #0092CC;
	-webkit-transition: all 100ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 100ms ease;
	-o-transition: all 100ms ease;
    transition: all 100ms ease;
}
.join_sec1_r a:hover span:after {
    color: #0092CC;
	-webkit-transition: all 100ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 100ms ease;
	-o-transition: all 100ms ease;
    transition: all 100ms ease;
}
.join_box2 {
    margin-top: 120px;
}

.join_box2_l {
    padding: 20px 15px;
}

.join_box2_l p {
    font-size: 30px;
    color: #333;
}

.join_box2_l h5 {
    font-size: 15px;
    color: #000;
    margin: 0;
}

.join_box2_lis {
    margin-top: 60px;
}

.join_box2_r p {
    margin-bottom: 5px;
    line-height: 1.6;
    font-size: 14px;
    color: #666;
}

.join_box2_r {
    padding-left: 30px;
    position: relative;
	    padding-right: 15px;
}

.join_box2_r:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 1px;
    height: 80%;
    top: 10%;
    background: #ccc;
}

.join_box1 {
    margin-top: 30px;
}


.join_box3 {
    position: relative;
    margin-top: 120px;
	padding: 0 15px;
}

.join_box3_lis {
    width: 25%;
    float: left;
    position: relative;
}

.join_box3_lis:before {
    content: "";
    display: block;
    padding-top: 100%;
}

.join_box3_ab {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 30px;
    background: #dcdcdb;
    border-right: solid 1px #c1c1c1;
}

.join_box3_ab h3 {
    font-size: 26px;
}

.join_box3_ab h4 {
    color: #30333e;
    font-size: 18px;
    margin-bottom: 20px;
}
.join_box3_ab.first {
    background: #00A8D4;
    color: #fff;
}

.join_box3_ab p {
    margin: 5px 0;
    font-size: 13px;
    color: #30333e;
	    line-height: 1.6;
}

.join_box3_ab a {
    display: inline-block;
    padding: 0;
    line-height: 30px;
    position: absolute;
    overflow: hidden;
    color: #333;
    bottom: 30px;
    left: 30px;
	font-size: 14px;
}

/*.join_box3_ab a span {
    display: block;
    position: relative;
    font-size: 14px;
    z-index: 10;
    padding: 6px 90px 6px 20px;
    padding: 0.6rem 8rem .6rem 2rem;
}

.join_box3_ab a:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: .5px;
    z-index: 1;
    background:url(../images/lines-primary.png) repeat;
}

.join_box3_ab a:after {
    content: "";
    display: block;
    width: 315px;
    width: -webkit-calc(100% + 42px + 42px);
    width: calc(100% + 42px + 42px);
    height: 47px;
    height: -webkit-calc(100% + 2px);
    height: calc(100% + 2px);
    position: absolute;
    top: -1px;
    right: -webkit-calc(100% + 23px);
    right: calc(100% + 23px);
    z-index: 2;
    background: #333;
    -webkit-transform: translate(0,0) skew(-45deg);
	-moz-transform: translate(0,0) skew(-45deg);
	-ms-transform: translate(0,0) skew(-45deg);
	-o-transform: translate(0,0) skew(-45deg);
    transform: translate(0,0) skew(-45deg);
    -webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
    transition: all 300ms ease;
    -webkit-transition-property: -webkit-transform;
	-moz-transition-property: -webkit-transform;
	-ms-transition-property: -webkit-transform;
	-o-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-transition-duration: 450ms;
	-moz-transition-duration: 450ms;
	-ms-transition-duration: 450ms;
	-o-transition-duration: 450ms;
    transition-duration: 450ms;
}
.join_box3_ab a:hover:after {
    -webkit-transform: translate(100%,0) skew(-45deg);
	-moz-transform: translate(100%,0) skew(-45deg);
	-ms-transform: translate(100%,0) skew(-45deg);
	-o-transform: translate(100%,0) skew(-45deg);
    transform: translate(100%,0) skew(-45deg);
}
.join_box3_ab a:hover span {
    color: #fff;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
    transition: all 300ms ease;
}*/
.join_box3_ab.first p {
    position: absolute;
    bottom: 30px;
    color: #fff;
    font-size: 14px;
}

.join_box3_ab.first p span {
    display: block;
    line-height: 1.8;
}

.pro1_main {
    margin-top: 50px;
}

.pro1_txt h3 {
    color: #333;
    font-size: 21px;
    margin-bottom: 30px;
}

.pro1_txt p {
    font-size: 14px;
    margin-bottom: 15px;
    color: #666;
	    text-indent: 2em;
    line-height: 1.6;
}

.pro1_txt {
    padding-right: 50px;
}

.pro1_r_m img {
    width: 100%;
}

.pro1_r {
    padding: 0 0 0 20px;
}

.pro1_r_box {
    border: 1px solid #d2d2d7;
}

.pro1_r_t {
    padding: 30px 30px;
}

.pro1_r_t h4 {
    color: #333;
    font-size: 18px;
	line-height: 25px;
}

.pro1_r_b {
    padding: 25px 30px;
}

.pro1_r_b p a {
    color: #F00;
    font-size: 13px;
}

p.pro1_down_top {
    padding: 8px 15px;
    background: #f1f1f1;
    position: relative;
    color: #333;
    font-size: 14px;
    margin-bottom: 5px;
	    cursor: pointer;
}

.pro1_down {
    padding-right: 50px;
    margin-top: 30px;
}
.pro1_r_b p a i {
    margin-right: 5px;
}
p.pro1_down_top i {
    color: #E9A846;
    margin-right: 10px;
}

p.pro1_down_top span {
    position: absolute;
    right: 20px;
    top: 6px;
}

p.pro1_down_top span i {
    color: #333;
    font-size: 26px;
    margin: 0;
}

.pro_download table td {
    padding: 5px 15px;
    font-size: 12px;
}

.pro_download table td p {
    color: #333;
    font-weight: bold;
}

.pro_download table td p i {
    font-size: 16px;
    margin-right: 10px;
    color: #0067BD;
}

a.file_download {
    color: #E70F0F;
}

a.file_download i {
    font-size: 14px;
    margin-right: 5px;
}

.pro_download {
    display: none;
}

.pro_swiper_img img {
    width: 100%;
	min-width: 650px;
}
.pro_swiper_img {
    overflow: hidden;
}
.pro2_swiper {
    background: #f0f3f5;
	margin:0 1px;
	padding:0 1px;
}

.pro_swiper_txt {
    padding: 5% 10%;
	height: 100%;
    position: relative;
}

.pro_txt_desc .pro_txt_lis {
    width: 50%;
    float: left;
}

.main_lis.pro_ind2 {
    position: relative;
}

.main_lis.pro_ind2 .pro_ind2_swiperlis{
    width: 100%;
	position:relative;
}
.main_lis.pro_ind2 .pro_ind2_swiperlis .swiper-container{
    width: 90%;
}
.pro_ind2_swiperall {
    position: relative;
}

.main_lis.pro_ind2 .pro_ind2_swiperlis.pro_ind2_swiperlis_ab {
    position: absolute;
    top: 0;
	filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;
	z-index:-1;
}



.pro_swiper_txt h3 {
    font-size: 18px;
    color: #666;
    margin-bottom: 20px;
}

.pro_swiper_txt h3 span {
    font-size: 28px;
    color: #222;
    margin-right: 10px;
    font-weight: bold;
}

.pro_swiper_txt h5 {
    font-size: 15px;
    color: #222;
}

.pro_txt_lis p {
    font-size: 13px;
    color: #222;
    margin: 3px 0;
}
a.arrow-right.arrow-right1 img {
    width: 100%;
}

a.arrow-right.arrow-right1 {
    width: 20px;
    top: 40%;
    right: 2%;
}

a.arrow-left.arrow-left1 {
    width: 20px;
    top: 40%;
    left: 2%;
}

a.arrow-left.arrow-left1 img {
    width: 100%;
}
.pro2_img_lis {
    width: 80px;
    float: left;
	    cursor: pointer;
	text-align: center;
}

.pro2_img_lis img {
    width: 75%;
	-webkit-filter: grayscale(1);filter: grayscale(1);filter: gray;
}
.pro2_img_lis.active img {
	-webkit-filter: grayscale(0);filter: grayscale(0);
}

.pro2_img_lis p {
    /*display: none;*/
	font-size:12px;
	color:#666;
	    margin-top: 3px;
}
.pro2_img_box {
    position: relative;
    min-height: 1px;
    padding: 0 5%;
}

.pro2_img_box_r {
    width: 50%;
    float: right;
    position: relative;
}

.pro2_img {
    position: absolute;
    bottom: 15px;
    left: 8%;
    z-index: 99;
}
.main_lis.pro_ind2 {
    margin-bottom: 60px;
	margin-top: 80px;
}


.main_lis.pro_ind2 .swiper-pagination.pagination1 {
    bottom: 103%;
    z-index: 8;
}



ul.banner_pro_ul h4 span {
    display: inline-block;
    width: 27px;
    vertical-align: super;
    margin-right: 5px;
    position: absolute;
    left: 0;
    top: 0;
}

ul.banner_pro_ul h4 span img {
    width: 100%;
}

ul.banner_pro_ul h4 {
    color: #fff;
    font-size: 15px;
    display: block;
    position: relative;
    padding-left: 44px;
    min-height: 24px;
    line-height: 26px;
}

ul.banner_pro_ul p {
    color: #f1f1f1;
    padding-left: 44px;
    margin-top: 10px;
}

.banner_pro {
    padding: 20px 20px;
}

ul.banner_pro_ul li {
    margin-top: 1px;
    padding: 5px 15px 8px;
}

ul.banner_pro_ul h4 a {
    color: #fff;
}


img.pro_swiper_img_ab {
    position: absolute;
    top: 0;
    left: 0;

    filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;
}

.pro_swiper_img {
    position: relative;
    min-height: 460px;
}

.fix_honor_box {
    text-align: center;
}

.fix_honor {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999999;
    padding-top: 140px;
	background:url(../images/opacity_bg1.png) repeat;
    background: rgba(0,0,0,0.7);
	display:none;
}

.fix_honor_box img {
    width: 60%;
    max-width: 700px;
}

.banner_txtbox.pro_banner_box {
        right: -15px;
    top: -240px;
    bottom: auto;
    height: auto;
    width: 27%;
    min-width: 300px;
}

ul.banner_pro_ul h5 {
    padding-left: 44px;
    margin-top: 10px;
    margin-bottom: 0;
}

ul.banner_pro_ul h5 a {
    display: inline-block;
    padding: 8px 15px;
    background: #fff;
    color: #159CEB;
    border-radius: 5px;
}

ul.banner_pro_ul h5 a i {
    margin-right: 10px;
}
.pro1_r {
    display: none;
}






/**culture**/
h3.cul_tit {
    font-size: 38px;
    height: 50px;
    line-height: 50px;
    margin-top: 50px;
    color: #0088C9;
}

h4.cul1_txt2 {
    font-size: 22px;
    margin: 20px 0 15px;
    color: #333;
}

.cul1_txt {
    margin-top: 40px;
}

.cul1_txt_l {
    width: 50%;
    float: left;
    color: #666;
}

.cul1_txt_l h5 {
    margin: 0;
    margin-bottom: 10px;
    line-height: 1.8;
    font-size: 14px;
}

.cul1_txt_l p {
    line-height: 1.8;
    font-size: 14px;
}

.cul2_main{
	background:url(../images/cul_bg2.jpg) center center no-repeat;
	background-size:cover;
	    padding: 60px 0 80px;
}
.cul2_swiper {
	background:url(../images/opacity_bg.png) repeat;
    background: rgba(20,20,20,0.9);
    padding: 20px 30px;
	height: 240px;
}

.cul2_swiper_txt {
    color: #fff;
	padding: 0 5px;
}
.cul2_swiper_txt h4 {
    font-size: 24px;
    margin-bottom: 20px;
}

.cul2_swiper_txt p {
    font-size: 14px;
}
.cul3_main p {
    font-size: 14px;
    line-height: 1.6;
    letter-spacing: 1px;
    color: #666;
}

.cul4_main {
    position: relative;
}

.cul4_tab {
    position: absolute;
    bottom: 0;
    width: 70%;
    left: 15%;
}

.cul4_tab ul li a {
	display:block;
    color: #fff;
    font-size: 14px;
    padding: 10px 0;
}

.cul4_tab ul li {
    width: 25%;
    float: left;
    text-align: center;
    border-right: solid 1px #fff;
    background: #009DD0;
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}

.cul4_tab ul li.active {
    background: #f2f2f2;
}
.cul4_tab ul li.active a{
    color:#222
}



ul.cul4_lis_ul li {
    width: 50%;
    float: left;
}

.cul4_l_img {
    width: 120px;
    display: table-cell;
    vertical-align: middle;
    margin-bottom: 0;
    float: none;
}

.cul4_l_img img {
    width: 100%;
}

.cul4_l_txt {
    display: table-cell;
    vertical-align: middle;
    padding: 0 60px 0 20px;
    margin-bottom: 0;
}

.cul4_l_txt {}

.cul4_lisul_in {
    padding: 20px 0;
}

.cul4_tabbox {
    background: #F2F2F2;
}

.cul4_l_txt h4 {
    font-size: 15px;
    color: #222;
    margin-bottom: 10px;
    font-weight: bold;
}

.cul4_tab_lis {
    padding: 60px 0 40px;
    min-height: 600px;
}

h5.cul4_h5 {
    font-size: 16px;
    line-height: 1.6;
    text-align: center;
    color: #454545;
    margin-bottom: 40px;
    text-indent: 2em;
}

ul.cul4_lis_ul {
    margin-top: 10px;
    padding-top: 10px;
    border-top: solid 1px #E4E4E4;
}

.cul4_l_txt p {
    font-size: 13px;
    line-height: 1.64;
    margin-bottom: 10px;
    color: #666;
}

.cul4_l_txt p span {
    color: #222;
}
.cul5_mainbox ul li {
    width: 25%;
    float: left;
    padding: 10px 20px;
}
.cul5_mainbox ul li.down {
	margin-top:80px;
}
.cul5_mainbox {
    margin: 0 -20px;
}
.pro1_r_t h5 {
    margin: 0 0 8px;
    font-size: 14px;
    color: #666;
}
.main_lis.cul_ind5 {
    margin-bottom: 50px;
}
.main_lis.res_ind1 {
    margin-bottom: 50px;
}
.chakan a i {
    margin-left: 10px;
}



.main_lis.cul_ind4,.main_lis.cul_ind6{
	padding:0;	
}
.cul6_mid ul li {
    width: 25%;
    float: left;
}
.cul6_main {
    padding:120px 40px;
	position: relative;
}
.cul6_main .cul1_txt2{
	color:#fff;
	text-shadow: 0 0 4px #666;
}
.cul6_main a.arrow-left.arrow-left2 {
    top: 48%;
}
.cul6_main a.arrow-right.arrow-right2 {
    top: 48%;
}
.cul6_main a.arrow-left.arrow-left3 {
	width: 20px;
    left: 2%;
    top: 48%;
}
.cul6_main a.arrow-right.arrow-right3 {
    top: 48%;
	width: 20px;
    right: 2%;
}
.cul6_img_box img {
    width: 100%;
    transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
}

.cul6_img_box {
    width: 86%;
    margin: 0 auto;
	overflow:hidden;
}

h3.cul6_title {
    text-align: center;
    color: #b4914e;
    font-size: 32px;
}

.main_lis.cul_ind6 {
        background: url(../images/cul_ind6.jpg) fixed bottom center no-repeat
}
.cul6_mid {
    
}
.cul6_mid ul {
    padding-top: 30px;
	padding-bottom:5px;
}

.cul6_img_box:hover img {
    transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	-webkit-transform: scale(1.1);
}



/**newsdot**/
.newsdot h4{ text-align:center; font-size:20px; border-bottom:1px dotted #ccc; padding-bottom:20px;}
.newsdot h5{ text-align:center; color:#666; margin-bottom:40px; margin-top:10px;}
.newsdot p{ line-height:22px; color: #444;font-size: 14px;margin-bottom: 5px;}
.newsdot a{ display:block; line-height:24px; color:#666;font-size: 13px;}

.news_next{ margin-top:40px;}
.upload{ margin-top:40px;}
.upload a{ display:block; width:140px; height:30px; line-height: 28px; background: #00A8D4; border: solid 1px #00A8D4;color:#fff; text-align:center; margin:0 auto;font-size: 13px;}
.upload a:hover{ background: #fff; border: solid 1px #00A8D4;color: #00A8D4;}
.newsdot_imgbox{ text-align:center;margin-bottom: 30px;}

.gspbq a{
	display: inline-block;
    width: auto;
   text-indent: 0;
   color:#00A8D4;
}
.gspbq a:hover{
	color:#0067bd;
}



.cul_lis_img {
    width: 80%;
    position: relative;
    left: 10%;
    margin-bottom: 20px;
}



.color_1{
	background:#005cb9;
}
.color_2{
	background:#0067bd;
}
.color_3{
	background:#0072c1;
}
.color_4{
	background:#007dc5;
}
.color_5{
	background:#0088c9;
}
.color_6{
	background:#0092cc;
}
.color_7{
	background:#009dd0;
}
.color_8{
	background:#00a8d4;
}
.color_9{
	background:#00b3d8;
}
.color_10{
	background:#00bedc;
}

.fix_menu {
    position: fixed;
    top: 70%;
    right: 0;
	z-index: 99999;
}

.fix_menu_box ul li {
    padding: 5px 15px;
    width: auto;
    display: inline-block;
    float: right;
    white-space: nowrap;
    text-transform: uppercase;
    clear: both;
    text-align: right;
	cursor:pointer;
    position: relative;
    -webkit-transition: all 800ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
    -moz-transition: all 800ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
	-ms-transition: all 800ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
    -o-transition: all 800ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
    transition: all 800ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
	
    transform: translateX(calc(100% - 10px));
	-moz-transform: translateX(calc(100% - 10px));
	-ms-transform: translateX(calc(100% - 10px));
	-o-transform: translateX(calc(100% - 10px));
	-webkit-transform: translateX(calc(100% - 10px));
}
.fix_menu_box.active ul li {
	transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	-webkit-transform: translateX(0);
}
.fix_menu_box.active_scr ul li {
	transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	-webkit-transform: translateX(0);
}
li.scroll-to.scroll-top {
    width: 20px;
    height: 20px;
    margin: 5px;
    background:url(../images/scroll-top.png) center center no-repeat #00A8D4;
    padding: 0 !important;
	cursor:pointer;
	filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;
}
.fix_menu_box.active ul li.scroll-to.scroll-top {
	filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;
}
.fix_menu_box.active_scr ul li.scroll-to.scroll-top {
	filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;
}
.fix_menu_box {
    display: inline-block;
}
.fix_menu_box ul li a {
    color: #fff;
}
.fix_menu_box ul li a:before {
    content: "";
    top: 0;
    filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;
    left: -10px;
    width: 4px;
    height: 100%;
    position: absolute;
    background:url(../images/selected.png) center center no-repeat;
    background-size: contain;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear;
}
.fix_menu_box ul li.active a:before {
    filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;
}




/*****12.8******/
ul.banner_pro_ul {
    max-height: 362px;
    overflow-y: auto;
}

.footerleftone ul {
    max-height: 280px;
    overflow-y: auto;
}

ul#menu_ulab {
    overflow-y: auto;
}







/*****footer******/

.rencai_box{ 
background:url(../images/zhappin.png) no-repeat 15% 10px #ccd4e4; background-size:110px;
-webkit-box-shadow: #666 0px 0px 10px inset;
-moz-box-shadow: #666 0px 0px 10px inset;
box-shadow: #666 0px 0px 10px inset;
width:100%;
height:100px; padding-top:25px;
 }
 
.rencai_left{ background:url(../images/rencai_bk.png) no-repeat left top;
	 width:234px; 
	 height:80px;
	  font-family: "Microsoft YaHei",微软雅黑,STHeiti;
	   font-size:20px; 
	   color:#fff; 
	   text-align:center; 
	   line-height:44px;
	  float:left;
	 }
	 
.rencai_right{ 
 width:370px;
 height:44px;
  padding-left:20px; 
 line-height:44px; 
 background:rgb(255,209,0); 
 background:#009dd0;
 float:right;
 }
.rencai_right a{ color:#fff;font-family: "Microsoft YaHei",微软雅黑,STHeiti;}
.rencai_right a:hover{ text-decoration:underline;}

.footer{
	background:#333;
	padding-bottom: 10px;
padding-top: 40px;
}


.footerbottom{border-top: solid 1px #666; padding-top:10px;}
.copy{color: #888; line-height:55px; text-transform:uppercase;}
.unohacha_logo{ float:right;}
.footerleft{ float:left;}
.footerleftone{ float:left;margin-right: 40px;
min-width: 140px;}
.footertop{ margin-bottom:20px;}
.fisrt { color:#ddd; margin-bottom:10px; font-size:14px;}
.footerleftone li a{
color: #888;
text-decoration: none;
margin-bottom: 10px;
display: block; text-transform:capitalize; font-size:12px; font-family: "Microsoft YaHei",微软雅黑,STHeiti;}
.footerleftone .fisrt a{color: #ddd; font-size:14px; text-transform:uppercase;}
.footerleftone .fisrt a:hover{color:#ddd;}
.footerleftone li a:hover{ color:#004181;}
.footerleftone li a:hover{ color:#0088C9;}

.footerright{ float:right;}
.footerrighttop p{color: #777; font-size:12px; text-transform:uppercase;    margin-bottom: 10px;}
.footerrighttop{ position:relative;}
.footerrighttop input{height:30px;
padding: 7px 5px;
color: #A3A3A3;
border: solid 1px #bbb;
outline: 0;
width: 238px;}
.follow{margin-top:60px;}
.follow p{color: #777; font-size:14px; text-transform:uppercase;    margin-bottom: 10px;}
.follow ul{}
.follow ul li{ float:left; margin-right:10px;}
.search1 .input1 {
    width: 80%;
    float: left;
}
.search1 .btn1 {
    width: 20%;
    background: #0088C9;
    float: left;
    line-height: 30px;
    color: #fff;
    text-align: center;
}
/*****footer******/







.news_pho{ width:90%; margin:0 auto; padding-bottom:60px;}
.news_pho ul li{ padding:10px;background:rgba(255,255,255,0.7);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2ffffff,endColorstr=#B2ffffff); margin-top:10px  }
.news_pho_pic{ width:40%; float:left;}
.news_pho_txt{ width:55%; float:right;color:#333;  }
.news_pho_txt a{ font-size:15px; color:#333; height:20px; font-weight:bold; display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;margin-bottom:3px;}

.news_pho_txt p{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; height:18px; color:#666;}
.news_pho_txt span{ margin-top:2px;
color:#666; text-align:right;
  font-size:12px; 
  font-family: "Microsoft YaHei",微软雅黑,STHeiti; 
  display:block; 
  width:100%;	
transform:scale(0.8);   
-webkit-transform:scale(0.8);   
-moz-transform:scale(0.8);    
-o-transform:scale(0.8);   
 -ms-transform:scale(0.8)}



.dyn_box{ background:#eee; padding-top:10px; padding-bottom:50px;}
.dyn_box ul{ width:85%; margin:0 auto;}
.dyn_box ul li{ border-bottom:1px #ddd solid; padding-bottom:10px; padding-top:10px;}
.dyn_text1 h2 {
    margin: 0px;
    padding-bottom: 10px;
    font-size: 15px;
    line-height: 20px;
    font-weight: bold;
}
.dyn_text1 p{ color:#666; height:35px; overflow:hidden;}
.dyn_text1 a{ 
margin-top:7px; 
display:block;
	}



.pro_dinggou {
    margin-bottom: 5px;
    text-align: right;
}

.pro_dinggou a {
    font-size: 14px;
    color: #fff;
    display: inline-block;
    padding: 2px 15px;
    background: #f00;
    border-radius: 3px;
}
.pro_swiper_txt {
    padding: 2% 10%;
}

.fuwu_sati_lis p {
    width: 50%;
    float: left;
    font-size: 13px;
    padding: 5px 0;
    padding-left: 15px;
    position: relative;
}

.fuwu_sati_lis p input {
    outline: none;
    border: none;
    padding: 2px 20px;
    font-size: 12px;
    width: 70%;
    margin-left: 17%;
    border-bottom: solid 1px #ccc;
}

.fuwu_sati_lis {
    margin-top: 15px;
    padding: 0 0;
}

.fuwu_sati_main {
    padding-top: 15px;
}

.fuwu_sati_lis p span {
    line-height: 25px;
    position: absolute;
}

.fuwu_sati_lis p.nes:before {
    content: "*";
    margin-right: 4px;
    position: absolute;
    left: 1px;
    top: 10px;
    font-size: 16px;
    color: #f00;
}

.fuwu_btn {
    margin-top: 30px;
}
.fuwu_btn input {
    display: block;
    float: right;
    padding: 10px 50px;
    font-size: 13px;
    background: #00A0E9;
    color: #fff;
    border-radius: 4px;
    border: solid 1px #00A0E9;
    box-shadow: 0px 0px 1px #03587F;
    transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.fuwu_btn input:hover {
    background: #fff;
    color: #00A0E9;
}


.fuwy_sati_table table {
    border: none;
	background: #fbfbfb;
}

.fuwy_sati_table tbody {
    border: none;
}

.fuwy_sati_table {
    margin-top: 20px;
}

.fuwy_sati_table table td {
    padding: 10px 10px;
    line-height: 1.6;
    font-size: 13px;
    color: #333;
}

h3.dg_proname {
    font-size: 15px;
    color: #666;
}

h3.dg_proname span {
    font-size: 20px;
    color: #222;
    margin-right: 10px;
    font-weight: bold;
}

.fuwy_sati_table tr th {
    padding: 10px 10px;
    color: #222;
    text-align: center;
    font-size: 14px;
}

.fuwy_sati_table table td input {
    width: 100%;
    border: none;
    background: transparent;
    outline: none;
}

.fuwy_sati_table table td textarea {
    width: 100%;
    border: none;
    background: transparent;
    outline: none;
}



/****自适应***/

@media (max-width: 1600px){
.banner_txt {
    right: 8%;
}


}

@media (max-width: 1440px){
.index_news{ width:90%;}
.banner_txt p {
    font-size: 16px;
}
.banner_txt h3 {
    font-size: 26px;
}
.banner_txt h3 span {
    font-size: 42px;
}
.banner_txt p span {
    font-size: 24px;
}
.banner_imgbox {
    height: 340px;
}

.banner_t_box h3 {
    font-size: 28px;
}
.banner_t_box p {
    margin: 0 30px;
}


}

@media (max-width: 1200px){
.banner_t_box h3 {
    font-size: 22px;
}
.contact_ind2_t_in {
    padding: 10px 0;
}
.contact_ind2_t p {
    padding: 0 20px;
}
.contact_ind2_ab h3 {
    font-size: 16px;
}
.contact_ind2_ab h3.h3_span span {
    font-size: 14px;
}
.news_scroll_box ul li {
    height: 130px;
    padding: 25px 20px;
}



}


@media (max-width: 1070px){
.banner_txt p {
    font-size: 16px;
}
.banner_txt h3 {
    font-size: 26px;
}
.banner_txt h3 span {
    font-size: 42px;
}
.banner_txt p span {
    font-size: 24px;
}





}


@media (max-width: 900px) {
.xstitle{ margin-bottom:-7px;}
.ywlx{ padding-bottom:19px;}
.ywlx ul li{ padding-left:30px;margin-bottom:-21px;background:none;height: 160px;}
.navbar-nav { width:100%; margin-left:0px; text-transform:uppercase;}
.navbar-nav li{ text-align:center; border-bottom:1px dotted #e5e5e5; line-height:40px;}
.navbar-nav li a{ color:#666; font-size:13px;}
.navbar-nav li a:hover{ color:#14448c;}
.headerbg{ position:fixed; top:0px; left:0px; width:100%; z-index:999999999; background:#fff;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);}
.logo_boxlist{ float:left; width:70%; margin-top:5%;}
.navbar-toggle {margin-top:15px;}
.navbar-toggle .icon-bar {background-color:#14448c;}
.navbar-collapse{ border-top:1px solid #e5e5e5;}

.index1_wen{ font-size:12px; line-height:24px; padding:50px 0;}
.news_top{ margin-bottom:20px;}
.index_news2{ padding-top:50px; padding-bottom:50px;}
.right_tt{ display:none;}
.img_inde{ margin-top:20px;}
.index4_rightmain{ width:90%; margin:0 auto;margin-top:15px;}
.index4_rightmain2{ margin-top:15px;}
.index4_left h4{ font-size:16px;}
.index4_left{ padding-left:15px;padding-right:15px; padding-bottom:0px;}
.index4_leftwen{ font-size:12px;}
.index4_bg{ margin-bottom:50px;}
.footertop{ display:none;}
.footerbg{padding:0px;}
.footerright{display:none;}
#footer .fnb_copy{ width:100%; margin:0 auto;}
#footer .footerbottom{ padding-top:30px;}
.address{ display:none;}
.index4_rightmain2 h4{ font-size:16px;}
.index4_rightitem ul li{ font-size:12px;}
#footer em{ font-size:12px !important;}
.index4_rightwen02{font-size:12px }
.inde_title a{ font-size:14px;}
.h3_top{font-size:14px;}
.news_zw{font-size:12px }
.news_title{font-size:16px; margin-bottom:5px;}
.index2_wen h4{ font-size:14px;}
.section1{ margin-top:10px;}
.index_sec3 { padding-bottom:0px;}
.application .title1{ margin-bottom:30px}


.pro_swiper_img {
    position: relative;
    min-height: 200px;
}

.main_lis.pro_ind2 .swiper-pagination.pagination1 {
    bottom: -20px;
}

.pro_next{
	position: absolute;
    top: 50%;
    right: 0;
    z-index: 10;
    margin-top: -135px;
    cursor: pointer;
	}
	
.pro_prev {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 10;
    margin-top: -135px;
    cursor: pointer;
}
.banner {
    position: relative;
	 padding-top:30px;
}
.main{ padding-top:0px}
.banner_imgbox{ height:235px;}
.about_ind1_t{ width:85%; margin:0 auto;}
.about_ind1_t p{ padding:0px;}
.about_ind1_b{ width:85%; margin:0 auto;}
.about_ind1_b_l{ float:none; width:100%; margin-top:25px;}
.ab1_txt_box p{ padding:0;}
.about_ind1_b_r{ float:none; width:100%}
.ab1_img_box{ padding-top:20px;}
.ab2_sec1{ width:85%; margin:0 auto;}
.ab2_sec1 p{ padding:0;}
.long_bg{ margin-top:20px;}
.ab3_box {
    width: 100%;
    float: none;
    padding: 20px 30px;
    position: relative;
}
.ab3_lis_r{margin-left: 0px; padding: 20px 0;}
.ab4_main_top h3{ font-size:18px}
.ab4_main_top{  margin: 40px 0 40px;}
.ab4_main_bottom{    
padding: 120px 0;
background: url(../images/bg2-0.jpg) bottom center no-repeat;
background-size: cover;
box-shadow: 0 0 10px #aaa;
}
.ab4_ab5_tit{ width:100%; margin:0 auto;}
.ab4_ab5_tit h3{ width:85%; margin:0 auto;}
.ab4_ab5_tit p{ width:85%; margin:0 auto;}
.ab5_left{ float:none; width:85%; margin:0 auto;}
.ab5_left ul li{ float:left; width:50%;}
.ab5_right{ width:100%;  margin:0 auto;}
.ab5_left ul li p{ width:100%}
.main_lis{ padding:0px;}
.footer{ padding:0px}
.copy{ line-height:20px}
.news_ind4_box ul li{ width:100%; margin:0 auto}
.cul1_main{ width:85%; margin:0 auto; padding-bottom:50px; }
.cul1_txt_l{ float:none; width:100%}
.cul2_main{ padding:0px;}
.cul2_swiper{ height:280px;}
.cul3_main{ width:85%; margin:0 auto; padding-top:30px; padding-bottom:50px;}
.cul4_tab{ width:90%; left:5%;}
.cul4_tab_lis{ width:85%; margin:0 auto}
ul.cul4_lis_ul li{ width:100%; float:none}
.cul4_l_txt{ padding:0px 0px 0px 20px;}
.cul4_l_img{ width:85px; vertical-align: top;}
.cul5_main{ width:85%; margin:0 auto;}
.cul5_mainbox ul li{ width:50%; padding:10px}
.cul5_mainbox ul li.down {
    margin-top: 0px;
}
.pro1_r_t {
    padding: 15px 15px;
}
.pro1_r_b {
    padding: 12px 14px;
}

.pro_download table td { 
    padding:0px;
    font-size: 12px;
}


.banner_pro_ul{background: #159ceb;}
ul.banner_pro_ul li{ width:85%; border-bottom:1px #ddd solid; margin:0 auto}
.pro1_txt{ padding-right:0px; width:85%; margin:0 auto;}
.pro1_txt h3{ font-size:22px; }
.pro1_txt p{text-indent:0em}
.pro1_down{ padding-right:0px; width:90%; margin:0 auto;}
.pro_download table tr { 
   height:35px;
    padding: 0px;
    font-size: 12px;
}


.pro2_img_box{ padding:0px; }
.pro2_img_box_r{ float:left}
.pro2_img_lis{ float:left}
.pro2_img{ width:100%;}


.pro_swiper_img img{ min-width:auto; width:100%}
.pro2_img{top:-55px;}
.pro2_img_lis{ width:30%; margin-right:1%;  background:#004181; height:50px; line-height:50px;}
.pro2_img_lis p{ color:#fff;}
.pro2_img_box_r{ width:92%}


.join_sec1_l{ padding:0px; width:85%; margin:0 auto;}

.join_sec1_r{ margin-right:0px;}
.join_box2{ margin-top:0px;}
.join_box2_l{ width:85%; margin:0 auto; padding:0px; margin-bottom:20px;}
.join_box2_r{ padding-left:0px; padding-right:0px; width:85%; margin:0 auto;}
.join_box2_r:before{  background:none}
.join_box3_lis{ float:none; width:100%; height:215px; margin-bottom:10px;}
.join_box3_ab{ padding:15px; border-bottom:1px #ddd solid}
.join_box3_ab.first p{ bottom:15px;}
.join_box3_ab a{ left:15px;}
.zwyq_box{ height:44px; overflow:hidden}
ul.contact_sec1_ul li{ width:50%; margin-bottom:20px;}
.contact_sec1_ul{ width:85%; margin:0 auto;}



.fengongsi_box{ width:85%; margin:0 auto}
.fengongsi_box ul li{ margin-bottom:20px;}
.fengongsi_box p{ font-size:14px;}
.fengongsi_box h3 { 
    overflow:hidden;
	 margin-bottom:20px;
    color: #fff;
    text-align: center;
    line-height:35px;
    font-size: 15px;
	 background:#333;
}
.ab6_img_box {
    padding: 5px;
    width: 100%;
}
.ab6_img_box img{ width:100%}

.newsdot{ padding-top:80px; width:85%; margin:0 auto}
.newsdot_imgbox img{ width:100%}
.newsdot p{ color:#666}
.news_next a{ font-size:12px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.upload{ margin-bottom:30px;}

.fix_film {
    position: fixed;
    top:0%;
    left: 0%;
    width:100%;
    z-index: 999999;
    height: 100%;
	background:url(../images/opacity_bg1.png) repeat;
    padding-top: 50%; 
	padding-left:2%; 
	padding-right:2%;
	    display: none;

}

.video{ width:100%}

.rencai_left {
    background: #0088C9;
    width: auto;
    padding: 0 30px;
    height: 50px;
    margin-left: 25%;
    line-height: 50px;
}
.pro_box_list {
    width: 92%;
}
.ab6_main .swiper-container.swiper2 {
    margin-top: 45px;
}
.pro_swiper_txt h3 {
    line-height: 1.6;
}



}



@media (max-width: 415px) and (min-width: 374px) {
.logo_boxlist{ float:left; width:70%; margin-top:11px;}	

	}


.pagelist{

	margin: 30px 0px;
	padding: 50px 0px;
	text-align: center;
}
.pagelist ul {
	text-align: center;
	margin: 20px 0;
}

.pagelist li {
	display: inline-block;
	margin: 0 2px;
}

.pagelist li a {
	color: #666;
	display: inline-block;
	border: 1px solid #ddd;
	padding: 6px 15px;
	text-decoration: none;
}

.pagelist li a:hover {
	border-color: #F37B1D;
	background: #F37B1D;
	color: #fff;
}

.pagelist li.active a {
	border-color: #F37B1D;
	background: #F37B1D;
	color: #fff;
}