@charset "UTF-8";


* { margin:0; padding:0; } 
iframe{max-width: 100%;margin: 30px 0;}

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.428571429;
  color: #333333;
  background-color: #ffffff;
  background-image:url(../images/bg.jpg);
  background-size: cover; 
  background-attachment: fixed;
}

.img-responsive {
  display: block;
  height: auto;
  max-width: 100%;
}

a{
  color: #212121;
  text-decoration: none;
  border: none;
  transition: 0.4s;
}
a:hover{ color: #036eb8; }


.left{float: left;}
.right{float: right;}

li{list-style: none;}


/*-------------------- -------------------- -------------------- 不同屏幕下标题 -------------------- -------------------- -------------------- */
h2{font-size: 36px;line-height: 42px;margin-bottom: 16px;}
h3{font-size: 30px;line-height: 36px;margin-bottom: 10px;}
h4{font-size: 22px;line-height: 30px;margin-bottom: 10px;}
h5{font-size: 18px;line-height: 24px;margin-bottom: 10px;}

@media screen and (max-width: 1439px) {
	h2{font-size: 30px;line-height: 36px;margin-bottom: 16px;}
	h3{font-size: 24px;line-height: 30px;margin-bottom: 10px;}
	h4{font-size: 16px;line-height: 22px;margin-bottom: 5px;}
	h5{font-size: 14px;line-height: 20px;margin-bottom: 5px;}
}
@media screen and (max-width: 1024px) {
	h2{font-size: 24px;line-height: 30px;margin-bottom: 16px;}
	h3{font-size: 18px;line-height: 24px;margin-bottom: 10px;}
}
@media screen and (max-width: 600px) {
	h2,h3,h4,h5{font-size: 16px;line-height: 20px;margin-bottom: 10px;}
}


/*-------------------- -------------------- -------------------- 不同屏幕下头部 -------------------- -------------------- -------------------- */
.header{
    position: fixed;
	top:0;
	background-color: #fff;	
	width: 100%;
	box-sizing: border-box;
	/*box-shadow: 0px 0px 40px rgba(0,0,0,.05);*/
	border-bottom: 1px solid rgba(0,0,0,.08);
	z-index: 9;
	padding:10px 0;
	}
.header .cm{ font-size:40px;font-weight:bold; line-height:20px;letter-spacing: 5px; padding-top:20px;  }
.header .cm sup{ font-size:20px;font-weight: lighter; line-height:20px;letter-spacing: 0px; padding-top:-60px; }
.header .cm span{ font-size:15px;font-weight: lighter; text-transform:uppercase;letter-spacing: 2px;  }

.logo{
	position: relative;
	width: 84px;
	height: auto;
	float:left;	
	text-align: center;
	z-index: 999;
	margin-right:15px;
}
.logo img{max-height: 100%; max-width:100%;}

@media screen and (max-width: 1023px) and (min-width:0px) {/* 移动端的尺寸 */
.logo{
	width: 64px;
	margin-right:10px; margin-top:5px;	
}
.header .cm{ font-size:30px;padding-top:15px;letter-spacing:4px;  }
.header .cm sup{ font-size:14px; }
.header .cm span{ font-size:12px; letter-spacing: 1px;  }

}
/*-------------------- -------------------- -------------------- 不同屏幕下导航条 -------------------- -------------------- -------------------- */
.nav-icon{
	position: absolute;
	display:none;
	top: -64px;
	right: 0;
	width: 60px;
	height: 60px;
	padding-right: 0;
	z-index: 999;
	cursor: pointer;
	background-image: url(../images/nav-icon1.png);
	box-sizing: border-box;
}

.nav{
	position: fixed;
	top: 20px;
	right: 0;
	left: 0;
	height: 70px;
	width: 97%;
	margin: 0 auto;
	text-align: right;
	box-sizing: border-box;
	z-index: 99;
	
}
.nav-bg{
	position: fixed;
	top: 0;
	right: 0;
	height: 0%;
	width: 50%;
	background-color: #333743;
	opacity: 0.9;
	filter:alpha(opacity=90); 
	box-sizing: border-box;
}
.nav ul{
	position: relative;
	top: 0;
}
.nav li{display: inline-block;}
.nav li a{
	position: relative;
	color: #333;
	font-size: 16px;
	line-height: 70px;
	font-weight: 600;
	margin: 0 20px;
	display: inline-block;
	z-index: 999;
	transition: 0.4s;
}
.nav li a:after{
	content: "";
	display: inline-block;
	position: absolute;
	top: 60px;
	right: 50%;
	height: 3px;
	width: 0;
	transition: 0.4s;
	background-color: #036eb8;
}
.nav li a:hover:after{
	width: 100%;
	right: 0;
 }
.nav li a:hover{
	opacity: 0.9;
	filter:alpha(opacity=90); 

}


.nav .on a:after{
	content: "";
	display: inline-block;
	position: absolute;
	top: 60px;
	left: 0;
	height: 3px;
	width: 100%;
	transition: 0.4s;
	background-color: #036eb8;
}

@media screen and (max-width: 1600px) and (min-width:1367px) {/* 中屏幕的尺寸 */
.nav li a {font-size: 16px;margin-left: 6px;margin-right: 6px;}
}

@media screen and (max-width: 1366px) and (min-width:1024px) {/* 小屏幕的尺寸 */
.nav li a {font-size: 15px;margin-left: 6px;margin-right: 6px;}
}

@media screen and (max-width: 1023px) and (min-width:0px) {/* 移动端的尺寸 */
.nav{text-align: center;top: 80px;height: 0;width: 100%;}
.nav-bg {
	top: 80px;
	height: 1%;
	width: 100%;
	background-color: #036eb8;
	opacity: 0;
}
.nav-icon{
	display: block;
}

.nav li{display: block;}
.nav li a{font-size: 16px;color: #fff;line-height: 60px;font-weight: 700; display: none; border-bottom:1px solid #fff;}
.nav li a:hover{  background:#c30d23;}
.nav li a:after{display: none;}
.nav .on a:after {top: 0;height: 26px;width: 100%;background-color: rgba(255,255,255,.1)!important;}

}


/*-------------------- -------------------- -------------------- 幻灯片播放 -------------------- -------------------- -------------------- */
.content{position: relative; top: 107px;}
.content img{width: 100%;}



/*-------------------- -------------------- -------------------- slider -------------------- -------------------- -------------------- */
.slider{
	position:relative;
	top: 0;
	width: 100%;
	z-index: 1;
	overflow: hidden;
	margin: 0 auto;
	margin-top: -10px;
}
.slider ul{
	position: absolute;
}
.slider li{
	width: 100%;
	display: inline-block;
}
.slider li img{
	width: 100%; 
}

.slider span{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 50%;
	height: 60px;
	display: inline-block;
	padding-left: 30px;
	background-color: #fff;
	z-index: 998;
	box-sizing:border-box;
}
.slider span p{line-height: 60px;}

.slider .btn-prev{left: 0;background: url(../images/icon-prev.png);border-right: 1px solid #666;}
.slider .btn-next{right: 0;background: url(../images/icon-next.png);border-left: 1px solid #666;}
.slider .btn-prev,.slider .btn-next{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 200px;
	height: 60px;
	z-index: 9;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position:center;
	border-color:rgba(255,255,255,.2); 
	transition: 0.5s;
}

.slider .btn-prev:hover,.slider .btn-next:hover{
	background-color: #036eb8;
}

.slider-ctrl{ 
	position: absolute;
	width: 100%;
	height: 60px;
	right: 0;
	left: 0;
	margin: 0 auto;
	bottom: 0px;
	color: #fff;
	background-color:rgb(55,55,55);
	background-color:rgba(55,55,55,.1);
	padding: 0 20px;
	text-align: center;
	box-sizing:border-box;
	transition: 0.5s;
}
.slider-ctrl:hover{background-color:rgba(55,55,55,.4);}
.slider-ctrl p{ 
	font-size: 16px;
	font-weight: 700;
	line-height:60px;
}



/*-------------------- -------------------- -------------------- 不同屏幕下容器 -------------------- -------------------- -------------------- */

.container_auto {
   padding-right: 15px;
   padding-left: 15px;
   margin-right: auto;
   margin-left: auto;
   width:90%;
   position:relative;
}

.container_100 {
   padding-right: 0px;
   padding-left: 0px;
   margin-top:180px;
   margin-bottom:80px;
   margin-right: auto;
   margin-left: auto;
   width:100%;
   position:relative;
   
}
@media screen and (max-width: 1023px) and (min-width:0px) {/* 移动端的尺寸 */
.container_100 {
   margin-top:140px;
   margin-bottom:0px;
}
}

.container_90 {
   padding-right: 15px;
   padding-left: 15px;
   margin-top:160px;
   margin-bottom:40px;
   margin-right: auto;
   margin-left: auto;
   width:90%;
   position:relative;
}

/*-------------------- -------------------- -------------------- 不同屏幕下主标题 -------------------- -------------------- -------------------- */
.title_main{ width:100%; text-align:center;}
.title_main .ft{ font-size:18px; font-weight:bold; color:#036eb8; text-transform:uppercase; font-style:italic; }
.title_main .zt{ font-size:48px; font-weight:bold; color:#036eb8; margin:6px 0; }
.title_main span{ font-size:18px; }

@media screen and (max-width: 1023px) and (min-width:0px) {/* 移动端的尺寸 */
.title_main .ft{ font-size:15px; }
.title_main .zt{ font-size:34px;  margin:3px 0; }
.title_main span{ font-size:15px; }
}


/*-------------------- -------------------- -------------------- 不同屏幕下产品展示 -------------------- -------------------- -------------------- */
.products_main{ width:100%; margin:40px 0 ;position:relative; }
.products_main li{ width:31%; margin:0 1% 40px 1%; float:left; background:#fff; box-shadow:0px 0px 30px #d8d8d8;
-moz-box-shadow:0px 0px 30px #d8d8d8;
-webkit-box-shadow:0px 0px 30px #d8d8d8;transition: 0.6s;}
.products_main li:hover{background:#036eb8;}

.products_main li .left_pic{ width:58%;  padding:53px 0;float:left;background:#fff; }
.products_main li .left_pic img{ width:100%;}

.products_main li .right_text{ width:38%; padding:53px 2% 0 2%;float:right; }
.products_main li .right_text .zi_d{ width:100%;font-size:30px; font-weight:bold; color:#036eb8; line-height:36px;}
.products_main li .right_text .zi_line{ width:48px; height:3px; background:#036eb8; margin:18px 0;}
.products_main li .right_text .zi_x{ width:100%;font-size:15px; line-height:22px;}
.products_main li .right_text .zi_kuai{ width:34px; line-height:34px; border:1px solid #666; text-align:center;font-size:15px; color:#666; margin-top:10px;}

.products_main li:hover .right_text .zi_d{ color:#fff;}
.products_main li:hover .right_text .zi_line{ background:#fff;}
.products_main li:hover .right_text .zi_x{color:#fff; }
.products_main li:hover .right_text .zi_kuai{ border:1px solid #fff; color:#fff;}

.button_more{ width:100%; text-align:center; float:left;margin-top:30px; margin-bottom:30px;}
.button_more a{ width:auto; padding:15px 80px; border:1px solid #666; text-align:center; font-size:18px; color:#666;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;}
.button_more a:hover{ border:1px solid #036eb8; color:#fff; background:#036eb8;font-size:22px;}

@media screen and (max-width: 1023px) and (min-width:0px) {/* 移动端的尺寸 */
.button_more{ margin-top:20px; margin-bottom:20px;}
.button_more a{ padding:12px 50px; font-size:16px;}
}

@media screen and (max-width: 2500px) and (min-width:2299px) {/* 中大屏幕的尺寸 */
.products_main li .right_text .zi_d{font-size:25px; line-height:34px;}
.products_main li .right_text .zi_line{ margin:10px 0;}
.products_main li .right_text .zi_x{ width:100%;font-size:14px; line-height:22px;}
}

@media screen and (max-width: 2300px) and (min-width:1599px) {/* 中大屏幕的尺寸 */
.products_main li .right_text .zi_d{font-size:20px; line-height:25px;}
.products_main li .right_text .zi_line{ margin:8px 0;}
.products_main li .right_text .zi_x{ width:100%;font-size:13px; line-height:20px;}
}

@media screen and (max-width: 1600px) and (min-width:1367px) {/* 中屏幕的尺寸 */
.products_main li{ width:48%; margin:0 1% 40px 1%;}
.products_main li .left_pic{ width:100%; padding:0;}
.products_main li .right_text{ width:96%; padding:10px 2%;}
.products_main li .right_text .zi_d{ width:100%;font-size:24px; line-height:28px;}
.products_main li .right_text .zi_x{ width:100%;font-size:14px; line-height:20px;}
}

@media screen and (max-width: 1366px) and (min-width:1024px) {/* 小屏幕的尺寸 */
.products_main li{ width:48%; margin:0 1% 40px 1%;}
.products_main li .left_pic{ width:100%; padding:0;}
.products_main li .right_text{ width:96%; padding:10px 2%;}
.products_main li .right_text .zi_d{ width:100%;font-size:20px; line-height:26px;}
.products_main li .right_text .zi_x{ width:100%;font-size:13px; line-height:20px;}
}

@media screen and (max-width: 1023px) and (min-width:0px) {/* 移动端的尺寸 */
.products_main{ margin:30px 0 10px 0 ;}
.products_main li{ width:46%; margin:0 2% 30px 2%;}
.products_main li .left_pic{ width:100%; padding:0;}
.products_main li .right_text{ width:96%; padding:10px 2%;}
.products_main li .right_text .zi_d{ width:90%; padding:0 5%;font-size:17px; line-height:20px;}
.products_main li .right_text .zi_line{ display:none;}
.products_main li .right_text .zi_x{ display:none;}
.products_main li .right_text .zi_kuai{display:none;}
}

/*-------------------- -------------------- -------------------- 不同屏幕下公司简介 -------------------- -------------------- -------------------- */
.about_main{ width:80%; margin:60px 0 0 0;position:relative;float:left; padding:120px 10%; background:url(../images/about_bg.jpg) no-repeat center/cover; color:#fff; }
.about_main .left_text{ width:40%; float:left;}
.about_main .left_text .cm_d{ width:100%; font-size:40px; font-weight:bold; border-bottom:1px solid #5c9ccf; padding-bottom:30px; margin-bottom:40px;letter-spacing:3px;}
.about_main .left_text .cm_d span{ width:100%; font-size:30px; font-weight: lighter; display:block; line-height:60px;}
.about_main .left_text .cm_p{ width:100%; font-size:18px; line-height:40px; }

.about_main .right_pic{ width:50%; float:right;}
.about_main .right_pic .mc_d{ width:100%; font-size:34px; margin-bottom:5px; letter-spacing:3px;}
.about_main .right_pic img{ width:100%;}
.about_main .right_pic .mc_x{ width:90%; font-size:20px; margin:20px 0; padding:8px 50px;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px; background:#fff; color:#036eb8;}

.button_more2{ width:100%; margin-top:60px;}
.button_more2 a{ width:auto; padding:13px 60px; border:1px solid #5c9ccf; text-align:center; font-size:18px; color:#fff;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;}
.button_more2 a:hover{ color:#036eb8; background:#fff;}

@media screen and (max-width: 1023px) and (min-width:0px) {/* 移动端的尺寸 */
.button_more2{ margin-top:30px;}
.button_more2 a{ padding:12px 50px; font-size:16px; }

}

@media screen and (max-width: 1600px) and (min-width:1367px) {/* 中屏幕的尺寸 */
.about_main .left_text .cm_d span{ width:100%; font-size:25px; font-weight: lighter; display:block; line-height:40px;}

}

@media screen and (max-width: 1366px) and (min-width:0px) {/* 移动端的尺寸 */
.about_main .left_text{ width:100%; }
.about_main .right_pic{ width:100%; }
.about_main .right_pic .mc_d{ width:100%;  margin-bottom:10px; margin-top:60px; letter-spacing:3px;}

}

@media screen and (max-width: 1023px) and (min-width:0px) {/* 移动端的尺寸 */
.about_main{ margin:30px 0 0 0;padding:60px 10%;  }
.about_main .left_text .cm_d{ font-size:26px; letter-spacing:0px;padding-bottom:20px; margin-bottom:20px;}
.about_main .left_text .cm_d span{ font-size:17px; line-height:30px;}
.about_main .left_text .cm_p{ font-size:16px; line-height:30px; }
.about_main .right_pic .mc_d{ font-size:28px;}
.about_main .right_pic .mc_x{ width:80%; font-size:18px; margin:10px 0; padding:8px 30px;}

}

/*-------------------- -------------------- -------------------- 不同屏幕下应用领域 -------------------- -------------------- -------------------- */
.yyly_main{ width:80%; margin:0;position:relative;float:left; padding:160px 10%; background: url(../images/yyly_pic.jpg)no-repeat center/cover fixed;color:#fff; }
.yyly_main .right_main{ width:40%; float:right;}
.yyly_main .right_main .title_d{ width:100%; font-size:40px; margin-bottom:20px; display:block; line-height:40px;letter-spacing:3px;}
.yyly_main .right_main .title_d span{ width:100%; font-size:18px;  display:block; line-height:30px; margin:10px 0 50px 0;letter-spacing:0px;}
.yyly_main .right_main .jimian{ width:13%; margin:0 1%; padding:10px 2%; border:1px solid #fff;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;float:left;transition: 0.6s; }
.yyly_main .right_main .jimian span{ font-size:40px; font-weight:bold;}
.yyly_main .right_main .jimian .mingzi{ font-size:23px; margin:30px 0 50px 0; }
.yyly_main .right_main .title_x{ width:100%; font-size:28px; margin-bottom:20px; display:block; line-height:40px;letter-spacing:3px;}

.yyly_main .right_main .jimian:hover{ border:1px solid #c30d23; background:#c30d23;}

.line{ width:48px; height:3px; background:#fff; margin:28px 0;}

@media screen and (max-width: 1600px) and (min-width:0px) {/* 移动端的尺寸 */
.yyly_main .right_main{ width:100%;}
}
@media screen and (max-width: 1023px) and (min-width:0px) {/* 移动端的尺寸 */
.yyly_main{ padding:70px 10%; }
.yyly_main .right_main .title_d{font-size:34px; line-height:40px;letter-spacing:1px;}
.yyly_main .right_main .jimian{ width:94%; margin:10px 1%; padding:5px 2%;  }
.yyly_main .right_main .jimian span{ font-size:40px; font-weight:bold;}
.yyly_main .right_main .jimian .mingzi{ margin:-35px 0 20px 0; text-align:center; }
}

/*-------------------- -------------------- -------------------- 不同屏幕下工程案例 -------------------- -------------------- -------------------- */
.anli_main{ width:80%; margin:80px 10% ;position:relative;float:left;  }
.anli_main .anli_kuai{ width:10%; margin:10px 1%;float:left; transition: 0.6s; }
.anli_main .anli_kuai img{ width:100%;}
.anli_main .anli_kuai:hover{ box-shadow:0px 0px 30px #888;
-moz-box-shadow:0px 0px 30px #888;
-webkit-box-shadow:0px 0px 30px #888;  }

@media screen and (max-width: 1600px) and (min-width:0px) {/* 移动端的尺寸 */
.anli_main .anli_kuai{ width:23%; }
}
@media screen and (max-width: 1023px) and (min-width:0px) {/* 移动端的尺寸 */
.anli_main{ margin:60px 10% ;}
}

/*-------------------- -------------------- -------------------- 不同屏幕下底部 -------------------- -------------------- -------------------- */
.footer{
	
	padding: 45px 20px 20px 20px;
	background-color: #036eb8;
	z-index: 8;
	box-sizing: border-box;
	color:#ccc;
	display:block;
	float:left; width:100%;
}

.footer .zhu{ width:auto; display:inline-block;}

.footer dl{ width:auto; text-align:left; display:inline-block; margin-right:10px; line-height:25px;}
.footer dl dt{ font-size:17px; color:#fff; margin-bottom:6px;}
.footer dl dd{ width:185px; line-height:35px; padding-left:15px; border:1px solid #fff; margin-bottom:6px;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;transition: 0.6s;}
.footer dl dd:hover{ background:#c30d23; color:#fff;border:1px solid #c30d23; }
.footer dl a{ color:#fff;}

.footer .logo_b{ width:129px; height:121px; background:url(../images/footer_logo_2_2.png); position:absolute; right:323px;display:inline-block; margin-top:12px;}
.footer .logo_b2{ width:218px; height:86px; background:url(../images/footer_logo_2_3.png); position:relative; margin:0 auto; display:none }
.footer .logo_b3{ line-height:35px; font-size:15px; color:#fff; clear:#fff;position:relative; display:none }

.footer .lx{ width:auto; position:absolute; right:0;display:inline-block;margin-left:20px; border-left:1px solid #fff; padding-left:20px; line-height:35px; color:#fff;margin-top:8px;}
.footer .lx img{ margin:0px 8px 0 0;}
.footer .lx span{ font-size:20px; font-weight:bold;}

.footer .copy{ color:#fff;margin: 40px 0 0 0; padding-top:18px; border-top:1px solid #fff;text-align: center;}
.footer .copy a {color: #fff; }
.footer .copy a:hover {color: #fff;}

.footer .copy2{ color:#fff;margin: 20px 0 0 0; padding-top:18px; border-top:1px solid #fff;text-align: center; line-height:20px; display:none}
.footer .copy2 a {color: #fff; }
.footer .copy2 a:hover {color: #fff;}


@media screen and (max-width: 1024px) {
.footer{ text-align:center; }
.footer dl{ display:none}
.footer .lx{ display:none}
.footer .logo_b{ display:none}
.footer .logo_b2{ display:block}
.footer .logo_b3{ display:block}
.footer .copy2{ display:block;}
.footer .copy{ display:none;}
.footer{padding: 25px 20px 20px 20px;}
}


/*-------------------- -------------------- -------------------- 内页海报 -------------------- -------------------- -------------------- */
.banner_nei{position: relative; top: 107px; width:100%;}
.banner_nei img{width: 100%;}

/*-------------------- -------------------- -------------------- 内页内容 -------------------- -------------------- -------------------- */
.container_nei{ width:80%; margin:180px 10% 80px 10%;position:relative;float:left}
.main_left{ width:40%; float:left}
.main_right{ width:50%; float:right}
.main_right img{ width:100%;}

.main_left2{ width:45%;float:left }
.main_left2 img{ width:100%;}

.main_right2{ width:45%; float:right; }
.main_right2 img{ width:100%;}

.main_center{ width:100%; display:block}
.main_center img{ width:100%;}

.col_5{ width:14%; margin:20px 1%; padding:10px 2%; float:left; color:#fff;-webkit-border-radius: 20px 0 0 0;-moz-border-radius: 20px 0 0 0;border-radius: 20px 0 0 0;transition: 0.6s;}
.col_5 span{ font-size:40px; font-weight:bold;}
.col_5 .mingzi_nei{ font-size:23px; margin:30px 0 50px 0; }

.col_2{ width:46%; margin:20px 2%; float:left; transition: 0.6s; background:#036eb8; color:#fff;}
.col_2 .col_left{ width:50%;  float:left; }
.col_2 .col_left img{ width:100%;}

.col_2 .col_right{ width:40%;  float:right; margin-right:5% }
.col_2 .col_right .zi_d_nei{ width:100%;font-size:30px; font-weight:bold; line-height:36px; margin-top:30px;}
.col_2 .col_right .zi_line_nei{ width:48px; height:3px; background:#fff; margin:10px 0;display:none;}
.col_2 .col_right .zi_x_nei{ width:100%;font-size:15px; line-height:20px; display:none;}
.col_2 .col_right .zi_kuai_nei{ width:34px; line-height:34px; border:1px solid #fff; text-align:center;font-size:15px; color:#fff; margin-top:10px;}

.col_2:hover{ background:#c30d23;}

@media screen and (max-width: 1023px) and (min-width:0px) {/* 移动端的尺寸 */
.col_2{ width:100%; margin:20px 0; }
.col_2 .col_right .zi_d_nei{ font-size:20px; line-height:30px; margin-top:10px;}
.col_2 .col_right .zi_line_nei{display:block;}
.col_2 .col_right .zi_x_nei{  display:block;}
.col_2 .col_left{ width:100%;  }
.col_2 .col_right{ width:90%; margin-bottom:10px;}

}

.pro_nei_1{ width:100%; margin:20px 0; transition: 0.6s; background:#036eb8; color:#fff; float:left;}
.pro_nei_1 .pro_pic{ width:50%; float:left}
.pro_nei_1 .pro_pic img{ width:100%;}
.pro_nei_1 .pro_js{ width:40%;float:right; margin-right:5% }
.pro_nei_1 .pro_js .zi_d_nei_1{ width:100%;font-size:30px; font-weight:bold; line-height:40px; margin-top:40px;}
.pro_nei_1 .pro_js .zi_line_nei_1{ width:48px; height:3px; background:#fff; margin:30px 0;}
.pro_nei_1 .pro_js .zi_x_nei_1{ width:100%;font-size:17px; line-height:30px; }

.pro_nei_2{ width:100%; transition: 0.6s; }
.pro_nei_2 .neirong{ width:45%; }
.pro_nei_2 .neirong .left_neirong{ width:45%; float:left; margin-top:20px;font-size:18px; line-height:35px; }
.pro_nei_2 .neirong .right_neirong{ width:50%; float:right; margin-top:20px; }
.pro_nei_2 .neirong .right_neirong img{ width:100%; }
.pro_nei_2 .neirong .left_neirong2{ width:100%; float:left; margin-top:20px;font-size:18px; line-height:35px; }

@media screen and (max-width: 1023px) and (min-width:0px) {/* 移动端的尺寸 */
.pro_nei_1 .pro_pic{ width:100%; }
.pro_nei_1 .pro_js{ width:90%;margin-bottom:20px; }
.pro_nei_1 .pro_js .zi_d_nei_1{margin-top:20px; font-size:25px;}
.pro_nei_2 .neirong{ width:100%; }
.pro_nei_2 .neirong .left_neirong{ width:100%; margin-top:0px; }
.pro_nei_2 .neirong .right_neirong{ width:100%; margin-top:0px; }

}
.title_pro_white{ width:100%; font-size:24px; line-height:60px; border-bottom:1px solid #fff; color:#fff;margin:20px 0 10px 0;}
.title_pro_blue{ width:100%; font-size:24px; line-height:60px; border-bottom:1px solid #036eb8; color:#036eb8;margin:20px 0 10px 0;}

.bg_blue{ background:#036eb8;}
.bg_gray{ background:#373838;}

.title_nei{ font-size:38px; display:block}
.title_nei span{ font-size:25px; display:block}

.title_nei2{ font-size:30px; color:#036eb8; display:block}

.title_address{ font-size:22px; display:block; margin:0 0 30px 0; }
.title_address span{ font-size:30px; color:#036eb8; font-weight: bold;display:block; }
.main_right_map{ width:45%; float:right; margin-top: 5px; }
@media screen and (max-width: 1023px) and (min-width:0px) {/* 移动端的尺寸 */
.title_address{ font-size:18px; margin:0 0 20px 0; }
.title_address span{ font-size:23px;  }	
.main_right_map{ width: 100%}
}

.tedian_txt{ font-size:22px; color:#fff; padding:12px 4%; width:92%; background:#036eb8; display:block; margin:20px 0;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;transition: 0.6s;}
.tedian_txt2{ font-size:22px; line-height:30px; color:#fff; padding:20px 5%; width:90%; background:#036eb8; display:block; margin:20px 0;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;transition: 0.6s;}

.changshi_txt{ font-size:22px; padding:12px 0; line-height: 35px; display:block; }

.line_nei{ width:32px; height:4px; background:#036eb8; margin:60px 0;display:block}
p.p_zw{font-size:18px; line-height:35px;display:block; text-indent:40px; margin:20px 0;}

@media screen and (max-width: 1770px) and (min-width:1024px) {/* 移动端的尺寸 */
.main_left{ width:45%; }
.main_right{ width:45%;}

}
@media screen and (max-width: 1023px) and (min-width:0px) {/* 移动端的尺寸 */
.container_nei{ width:80%; margin:140px 10% 40px 10%;position:relative;float:left}
.main_left{ width:100%; }
.main_right{ width:100%;}
.title_nei{ font-size:24px; display:block}
.line_nei{ margin:30px 0;}
.main_left2{ width:100%; }
.main_right2{ width:100%; }
.title_nei span{ font-size:18px;}
.tedian_txt{ font-size:18px;  padding:15px 10%; width:80%; }
.tedian_txt2{ font-size:18px;  padding:20px 10%; width:80%; }

}

.anli_kuai_nei{ width:23%; margin:10px 1%;float:left; transition: 0.6s; }
.anli_kuai_nei img{ width:100%;}
.anli_kuai_nei:hover{ box-shadow:0px 0px 30px #888;
-moz-box-shadow:0px 0px 30px #888;
-webkit-box-shadow:0px 0px 30px #888;  }