﻿@charset "utf-8";



body,html{ 
font-size:13px; 
overflow-x:hidden; 
margin:0px; 
padding:0px;
font-family:"Microsoft YaHei",微软雅黑,STHeiti;
  color:#333; 
  line-height:22px;
  }
body{ overflow:hidden;} 
ul,li{ margin:0px; padding:0px;}
li{ list-style:none;}
a{ text-decoration:none;transition: color .6s,border-color .6s,background-color .6s,border .6s,padding .6s;}
a:hover{text-decoration:none;transition: color .6s,border-color .6s,background-color .6s,border .6s,padding .6s;}
img{border:none;}
.clear{clear:both;}
::selection {
background: #8ec656;
color: #fff;
text-shadow: none;
}
ol{ margin-bottom:0px;}


@font-face {
    font-family: 'alternate_gothic_no.2regular';
    src: url('../fonts/alternategothicno2bt-regular-webfont.eot');
    src: url('../fonts/alternategothicno2bt-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/alternategothicno2bt-regular-webfont.woff2') format('woff2'),
         url('../fonts/alternategothicno2bt-regular-webfont.woff') format('woff'),
         url('../fonts/alternategothicno2bt-regular-webfont.ttf') format('truetype'),
         url('../fonts/alternategothicno2bt-regular-webfont.svg#alternate_gothic_no.2regular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family:Arial, Helvetica, sans-serif;
    src: url('../fonts/proximanova-light-webfont.woff2') format('woff2'),
         url('../fonts/proximanova-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}






/***   header  ***/
.nav-bg {
    width:1400px;
    height: 0px;
    background: url(../images/erji_bg.jpg) no-repeat center center #0075c2;
    background-size: 100% auto;
    position: fixed;
    left:50%;
	margin-left:-700px;
    top:90px;
    z-index:99999;
}
.menu ul{}
.menu > ul > li:hover .subnav {
	background:#c3c3c3;
}
.menu > ul > li > ul{width: 100%;
    height: 0px;
    position: absolute;
    top:90px;
    left: 0px;
    z-index: 99;
    background: #0091d4;
    display: inline-block;
    border-left: 1px solid #4da8d5;}

	
	
.menu > ul > li > ul >li{ text-align:center; line-height:40px;  opacity:0; width:100%;}
.menu > ul > li > ul >li>a{ color:#808080;background:url(../images/subicon.png) no-repeat left center; line-height:45px !important; text-align:center !important; font-size:12px;
	color:#FFF;}
.menu > ul > li > ul >li>a:hover{ color:#0077be;}
.menu > ul > li > ul > .subleft >li{ text-align:left; width:180px; line-height:35px; border-bottom:none; padding-left:40px; float:left;}
.menu > ul > li > ul > .subleft >li>a{ color:#808080; background:url(../images/subicon.png) no-repeat left center; padding-left:15px; font-size:13px; line-height:30px !important;}
.menu > ul > li > ul > .subleft >li>a:hover{ color:#0077be;}
.subleft{ float:left;border-right:1px solid #e5e5e5; padding-right:70px;}
.subright{ float:left; width:260px;padding-left:40px;}
.subleft p{ text-align:left; padding-left:40px; font-size:15px; font-weight:bold; line-height:30px; padding-top:20px;}
.subright p{text-align:left; font-size:15px; font-weight:bold; line-height:30px; padding-top:20px;}
.subrightimg{ margin-top:10px;}
.subtext{ margin-top:10px; word-break:break-all; line-height:20px;text-align:left; font-size:15px; color:#808080; font-size:13px;}
.phone {
	display: none;
}
.all{ width:1400px; height:auto; margin:0 auto; background:#fff;  box-shadow: 0px 0px 10px 2px #e0e0e0;  -webkit-box-shadow: 0px 0px 10px 2px #e0e0e0;  -moz-box-shadow: 0px 0px 10px 2px #e0e0e0; position:relative;}
.header{
	height:90px; width:1400px;
	z-index:99999; position:fixed !important; background:#fff; left:50%; margin-left:-700px;
	}
.innerwarp{ width:980px; margin:0 auto;}
.header .innerwarp{ position:relative;}
.logo{ float:left; position:relative; width:170px; margin-right: 0px;}
.logo a{
	display: block;
    overflow: hidden;
	margin-top:15px;
	}
.logo a img{ margin:0 auto; display:block; width:100%;}	
	
.header .i_nav{ width:70%;
    height: 26px;
    margin: 0px;
    position: absolute;
    right:-50px;
    top:0px;}    

.header .i_nav li{
	float:left;
	line-height:24px;
	position:relative;
	padding-top: 0;
	padding-right: 2%;
	padding-bottom: 0;
	padding-left: 2%;
}
.header .i_nav li a{
	color:#074E90;
	letter-spacing:1px;
	font-size:15px;
	line-height:90px;
}

.menu > ul > li > ul >li>a{display: block;line-height:30px !important;}
.menu > ul > li > ul >li>a:hover{ background:#0075c1;}
.subnav { overflow:hidden
}
.subnav li{ 
	padding:0 !important;
	line-height:30px !important; 
	height:30px !important;
}
.subnav .first{ margin-top:30px !important;}
.subnav li a{ font-size:12px !important; color:#fff !important; line-height:normal !important;}
/***   header  ***/



/**   section1  **/
.section_i{ width: 100%;  max-width: 1400px;  margin: 0 auto; padding:0;}
.section_i .row{margin-right:0 !important; margin-left:0 !important;}
.se1{ margin:0 auto; }
.se3_text{ position:relative;}
.se3_texthd{position:relative; overflow:hidden; right:-300px;  filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; height:auto; overflow:hidden; background:#fff;}
.se3_text h1{    color: #5bb6e7;  font-size:30px; margin-bottom:10px;   font-family:"Microsoft YaHei",微软雅黑,STHeiti;}
.se3_text h3{ color: #5bb6e7;  font-weight:bold;   font-family:Arial, Helvetica, sans-serif;  margin-bottom: 20px; margin-top:0;}
.se3_text p{  font-size:13px; color:#666; line-height:25px;font-family:"Microsoft YaHei",微软雅黑,STHeiti; }
.se3_show{ position:absolute;top:0px; right:-15px; width:100%; height:100%;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; }

/**   section2  **/
.se2 .innerwarp{margin:80px auto;}
.se2_pic{ position:relative;}
.se2_pic img{ /**position:absolute; top:48px; left: -12%;**/
	width:100%;
	height:auto;
	margin-top: 48px;
	margin-left: -12%;
}


.banner_wz{ position:absolute; bottom:40%; z-index:9999; width:510px; text-align:center; left:50%; margin-left:-255px;}
.banner_wz h1{ font-size:40px; color:#fff;text-shadow: 2px 2px 3px #505050; }
.banner_wz p{ font-size:24px; color:#fff; font-family:Arial, Helvetica, sans-serif;text-shadow: 2px 2px 3px #505050; }
.banner_wz .anniua{ background:#60b6e7; color:#fff; width:120px; line-height:35px; text-align:center; margin:50px auto 0; display:block;font-family:Arial, Helvetica, sans-serif;}
/**   section4  **/
.se4 .innerwarp{margin:40px auto; height:auto; overflow:hidden;}
.se4_title{margin-bottom:10px;}
.se4_title h1{ font-size:30px; color:#5bb6e7; text-align:center;  font-family:"Microsoft YaHei",微软雅黑,STHeiti;  }
.se4_title h3{ color:#5bb6e7; font-weight:bold; text-align:center; font-size:30px;  margin-bottom: 40px;  font-family:Arial, Helvetica, sans-serif; margin-top:0;}
.se4_text{position:relative; left:-500px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; background:#fff;}
.se4_text p{ line-height:25px; font-size:13px;font-family:"Microsoft YaHei",微软雅黑,STHeiti;color:#666       }
.se4_text span{font-size: 16px; display:block; margin-bottom:20px; color: #333;font-family:"Microsoft YaHei",微软雅黑,STHeiti;line-height:28px; font-weight:bold; }
.se4_pic{position:relative; right:-500px;  filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}
.se4_pic div img{width:100%; height:auto; display:block;}
.se4_text a{ text-decoration:underline; font-style:italic; color:#8ec656;font-family:"微软雅黑";}

/**   section5  **/
.se5{ background:#5bb6e7; padding:80px 0;border: 30px solid #5bb6e7;}
.se5 .se5_left_text1 h1{ font-family:Arial, Helvetica, sans-serif;  color:#fff; font-size:40px; line-height:52px; margin:0;}
.se5 .se5_left_text2 h3{  width:70%;  color: #1d6f93; margin-top:0;  padding-bottom: 6px;  border-bottom: 2px solid #1d6f93; font-size:20px; line-height:28px; margin-bottom:20px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}
.se5 .se5_left_text2 ul li{line-height:34px;}
.se5 .se5_left_text2 ul li a{ color:#fff; font-size:16px;}
.se5 .se5_left_text2 ul li:hover a{color:#1d6f93; }
.se5 .se5_left_text2 ul li.active a{color:#1d6f93; }
.se5_left .se5_left_con{width:100%; height:auto; overflow:hidden; margin-bottom:50px;}

.se5_left_text1{position:relative; right:-500px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}
.se5_left_text2{position:relative; right:-500px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}
.se5_right_con{position:relative; right:-500px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}

.se5_right_con h2{ text-transform:uppercase; color: #1d6f93;  margin-top:0;  font-size: 22px;   margin-bottom:0px;  padding-bottom: 6px;  line-height:28px;}
.se5_right_con div p{ color:#fff; font-size:14px; line-height:28px;}
.se5_right_con ul h3{    color: #1d6f93; font-size: 18px;  font-weight: 400;  margin: 20px 0px 10px 0px;}
.se5_right_con ul li{line-height:28px;}
.se5_right_con ul li a{color:#fff; font-size:16px;}
    
.se5_right_con>a{
	 display: inline-block; 
	 border-radius: 5px;  
	 -moz-border-radius: 5px;  
	 -webkit-border-radius: 5px;
	 text-transform: uppercase; 
	 font-size: 12px; 
	 letter-spacing: 0.125em; 
	 padding: 6px 16px 6px 16px;  
	 margin-top: 20px;    
	 color:#fff; background:url(../images/more.png) no-repeat center center;
	
	 }

.se5_con{ clear:both; height:auto; overflow:hidden; margin-bottom:20px; padding:30px 0; border-bottom:1px #1d6f93 solid;}
.se5_cpjs{}
.se5_cpjs h3{ font-size:18px; color:#fff;}


.se5_con_2 img{
transition:All 0.5 ease-in-out;    
-webkit-transition:All 0.5s ease-in-out;    
-moz-transition:All 0.5s ease-in-out;   
 -o-transition:All 0.5s ease-in-out;
	}
	
.se5_con_2:hover img{
transform:translate(20px,0px);    
-webkit-transform:translate(20px,0px);    
-moz-transform:translate(20px,0px);   
-o-transform:translate(20px,0px);    
-ms-transform:translate(20px,0px);
	}
	
.se5_con_3 img{
transition:All 0.5 ease-in-out;    
-webkit-transition:All 0.5s ease-in-out;    
-moz-transition:All 0.5s ease-in-out;   
 -o-transition:All 0.5s ease-in-out;
	}
	
.se5_con_3:hover img{
transform:translate(20px,0px);    
-webkit-transform:translate(20px,0px);    
-moz-transform:translate(20px,0px);   
-o-transform:translate(20px,0px);    
-ms-transform:translate(20px,0px);
	}

.se5_con_4 img{
transition:All 0.5 ease-in-out;    
-webkit-transition:All 0.5s ease-in-out;    
-moz-transition:All 0.5s ease-in-out;   
 -o-transition:All 0.5s ease-in-out;
	}
	
.se5_con_4:hover img{
transform:translate(20px,0px);    
-webkit-transform:translate(20px,0px);    
-moz-transform:translate(20px,0px);   
-o-transform:translate(20px,0px);    
-ms-transform:translate(20px,0px);
	}
	
.se5_con_5 img{
transition:All 0.5 ease-in-out;    
-webkit-transition:All 0.5s ease-in-out;    
-moz-transition:All 0.5s ease-in-out;   
 -o-transition:All 0.5s ease-in-out;
	}
	
.se5_con_5:hover img{
transform:translate(20px,0px);    
-webkit-transform:translate(20px,0px);    
-moz-transform:translate(20px,0px);   
-o-transform:translate(20px,0px);    
-ms-transform:translate(20px,0px);
	}

.se5_con_6 img{
transition:All 0.5 ease-in-out;    
-webkit-transition:All 0.5s ease-in-out;    
-moz-transition:All 0.5s ease-in-out;   
 -o-transition:All 0.5s ease-in-out;
	}
	
.se5_con_6:hover img{
transform:translate(20px,0px);    
-webkit-transform:translate(20px,0px);    
-moz-transform:translate(20px,0px);   
-o-transform:translate(20px,0px);    
-ms-transform:translate(20px,0px);
	}

.se5_con_7 img{
transition:All 0.5 ease-in-out;    
-webkit-transition:All 0.5s ease-in-out;    
-moz-transition:All 0.5s ease-in-out;   
 -o-transition:All 0.5s ease-in-out;
	}
	
.se5_con_7:hover img{
transform:translate(20px,0px);    
-webkit-transform:translate(20px,0px);    
-moz-transform:translate(20px,0px);   
-o-transform:translate(20px,0px);    
-ms-transform:translate(20px,0px);
	}

.anniu{ position:absolute; width:80px; height:80px; left:50%; margin-left:-40px; bottom:-146px}
.anniu2{ display:none; }
/**   section5  **/


/**   section6  **/
.se6{ margin-bottom:80px;}
.se6_left div{ width:70%; float:right;}
.se6_left div h1{    font-size: 50px; line-height:60px; color:#5bb6e7; font-weight:normal;}

.se6_left{padding-top:80px;}
.se6_left div p{color:#686868; font-size:16px; line-height:28px;}
.se6_right img{width:100%; height:auto; }
.se6_left div h3{color:#5bb6e7; font-size:18px; margin:40px 0 20px 0; padding-botom:6px;}
/**   section6  **/










/**   section7  **/
.se7 {
	background: #f4f4f4;
	padding: 80px 0;
}
.se7_right { position:relative; height:280px; overflow:hidden;
}
.se7_right span{ position:absolute; left:20px; bottom:0px;
	color:#fff; 
	 display: inline-block; 
	 border-radius: 5px;  
	 -moz-border-radius: 5px;  
	 -webkit-border-radius: 5px;
	 text-transform: uppercase; 
	 font-size: 12px; 
	 letter-spacing: 0.125em; 
	 padding: 6px 22px 6px 22px;  
	 margin-top: 20px;    
	 background: #60b6e7; 
	 outline: none; 
	 border: none;

}
.se7_right h1 {
	font-size: 30px;
	margin-bottom: 10px;
	color: #5bb6e7;
	margin-top: 60px;
}
.se7_right p {
	color: #666;
	font-size: 13px;
	margin-bottom: 10px; 
}
/**   section7  **/

/**   section8  **/
.se8 {
	padding: 80px 0;
	background-image: url(../images/dotPatternOpenRight.png);
	background-position: center 86px;
	background-size: auto;
	background-repeat: no-repeat;
	background-color:#fff;
	overflow:hidden;
}
.se8_center {
	width: 440px;
	margin-left: 50%;
}
.se8_center h1 {
	font-size: 32px;
	color: #5bb6e7; 
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:10px;
	margin-top: 0;
	position:relative; bottom:-500px;
    filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; background:#fff;
}
.se8_center p {
	margin-bottom: 10px;
	color: #686868;
	font-size: 13px; line-height:23px;background:#fff;
	position:relative; bottom:-500px;  filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;

}
/**   section8  **/
	
	
	/**   section9  **/
.se9 {
	background: #5bb6e7;
	padding: 55px 0;
}
.se9_left h1 {
	color: #ffffff;
	font-size: 32px;
	line-height: 1.2;
	font-weight: 200;
	margin-bottom: 20px;
}
.se9_right{ height:100px; padding-top:20px;}
.se9_right p {
	margin-bottom: 10px;
	color: #ffffff;
	font-size: 13px; 
	line-height:23px;

	
}

.se9_right p strong{ 
font-size:40px;
font-family:Arial, Helvetica, sans-serif; 
color:#fff; 
font-style:italic;
	}
	
	/**   section9  **/
	
	
	
	
	/**   section10  **/
.se10{
	padding: 80px 0; background:#fff; overflow:hidden;
}
.se10_left img{ }
.se10_right{position:relative; right:-300px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}

.se10_right h1{ font-size:16px; color:#5bb6e7;  }
.se10_right h3{ color:#5bb6e7; font-weight:bold;   font-size:20px;  margin-bottom: 20px;  font-family:Arial, Helvetica, sans-serif; margin-top:0;}


.se10_lx_left{}
.se10_left h1{ margin-top: 100px;font-size: 32px;line-height: 1.2;    color: #5bb6e7;
    font-weight: 200;
    margin-bottom: 20px;}
	
.se10_lx_left h2{color: #686868;
    border-bottom: 2px solid #686868;font-size: 18px;
    font-weight: 400;
    padding-bottom: 6px;
    line-height: 1.5;margin-bottom: 20px;}	
.se10_lx_left ul{color: #686868;font-size: 16px;
    font-weight: 300;
    line-height: 1.7;}	
	
.se10_lx_left ul li{	
text-decoration:none;
font-size: 13px; line-height:23px; color:#666; margin-bottom:10px;
	
}
.se10_lx_left ul li span{
    color: #5bb6e7;
    position: relative;

	font-size:15px;
    width:60px;
    display: inline-block;
}
.se10_lx_left ul li a{
text-decoration: underline;
    color: #5bb6e7;
	font-family:Arial, Helvetica, sans-serif; 
	}
	.se10_lx_left ul li a:hover{
text-decoration: underline;
    color: #8ec656;}
	
	
	.se10_right h2{
		color: #686868;
    border-bottom: 2px solid #686868;
	font-size: 20px;
    font-weight: 400;
    padding-bottom: 6px;
    line-height: 1.5;
	margin-bottom: 20px;
	font-family:Arial, Helvetica, sans-serif; 
	}
	.se10_lx_right ul{ color: #686868;margin-bottom: 20px;
    overflow: hidden;font-size: 16px;
    font-weight: 300;
    line-height: 1.7;}
		.se10_lx_right ul li{
	width: 15px;
    height: 40px;
    display: block;
    float: left;
    margin-right: 20px;color: #686868;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.7;}
	.se10_lx_right ul li span{ width:100px; position:absolute; left:14px; top:110px;}
	
	.se10_lx_right ul li i{ font-size:20px;}
/**   section10  **/


/**   footer  **/
footer {
	height: 100px;
	background: #f4f4f4;
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
}

footer .innerWrap {
	position: relative;
	height: 100px;
	width:980px;
	margin:0 auto;
}

#footerWordmark {
	display: block;
	width: 50px;
	height: 50px;
	overflow: hidden;
	position: absolute;
	left: 0px;
	top: 45px;
}

#footerTagline {
	position: absolute;
	left: 40px;
	top: 34px;
	color: #a0a0a4;
	font-size: 16px;
}


#copyright {
	display: block;
	position: absolute;
	left: 60px;
	bottom: 30px;
	height: 20px;
	width: 550px;
	color: #a0a0a4;
	font-size: 12px;
}

#footerNavBox {
	position: absolute;
	width: 150px;
	 height:30px;
	bottom: 60px;
	right:-15px;
	/*right: 70px;*/
}

#footerNav li {
	float: left;
	margin: 0px 0px 0px 32px;
}

#footerNav li a {
	color: #a0a0a4;
	font-weight: 300;
	font-size: 16px;
	text-decoration: underline;
}

#footerNav li a:hover {
	color: #686868;
}

.unohacha_box{ width:150px; float:right; margin-top:30px;}

.swiper-pagination1{ bottom:-12% !important;}
.swiper-pagination1 .swiper-active-switch{background:#0077be !important;}


/**   footer  **/




.zywan{position:absolute; top: 33px;right: 20px; color:#666; }
.zywan a{ color:#666;font-size:14px;}
.zywan span{ margin:0 5px;font-size:12px;}
.zywan a:hover{ color:#009abd;}
.zywandq{color:#009abd !important;}






/** dbgsxx **/
.dbgsxx{
	height:auto;
	margin-top:15px;
	margin-bottom:15px;
}
.dbgsxx01{
	width:41%;
	height:auto;
	float:left;
	margin-left: 1.5%;
}
.dbgsxx02{
	width:41%;
	height:auto;
	float:left;
}
.dbgsxx03{
	width:15%;
	height:auto;
	float:right;
}
.dbgsxx ul{
	height:auto;
}
.dbgsxx ul li{
	height:auto;
	font-size: 12px;
    line-height: 25px;
    color: #777;
}
.dbgsxx03 ul li a{ padding-left:25px;    color: #777;}
.dbgsxx03 ul li a:hover{color: #5bb6e7;}
/** dbgsxx **/





















@media(max-width:1440px) and (min-width:1110px){
	.all{width:85%; }
	.header{width:85%; left:7.5%; margin-left:0;}
	.nav-bg{width:85%; left:7.5%; margin-left:0;}
	.all .innerwarp{width:85%;}
	.header .innerwarp{width:90% !important; height:auto ;}
	.se4_title h1{ font-size:30px !important; }
	.se4_pic{ margin:20px 0;}
	.se6_left{ padding-top:10px !important;   padding-left:20px; box-sizing:border-box;}
	.se6_left h1{ font-size:30px !important; line-height:30px !important; margin:0 !important;}
	.se6_left div h3{margin:10px 0 !important; }
	.header .i_nav{ width:83%; right:-60px;}
	.zywan{ right:40px;}
	.header .i_nav li{ padding:0 15px;}
	.anniu{ bottom:-146px;}
	.se9{ padding-bottom:10px;padding-top:50px;}
	.swiper-pagination6{ bottom:3% !important;}
	.swiper6{ height:220px !important;}
	.se3_text{ padding-bottom:10px;}
	.header .i_nav li a{ font-size:14px;}	
	.se2_pic img{ width:60%; left:30px; top:20px;}
	.se7{ padding-top:30px;}
	
}

@media(max-width:1300px) and (min-width:1200px){
.header .i_nav li a{ font-size:13px;}
.swiper1{ height:320px !important;}
footer .innerWrap{ height:95px;}
#footerWordmark{ top:38px;}
.header .i_nav{ width:83%; right:-60px;}
.xaiyiduan{ display:none}
}

@media(max-width:1200px){
.header .i_nav li a{ padding:0;}
.header .i_nav li{ padding:0 10px;}
.header .i_nav{ width:85%;}
.header .innerwarp { width: 92% !important;}
}

@media(max-width:1109px) and (min-width:769px){
	.all{width:85%; }
	.all .innerwarp{width:85%; margin:0 auto;}
	.header .innerwarp{width:85%; height:auto; }
	.se4_title h1{ font-size:30px !important; }
	.se4_pic{ margin:20px 0;}
	.se6_left{ padding-top:10px !important;   padding-left:20px; box-sizing:border-box;}
	.se6_left h1{ font-size:30px !important; line-height:30px !important; margin:0 !important;}
	.se6_left div h3{margin:10px 0 !important; }
	
	.se5_con img{width:100%; height:auto; overflow:hidden; }
	.se4_pic{ margin:20px 0;}
	.se4_title h1{ font-size:30px !important; }
	.all{width:80%; }
	.all .innerwarp{width:80%; margin:0 auto;}
	.wrapper{margin-top:56px;}
	.se6_left div{ width:100%;}
	.se6_left{ padding-top:10px !important;  padding-left:20px; margin-left:0;  box-sizing:border-box;}
	.se6_left h1{ font-size:30px !important; line-height:30px !important; margin:0 !important;}
	.se6_left div h3{margin:10px 0 !important; }
	.header .i_nav{ width:70%; right:0;}
	.header .i_nav li{ padding:0 10px;}
	.box_skitter .image{width:100%;}
	}


@media (max-width: 768px) {
	.dbgsxx01{width: 94%;margin-left: 3%;}
	.dbgsxx02{width: 94%;margin-left: 3%;float: left; margin-top:15px;}
	#copyright{width: 85% !important;bottom: 21px !important;left: 50px !important;}
	.dbgsxx03{width: 94%;
    margin-left: 3%; float:left;margin-top: 15px;}
.se2 .innerwarp{    padding: 30px 0 !important;}
.se3_text{ height:auto !important;}
.se2{ padding-top:0 !important;}
	
	.se5_con img{width:100%; height:auto; overflow:hidden; }
	.se4_pic{ margin:20px 0;}
	.se4_title h1{ font-size:30px !important; margin-top:20px;}
	.all{width:100%; background:none; margin:0 auto;  }
	.all .innerwarp{width:90%; margin:0 auto; margin-bottom:30px;}
	.wrapper{margin-top:56px;}
	.se6_left div{ width:100%;}
	.se6_left{ padding-top:10px !important;  padding-left:20px; margin-left:0;  box-sizing:border-box;}
	.se6_left h1{ font-size:30px !important; line-height:30px !important; margin:0 !important;}
	.se6_left div h3{margin:10px 0 !important; }
	
	.phone {
	display: block;
	z-index: 99999;
	position: relative;
}
.navbar-nav {
	width: 100%;
	margin-left: 0px;
	text-transform: uppercase;
}
.navbar-nav li {
	text-align: center;
	border-bottom: 1px dotted #ccc;
	line-height:54px;
}
.navbar-nav li a {
	color: #333;
    /*display: block !important;*/
}
.navbar-nav li a:hover {
	color: #0076c2;
}
.headerbg {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 99999;
	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;
	padding:7px 0;
	margin-left:0px; margin-top:3px;
}
.header {
	display: none;
}
header{ height:auto;}
.navbar-toggle {
	background-color: none;
	margin-top:15px;
}
.navbar-toggle .icon-bar {
	background-color:#0076c2;
}
.pcheader {
	display: none;
}
.phone {
	display: block;
}


.se3_text{ height:340px; padding:0; }
.xiaotu{ width:60%; margin:0 auto;}
.chanpinzs{ width:100%; margin:0 auto;}
.se5_con {
    overflow: hidden;
    margin-bottom: 20px;
    padding: 20px 0;
    border-bottom:none;
}
.se5_right_con h2{ margin-top:30px;}

.chanpinzs h1{
	font-size:44px; 
	color:#1d6f93; 
	text-align:center;  
	margin-bottom:40px;   
	font-family:Arial, Helvetica, sans-serif; 
	position:relative; margin-top:15px;
	}

.se5{ background:#5bb6e7; padding:40px 0; border:none;}

.xinwen_pai{
	 width:90%; 
	 margin:0 auto; padding-bottom:20px;
	}
.xinwen_pai ul li{ padding-bottom:40px; padding-top:15px;}
.xinwen_pai ul li h1{
    font-size: 22px; margin-top:0px;
    color: #5bb6e7;
	 margin-bottom:20px; line-height:30px;}

.xinwenzu{ padding-bottom:10px;  
/*margin-top: 25px;*/
margin-bottom:10px; 
border-bottom:1px #e5e5e5 dotted; 
padding-top:20px; width:100%; display:block;
}
.xinwenzu p{color:#333;}
.xinwenzu h1 span{font-family:Arial, Helvetica, sans-serif; }

.se9_right p strong{ 
display:block; 
text-align:center; 
font-size:40px;
margin-bottom:20px;
}
.se9{padding:30px 0; padding-bottom:1px;}
.se10{ padding: 40px 0;}
.se10_lx_left ul li{ font-size:13px;    margin-bottom: 0px;}
footer{ height:70px;}
footer .innerWrap{ height:auto; width:100%;}
#copyright{ bottom:-35px; left:85px;}
#footerWordmark {
    overflow: hidden;
    position: absolute;
    left: 25px;
     top: 60px; 

}
#copyright{ width:200px;}
.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-right: 0px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.banner_wz{   
    position: absolute;
    z-index: 9999; 
    text-align: center;
    left: 50%; 
	margin-left:-175px;
	top:50%; margin-top:-100px;
	width:350px;
	}
.banner_wz h1{
	 font-size:40px; 
	 color:#fff; line-height:50px; 
	 letter-spacing:0px;
	 text-shadow: 2px 2px 3px #505050; 
	 }
.se5{ padding-top:30px; padding-bottom:5px;}
.se2{ padding-top:25px; padding-bottom:0px; }
.border_box{ height:100%}
.box_skitter_large{ height:100%;}

.xp_phone{  overflow:hidden; margin-top:-88px; height:375px !important;}
.se9_right{ margin-top:15px;}
.se5_right_con>a{color:#fff; background:url(../images/more.png) no-repeat center center;}
#page h1{ font-size:42px !important;}

.swiper6{ height:210px !important;}
.swiper5{ height:410px !important;}

.swiper-pagination4 .swiper-active-switch{background:#0077be !important;}
.swiper4{ height:375px !important;}

.swiper2{ height:830px !important;}
.swiper-pagination2{ bottom:2% !important;}
.se3_texthd{background:none;}
.swiper-pagination4{ bottom:0% !important;}

.se4_text{ background:none; padding:0;}
.se4_pic{ background:none;}
.se5_left_text2{ background:none;}
.se8_center h1{background:none;}
.se8_center p{background:none;}
.se10_right{background:none;}
.swiper-pagination6{ bottom:-21%;}
.swiper-pagination5{ bottom:8% !important;}

.xp_phone .swiper5{height:375px !important;}
.xp_phone .swiper-pagination5{ bottom:0 !important; height:40px !important;}
#fazhan .pagination{text-align: center;}

.zywansj{color: #666;
    width: 60px;
    margin: 0 auto;}
.zywansj span {
    margin: 0 5px;
    font-size: 12px;
}	
	
}







@media (max-width: 320px) {
	
.xp_phone{height:320px !important;}
.xp_phone .swiper5{height:320px !important;}
.xp_phone .swiper-pagination5{ bottom:0 !important; height:30px !important;}	
	
}




.seemail{width:115px !important;}
.sedh{width:90px !important;}
