﻿* { box-sizing: border-box; -webkit-text-size-adjust: none; outline: none; }
html,body
{ font-size:14px; font-family:Arial, Helvetica,sans-serif; line-height:26px;}
body{-webkit-text-size-adjust:none}
li{ list-style:none;}
p{ margin:0px; padding:0px}
dd{ margin:0px; padding:0px}
dt{ margin:0px; padding:0px}
a {
	color:#333;
	-webkit-transition:color 0.3s ease 0s;
	transition:color 0.3s ease 0s; text-decoration:none
}
a:hover, a:focus, a:active, a:visited {

  text-decoration: none;
  outline: none; }

.space1{ overflow:hidden; clear:both; height:10px;}
.space2{ overflow:hidden; clear:both; height:20px;}
.space3{ overflow:hidden; clear:both; height:30px;}
.space4{ overflow:hidden; clear:both; height:40px;}
@media only screen and (max-width: 600px) {
.space2{ overflow:hidden; clear:both; height:20px;}
.space3{ overflow:hidden; clear:both; height:20px;}
.space4{ overflow:hidden; clear:both; height:20px;}
}

.main_box{ max-width:1400px; overflow:hidden; margin:0 auto;}
@media only screen and (max-width: 1400px) {
.main_box{ max-width:1300px; overflow:hidden; width:94%; margin:0 auto;}
}




.hui_bg{ background:#F4F4F4; width:100%; padding:100px 0px 100px 0px; overflow:hidden; }
.bai_bg{ background:#ffffff; width:100%; padding:100px 0px 100px 0px; overflow:hidden; }

@media only screen and (max-width: 1366px) {
.bai_bg{ background:#ffffff; width:100%; padding:80px 0px 80px 0px; overflow:hidden; }
.hui_bg{ background:#F4F4F4; width:100%; padding:80px 0px 80px 0px; overflow:hidden; }
}

@media only screen and (max-width:1190px) {
.hui_bg{ background:#F4F4F4; width:100%; padding:40px 0px 40px 0px; overflow:hidden; }
.bai_bg{ background:#ffffff; width:100%; padding:40px 0px 40px 0px; overflow:hidden; }
}

@media only screen and (max-width:900px) {
.hui_bg{ background:#F4F4F4; width:100%; padding:30px 0px 30px 0px; overflow:hidden;}
.bai_bg{ background:#ffffff; width:100%; padding:30px 0px 30px 0px; overflow:hidden; }
}




.foot_btn_box{ position: fixed; z-index: 9; float:right;  bottom:120px; right: 2%; text-align: center;display: none}
.foot_btn_box a{ display: inline;line-height: 39px;}


.R_btn_tel_k{width: 39px;height: 39px; text-align: center; border-radius: 50%;background: #fff;box-shadow:0 0 15px rgba(55, 55, 55, 0.3);
background: -webkit-linear-gradient(45deg, #ff5b01, #ff6f05);
background: -o-linear-gradient(45deg, #ff5b01, #ff6f05); 
background: -moz-linear-gradient(45deg, #ff5b01, #ff6f05); 
background: linear-gradient(45deg, #ff5b01, #ff6f05); 
}
.R_btn_tel_k i{ line-height: 39px; font-size: 22px; color: #fff; vertical-align: middle}


@media only screen and (max-width:1100px) {
.foot_btn_box{ display:block}	
}


.kfbox{ display:block}
.b_top{ overflow:hidden; display:none}
@media only screen and (max-width:1100px) {
.kfbox{ display:none}
.b_top{ overflow:hidden; display: block}
.kfbox .side{ display:none}
.side ul{ display:none}
.side{ display:none}
}






/*--------------------首页----------------*/
.sy_title{ text-align:center; margin-bottom:30px}
.sy_title h3{ color: #222;font-size: 34px;margin-bottom: 12px; line-height:40px; font-weight:700}
.sy_title .x_txt{font-size: 16px; color: #777;line-height: 24px; max-width:800px; width:92%; margin:0 auto; font-weight:300; line-height:180%}

.sy_title_bai{ text-align:center; margin-bottom:30px}
.sy_title_bai h3{ color: #fff;font-size: 34px;margin-bottom: 12px; line-height:40px; font-weight:700}
.sy_title_bai .x_txt{font-size: 16px; color: #fff;max-width:900px; width:92%; margin:0 auto; font-weight:300; line-height:180%}

@media only screen and (max-width:1190px) {
.sy_title h3{ color: #222;font-size: 25px;margin-bottom:5px; line-height:30px; }
.sy_title .x_txt{font-size: 14px; color: #676b6d;line-height: 24px;}
.sy_title{ text-align:center; margin-bottom:20px}

.sy_title_bai h3{ font-size: 25px;margin-bottom:5px; line-height:30px; }
.sy_title_bai .x_txt{font-size: 14px;line-height: 24px;}
.sy_title_bai{ text-align:center; margin-bottom:20px}
}

/*-------------------关于我们----------------*/

.sy_about_tu{ overflow:hidden; text-align:center; margin:0px; padding:0px; width:48%; float:left;  position: relative;  padding-bottom: 20px; padding-right: 20px;z-index:2}
.sy_about_tu img{ overflow:hidden; vertical-align: middle;max-width:100%; width:auto; height:auto;z-index:2; position: relative; }
.sy_about_tu::after{position: absolute; z-index:1; content: "";width:90%; height:90%; background: #01519a; bottom: -20px; right: -20px}

.ys_about_R{ overflow:hidden; padding: 0px; margin: 0px;float: right; width: 45%}
.ys_about_R dl{ overflow:hidden; padding: 0px; margin: 0px; padding-top: 7%}
.ys_about_R dl dt{ overflow:hidden; padding: 0px; margin: 0px;;line-height:180%; font-size: 32px; margin-bottom: 10px; color: #111;font-weight: 700}
.ys_about_R dl dt span{font-weight: 300;font-size: 18px; }
.ys_about_R dl dd{ overflow:hidden; padding: 0px; margin: 0px;line-height: 26px; font-size: 16px; color: #666}


.about_btn_k{ margin-top: 20px}
.about_m_btn{ width: 160px; background: #01519a; color: #fff;font-size: 16px; line-height: 44px; text-align: center;position: relative}
.about_m_btn i{ margin-left: 20px;font-size: 14px;line-height: 44px; vertical-align: middle;color: #169655;}
.about_m_btn::after{position: absolute; z-index:1; content: "";width:0%; height:100%; background: #169655;left:0;top:0; transition: all 0.4s}
.about_m_btn:hover:after{-webkit-transition: all 0.8s cubic-bezier(1, 0.41, 0.07, 0.96);
    transition: all 0.8s cubic-bezier(1, 0.41, 0.07, 0.96);width:100%;}
.about_m_btn:hover  i{color: #fff}
.about_m_btn span {
    position: relative;
    z-index: 2;
    color: #fff;
}
@media only screen and (max-width:1450px) {
.ys_about_R dl dd{ line-height: 24px; font-size: 14px;}	
	
}
@media only screen and (max-width:1190px) {
	.ys_about_R dl dt{ font-size: 25px;}
}
@media only screen and (max-width:1100px) {
.ys_about_R{ width: 47%}
.ys_about_R dl{padding-top: 1%}
}

@media only screen and (max-width:1000px) {
.about_btn_k{ margin-top: 10px}
.ys_about_R{ width: 48%}
.ys_about_R dl{padding-top: 0%}
}
@media only screen and (max-width:800px) {
.about_m_btn{ width: 140px;font-size: 14px; line-height: 36px;}
.about_m_btn i{ margin-left: 20px;font-size: 14px;line-height: 36px;}
	.ys_about_R dl dt{ line-height: 30px; margin-bottom:5px}
}
@media only screen and (max-width:700px) {
.ys_about_R{float: none; width: 100%; margin-top: 25px}
.sy_about_tu{ float: none; width: 100%}
	.ys_about_R dl dt{ text-align: center}
	.about_m_btn{ margin: 0 auto}
}

.videolist { margin: 0px; padding: 0px}
.videolist:hover{ cursor: pointer;}
.videos{ display:none; position:fixed; z-index:9999999; max-width:1000px;width:85%; height:auto;left: 50%;
top: 50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
transform: translate(-50%, -50%); background:#fff; margin: 0px; padding: 5px 5px 3px 5px;box-shadow:0 0 20px 1px rgba(0,0,0,.3) }
.vclose { position:absolute;right:10px; top:10px; border-radius:100%; cursor: pointer; background: #fff; padding: 2px}

@media only screen and (max-width: 700px) {
.videos{width:80%;background:#eee;}		
}



.bgPop{  display: none;position:fixed;z-index:9999998;left:0;top: 0;width: 100%;height:100%;background: rgba(0,0,0,.5); overflow:hidden;   }

@media only screen and ( max-width:800px ) {
.pop {  display: none;  width:88%;left:4%; top:15%;}
}

video::-internal-media-controls-download-button {display:none;}
video::-webkit-media-controls-enclosure {overflow:hidden;}
video::-webkit-media-controls-panel { width: calc(100% + 30px);}


.sy_dv_k{position: absolute;  height: auto;left:0; width: 100%;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%); z-index:6;}


 @keyframes myfirst1 {
0% {
 transform: scale(0.90);
}
 50% {
 	 -webkit-transform: scale(1.0);transform: scale(1.0);-moz-transform: scale(1.0);
}
 100% {
transform: scale(0.90);
}
}


.dv_iconBox {
    position: absolute;
    width: 80px;
    color: #fff;
    top: 50%;
    left: 50%;
    margin-left:-40px;
	margin-top: -40px;
    cursor: pointer;
    height: 80px;
    -webkit-transition: all .6s;
}
.dv_iconBox::after {
    width: 80px;
    height: 80px;
    position: absolute;
    left: 50%;
    top: 50%;
    background: url(../images/dv_play.png) no-repeat;
    background-size: auto 100%;
    content: '';
    margin-left: -40px;
	margin-top: -40px;}

.dv_iconBox img{
-webkit-transition: all .5s;
    -webkit-animation: lineAnimate 10s linear infinite; -webkit-filter: drop-shadow(6px 6px 7px rgba(0, 0, 0, 0.4)); filter: drop-shadow(6px 6px 7px rgba(0, 0, 0, 0.4))
}
.dv_iconBox img {
    display: block;
    width: 100%;
    max-width: 100%;
}


@-webkit-keyframes lineAnimate {
	0% {
		-webkit-transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes lineAnimate {
	0% {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}



@media (max-width: 1300px) {
.nr_lm_txt dl dt{line-height:44px;font-size:32px;  }
.nr_lm_txt dl dd{font-size:18px; line-height:26px }


.dv_iconBox {
    position: absolute;
    width: 60px;
    color: #fff;
    top: 50%;
    left: 50%;
    margin-left:-30px;
	margin-top: -30px;
    cursor: pointer;
    height: 60px;
    -webkit-transition: all .6s;
}
.dv_iconBox::after {
    width: 60px;
    height: 60px;
    position: absolute;
    left: 50%;
    top: 50%;
    background: url(../images/dv_play.png) no-repeat;
    background-size: auto 100%;
    content: '';
    margin-left: -30px;
	margin-top: -30px;
	}
	
	
	

}
@media (max-width: 800px) {
.nr_lm_txt dl dt{line-height:34px;font-size:25px; padding-bottom: 8px; margin-bottom:4px  }
.nr_lm_txt dl dd{font-size:15px; line-height:22px }
.dv_iconBox {
    position: absolute;
    width: 44px;
    color: #fff;
    top: 50%;
    left: 50%;
    margin-left:-22px;
	margin-top: -22px;
    cursor: pointer;
    height: 44px;
    -webkit-transition: all .6s;
}
.dv_iconBox::after {
    width: 44px;
    height: 44px;
    position: absolute;
    left: 50%;
    top: 50%;
    background: url(../images/dv_play.png) no-repeat;
    background-size: auto 100%;
    content: '';
    margin-left: -22px;
	margin-top: -22px;
	}
	
	
 }



/*--------------------产品----------------*/
.ser_nr_box{ margin:0px; padding:0px; margin:0 auto;  width:94%;}
.ser_nr_box dl{margin:0px; padding:0px; overflow:hidden; }
.ser_nr_box dl dt{margin:0px; padding:0px; overflow:hidden; font-size:24px; line-height:30px}

.ser_nr_tubox{position:relative; height:100%; width:100%; margin:0px; padding:0px; overflow:hidden}
.ser_nr_tubox img{ width:100%; height:100%;vertical-align:top;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.ser_nr_tubox .ser_nr_title{ font-size:28px; line-height:190%; margin:0px;  padding:0px; color:#FFFFFF; position:absolute; z-index:2; float:left; left:0px; top:40px;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; width: 100%; text-align: center;text-shadow: 1px 1px 3px rgba(0,0,0,0.5);font-weight: bold}
.ser_nr_tubox .ser_nr_title img{width: 50px; height: auto; vertical-align: top;  -webkit-filter: drop-shadow(6px 6px 7px rgba(0, 0, 0, 0.4)); filter: drop-shadow(6px 6px 7px rgba(0, 0, 0, 0.4))}
.ser_nr_sm_box{position:absolute; z-index:11; padding:0px; margin:0px; width:100%; bottom:-100px; height:250px;ransition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; padding-top:30px;
background: -webkit-linear-gradient(#0000000, #00000090);
background: -o-linear-gradient(#0000000, #00000090); 
background: -moz-linear-gradient(#0000000, #00000090); 
background: linear-gradient(#0000000, #00000090); 
}
.ser_nr_sm_box dl{ padding:10px 20px 40px 20px; margin:0px;}
.ser_nr_sm_box dl dt{ padding-bottom:5px; margin-bottom:10px; border-bottom:#FFFFFF 1px solid}
.ser_nr_sm_box dl dt h3{font-size:24px; color:#FFFFFF; line-height:200%; display:none; margin-bottom:10px}
.ser_nr_sm_box dl dd{ padding:0px; margin:0px; line-height:24px; font-size:14px; color:#fff; font-weight:300;  height:24px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

.ser_nr_box:hover .ser_nr_sm_box dl dt h3{ display:block}
.ser_nr_box:hover .ser_nr_sm_box{ bottom:-4px;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.ser_nr_box:hover .ser_nr_sm_box dl dd{text-overflow:normal;height:96px; white-space:normal;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; }

.ser_nr_box:hover .ser_nr_title{  filter: alpha(opacity=0); opacity:0;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}

.ser_nr_box:hover .ser_nr_sm_box{ background: rgba(0,80,154,.9); 	}

.ser_nr_box:hover .ser_nr_tubox img{-webkit-transform: scale(1.1);transform: scale(1.1);-moz-transform: scale(1.1);transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}

.ser_nr_sm_box dl dt h3 i{float: right; padding-top:10px;}

@media only screen and (max-width:1200px) {
.ser_nr_title{ font-size:24px; }
.ser_nr_sm_box dl dt h3{font-size:20px;line-height:30px;}
}
@media only screen and (max-width:800px) {
.ser_nr_sm_box{ bottom:-4px; height:200px; background: rgba(0,80,154,.9)}
.ser_nr_sm_box dl dd{text-overflow:normal;height:72px; white-space:normal;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; font-size:12px; }
.ser_nr_sm_box dl dt h3{ display:block; line-height:18px;}
.ser_nr_title{ left:0px; top:40px; text-align:center; width:100%}
.ser_nr_title{ display:none}
	.ser_nr_sm_box dl dt h3 i{float: right; padding-top:0px; vertical-align: top;ine-height:22px;}
}
@media only screen and (max-width:450px) {
.ser_nr_sm_box{ padding-top:10px;}
.ser_nr_sm_box{ bottom:-4px; height:160px; background: rgba(0,80,154,.8)}
.ser_nr_sm_box dl dt h3{ font-size:16px; line-height: 24px}
.ser_nr_sm_box dl dt dd{height:66px; line-height:22px; overflow:hidden }

.ser_nr_box:hover .ser_nr_sm_box dl dd{height:66px; line-height:22px; overflow:hidden}
.ser_nr_sm_box dl{ padding:10px 15px 20px 15px; margin:0px;}
}


/*-----------------案例--------------*/
.case_bg{ overflow:hidden;background:#f7f7f7 url("../images/sy_news.jpg") no-repeat center top; background-size:100% auto}

.sy_case_L{width: 49%; float: left; overflow: hidden; margin: 0px; padding: 0px; margin-bottom: 10px}
.sy_case_R{width: 49%; float: right; overflow: hidden; margin: 0px; padding: 0px}
.case_R{margin:0px; padding:0px; overflow: hidden}
.case_R li{margin:0px; padding:0px; overflow: hidden;float: left; width:49%; margin-right: 2%; background: #fff; margin-bottom:15px; border-bottom: 1px solid #e6e6e6;}
.case_R li dl{margin:0px; padding:0px; overflow: hidden;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.case_R li dl dt{margin:0px; padding:0px; overflow: hidden}
.case_R li dl dd{margin:0px; padding:12px 15px; font-weight:400; color: #222; line-height: 34px; font-size: 18px; text-align: center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.case_R li:nth-child(2n+0){margin-right:0}
.case_R li a{display: inline}

.case_L{margin:0px; padding:0px; overflow: hidden}
.case_L li{margin:0px; padding:0px; overflow: hidden;background: #fff; margin-bottom: 2%; border-bottom: 1px solid #e6e6e6;}
.case_L li dl{margin:0px; padding:0px; overflow: hidden;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.case_L li dl dt{margin:0px; padding:0px; overflow: hidden}
.case_L li dl dd{margin:0px; padding:12px 15px; font-weight:400; color: #222; line-height: 34px; font-size: 18px; text-align: center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.case_L li a{display: inline}

.case_L img{display: block;width:100%;height: auto; vertical-align: top}
.case_L li:hover{background: #01519a;border-radius: 8px}
.case_L li:hover dl dd{color: #fff;}
.case_L li:hover{padding:10px 8px 2px 8px;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}

.case_R img{display: block;width:100%;height: auto; vertical-align: top}
.case_R li:hover{background: #01519a;border-radius: 8px}
.case_R li:hover dl dd{color: #fff;}
.case_R li:hover{padding:8px 8px 2px 8px;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}

.case_img1{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	transition: all 0.3s ease; 
	-webkit-transition: all 0.3s ease; overflow: hidden;
}

.case_img1 img{display: block;width:100%;height: auto; vertical-align: top}
.case_img2{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	transition: all 0.3s ease; 
	-webkit-transition: all 0.3s ease; overflow: hidden;
}

.case_img2 img{display: block;width:100%;height: auto; vertical-align: top}



@media only screen and (max-width:1400px) {
.case_img1 img{display: block;width:100%;height: 449px; vertical-align: top}
.case_img2 img{display: block;width:100%;height: 188px; vertical-align: top}

.sy_case_L{width: 49%; float: left; overflow: hidden; margin: 0px; padding: 0px; margin-bottom: 10px}
.sy_case_R{width: 49%; float: right; overflow: hidden; margin: 0px; padding: 0px}
}

@media only screen and (max-width:1200px) {
.case_img1 img{display: block;width:100%;height: 429px; vertical-align: top}
.case_img2 img{display: block;width:100%;height: 178px; vertical-align: top}

.sy_case_L{width: 49.3%; float: left; overflow: hidden; margin: 0px; padding: 0px; margin-bottom: 10px}
.sy_case_R{width: 49%; float: right; overflow: hidden; margin: 0px; padding: 0px}
}


@media only screen and (max-width:1000px) {
.case_img1 img{display: block;width:100%;height: 389px; vertical-align: top}
.case_img2 img{display: block;width:100%;height: 158px; vertical-align: top}

}
@media only screen and (max-width:800px) {
.case_img1 img{display: block;width:100%;height: 349px; vertical-align: top}
.case_img2 img{display: block;width:100%;height: 138px; vertical-align: top}

}
@media only screen and (max-width:700px) {
.sy_case_L{width: 100%; float: left; overflow: hidden; margin: 0px; padding: 0px; margin-bottom: 10px}
.sy_case_R{width: 100%; float: right; overflow: hidden; margin: 0px; padding: 0px}
.case_img1 img{display: block;width:100%;height: 138px;height: auto;vertical-align: top}
.case_img2 img{display: block;width:100%;height: 138px;height: auto;vertical-align: top}
}



.caselist{margin:0px; padding:0px; overflow: hidden}
.caselist li{margin:0px; padding:0px; overflow: hidden;float: left; width:32%; margin-right: 2%; background: #fff; margin-bottom: 2%; border-bottom: 1px solid #e6e6e6;}
.caselist li dl{margin:0px; padding:0px; overflow: hidden;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.caselist li dl dt{margin:0px; padding:0px; overflow: hidden}
.caselist li dl dd{margin:0px; padding:12px 15px; font-weight:400; color: #222; line-height: 34px; font-size: 18px; text-align: center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.caselist li:nth-child(3n+0){margin-right:0}
.caselist li a{display: inline}

.case_img{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	transition: all 0.3s ease; 
	-webkit-transition: all 0.3s ease; overflow: hidden;
}

.case_img img{display: block;width:100%;height: auto; vertical-align: top}
.caselist li:hover{background: #01519a;border-radius: 8px}
.caselist li:hover dl dd{color: #fff;}
.caselist li:hover{padding:8px 8px 2px 8px;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}

@media only screen and (max-width:1300px) {
.case_R li dl dd{line-height: 34px; font-size: 16px;adding:8px 0px;}
.case_L li dl dd{line-height: 34px; font-size: 16px;adding:8px 0px;}
.caselist li dl dd{line-height: 34px; font-size: 16px;adding:8px 0px;}	
.case_bg{ overflow:hidden;background:#f7f7f7 url("../images/sy_news.jpg") no-repeat center top; background-size:100% auto}	
}

@media only screen and (max-width:700px) {
.caselist li{ width:48.5%; margin-right: 3%; margin-bottom: 3% }
.caselist li:nth-child(1){margin-right:0%; width: 100%}
.caselist li:nth-child(n+2){margin-right:0%}
.caselist li:nth-child(2n+0){margin-right:3%}
.caselist li dl dd{ font-size: 16px;adding:8px 0px; line-height: 30px}	
.case_R li dl dd{ font-size: 16px;adding:8px 0px; line-height: 30px}	
.case_L li dl dd{ font-size: 16px;adding:8px 0px; line-height: 30px}
}


.caselist2{margin:0px; padding:0px; overflow: hidden}
.caselist2 li{margin:0px; padding:0px; overflow: hidden;float: left;  width:48.5%; margin-right: 3%; background: #fff; margin-bottom: 3%; border-bottom: 1px solid #e6e6e6;}
.caselist2 li dl{margin:0px; padding:0px; overflow: hidden;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.caselist2 li dl dt{margin:0px; padding:0px; overflow: hidden}
.caselist2 li dl dd{margin:0px; padding:12px 15px; font-weight:400; color: #222; line-height: 34px; font-size: 18px; text-align: center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.caselist2 li:nth-child(2n+0){margin-right:0}
.caselist2 li a{display: inline}


.caselist2 li:hover{background: #01519a;border-radius: 8px}
.caselist2 li:hover dl dd{color: #fff;}
.caselist2 li:hover{padding:8px 8px 2px 8px;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}

@media only screen and (max-width:1300px) {
.caselist2 li dl dd{line-height: 34px; font-size: 16px;adding:8px 0px;}	
}

@media only screen and (max-width:700px) {
.caselist2 li dl dd{ font-size: 16px;adding:8px 0px; line-height: 30px}	
}


/*-----------------新闻--------------*/
.news_warp{ max-width: 1430px;width: 100%; margin: 0 auto; overflow: hidden; padding: 0px}
.news_list_tj{overflow:hidden; padding: 0px; margin: 0px;margin: 0 auto; width: 94%;margin-bottom: 10px; position: relative;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; background: #f6f6f6}
.news_list_tj a{display: inline}
.news_list_tj dl{overflow:hidden; padding: 20px 20px; }
.news_list_tj dl dt{overflow:hidden; padding: 0px; margin: 0px; font-size: 16px; color: #000; line-height: 30px;white-space:nowrap;text-overflow:ellipsis;margin-bottom: 15px;  position: relative; padding-bottom: 10px; font-weight: bold}
.news_list_tj dl dd{overflow:hidden; padding: 0px; margin: 0px;white-space:nowrap;text-overflow:ellipsis;color:rgba(0, 0, 0, 0.6);font-size: 14px}
.news_list_tj dl dt::after{ position: absolute; z-index: 3;left: 0px; bottom: 0px; width: 0px; height: 1px; background: #169655;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; content: "";}

.news_list_tj dl dt::before{ position: absolute; z-index: 2;right: 0px; bottom: 0px; width: 100%; height: 1px; background: #ccc;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; content: "";}

.n_time{ position: absolute; z-index: 2; padding: 5px 10px;font-size: 12px; background: rgba(0, 0, 0, 0.2); float: right;right: 0px; bottom: 0; color: #fff; }

.news_list_tj .img_box_tj{overflow: hidden; position: relative}
.news_list_tj .img_box_tj .product_img{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	transition: all 0.5s ease; 
	-webkit-transition: all 0.5s ease; overflow: hidden;
}

.news_list_tj .img_box_tj .product_img img{display: block;width:100%;height: auto; vertical-align: top}

.news_list_tj:hover dl dd{color:rgba(255, 255, 255, 0.8)}
.news_list_tj:hover dl dt{color:#fff}
.news_list_tj:hover .img_box_tj .product_img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.news_list_tj:hover{box-shadow:0 0 10px 1px rgba(0,0,0,.1);transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; background: #01519a;border-radius: 8px}
.news_list_tj:hover .n_time{ background: #01519a;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; color: #fff}

.news_list_tj:hover dl dt::after{ width: 100%;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s;}
.news_list_tj:hover dl dt::before{ width: 0%;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; background: #fff}


@media screen and (max-width: 1450px) {
.news_list_tj dl dt{font-size:20px;line-height: 30px;}	
}

@media screen and (max-width: 1300px) {
.news_list_tj dl dt{font-size:18px;line-height: 30px;}
}

@media screen and (max-width: 1000px) {
.news_list_tj dl dt{font-size:16px;line-height: 24px;}
}

@media screen and (max-width:750px) {
.news_list_tj dl dd{font-size: 14px; line-height: 24px}	
}
@media screen and (max-width:700px) {
	.sy_news_bk li{ width:100%; margin-right: 0%; margin-bottom: 20px; padding: 10px}
}

@media screen and (max-width:600px) {
.news_list_dm li dl dd{ margin-bottom:0px; max-height: 48px;font-size: 14px; line-height: 24px;white-space:normal;text-overflow:inherit;}
}


.hz_bg{background:#f5f5f5 url("../images/map-bg.png") no-repeat center; background-size: 95%}
.hzhf_list_k{max-width: 1430px;width: 100%; margin: 0 auto; overflow: hidden; padding: 0px 10px }


.hzhf_list{ overflow:hidden; padding: 0px; width: 94%; margin:  auto;}
.hzhf_list .imgs{ overflow:hidden; position:relative; padding-top:42%;}
.hzhf_list .imgs img{
display: block;width: 100%; height:100%;
 position:absolute; left:0; top:0;-webkit-transform:scale(1);
  -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);
  -webkit-transition:all 0.6s ease-out 0s; -moz-transition:all 0.6s ease-out 0s; -o-transition:all 0.6s ease-out 0s; transition:all 0.6s ease-out 0s;
  }
.hzhf_list :hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}


/* scrollDiv */
.gg_xwbox{ padding:30px;}
.scrollDiv{height:30px;/* 必要元素 */line-height:30px;overflow:hidden;/* 必要元素 */}
.scrollDiv li{height:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; font-size:14px;background:url(../images/n_gg.png) no-repeat left center; padding-left:20px}
#s2{height:150px;}
.scrollDiv li a{ color:#222}

.scrollDiv li a:hover{ color:#1497a1}

@media only screen and (max-width:1200px) {
.gg_xwbox{ padding:15px;}
.scrollDiv li{ font-size:14px}
}

@media only screen and (max-width:1000px) {
.scrollDiv{height:30px;/*必要元素 */line-height:30px;overflow:hidden;/* 必要元素 */}
.scrollDiv li{height:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background:url(../images/n_gg.png) no-repeat left center; padding-left:20px}
#s2{height:120px;}
.gg_xwbox{ padding:15px 15px 32px 15px;}
}

@media only screen and (max-width:700px) {
.gg_xwbox{ padding:15px 15px 15px 15px;}
}


/* ------------footer-------------------- */


/* actGotop */

.actGotop{position:fixed;_position:absolute;bottom:60px;right:2%;width:40px;height:40px;display:none; z-index:2}
.actGotop a,.actGotop a:link{width:39px;height:39px;display:inline-block; text-align:center; background: url(../images/up.png) no-repeat center}
.actGotop a:hover{ background: url(../images/up.png) no-repeat center;outline:none;}


.footer_box{ background:#202020; overflow:hidden; padding:60px 0px 60px 0px; margin:0px;}


.footer_lx{ overflow:hidden;  padding:0px; width:34%;float: left}
.footer_lx dl{ overflow:hidden; margin:0px; padding:0px; color:#fff;}
.footer_lx dl dt{ overflow:hidden; margin:0px; padding:0px; font-size:16px; color:#b0b0b0; margin-bottom:5px}
.footer_lx dl dt h3{font-size: 24px; line-height: 28px;font-family: 'AVGBBT'; color:#fff;}
.footer_lx dl dd{ overflow:hidden; margin:0px; padding:0px; line-height:30px; font-size:16px; color:#eee;}
.footer_lx dl dd i{ margin-right:4px}
.footer_lx dl dt img{ height: 50px; width: auto; vertical-align: top}
.footer_lx dl dd span{vertical-align: middle}
.footer_lx dl dd span img{height: 25px;width: auto; vertical-align: middle}
.d_2wm_box{margin: 0px; padding: 10px 0px 10px 0px;}
.d_2wm{ width:110px;text-align:center; margin-right: 15px; display: inline-block}
.d_2wm img{ width:110px; height:110px; vertical-align:top; border-radius: 5px}
.d_2wm p{ font-size:14px; color:#b0b0b0; line-height:30px}


.footer_list{ padding:0px; overflow:hidden;float: right; width: 63%}
.footer_list li{ margin:0px; padding:0px; overflow:hidden; width:20%; float:left; border-right:#333 1px solid; min-height:430px}

.footer_list li:last-child{border-right:#333 1px solid}


.footer_nav{ overflow:hidden; margin:0px; padding:0px;}
.footer_nav dl{ overflow:hidden; margin:0px; padding:0px; text-align: center}
.footer_nav dl dt{ overflow:hidden; margin:0px; padding:0px; font-size:16px; color:#fff; margin-bottom:10px}
.footer_nav dl dd{ overflow:hidden; margin:0px; padding:0px; line-height:28px; font-size:14px; color:#b0b0b0;margin-bottom:5px}
.footer_nav dl dd:hover a{ color:#01519a}
.footer_nav dl dd a{color:#b0b0b0}
.footer_nav dl dt a{color:#fff}
.footer_nav dl dt:hover a{color:#01519a}



.footer-copyright{padding:20px 0px 20px 0px; margin:0px; overflow:hidden; background: #111}
.footer-copy_txt{ color:#b0b0b0; font-size:14px;}
.footer-copy_txt a{ color:#b0b0b0; }
.footer-copy_txt .beian{ float:right; display:inline}
.footer-copy_txt .beian span img{ vertical-align:middle}


@media only screen and (max-width:1200px) {
.footer_box{ padding:40px 0px 40px 0px;}
.d_2wm{ width:100px;text-align:center; margin-right: 10px; display: inline-block}
.d_2wm img{ width:100px; height:100px; vertical-align:top; border-radius: 5px}
.footer_lx dl dd{line-height:24px; font-size:14px; }	
}

@media only screen and (max-width:1100px) {
.d_2wm:nth-child(3){display: none}
}


@media only screen and (max-width:1000px) {
.footer_list{ display:none}
.footer-copyright{ padding:20px 0px 20px 0px;}
.footer_lx{ overflow:hidden;  padding:0px; width:100%;float:none; text-align: center}
}

@media only screen and (max-width:800px) {
.footer-copyright,.footer-copy_tx{ font-size:12px; text-align:center; line-height:22px}
.footer-copy_tx a{ font-size:12px}
.footer-copy_txt .beian{ display:block; width:100%; text-align:center; line-height:26px;}
.footer-copy_txt .beian a{font-size:12px}
}

@media only screen and (max-width:800px) {
.footer_lx dl dt { font-size:14px;}
.footer_lx dl dt h3{font-size: 21px; line-height: 24px;font-family: 'AVGBBT'; color:#fff;}
.footer_lx dl dd{ overflow:hidden; margin:0px; padding:0px; line-height:26px; font-size:14px; color:#eee;}
.footer_lx dl dt img{ height: 40px; width: auto; vertical-align: top}
}



#fixed_tu{ width:100%; height:500px ;background:#01519a;background-size:cover; position: relative}

.ad_txt_box{width:100%; height: 100%; margin: 0px; padding: 0px; position: absolute; z-index: 1; background:rgba(0,0,0,0.3)}

.ad_txt_box dl{ position: absolute; z-index: 1; text-align: center;top: 46%;width: 100%;left:0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%); padding: 0px; margin: 0px}
.ad_txt_box dl dt{ text-align: center;font-size:46px; color: #fff; line-height:55px;font-weight: 700;letter-spacing: 8px}


@media only screen and (max-width:1450px) {

#fixed_tu{ width:100%; height:400px ;background-size:cover;}
}

@media only screen and (max-width:1300px) {
.ad_txt_box dl{top: 50%;}
.ad_txt_box dl dt{font-size:36px;line-height:46px;}
#fixed_tu{ width:100%; height:280px ;background-size:cover;}
}

@media only screen and (max-width:1200px) {
.ad_txt_box dl dt{font-size:30px;line-height:40px;}
#fixed_tu{ width:100%; height:200px ;background-size:cover;}
}

@media only screen and (max-width:700px) {
.ad_txt_box dl dt{font-size:24px;line-height:30px;letter-spacing: 2px;}
#fixed_tu{ width:100%; height:150px ;background-size:cover;}
}



.about_L{ overflow:hidden; padding:0px; margin:0px; float:left; width:46%; margin-bottom:20px}
.about_L_txt{ font-size:16px; line-height:220%;overflow:hidden; padding:0px; margin:0px;}
.about_R{ overflow:hidden; padding:0px; margin:0px; float: right; width:46%; }
.about_R img{ width:100%; height:auto; vertical-align:top}
section{ margin: 0px; padding: 0px; }
#player{ padding: 0px;text-align: center}
#media{ margin: 0px; padding: 0px; }
video{ vertical-align:top; margin:0px; padding:0px;}

@media screen and (max-width: 1400px) {
.about_L{ overflow:hidden; padding:0px; margin:0px; float:left; width:50%; margin-bottom:20px}
.about_R{ overflow:hidden; padding:0px; margin:0px; float: right; width:47%; }
}
@media screen and (max-width: 1200px) {
.sub_title_M_txt{color: #333;font-size:18px;}
.sub_title_b_txt{font-size:24px;}
.sub_title_s_txt{font-size: 14px;}

}

@media screen and (max-width: 900px) {
.about_L{ overflow:hidden; padding:0px; margin:0px; float: none; width:100%; margin-bottom:20px}
.about_R{ overflow:hidden; padding:0px; float: none; max-width:720px; text-align: center; width: 100%; margin: 0 auto; }
}


.gsjs_bt{font-size: 30px;width: 100%;margin: 0px 0px 10px 0px;line-height: 40px; color:#111;font-weight: bold}

@media screen and (max-width: 1400px) {
.gsjs_bt{font-size: 22px;margin: 0px 0px 15px 0px;line-height: 30px; }	

}
@media screen and (max-width: 900px) {
.gsjs_bt{font-size: 20px;margin: 0px 0px 5px 0px;text-align: center}	

}
@media screen and (max-width: 600px) {
.gsjs_bt{font-size: 18px;}
}

/* ---about--- */
.ser_M{ overflow:hidden; padding:0px; margin:0px;}
.ser_M li{ width:100%; padding:0px 0px 0px 0px; overflow:hidden;}
.ser_M li:nth-child(2n-1){ width:100%; padding:0px 0px 0px 0px; overflow:hidden;}
.ser_M li:nth-child(2n){ width:100%; padding:0px 0px 0px 0px; overflow:hidden;}



.img_box1{ overflow:hidden; text-align:center; margin:0px; padding:0px; width:50%; float:left;  position: relative; z-index:2}
.img_box1 img{ overflow:hidden; vertical-align: middle;width:100%;height:auto;z-index:2; position: relative; }

.ser_M li:nth-child(2n-1).img_box1{ float:left;}
.ser_M li:nth-child(2n) .img_box1{ float: right;}


@media only screen and (max-width:1000px) {
.ser_M li:nth-child(2n-1){padding:0px 0px 0px 0px; overflow:hidden;}
.ser_M li:nth-child(2n){ padding:0px 0px 0px 0px; overflow:hidden;}
.img_box1{ overflow:hidden; text-align:center; margin:0px; padding:0px; width:100%; float: none; margin-bottom: 10px}

.ser_M li:nth-child(2n-1).img_box1{ float:none;}
.ser_M li:nth-child(2n) .img_box1{ float: none;}
}



.ser_txt1{overflow:hidden; padding:2% 0px 10px 0px; margin:0px; }
.ser_txt1 dl{overflow:hidden; padding:0px; width:86%; margin:0 auto}
.ser_txt1 dl dt{overflow:hidden; padding:0px; margin:0px; font-size:30px; color:#01519a; line-height:34px;  margin-bottom:10px; font-weight:bold; position: relative; padding-bottom: 10px}
.ser_txt1 dl dd{overflow:hidden; padding:0px; margin:0px;font-size:16px;  line-height:190%;color:#555}
.ser_txt1 dl dd strong{color:#333;font-weight:bold}
.ser_txt1 dl dd  h3{color:#111; margin-bottom: 5px; margin-top: 10px}

.ser_txt1 dl dt::after{ height:4px; width:60px; position: absolute;content:""; float: left;left:0;  bottom: 0px; z-index: 4; background: #169655;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;
}

.img_box1:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);-moz-transform: scale(1.1);transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}

.ser_txt1:hover dl dt::after{width:120px; transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
@media only screen and (max-width:1300px) {
.ser_txt1{overflow:hidden; padding:20px 0px 10px 0px; margin:0px; }
.ser_txt1 dl dd{overflow:hidden; padding:0px; margin:0px;font-size:14px;  line-height:190%;color:#555}
}
@media only screen and (max-width:1200px) {
.ser_txt1 dl dt{font-size:26px; line-height:34px; }

}


@media only screen and (max-width:1000px) {
.ser_txt1{overflow:hidden; padding:20px 0px 20px 0px;}
.ser_txt1 dl{overflow:hidden; padding:0px; width:94%; margin:0 auto}
.ser_txt1 dl dt{font-size:22px; line-height: 30px }
}

@media only screen and (max-width:740px) {
.ser_txt1 dl{overflow:hidden; padding:0px;padding-bottom:15px; width:92%; margin:0 auto}
.ser_txt1{overflow:hidden; padding:10px 0px 10px 0px;width:100%; margin:0 auto}
}



.wh_bg{ overflow:hidden;background:#fff url("../images/wh_bg.jpg") no-repeat right top; background-size:cover;padding-bottom:150px}

.wh_txt{width:75%; margin: 0px; padding: 0px; overflow: hidden}
@media only screen and (max-width:1000px) {
.wh_txt{width:80%;}	
.wh_bg{ overflow:hidden;background:#fff url("../images/wh_bg.jpg") no-repeat right bottom; background-size:100% auto}	
}
@media only screen and (max-width:700px) {
.wh_txt{width:96%; margin: 0 auto;}	
.wh_bg{ overflow:hidden;background:#fff url("../images/wh_bg.jpg") no-repeat right bottom; background-size:100% auto; padding-bottom:100px}	
}


.ser_bg{ overflow:hidden;background:#fff url("../images/ser_bg.jpg") no-repeat right top; background-size:cover;}

@media only screen and (max-width:700px) {
.ser_bg{ overflow:hidden;background:#fff url("../images/ser_bg.jpg") no-repeat right bottom; background-size:150% auto;}	
}


.sy_zs{padding:0px; overflow:hidden; margin:0 auto; max-width:1400px; width:96%; }

.zzzs_box{ float:left; width:25%; margin:10px 0px; padding:0px; overflow:hidden;}
.zzzs {overflow: hidden; display:table; margin:0 auto;} 
.zzzs li{border:1px solid #eee; width:310px; height:220px; text-align:center; vertical-align:middle; position:relative; *float:left; display: table-cell; padding:4px; background:#f4f4f4} 
.zzzs .zzzs_tu { *position:absolute; top:50%; z-index:8 } 
.zzzs .zzzs_tu img { *position:relative; top:-50%; left:-50%; max-width:310px; width:auto;  height:220px;} 
.zzzs_box p{ padding:0px; margin:0px; margin-top: 5px; font-size:16px; color:#222; line-height:40px; height:40px; text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.zzzs_box:hover li{ background: #01519a}
.zzzs_box:hover p{ color:  #01519a}
@media only screen and (max-width:1500px) {
.zzzs li{border:1px solid #eee; width:280px; height:200px; text-align:center; vertical-align:middle; position:relative; *float:left; display: table-cell; padding:4px; background:#fff} 
.zzzs .zzzs_tu { *position:absolute; top:50%; z-index:8 } 
.zzzs .zzzs_tu img { *position:relative; top:-50%; left:-50%; max-width:280px; width:auto;  height:200px;} 

}

@media only screen and (max-width:1100px) {
.zzzs li{border:1px solid #eee; width:200px; height:143px; text-align:center; vertical-align:middle; position:relative; *float:left; display: table-cell; padding:4px} 
.zzzs .zzzs_tu img { *position:relative; top:-50%; left:-50%; max-width:200px; width:auto; height:143px;} 

}


@media only screen and (max-width:900px) {
.zzzs li{border:1px solid #eee; width:150px; height:107px; text-align:center; vertical-align:middle; position:relative; *float:left; display: table-cell; padding:4px} 
.zzzs .zzzs_tu img { *position:relative; top:-50%; left:-50%; max-width:150px; width:auto; height:107px;} 
}

@media only screen and (max-width:700px) {
.zzzs li{border:1px solid #eee; width:130px; height:93px; text-align:center; vertical-align:middle; position:relative; *float:left; display: table-cell; padding:4px} 
.zzzs .zzzs_tu img { *position:relative; top:-50%; left:-50%; max-width:130px; width:auto; height:93px; } 
.zzzs_box p{text-align:center;padding:0px; margin:0px; font-size:14px;line-height:40px; height:40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
}

@media only screen and (max-width:650px) {
.zzzs_box{ float:left; width:50%; margin:8px 0px; padding:0px; overflow:hidden;}
.zzzs li{border:1px solid #eee; width:200px; height:143px; text-align:center; vertical-align:middle; position:relative; *float:left; display: table-cell; padding:2px} 
.zzzs .zzzs_tu img { *position:relative; top:-50%; left:-50%; max-width:200px; width:auto;  height:143px;} 

}
@media only screen and (max-width:450px) {
.zzzs li{border:1px solid #eee; width:160px; height:114px; text-align:center; vertical-align:middle; position:relative; *float:left; display: table-cell; padding:2px} 
.zzzs .zzzs_tu img { *position:relative; top:-50%; left:-50%; max-width:160px; width:auto;  height:114px; } 

}





/*---------news_list----------------*/
.news_list_dm{overflow:hidden; padding: 0px; margin: 0px;}
.news_list_dm li a{display: inline}
.news_list_dm li{overflow:hidden; padding: 0px; margin: 0px; width: 32%;float: left; margin-right: 2%; margin-bottom:2%;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.news_list_dm li dl{overflow:hidden; padding: 30px 30px; margin: 0px; background: #fff}
.news_list_dm li dl dt{overflow:hidden; padding: 0px; margin: 0px; font-size: 16px; color: #222; line-height:26px; height:52px;text-align: justify; margin-bottom: 5px;font-weight: bold}
.news_list_dm li dl dd{overflow:hidden; padding: 0px; margin: 0px;font-size: 14px; color: #888; line-height: 26px;white-space:nowrap;text-overflow:ellipsis;}

.news_list_dm li .img_box_wx{overflow: hidden; position: relative}
.news_list_dm li .img_box_wx .product_img{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	transition: all 0.5s ease; 
	-webkit-transition: all 0.5s ease;
}
.news_list_dm li .img_box_wx .product_img img{display: block;width:100%;height: auto; vertical-align: top}


.news_list_dm li:nth-child(1){ width: 100%;float: left; margin-right:0%; margin-bottom:4%; background: #fff; }
.news_list_dm li:nth-child(3n+1){margin-right:0%;}


.news_list_dm li:nth-child(1) .img_box_wx{ width: 48%;float:left; margin-right: 2%}

.news_list_dm li:nth-child(1) dl{ padding-top: 7%}
.news_list_dm li:nth-child(1) dl dt{border-bottom: 1px solid #e5e5e5;margin-bottom: 25px; font-size:24px;  max-height:85px;line-height:40px; height: auto;overflow: hidden;  padding-bottom: 10px;box-sizing:border-box;}
.news_list_dm li:nth-child(1) dl dd{ margin-bottom: 10px; max-height: 60px; font-size: 16px;}



.news_list_dm li:hover .img_box_wx .product_img{transform: scale(1.1); -webkit-transform: scale(1.1);}

.news_list_dm li:hover dl dt{ color:#01519a}
.news_list_dm li:hover dl dd{ color:#555}

.news_list_dm li:hover{box-shadow:0 0 10px 1px rgba(0,0,0,.1);transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}


.xw_time{overflow:hidden; padding: 0px; margin: 0px;font-size: 14px; color: #888; line-height: 26px;}
.xw_time i{ margin-right: 4px}


@media screen and (max-width: 1450px) {
.news_list_dm li:nth-child(1) dl dt{ font-size:22px;  max-height:75px;line-height:35px;}	
.news_list_dm li dl dt{font-size:20px;line-height: 30px;}	
}

@media screen and (max-width: 1300px) {
.news_list_dm li:nth-child(1) .img_box_wx{ width: 48%;float:left; margin-right: 1%}
.news_list_dm li:nth-child(1) dl{ padding-top:5%}	
.news_list_dm li dl dt{font-size:18px;line-height: 30px;}
	.news_list_dm li dl{overflow:hidden; padding: 25px 25px;}
}
@media screen and (max-width: 1000px) {
.news_list_dm li:nth-child(1) dl dt{ font-size:20px;  max-height:65px;line-height:30px; margin-bottom: 10px}	
.news_list_dm li:nth-child(1) .img_box_wx{ width: 50%;float:left; margin-right: 1%}
.news_list_dm li:nth-child(1) dl{ padding-top:2%}	
.news_list_dm li dl dt{font-size:16px;line-height: 24px; height:48px;}
.news_list_dm li dl{overflow:hidden; padding: 25px 25px;}
}

@media screen and (max-width:750px) {
.news_list_dm li{overflow:hidden; padding: 0px; margin: 0px; width:49%;float: left; margin-right: 2%; margin-bottom:2.5% }	
.news_list_dm li:nth-child(3n+1){margin-right:2%;}
.news_list_dm li:nth-child(2n+0){margin-right:0%;}
	
.news_list_dm li:nth-child(1){ width:49%;float: left; margin-right:2%; margin-bottom:2.5%; background: #fff}
.news_list_dm li:nth-child(1) .img_box_wx{ width: 100%;float: none; margin-right:0%}
.news_list_dm li:nth-child(1) dl{ padding-top:25px}
.news_list_dm li:nth-child(1) dl dt{border-bottom: 0px solid #e5e5e5;margin-bottom: 5px; font-size:16px;  max-height:48px;line-height:24px; height: 48px;overflow: hidden;  padding-bottom: 0px;}
.news_list_dm li:nth-child(1) dl dd{ margin-bottom:0px; max-height: 24px;font-size: 14px; line-height: 24px}
.news_list_dm li dl dd{font-size: 14px; line-height: 24px}	
}

@media screen and (max-width:600px) {
.news_list_dm li{overflow:hidden; padding: 0px; margin: 0px; width:100%;float: left; margin-right: 0%; margin-bottom:20px }	
.news_list_dm li:nth-child(3n+1){margin-right:0%;}
.news_list_dm li:nth-child(2n+0){margin-right:0%;}	
.news_list_dm li:nth-child(1){ width:100%;float: left; margin-right:0%; margin-bottom:20px; background: #fff}
.news_list_dm li:nth-child(1) dl dt{ height:24px;  height: auto;line-height: 24px}
.news_list_dm li dl dt{ height:24px; height: auto; line-height: 24px}
	
.news_list_dm li dl dd{ margin-bottom:0px; max-height: 48px;font-size: 14px; line-height: 24px;white-space:normal;text-overflow:inherit;}
.news_list_dm li:nth-child(1) dl dd{ margin-bottom:0px; max-height: 48px;font-size: 14px; line-height: 24px;white-space:normal;text-overflow:inherit;}
}



.side_R1{ margin:0px; padding:0px; overflow:hidden; float:right; width:25%;}
.side_R{ margin:0px; padding:0px; overflow:hidden; float:right; width:23%;}
.side_L{ margin:0px; padding:0px; overflow:hidden; float: left; width:72%; background:#fff}

.main_inbox{ overflow:hidden;  margin:0px; padding:40px 5% 40px 5%;}
@media (max-width:1100px){

.side_R1{ margin:0px; padding:0px; overflow:hidden; float:right; width:100%; margin-top:2px}
.side_R{ margin:0px; padding:0px; overflow:hidden; float:right; width:100%; display:none}
.side_L{ margin:0px; padding:0px; overflow:hidden; float:left; width:100%; background:#fff; }
}

@media screen and (max-width: 768px) {
.main_inbox{ overflow:hidden;  margin:0px; padding:20px 4% 20px 4%;}
}




.R_title_bt{ font-size:20px;font-weight:bold; width:100%; text-align: center; line-height: 50px; background: #f6f6f6; margin-bottom: 10px}
.side_newlist{overflow:hidden; margin:0px; padding:0px; background: #fff}
.side_newlist li{overflow:hidden; margin:0px; padding:8px 0px; list-style:none;border-bottom:#CCCCCC 1px dashed;line-height:190%;white-space:nowrap;text-overflow:ellipsis; background:url(../images/n_dot.png) no-repeat left center; padding-left:15px}
.side_newlist li a{overflow:hidden;font-size:16px; line-height:190%; white-space:nowrap;text-overflow:ellipsis;display:inline}
.side_newlist li span{ float:right; margin-left:10px; font-size:12px}
.side_newlist li h3{ padding:0px 0px;overflow:hidden;  margin:0px; font-weight:normal; white-space:nowrap;text-overflow:ellipsis; font-size:16px; color:#111; line-height:170%;}
.side_newlist li h4{ padding:0px 0px;overflow:hidden;  margin:0px; font-weight:normal;color:#777; font-size:14px; line-height:200%}
.side_newlist li:hover h3{ color:#01519a; }

.side_cp_list{overflow:hidden; margin:0px; padding:0px; background: #fff}
.side_newlist li:hover a{ color:#01519a; }




.tj_cplist{ overflow:hidden; margin:0px; padding:0px;  }
.tj_cplist li{ overflow:hidden; padding:0px; float:left; width:48.5%; list-style: none; margin-right:3%; margin-bottom:5px}
.tj_cplist li dl{ overflow:hidden; text-align:center; margin:0px; padding:0px}
.tj_cplist li dl dt{ overflow:hidden; margin:0px; padding:0px;}
.tj_cplist li dl dt img{ width:100%; height:auto; vertical-align:top}
.tj_cplist li dl dd{ margin:0px;padding:0px; font-size:14px;line-height:30px; padding-top:5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.tj_cplist li a{ display:inline}


.tj_cplist li:nth-child(2n){ margin-right: 0%}


@media (max-width:1100px){
	.tj_cplist li{ width:32%; margin-right:2%;}	
	.tj_cplist li:nth-child(2n+0){ margin-right: 2%}
	.tj_cplist li:nth-child(3n+0){ margin-right: 0%}
}

@media (max-width:550px){
	.tj_cplist li{  width:49%; margin-right:2%;}	
	.tj_cplist li:nth-child(3n+0){ margin-right: 2%}
	.tj_cplist li:nth-child(2n+0){ margin-right: 0%}

	
}


/*---------cp_list----------------*/

.product_list1{overflow: hidden; margin: 0px; padding: 0px}
.product_list1 li{overflow: hidden; margin: 0px; padding: 0px;width: 31.65%;float: left;margin-right:2.5%; margin-bottom: 2%;border: #ddd 1px solid;transition: all 0.4s ease; }
.product_list1 li dl{overflow: hidden; margin: 12px; padding: 0px;}
.product_list1 li dl dt{overflow: hidden; margin:0; padding: 0px;}
.product_list1 li dl dd{ margin:0; padding: 10px 30px 10px 20px; color: #222; font-size: 20px; line-height: 30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; margin-top: 10px; position: relative}
.product_list1 li a{display:inline}

.product_list1 li dl dd::after{ content: "\1F816";position: absolute; z-index: 1;right:15px;font-size: 42px; color: #666;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);transition: all ease 0.36s;}

.product_list1 li:nth-child(3n){margin-right:0%; }

.img_box{overflow: hidden; position: relative}
.img_box .product_img{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	transition: all 0.5s ease; 
	-webkit-transition: all 0.5s ease;
}
.product_list1 li .img_box .product_img img{display: block;width: 100%;height: auto; vertical-align: top}
.product_list1 li .img_box:hover .product_img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.product_list1 li:hover{  background: #01519a;box-shadow: 8px 0 16px rgba(0,0,0,0.1);
    transition: all ease 0.36s;transition: all 0.3s ease; }
.product_list1 li:hover dd{  color: #fff}

.product_list1 li:hover dl dd::after{right:5px; color: #fff;transition: all ease 0.36s;}
	
	
@media screen and (max-width: 1400px) {
.product_list1 li dl dd{ font-size:18px; line-height: 30px;}
}

@media screen and (max-width: 1300px) {
.product_list1 li dl dd{ font-size:16px; line-height: 30px;}
.product_list1 li dl dd::after{right:12px;font-size: 32px;}
.product_list1 li dl{overflow: hidden; margin: 8px; padding: 0px;}
.product_list1 li{width: 32%;float: left;margin-right:2%;} 
}

@media screen and (max-width: 1000px) {
	.product_list1 li dl dd{ margin:0; padding: 10px 20px 4px 5px;line-height: 26px}
	.product_list1 li dl dd::after{right:10px;font-size: 26px;}
}

@media screen and (max-width: 750px) {
.product_list1 li dl dd{ font-size:14px; }
.product_list1 li{width: 49%;float: left;margin-right:2%;} 
.product_list1 li:nth-child(3n){margin-right:2%; }
.product_list1 li:nth-child(2n){margin-right:0%; }
}






.dh_box{ overflow:hidden; line-height:40px;font-size:14px;color:#666; background: #f5f5f5; padding: 5px 0px}
.wzdh_k{ overflow:hidden; line-height:40px;font-size:14px;color:#666}
.wzdh_k span a{ font-size:14px; color:#666}
.wzdh_k i{ margin-right:3px;color:#666;font-size:16px;}

.news_title_bt{ width:100%; line-height:34px; font-size:24px;margin-bottom:15px; color:#222; font-weight:700; text-align: center }


.content_time{width:100%; border-bottom:#ededed 1px solid; font-size:14px; color:#666666; padding-bottom:15px; margin-bottom:0px; line-height:25px; text-align:center}
.content_time i{ font-size:16px; color:#999999; margin-right:2px; font-weight:300}


.content_txt{line-height:200%; color:#333333; font-size:16px; overflow:hidden; padding:0px; text-align:justify}
.content_txt p{line-height:200%; color:#333333; font-size:16px; overflow:hidden;}
.content_txt img{MAX-WIDTH: 100%!important;HEIGHT: auto!important;}


.content_img{overflow:hidden; width:100%; text-align:center}
.content_img img{MAX-WIDTH: 100%!important;HEIGHT: auto!important;}

.content_txt table{ table-layout: fixed;word-break: break-all; }
.content_txt table td{border:1px solid #999}
.content_txt table{border:1px solid #999} 

.main_inbox{ overflow:hidden;  margin:0px; padding:40px 5% 40px 5%;}
@media screen and (max-width: 768px) {
.main_inbox{ overflow:hidden;  margin:0px; padding:20px 4% 20px 4%;}
}

@media (max-width: 1400px) {
.content_txt{line-height:190%; font-size:14px; }
.content_txt p{line-height:190%;}
}
@media (max-width: 1300px) {
.content_txt{font-size:14px; }	
.content_txt p{font-size:14px; }	
.content_time{ margin-bottom:15px}	
.content_bt{ font-size:24px;}
}
@media screen and (max-width: 768px) {
.main_inbox{ overflow:hidden;  margin:0px; padding:20px 4% 20px 4%;}
.news_title_bt{ width:100%; line-height:25px; font-size:18px; padding-top:10px;font-weight:bold;text-align: center }
.content_time{font-size:12px; }
.content_time i{ font-size:14px;}
.content_bt{ font-size:22px;}
}

@media screen and (max-width: 650px) {
.content_time{text-align: center}	
}




/*-----page------*/
.next_k{ padding:0px;margin-top:15px; border-top:#CCCCCC 1px solid;}
.next_k ul{margin:0px; padding:0px; margin-top:10px}
.next_k ul li{ line-height:25px; margin:0px; padding:0px; color:#666666; font-size:14px; list-style:none}
.next_k ul li a{font-size:14px}


.page_k{ text-align:center; padding:0px; font-size:14px;border-top:#CCCCCC 0px solid; margin-top:35px;}
.page_k a{ font-size:14px}
.page_k a:hover{ font-size:14px}


.post_prev_box{width: 100%; height: auto; margin: 0px; padding: 0px; margin-top:30px; margin-bottom: 20px; overflow: hidden;}

.post_prev{width: 50%;line-height: 20px;padding: 20px;background:#f2f2f2; float: left;display: flex}
.post_prev .icon{width: 20px;line-height: 20px; position: relative;height: 20px;}
.post_prev .n_title{width: calc(100% - 30px);text-overflow: ellipsis;overflow: hidden;white-space: nowrap;display: inline-block; line-height: 20px;font-size: 14px}
.post_prev .icon i{ font-size: 24px; line-height: 20px;color: #ccc; vertical-align: middle; margin-top: -5px}
.post_prev .icon::before{width:1px;height:14px;position:absolute;right:5px;background:#ccc;content:'';z-index: 5;top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);}

.post_next{width: 50%;line-height: 20px;padding: 20px;background:#f2f2f2; float: right;display: flex}
.post_next .icon{width: 20px; display:inline-block;line-height:20px; height: 20px; position:relative;float:right; text-align: right; margin-left: 5px}
.post_next .n_title{width: calc(100% - 30px);text-overflow: ellipsis;overflow: hidden;white-space: nowrap;display: inline-block;line-height: 20px; font-size: 14px}
.post_next .icon i{ font-size: 24px; line-height: 20px; vertical-align:top;color: #ccc; }
.post_next .icon::before{width:1px;height:14px;position:absolute;left:5px;background:#ccc;content:'';z-index: 5;top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);}

.post_prev .n_title a{ line-height: 20px; display: inline;font-size: 16px}
.post_next .n_title a{ line-height: 20px; display: inline;font-size: 16px}

.post_prev:hover{ background: #01519a}
.post_prev:hover a{ color: #fff}
.post_next:hover{ background: #01519a}
.post_next:hover a{ color: #fff}

@media screen and (max-width: 1300px) {
	
.post_prev .n_title a{ line-height: 20px; display: inline;font-size: 14px}
.post_next .n_title a{ line-height: 20px; display: inline;font-size: 14px}	
}

@media screen and (max-width: 900px) {
.post_prev{width: 100%; margin-bottom: 15px}
.post_next{width: 100%;}
}






.L_bai{ overflow:hidden; background:#fff; margin:0px; padding:30px 30px}

.fa_xx_tu{ overflow:hidden; margin:0px; padding:0px}
.fa_xx_tu_L{ overflow:hidden; margin:0px; padding:0px; text-align:center; float:left; width:50%}
.fa_xx_tu_L img{max-height:450px; height:auto; max-width:100%; width:auto; vertical-align:top}
.fa_xx_tu_R{ overflow:hidden; margin:0px; padding:0px; float: right; width:46%}
.fa_xx_tu_R dl{overflow:hidden; margin:0px; padding:0px; margin-top:6%}
.fa_xx_tu_R dl dt{overflow:hidden; margin:0px; padding:0px; font-size:30px; color:#222; margin-bottom:20px; line-height:180%}
.fa_xx_tu_R dl dd{overflow:hidden; margin:0px; padding:0px; font-size:16px; line-height:190%; color:#666}

@media only screen and ( max-width:1000px ) {
.fa_xx_tu_R dl dt{ font-size:24px; margin-bottom:10px; line-height:26px}
.fa_xx_tu_R dl{overflow:hidden; margin:0px; padding:0px; margin-top:0px}
.L_bai{ overflow:hidden; background:#fff; margin:0px; padding:20px 20px}
}

@media only screen and ( max-width:800px ) {
	

.fa_xx_tu_R dl dd{ font-size:14px;}
.L_bai{ overflow:hidden; background:#fff; margin:0px; padding:10px 10px}
}

@media only screen and ( max-width:700px ) {
.fa_xx_tu_R dl{ padding:10px; }
.fa_xx_tu_R dl dt{ font-size:20px; margin-bottom:10px; line-height:26px}
.fa_xx_tu_R dl dd{ font-size:14px; line-height:22px;}
.fa_xx_tu_L{ overflow:hidden; margin:0px; padding:0px; text-align:center; float:left; width:45%}
.fa_xx_tu_R{ overflow:hidden; margin:0px; padding:0px; float: right; width:52%}
}


@media only screen and ( max-width:640px ) {

.fa_xx_tu_L{ overflow:hidden; margin:0px; padding:0px; text-align:center; float:none; width:100%; margin-bottom:20px}
.fa_xx_tu_L img{max-width:100%;  width:100%; width: auto;height:auto}
.fa_xx_tu_R{ float: none; width:100%}
	
	.fa_xx_tu_R dl dt{text-align:center;}
.fa_xx_tu_R dl dd{ font-size:14px; line-height:22px;}

}



.show_cp_L{width: 22%;float: left; margin: 0px; padding: 0px; overflow: hidden}
.show_cp_R{width: 74%;float:right; margin: 0px; padding: 0px; overflow: hidden;}
@media (max-width: 1000px) {
.show_cp_L{width: 100%;float: none; margin: 0px; padding: 0px; overflow: hidden; display: none}
.show_cp_R{width: 100%;float:none; margin: 0px; padding: 0px; overflow: hidden;}
}
.zw_column{ width:100%; height:35px; border-bottom:2px solid #ddd; position:relative; margin-bottom:15px; display:block}
.zw_column span{ display:inline-block; *display:inline; zoom:1; height:35px; line-height:35px; font-size:18px; color:#01519a; border-bottom:2px solid #01519a; padding:0px 10px; font-weight:bold}


.sy_dszn_cp_bt1{ overflow:hidden; margin:0px; padding:15px 20px; background:#01519a; color:#FFFFFF;width:100%}
.sy_dszn_cp_bt1 h3{ font-size:24px; margin:0px; padding:0px;color:#FFFFFF; line-height:30px;text-align:center}

@media screen and (max-width: 1300px) {
.sy_dszn_cp_bt1{ overflow:hidden; margin:0px; padding:10px 0px 10px 0px;}
.sy_dszn_cp_bt1 h3{ font-size:22px; margin:0px; padding:0px;color:#FFFFFF; line-height:30px; text-align:center}
}

@media screen and (max-width: 1300px) {

.sy_dszn_cp_bt1 h3{ font-size:20px; margin:0px; padding:0px;color:#FFFFFF; line-height:30px; text-align:center}

}


.l-sub3{overflow:hidden;padding:0px; display:block; margin-bottom:10px; background:#fff; border: #eee 1px solid;}
.l-sub3 li{ overflow:hidden;line-height:46px; height: 46px;list-style:none;font-size:16px; width:100%; border-bottom:#eee 1px solid;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-indent: 20px;}
.l-sub3 a{ display: block; color: #333; font-size:16px; height: 46px;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.l-sub3 a:hover {color: #01519a; background:#eee}
.l-sub3 a:hover,.l-sub3 a:active,.l-sub3 li.active a{color: #01519a; font-size:16px; text-decoration:none; height: 46px;line-height:46px; }
.l-sub3 li.active a{color: #fff; font-size:16px;text-decoration:none; height:46px; background: #ffa705}
.l-sub3 li:last-child{border-bottom:#DCEDF4 0px solid;}

.l-sub3 li a i{ float:right; margin-right:20px; line-height:46px; font-size:14px; color:#bbb}
.l-sub3 li.active a i{color: #fff;}



.wap_cplist{ display:none; padding:0px; margin:0px; margin-bottom:20px; width:100%;}
.wap_cplist  label{ width:100%; }
.wap_cplist select {  text-align: center; text-align-last: center;  background: #fff}
.wap_cplist option{ line-height:40px; text-indent:20px}


@media (max-width: 1000px) {
.wap_cplist{ display: block}
}



.xc_t_wrap { margin-bottom:5px; border-bottom:#eee 1px solid; overflow:hidden; }
.xc_t_wrap .xc_title { font-size:20px;color:#111;font-weight:normal; overflow:hidden; line-height:190%; padding-left: 15px; position:relative;font-weight: 600}
.smwz{ font-size:15px; line-height:30px}
.xc_t_wrap .xc_title::after{ content: ""; height: 22px; width: 4px; background: #01519a;left: 0; z-index: 1;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}

@media only screen and (max-width:1024px) {
.xc_t_wrap .xc_title { font-size:18px;}	
}



.pc_cx_box{  overflow: hidden; }	
@media only screen and ( max-width:640px ) {
.pc_cx_box{  overflow: hidden; text-align: center}	
	
}

.pc_cx_btn_k { width: 150px; margin-bottom: 20px; display: inline-block; margin-right: 10px; overflow: hidden}
.pc_cx_btn_k:last-child{ margin-right:0}

.pc_cx_btn_k:hover .pc_cx_btn {
    background: #169655;
}
.pc_cx_btn {
    line-height: 46px;
    text-align: center;
    font-size:16px;
    height: 46px;
    background: #01519a;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: 300;
}



.pc_cx_btn_k:hover .pc_cx_btn1 {
    background: #01519a;
}
.pc_cx_btn1 {
    line-height: 46px;
    text-align: center;
    font-size:16px;
    height: 46px;
    background: #169655;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: 300;
}


@media only screen and (max-width:780px) {
	.pc_cx_btn_k { width: 120px; margin-bottom: 12px; margin-top:5px }
.pc_cx_btn{  line-height: 42px; height: 42px;}
.pc_cx_btn1 {  line-height: 42px; height: 42px;}
}



.book_sm{ font-size:30px; line-height:30px; color:#222;margin-bottom:15px; text-align:center;}
.book_sm span{ color:#FFBA00}
.msg-title{font-size: 22px;text-align: center;margin-bottom: 15px;color: inherit;color:#FFE3C1;}
.add-msg-form .cf-column{padding-bottom: 16px;position: relative;}
.add-msg-form .cf-tarea{clear: both;}
.add-msg-form input{box-sizing: border-box;padding: 0 15px;border: 1px solid #ddd;height: 40px;line-height: 40px;width: 100%;margin-bottom: 0; font-size:14px;}
.add-msg-form textarea{box-sizing: border-box;border: 1px solid #ddd;color: #333;min-height: 100px;padding: 15px;color: #444;width: 100%;margin-bottom: 0;font-size:14px;font-family: "Roboto", sans-serif;}
.add-msg-form .submit-button{box-sizing: border-box;width:180px;line-height: 40px;height: 40px;padding: 0px 15px;border: 0px;color: #fff;position: relative; background:#01519a url("../images/new_k.png");cursor: pointer; font-size:16px; margin-left:5px}
.add-msg-form .submit-button:hover, .add-msg-form .submit-button:active{background-color: #169655; font-size:16px}
.add-msg-form em{position: absolute;bottom: 0;z-index: 1111;float: left;left: 20px;}
.add-msg-form  .textarea1{box-sizing: border-box;border: 1px solid #ddd;color: #333;min-height: 80px;padding: 15px;color: #444;width: 100%;margin-bottom: 0;font-size:14px;}
.add-msg-form select{box-sizing: border-box;padding: 0 15px;border: 1px solid #ddd;height: 40px;line-height: 40px;color: #444; width:120px;font-size:14px;}
@media only screen and (max-width:700px) {
.book_sm{ font-size:22px; padding-top: 0px}
}
@media (min-width: 768px){
.col-md-6 {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%; float: left; padding-left: 5px; padding-right: 5px}
}

.col-md-6 {position: relative;width: 100%;min-height: 1px; padding-left: 5px; padding-right: 5px}
.col-md-12 {position: relative;width: 100%;min-height: 1px;padding-left: 5px; padding-right: 5px}



.s_btn_k{margin: 0px; padding: 0px;width: 100%}

.input1::-webkit-input-placeholder{ font-size:16px; color:#999}
.input2::-webkit-input-placeholder{ font-size:16px; color:#999}


@media only screen and (max-width:640px) {
.s_btn_k{ width:200px; margin:0 auto}
.s_btn_k{text-align: center}

}


.product_list_tj{overflow: hidden; margin: 0 auto; padding: 0px;border: #ddd 1px solid;transition: all 0.4s ease; width: 94%; background: #fff }
.product_list_tj dl{overflow: hidden; margin: 12px; padding: 0px;}
.product_list_tj dl dt{overflow: hidden; margin:0; padding: 0px;}
.product_list_tj dl dd{ margin:0; padding: 10px 30px 10px 20px; color: #222; font-size: 20px; line-height: 30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; margin-top: 10px; position: relative}
.product_list_tj a{display:inline}

.product_list_tj  dl dd::after{ content: "\1F816";position: absolute; z-index: 1;right:15px;font-size: 42px; color: #666;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);transition: all ease 0.36s;}


.product_list_tj  dl .img_box{overflow: hidden; position: relative}
.product_list_tj  dl .img_box .product_img{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	transition: all 0.5s ease; 
	-webkit-transition: all 0.5s ease;
}
.product_list_tj .img_box .product_img img{display: block;width: 100%;height: auto; vertical-align: top}
.product_list_tj .img_box:hover .product_img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.product_list_tj:hover{  background: #01519a;box-shadow: 8px 0 16px rgba(0,0,0,0.1);
    transition: all ease 0.36s;transition: all 0.3s ease; }
.product_list_tj:hover dd{  color: #fff}

.product_list_tj:hover dl dd::after{right:5px; color: #fff;transition: all ease 0.36s;}
	
	
@media screen and (max-width: 1400px) {
.product_list_tj dl dd{ font-size:18px; line-height: 30px;}
}

@media screen and (max-width: 1300px) {
.product_list_tj dl dd{ font-size:16px; line-height: 30px;}
.product_list_tj dl dd::after{right:12px;font-size: 32px;}
.product_list_tj dl{overflow: hidden; margin: 8px; padding: 0px;}
}

@media screen and (max-width: 1000px) {
.product_list_tj dl dd{ margin:0; padding: 10px 20px 4px 5px;line-height: 26px}
.product_list_tj dl dd::after{right:10px;font-size: 26px;}
}

@media screen and (max-width: 750px) {
.product_list_tj dl dd{ font-size:14px; }
}



#allmap {width: 100%;height: 100%;margin:0;font-size:14px;}
#l-map{height:400px;}
.l-map{height:400px; margin-bottom: 20px}



.map_k_L{margin:0px; padding:0px;float: left; width:49%;}
.map_k_R{margin:0px; padding:0px;float: right; width:49%;}
.map_title{margin:0px; padding:0px; overflow:hidden; text-align: center; line-height: 46px; background:#01519a;  font-weight: 600; font-size: 18px;color: #fff}


@media screen and (max-width:800px) {
.map_k_L{margin:0px; padding:0px;float: none; width:100%;}	
.map_k_R{margin:0px; padding:0px;float: none; width:100%;}

.l-map{height:240px; margin-bottom: 20px}

}


.contact_list{margin:0px; padding:0px;overflow: hidden}
.contact_list li{margin:0px; padding:0px;overflow: hidden;width: 23.5%;float: left;margin-right: 2%; margin-bottom:1%}
.contact_list li dl{margin:0px; padding:20px 5px;overflow: hidden;border: 1px solid #ddd; text-align: center; min-height:200px; position: relative}
.contact_list li dl dt{margin:0px; padding:0px;overflow: hidden;font-size: 18px; color: #111; line-height: 190%;font-weight: 700}
.contact_list li dl dd{margin:0px; padding:0px;overflow: hidden;font-size: 16px; color: #111;font-family: 'AVGBBT';}
.contact_list li dl dd img{width: 40px; height: auto;vertical-align: top}
.contact_list li dl dd span{font-size: 14px; }
.lx_icon{overflow: hidden;padding:0px;text-align: center; line-height: 38px; margin-bottom: 5px}
.lx_icon i{font-size:40px; color: #01519a;vertical-align: middle;line-height: 38px}
.contact_list li:nth-child(4n){margin-right: 0%; }

.code_box1{position: absolute; top:10px;z-index: 10; display: none;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
transform: translate(-50%, -50%);}
.code_box1 .code_tu{ width: 130px; height: auto; padding:6px; background: #fff;border-radius: 6px; margin: 0 auto;box-shadow:0 0 10px 1px rgba(0,0,0,.1)}
.code_box1 .code_tu img{ width:100%; height: auto; vertical-align: top}


.contact_list li .lx_m:hover .code_box1{display: block}

@media screen and (max-width:900px) {
.contact_list li dl dt{font-size: 16px;}		
.contact_list li dl dd{font-size: 14px;}	
}

@media screen and (max-width:750px) {
.contact_list li{margin:0px; padding:0px;overflow: hidden;width:49%;float: left;margin-right: 2%; margin-bottom:2%}
.contact_list li:nth-child(4n){margin-right: 2%; }
.contact_list li:nth-child(2n){margin-right: 0%; }
.lx_icon i{font-size:36px;}
.contact_list li dl{min-height:180px;}
}




.fix { *zoom: 1; *clear: both;}
.fix:before, .fix:after { display: table; clear: both; content: '';}
._tools {  padding:10px 0px; border-bottom:#ddd 1px solid; background: #fff;text-align: center}
._back { font-size:20px; font-weight:normal; font-weight:bold; color:#676767; height:26px; line-height:26px; border-right:#cccccc 1px solid; padding-right:30px; vertical-align:5px; display: inline-block; margin-right: 30px}
._tool{display: inline-block; vertical-align: middle;}
._back a:hover{ color:#0262da}
._back a:hover i{ color:#676767}

.bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more {
float: left;
    font-size: 12px;
    padding-left: 17px;
    background-image: none;
    cursor: pointer;
    margin: 6px 6px 6px 0;
}



.side_ConR{ margin:0 auto; padding:55px 4% 50px 4%; overflow:hidden;background:#fff;max-width: 1200px; width: 94%; position: relative;}

@media only screen and (max-width:750px) {
.side_ConR{ padding:30px 4% 30px 4%; overflow:hidden; background:#fff}
}






.show_dv_box{ width:90%; height:auto; overflow:hidden; margin:0 auto;margin-bottom:20px;}

@media only screen and (max-width:768px){
.show_dv_box{ width:100%; height:auto; overflow:hidden; }
.show_dv_box img{ width:100%; height:auto}
}






































