@charset "utf-8";
body{font-family:"Microsoft Yahei";}
img{max-width:100%;}
h1{margin:0;}
a{text-decoration:none;}
p{margin: 0;}
input{outline:none;}
ul{margin:0; padding:0;}
li{list-style:none;}
dl,dd{margin:0;}
.clearfix{clear:both;}
.f_l{ float:left;}
.f_r{ float:right;}
.gun{position:relative; z-index:999;}



#header{ background-color:#136aa8\0; height:80px; 

}

.fixednav{position:fixed; top:0px; left:0px; height:80px;  width:100%; background-color: #136aa8; z-index:10}



.banner_in { height:450px; overflow:hidden; margin-top:-90px; width:100%; position:absolute;} 



.richtext {
	width:98%; margin-left:1%; margin-right:1%;
	overflow-x:scroll
}

.profile_img{margin-top: 50px;}

.newscontent p strong { font-size:24px; border-left:4px #888 solid; margin:30px auto; color:#555; padding-left:20px; display: block; font-weight:500;}

.service{ width:1160px; margin-left:auto; margin-right:auto; font-size:15px; color:#777; line-height:30px;}
.service p{ padding:0px; margin:0px;}

.service p strong { font-size:24px; border-left:4px #888 solid; margin:30px auto; color:#555; padding-left:20px; display: block; font-weight:500;}

.nav_bg{
	z-index:1000;  
	position: relative; 
	background-image:url(../images/xx.gif);
	padding: 10px 0;
	background-position: center bottom;
	background-repeat: no-repeat;
}


.nav_bg{
	z-index:1000;  
	position: relative;
	background-image:url(../images/xx.gif);
	padding: 10px 0;
	background-position: center bottom;
	background-repeat: no-repeat;
}


.nav{margin-top: 11px; float:right; }

.nav li{width: 80px;line-height: 34px;  font-size:14px; color: #fff; border: 1px solid rgba(0,0,0,0);text-align: center;float: left;
		-moz-transition: all  0.3s ease-in-out;
    	-o-transition: all  0.3s ease-in-out;
    	-webkit-transition: all  0.3s ease-in-out;
    	transition: all 0.3s ease-in-out;}
.nav li:hover{border-color: #fff;}

.nav .current{ border-color: #fff;}

.header_phone{margin-top: 20px;}
.header_phone p{font-size: 18px;color: #fff;margin-left: 10px;}
.header_phone span{font-size: 14px;}

.xs_header_bg{display:none; background:#fff; border-bottom:1px solid #ccc; padding:10px 0;}

.xs_logo{width: 100px;}
.xs_nav_btn{margin-top: 2px;}
.xs_nav_btn span{width:25px; height:3px; margin:5px auto; background-color:#166aa7;display:block;}
.xs_nav{width:100%; background-color:#166aa7;border: 1px solid #166aa7; margin-bottom:0;  display:none; top:52px; position:fixed; right:0; z-index:1111; width:50%;}
.xs_nav li{text-align:center;border-bottom:1px solid #1a73b4;}
.xs_nav a{font-size:14px; line-height:40px; color:#fff;}
.xs_nav li:hover{background-color:#293866;}

.bg{padding: 80px 0;margin-top: 80px;background: #f2f2f2;}
.box{margin-top: 80px;}
.index_title{text-align: center;}
.index_title h1,.index_title h2{font-size: 30px;line-height: 48px;margin: 0;}
.index_title h1{font-weight: bold;}
.index_title1 h1,.index_title1 h2{color: #333;}
.index_title2 h1,.index_title2 h2{color: #fff;}

.index_product_box{margin-top: 60px;}
.index_product{float: left; position: relative;}
.index_product p{font-size: 16px;color: #333;position: absolute;top: 12px;left: 20px;}
.index_product span{color: #293866;margin-left: 5px;line-height: 28px;}
.index_product_img{position: absolute;overflow: hidden;}
.index_product_img img{width: 100%;
	-moz-transition: 1.5s all ease;
    -o-transition: 1.5s all ease;
    -webkit-transition: 1.5s all ease;
    transition: 1.5s all ease;
}
.index_product_img:hover>img{
	-webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15);
}
.index_product1{width: 390px;height: 240px;background: #ebebeb;}
.index_product1_img{bottom: 20px;left: 35px;}
.index_product2{width: 390px;height: 240px;background: #f0f0f0;}
.index_product2_img{bottom: 10px;left: 55px;}
.index_product3{width: 390px;height: 300px;background: #f5f5f5;}
.index_product3_img{bottom: 40px;left: 50px;}
.index_product4{width: 300px;height: 240px;background: #f5f5f5;margin-top: -60px;}
.index_product4_img{bottom: 15px;left: 20px;}
.index_product5{width: 480px;height: 240px;background: #fafafa;margin-top: -60px;}
.index_product5_img{bottom: 10px;left: 85px;}
.index_product6{width: 390px;height: 180px;background: #ebebeb;}
.index_product6_img{bottom: 10px;left: 70px;}
.product_more{border-radius:6px; display: block;width: 180px;line-height: 48px;border: 1px solid #293866;background: #293866;color: #fff;font-size: 20px;text-align: center;margin: 50px auto 0 auto;}
.product_more:hover{background: #fff;color: #293866;transition:background-color 0.3s;transition-timing-function: ease-in-out;

border-radius:6px;


}

.index_application_img{padding: 0;}
.index_application_text1{padding-left: 60px;margin-top: 80px;}
.index_application_text1 h1{font-size: 22px;}
.index_application_text1 p{font-size: 14px;line-height: 32px;color: #666;margin-top: 30px;}
.index_application_text2{padding-right: 60px;margin-top: 120px;}
.index_application_text2 p{font-size: 14px;line-height: 32px;color: #666;}

.index_about_bg{background:linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.1)), 
url(../images/about_bg.png) left 50% top 50% / cover no-repeat fixed; padding: 50px 0; margin:60px 0px;}
.index_about_box{margin-top: 50px;}
.index_about{font-size: 18px;line-height: 40px; color:#fff; text-align: center;}
.about_more{display: block;width: 180px; background: #fff; line-height: 48px;border: 1px solid #fff;border-radius: 5px;font-size: 18px;color: #444;text-align: center;margin: 50px auto 0 auto;}
.about_more:hover{transition:background-color 0.3s; background:#136aa7; transition-timing-function: ease-in-out;color: #fff;}

.index_vision_box{margin-top: 70px;text-align: center;}
.index_vision_title{font-size: 30px;color: #1a1a1a;}
.index_vision{font-size: 22px;line-height: 60px;margin-top: 50px;}

.index_news_box{margin-top: 60px;}
.index_news_img{position: relative;}
.date{position: absolute;top: 0;left: 0;background: #293866;width: 60px;padding: 12px 0;text-align: center;}
.date h1{font-size: 24px;font-weight: bold;color: #fff;line-height: 30px;margin: 0;}
.date h2{font-size: 16px;color: #fff;line-height: 30px;margin: 0;}
.index_news_text{background: #fff;padding: 30px 15px;}
.index_news_text:hover{background: #136aa7;
		-moz-transition: all 0.5s linear;
    	-o-transition: all 0.5s linear;
    	-webkit-transition: all 0.5s linear;
    	transition: all 0.5s linear;}
.index_news_text h1{font-size: 16px;font-weight: bold;color: #1a1a1a;}
.index_news_text p{font-size: 14px;line-height: 22px;color: #666;margin-top: 15px;}
.news_more{display: block;margin-top: 20px;font-size: 14px;color: #1a1a1a;}
.news_more:hover{color: #293866;}
.index_news_text:hover h1,.index_news_text:hover p,.index_news_text:hover .news_more{color: #fff;}

.footer_bg{background: #333;padding: 60px 0;}
.footer h1{font-size: 16px;font-weight: bold;color: #fff;border-bottom: 1px solid #fff;padding-bottom: 20px;margin-bottom: 20px;}
.footer li{font-size: 14px;line-height: 30px;color: #ccc;}
.footer li:hover{color: #fff;text-decoration: underline;}
.footer_product{width: 260px;}

.footer_contact{font-size: 14px;line-height: 30px;color: #ccc; position:absolute}

.footer_contact .wenzi { float:left; width:65%}

.footer_contact .wenzi a { color:#cbcbcb}

.footer_contact .weixin{ left:20px; position: relative; top:5px; float:left; text-align:center; font-size:12px;}
.footer_contact .weixin img{ width:100px; height:100px; display:block} 


.copyright_bg{background: #1a1a1a;padding: 15px 0;}
.copyright{font-size: 14px;color: #fff;text-align: center;}

.aboutnav{ width:97.5%; height:40px;  margin-top:0px; margin-bottom:20px; margin-left:auto; margin-right:auto; background:#f1f1f1; border-radius:0px 8px 0px 8px;  }


.cpfenlei{ display:block; text-align:center; clear:none; background:#fff; font-size:32px; color:#444; margin-bottom:20px;}


.aboutnav ul{ background:#fff;}

.aboutnav li{ border-right:1px #fff solid; font-size:14px; float:left; width:120px; line-height:40px; text-align:center;


}


.title-text span {
    display: block;      /*设置为块级元素会独占一行形成上下居中的效果*/
    position: relative;  /*定位横线（当横线的父元素） */ 
 
    color: #444;      /*居中文字的颜色*/
    text-align: center; margin-bottom:36px;
} 

.title-text span:before, .title-text span:after { 
    content: ''; 
    position: absolute;   /*定位背景横线的位置*/
    top: 50%; 
    background: #ccc;   /*背景横线颜色*/
    width: 41%;            /*单侧横线的长度*/
    height: 1px; 
} 

.title-text span:before { 
    left: 2%;              /*调整背景横线的左右距离*/
} 

.title-text span:after { 
    right: 2%; 
}

.aboutnav a{display:block;height:40px;color:#fff; background:#136aa8; border-radius:0px 8px 0px 8px; font-size:15px;}
.aboutnav a:hover{color:#fff;  background:#ff9900;}
.aboutnav .cur a{color:#fff;  background:#ff9900;}

.aboutmenu{ width:1170px;  margin-bottom:60px; text-align:center;}
.aboutmenu li{ width:150px; float:left; height:40px; line-height:40px; display:block; background:#e1e1e1; border-right:1px #fff solid; text-align:center;}
.aboutmenu li:last-child{ border-right:none;}
.aboutmenu li a{ display:block; color:#444;}
.aboutmenu li a:hover{ background:#ccc;}


.location_bg{background:#f2f2f2; margin-top:310px;}
.location_box{background: url(../images/location.png) no-repeat;background-position: left center;}
.location{margin-left: 25px;}
.location a{font-size:14px;line-height:40px; color:#333;text-transform: uppercase;}
.location a:hover{color:#000;}

.page{margin: 0px auto 0 auto; text-align:center; width:320px; }
.page a{float:left;padding: 0 8px; font-size:13px; line-height:34px;background: #f5f5f5; border: 1px solid #ccc;  color:#444; text-align:center; margin: 0 2px;}
.page a:hover{background-color:#ccc; color:#333;}

.np{border-top:1px dashed #e5e5e5; margin-top:60px; padding-top:20px;}
.np a{font-size:14px; line-height:24px; margin-top:10px;color: #666;}
.np a:hover{color:#000; text-decoration:underline;}

.content{margin-top: 20px;}
.profile_title p{font-size: 16px;color: #999;}
.profile_title span{display: block;font-size: 26px;font-weight: bold;line-height: 40px;border-left: 10px solid #293866;padding-left: 20px;margin-top: 5px;}
.profile h4{font-size: 15px;font-weight: bold;line-height: 25px;color: #333;margin-top: 30px;margin-bottom: 15px;}
.profile p{font-size: 14px;line-height: 28px;color: #666;}

.advantage_box{margin-top: 60px;}
.advantage{border-right: 1px solid #999;}
.advantage_text{margin-left: 20px;margin-top: -5px;}
.advantage_text h5{font-size: 16px;font-weight: bold;line-height: 26px;color: #293866;margin: 0;}
.advantage_text p{font-size: 14px;line-height: 26px;color: #1a1a1a;}

.slogan_box{margin-top: 70px;}
.slogan_text{margin-top: 20px;}
.slogan_title{font-size: 24px;font-weight: bold;color: #333;line-height: 35px;border-left: 10px solid #293866;padding-left: 20px;}
.slogan{margin-top: 30px;}
.slogan p{font-size: 15px;line-height: 40px;}

.photo_bg{background: #f2f2f2;padding: 70px 0;margin-top: 70px;}
.photo_title{text-align: center;}
.photo_title p{font-size: 30px;font-weight: bold;color: #333;}
.photo_title span{display: block;font-size: 24px;color: #999;margin-top: 10px;margin-bottom: 20px;}
.photo_line{width: 50px;height: 3px;background: #293866;margin: 0 auto;}
.photo_box{margin-top: 20px;}
.photo{margin-top: 30px;}
.honor_bg{margin-top: 70px;margin-bottom: 80px;}
.honor_box{margin-top: 50px;}

.product_title{height: 250px;background: #666;text-align: center;padding-top: 100px;}
.product_title h3{font-size: 22px;line-height: 30px;color: #fff;margin: 0;}
.product_title p{font-size: 16px;line-height: 30px;color: #aaa;}
.shadow{-moz-box-shadow: 0 0 20px rgba(90,90,90,0.3);
    	-o-box-shadow: 0 0 20px rgba(90,90,90,0.3);
    	-webkit-box-shadow: 0 0 20px rgba(90,90,90,0.3);
    	box-shadow: 0 0 20px rgba(90,90,90,0.3);}
.product{text-align: center;height: 250px;position: relative;margin-bottom: 45px;}
.product_img{position: absolute;top: 30px;left: 15px;overflow: hidden;}
.product_img img{width: 100%;
	-moz-transition: 1.0s all ease;
    -o-transition: 1.0s all ease;
    -webkit-transition: 1.0s all ease;
    transition: 1.0s all ease;
}
.product_img:hover>img{
	-webkit-transform: scale(1.10);
    -ms-transform: scale(1.10);
    -o-transform: scale(1.10);
    transform: scale(1.10);
}
.product p{position: absolute;bottom: -10px;font-size: 14px;color: #555;width: 100%;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.product_box{margin-bottom: 35px;}

.partner_box{text-align: center;}
.partner_box h3{font-size: 32px;color: #202c6a; }

.partner_box p{font-size: 16px; padding:6px 0px;}

.partner_box>p{font-size: 14px;line-height: 20px;color: #999;background: #eee;width: 500px;margin: 10px auto;}
.partner{font-size: 18px;line-height: 34px;color: #666;letter-spacing: 1px;margin-top: 20px; margin-bottom: 40px;}
.partner span{font-size: 16px; margin:0px; padding:0px;}

.bg{margin-top: 60px;padding: 60px 0;}
.box{margin-top: 60px;}
.product_in_bg{background: url(../images/product_bg.png) no-repeat; background-color:#e1e1e1;}
.product_in_box h3{font-size: 30px;color: #444;text-align: center;margin: 0; background: url(/en/images/line.png) center no-repeat;}
.product_in_box p{font-size: 16px;line-height: 34px;color: #666;letter-spacing: 1px;text-align: center;margin-top: 20px;}
.product_in_box table p {margin:initial !important;}
.product_in_box table span {color:initial !important;}



.product_in_box table{ margin-top:30px; 
    border-collapse:collapse;  
    border: 1px solid #ccc; width:100%; 
}  

.product_in_box td{  
    border-collapse:collapse;  
    border: 1px solid #ccc; padding:4px; font-size:13px; text-align:center;
}




.product_in_box h4{font-size: 30px;color: #444;}
.product_in_box h5{font-size: 18px;line-height: 32px;color: #666;margin-bottom: 0;}
.product_in_box>img{margin-top: 6px;margin-left: 20px;}
.product_application_box{margin-top: 10px;margin-bottom: 40px;}
.product_application{text-align: center;margin-top: 30px;}
.product_application p{font-size: 18px;color: #555;margin-top: 10px;}

.product_in_img{text-align: center;}
.product_in_img1{margin-top: 50px;}
.product_in_img2{margin-top: 60px;}
.product_in_img3{mix-blend-mode: multiply;margin-top: 30px;}
.product_in_img4{margin-top: 70px;}
.product_in_img5{mix-blend-mode: multiply;margin-top: 30px;}

.message_bg{text-align: center;margin-top: 70px;margin-bottom: 80px;}
.message_bg h3{font-size: 24px;font-weight: bold;color: #666;margin: 0;}
.message_bg p{font-size: 18px;color: #444;margin-top: 20px;}
.message_box{margin-top: 30px;}
.message input,.message_box textarea{border: 1px solid #ccc;width: 100%;padding: 20px;font-size: 18px;margin-top: 30px;}
.message input{height: 50px;}
.message input::-webkit-input-placeholder{color: #ccc;}
.message_box textarea{height: 160px;color: #999;padding-top: 10px;}

.send button{width: 200px;height: 60px;background: #666;border: none;font-size: 24px;color: #fff;border-radius: 30px;margin-top: 40px;}
.send button:hover{background: #293866;transition:background-color 0.3s;transition-timing-function: ease-in-out;}

.message1 input{background: url(../images/message1.png);}
.message2 input{background: url(../images/message2.png);}
.message3 input{background: url(../images/message3.png);}
.message4 input{background: url(../images/message4.png);}
.message input{background-repeat: no-repeat;background-position: 520px center;}

.video_box{margin-bottom: 0px;  height:auto; overflow:hidden; }
.video{margin-bottom: 40px; margin-left:14px; width:380px; height:260px; float:left; height:auto; overflow:hidden;  border:1px #ccc solid; margin-right:auto;}
.video_img{padding: 0;}
.video_img p{font-size: 16px;color: #888; padding-top:15px; padding-bottom:15px; margin:0px; padding-left:20px; width:350px; }
.video_img video{ margin:0px; background:#e1e1e1; padding:0px; width:380px; height:260px; vertical-align:bottom}

.video_text{padding: 30px;background: #f2f2f2;height: 330px;}

.video_text h4{font-size: 18px;color: #202c6a;margin-bottom: 15px;}
.video_text p{font-size: 14px;color: #888;}

.apply_box{margin-bottom: 30px;}
.application_box{margin-bottom: 30px; }
.application{background: #f2f2f2;padding: 20px;}

.application img{border-radius:150px;}

.application_img{width: 150px;}
.application_text{width: 360px;margin-top: 5px;}
.application_text h5{font-size: 16px;color: #202c6a;margin: 0;}
.application_text p{font-size: 12px;line-height: 22px;color: #666;margin-top: 10px;}
.application_more{display: block;width: 84px;line-height: 28px;text-align: center;border: 1px solid #202c6a;border-radius: 5px;color: #202c6a;font-size: 12px;margin-top: 15px;}
.application_more:hover{background: #202c6a;color: #fff;transition:background-color 0.3s;transition-timing-function: linear;}

.application_title{text-align: center;border-bottom: 1px solid #e5e5e5; padding-bottom: 15px; padding-top:25px; margin-bottom:25px;}
.application_title h5{font-size: 26px;margin: 0;}
.application_title p{font-size: 15px;color: #999;margin-top: 20px;}
.application_in h6{font-size: 15px;font-weight: bold;line-height: 30px;margin-top: 40px;}
.application_in p{font-size: 15px;line-height: 30px;color: #666; margin:0px; padding:0px;}
.application_in_box{margin-bottom: 80px;}
.application_in_img{margin-top: 40px;}

.related_bg{border: 1px solid #e5e5e5;padding: 20px 10px;margin-top: 50px;}
.related_title{border-bottom: 1px solid#e5e5e5;padding-bottom: 15px;}
.related_title span{font-size: 20px;color: #1f2b66;margin-left: 10px;}
.related_box{margin-top: 40px;margin-bottom: 10px;}
.related p{margin-top: 20px;font-size: 16px;color: #333;}
.related:hover p{color: #293866;}

.news_bg{margin-bottom: 30px;}
.news{border: 1px solid #e5e5e5;padding: 30px 15px; width:1170px; margin-left:auto; margin-right:auto; margin-bottom: 30px;}
.news:hover{
	-moz-box-shadow: 0 0 20px rgba(90,90,90,0.3);
    -o-box-shadow: 0 0 20px rgba(90,90,90,0.3);
    -webkit-box-shadow: 0 0 20px rgba(90,90,90,0.3);
    box-shadow: 0 0 20px rgba(90,90,90,0.3);}
.news_text h5{font-size: 20px; color: #1a1a1a;margin: 0;float: left;}
.news_text h6{font-size: 20px; color: #ccc;margin: 0;float: right;}
.news_text span{font-size: 14px;margin-left: 10px;}
.news_text p{font-size: 14px;line-height: 30px; color: #666;margin-top: 24px; width:100%;}
.news_text a{display: block;width: 120px;line-height: 36px;border: 1px solid #293866;background: #293866;font-size: 14px;text-align: center;color: #fff;margin-top: 30px;}
.news_text a:hover{background: #fff;color: #293866;transition:background-color 0.2s;transition-timing-function: linear;}

.contact{border: 1px solid #ccc;padding: 20px 30px;}
.contact:hover{border-color: #293866;}
.contact span{font-size: 16px;line-height: 40px;color: #666;margin-left: 20px;}


.badoo {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 15px; PADDING-BOTTOM: 10px; COLOR: #1e4651; PADDING-TOP: 10px; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: right
}
.badoo A {
	BORDER-RIGHT: #ccc 2px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ccc 2px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 0px 2px; BORDER-LEFT: #ccc 2px solid; COLOR: #888; PADDING-TOP: 2px; BORDER-BOTTOM: #ccc 2px solid; TEXT-DECORATION: none
}
.badoo A:hover {
	BORDER-RIGHT: #136aa7 2px solid; BORDER-TOP: #136aa7 2px solid; BORDER-LEFT: #136aa7 2px solid; COLOR: #136aa7; BORDER-BOTTOM: #136aa7 2px solid; background:#fff;
}
.badoo .current {
	BORDER-RIGHT: #1e4651 2px solid; PADDING-RIGHT: 5px; BORDER-TOP: #1e4651 2px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: #1e4651 2px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #1e4651 2px solid; BACKGROUND-COLOR: #1e4651
}

.application_bg{margin-bottom:20px}
.left-toolbar {
    position:fixed;
    z-index:99999;
    right:0;
    top:70%;
    width:50px; 
    height:150px; 
    -webkit-border-radius:10px 0 0 10px;
       -moz-border-radius:10px 0 0 10px; 
            border-radius:10px 0 0 10px;
    background-color:RGBA(0,0,0,0.2);
}
.left-toolbar ul li{ 
    padding-left:13px; 
    width:40px;
    height:50px;
    -webkit-border-radius:8px 0 0 8px;
       -moz-border-radius:8px 0 0 8px; 
            border-radius:8px 0 0 8px;
    -webkit-transition: all .3s ease-in-out 0s;
	   -moz-transition: all .3s ease-in-out 0s;
	        transition: all .3s ease-in-out 0s;  
}

.left-toolbar ul li:hover{ 
    width:160px;
    margin-left:-110px;
    background-color:RGBA(0,0,0,0.4);
}

.left-toolbar ul li span{
    display: inline-block;
    float: left;
    height: 28px;
    margin-right: 20px;
    margin-top: 11px;
    width: 26px;
}

.left-toolbar ul li a{
    height:50px;
    width:160px;
    display:block;
    color:#fff;
    line-height:50px;
    font-size:14px;
    overflow:hidden;
}
.left-toolbar ul li label{ cursor:pointer;color:#fff}

.left-toolbar ul li span.bar01{background: url("../images/toolbar.png") no-repeat left -0px center;}
.left-toolbar ul li span.bar02{background: url("../images/toolbar.png") no-repeat left -26px center;}
.left-toolbar ul li span.bar03{background: url("../images/toolbar.png") no-repeat left -55px center;}

.banner_in{background:url("") no-repeat center; }


.protitle{text-align:center}
.protitle p{color:#fff;font-size:20px;font-weight:600;margin:0;padding-top:10px}






.common-product {
	margin:20px 10px; padding-left:0px; padding-right:0px; width:100%;}


.common-padd {
	margin:20px auto; padding-left:10px; width:94%;
}



.product-list li {
	width:calc((100% - 60px)/4);
	float:left;
	margin:5px; background:#fff;
}
.product-list li figure {
	background-color: #fff;
	height:220px; border:1px #e1e1e1 solid;
	display:block;
	line-height:normal;
	overflow:hidden;
	position:relative;
}
.product-list li figure img {
	display:block;
	width:100%;
	height:220px;
	transition:424ms linear;
}
.product-list li figcaption {
	display:block;
	color:#5d5d5d;
	font-size:14px;
	line-height:normal;
	margin-top:14px;
	transition:350ms;
	text-align: center;
}
.product-box .product-down {
	float:left;
}
.product-list li figure mark {
	position:absolute;
	left:0;
	top:0;
	box-sizing:border-box;
	width:100%;
	height:100%;
	background:rgba(24, 56, 131, 0.2);
	background:#183883\9;
	filter:alpha(opacity=20);
	z-index:20;
	opacity:0;
	transform:skewX(45deg);
	visibility:hidden;
	transition:360ms;
}
.product-list li figure mark b {
	display:block;
	width:46px;
	height:46px;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-23px;
	margin-top:-23px;
	z-index:30;
}
.product-list li figure mark b:before {
	content:"";
	width:100%;
	height:1px;
	background:#183883;
	position:absolute;
	left:0;
	top:23px;
	transform:translateX(-200px);
	-webkit-transform:translateX(-200px);
	-moz-transform:translateX(-200px);
}
.product-list li figure mark b:after {
	content:"";
	width:1px;
	height:100%;
	background:#183883;
	position:absolute;
	left:23px;
	top:0;
	transform:translateY(-200px);
	-webkit-transform:translateY(-200px);
	-moz-transform:translateY(-200px);
}
.product-list li figure mark:before {
	content:"";
	width:100%;
	height:0%;
	border-left:2px solid #106aa9;
	border-right:2px solid #106aa9;
	box-sizing:border-box;
	position:absolute;
	left:0;
	top:0;
	transition:320ms;
}
.product-list li figure mark:after {
	content:"";
	width:0%;
	height:100%;
	border-top:2px solid #106aa9;
	border-bottom:2px solid #106aa9;
	box-sizing:border-box;
	position:absolute;
	left:0;
	top:0;
	transition:320ms;
}
.product-list li:hover figure mark {
	opacity:1;
	transform:skewX(0);
	visibility:visible;
}
.product-list li:hover figure mark:before {
	height:100%;
	transition:330ms 200ms;
}
.product-list li:hover figure mark:after {
	width:100%;
	transition:330ms 200ms;
}
.product-list li:hover figure img {
	transform:scale(1.05);
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
}
.product-list li:hover figure mark b:before {
	transition:355ms 180ms;
	transform:translateX(0);
	-webkit-transform:translateX(0);
	-moz-transform:translateX(0);
}
.product-list li:hover figure mark b:after {
	transition:355ms 240ms;
	transform:translateY(0);
	-webkit-transform:translateY(0);
	-moz-transform:translateY(0);
}
.product-list li:hover figcaption {
	color:#183883;
}









/* 超小设备（手机，小于 768px） */
@media (max-width: 	767px) 
{

.gywm {display:none} 

.wenzi { overflow:hidden; height:100px; width:70%; display:block; line-height:20px;}

.wenzi a { color:#cbcbcb;}
.wenzi a:hover { color:#cbcbcb;}

.footer_box { height:130px;}

.footer_contact .wenzi { width:70%;}
.footer_contact .weixin{ left:20px; position: relative; top:5px; float:left; text-align:center; font-size:12px; }
.footer_contact .weixin img{ width:70px; height:70px; } 

.slider_banner { top:60px; margin-bottom:70px; position:absolute;}


	.fixednav{position:fixed; top:0px; left:0px; height:60px;  width:100%; background-color: #136aa8; z-index:10; display:none}

	.bgm{ height:0px; }
	.title-text span { font-size:22px;
    display: block;      /*设置为块级元素会独占一行形成上下居中的效果*/
    position: relative;  /*定位横线（当横线的父元素） */  
    color: #444;      /*居中文字的颜色*/
    text-align: center; margin-bottom:36px; margin-top:-30px;
} 

.title-text span:before, .title-text span:after { 
    content: ''; 
    position: absolute;   /*定位背景横线的位置*/
    top: 50%; 
    background: #ccc;   /*背景横线颜色*/
    width: 31%;            /*单侧横线的长度*/
    height: 1px; 
} 

.title-text span:before { 
    left: 2%;              /*调整背景横线的左右距离*/
} 

.title-text span:after { 
    right: 2%; 
}
	
	
.banner_in { height:150px; overflow:hidden; margin-top:-30px;} 


	
.service{ width:330px; margin-left:auto; margin-right:auto; font-size:15px; color:#777; line-height:30px;}
.service p{ padding:0px; margin:0px; text-align: justify; }

.service p strong { font-size:20px; border-left:4px #888 solid; margin:20px auto; color:#555; padding-left:20px; display: block; font-weight:500;}

	.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{padding-right:5px;padding-left:5px; }
	
	.nav_bg{display: none;}
	.xs_header_bg{display: block;}
	
	.bg{padding: 40px 0;margin-top: 40px;}
	.box{margin-top: 40px;}
	.index_title h1,.index_title h2{font-size: 20px;line-height: 28px;}
	
	.common-padd {margin:10px 0px; padding:0px; width:100%;}

	
	
.common-product {margin-left:0px; padding-left:0px; padding-right:0px; width:97%;}


.product-list { width:340px; margin-left:auto; margin-right:auto; }

.product-list li {
	width:159px;
	float:left;
	margin-left:5px; margin-bottom:0px; background:#fff;
}
.product-list li figure {
	background-color: #fff;
	height:130px; border:1px #e1e1e1 solid;
	display:block;
	line-height:normal;
	overflow:hidden;
	position:relative;
}
.product-list li figure img {
	display:block;
	width:100%;
	height:130px;
	transition:424ms linear;
}
.product-list li figcaption {
	display:block;
	color:#5d5d5d;
	font-size:14px;
	line-height:normal;
	margin-top:14px;
	transition:350ms;
	text-align: center;
}
.product-box .product-down {
	float:left;
}
.product-list li figure mark {
	position:absolute;
	left:0;
	top:0;
	box-sizing:border-box;
	width:100%;
	height:100%;
	background:rgba(24, 56, 131, 0.2);
	background:#eb6123\9;
	filter:alpha(opacity=20);
	z-index:20;
	opacity:0;
	transform:skewX(45deg);
	visibility:hidden;
	transition:360ms;
}
.product-list li figure mark b {
	display:block;
	width:46px;
	height:46px;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-23px;
	margin-top:-23px;
	z-index:30;
}
.product-list li figure mark b:before {
	content:"";
	width:100%;
	height:1px;
	background:#eb6123;
	position:absolute;
	left:0;
	top:23px;
	transform:translateX(-200px);
	-webkit-transform:translateX(-200px);
	-moz-transform:translateX(-200px);
}
.product-list li figure mark b:after {
	content:"";
	width:1px;
	height:100%;
	background:#183883;
	position:absolute;
	left:23px;
	top:0;
	transform:translateY(-200px);
	-webkit-transform:translateY(-200px);
	-moz-transform:translateY(-200px);
}
.product-list li figure mark:before {
	content:"";
	width:100%;
	height:0%;
	border-left:2px solid #106aa9;
	border-right:2px solid #106aa9;
	box-sizing:border-box;
	position:absolute;
	left:0;
	top:0;
	transition:320ms;
}
.product-list li figure mark:after {
	content:"";
	width:0%;
	height:100%;
	border-top:2px solid #106aa9;
	border-bottom:2px solid #106aa9;
	box-sizing:border-box;
	position:absolute;
	left:0;
	top:0;
	transition:320ms;
}
.product-list li:hover figure mark {
	opacity:1;
	transform:skewX(0);
	visibility:visible;
}
.product-list li:hover figure mark:before {
	height:100%;
	transition:330ms 200ms;
}
.product-list li:hover figure mark:after {
	width:100%;
	transition:330ms 200ms;
}
.product-list li:hover figure img {
	transform:scale(1.05);
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
}
.product-list li:hover figure mark b:before {
	transition:355ms 180ms;
	transform:translateX(0);
	-webkit-transform:translateX(0);
	-moz-transform:translateX(0);
}
.product-list li:hover figure mark b:after {
	transition:355ms 240ms;
	transform:translateY(0);
	-webkit-transform:translateY(0);
	-moz-transform:translateY(0);
}
.product-list li:hover figcaption {
	color:#183883;
}

	
	
	
	
	
	
.aboutnav{ width:330px; height:auto; overflow:hidden;  margin-top:-15px;margin-left:auto; white-space: nowrap; margin-right:auto; background:#fff;


 }
.aboutnav li{ border-bottom:1px #e1e1e1 solid; font-size:14px;  width:50%; display:inline-block; text-align:center;}
.aboutnav a{display:block;color:#fff}
.aboutnav a:hover{color:#fff;  background:#106aa9;}
	

	
	
	
	.index_product_box{margin-top: 30px;}
	.index_product1,.index_product2,.index_product3,.index_product4,.index_product5,.index_product6{width: 50%;height: 180px;margin: 0;}
	.index_product4{background: #ebebeb;}
	.index_product1_img{left: 7px;}
	.index_product1_img img{width: 280px;}
	.index_product2_img{left: 7px;}
	.index_product2_img img{width: 240px;}
	.index_product3_img{bottom: 20px;left: 7px;}
	.index_product3_img img{width: 260px;}
	.index_product4_img{left: 7px;}
	.index_product4_img img{width: 240px;}
	.index_product5_img{bottom: 15px;left: 7px;}
	.index_product5_img img{width: 270px;}
	.index_product6_img{left: 7px;}
	.index_product6_img img{width: 280px;}
	.product_more{margin-top: 30px;width: 150px;line-height: 40px;font-size: 16px;}
		
	.index_application_img{padding: 0 5px;}
	.index_application_img img{width: 100%;}
	.index_application_text1{padding-left: 5px;margin-top: 30px;}
	.index_application_text1 h1{font-size: 18px;}
	.index_application_text1 p{font-size: 12px;line-height: 28px;margin-top: 10px;}
	.index_application_text2{padding-right: 5px;margin-top: 0;margin-bottom: 10px;font-size: 12px;line-height: 28px;}
	
	.index_about_bg{padding: 40px 0;}
	.index_about_box{margin-top: 20px;}
	.index_about{font-size: 14px;line-height: 32px; color:#fff;}
	.about_more{width: 150px;line-height: 40px;font-size: 16px;margin-top: 20px;}

	.index_vision_box{margin-top: 50px;}
	.index_vision_title{font-size: 22px;}
	
	.index_vision{font-size: 15px;line-height: 36px;margin-top: 25px;}
	
	.index_news_box{margin-top: 10px;}
	.index_news{margin-top: 20px;}

	.footer_bg{padding: 30px 0;}
	.footer{margin: 10px 0;}
	.footer h1{padding-bottom: 15px;margin-bottom: 15px;}
	.footer_about li{float: left; width: 100px;}
	.copyright{font-size: 12px;}
	
	.location,.location a{font-size: 12px;line-height: 32px;}
	

	
	
	.np{margin-top: 30px;padding-top: 10px;}
	
	.content{margin-top: 0px;}
	.profile_title{margin-top: -2px;  }
	.profile_title p{font-size: 12px;}
	.profile_title span{font-size: 18px;line-height: 24px;padding-left: 10px;}
	.profile h4{font-size: 13px;line-height: 22px;margin-top: 15px;margin-bottom: 10px;}
	.profile p{font-size: 12px;line-height: 24px;}
	.profile_img{margin-top: 10px;}

	.advantage_box{margin-top: 10px;}
	.advantage{margin-top: 20px;border: none;}
	.advantage_text{margin-left: 10px;margin-top: -5px;}
	.advantage_text h5{font-size: 15px;line-height: 24px;}
	.advantage_text p{font-size: 13px;line-height: 24px;}

	.slogan_box{margin-top: 30px;}
	.slogan_text{margin-top: 25px;}
	.slogan_title{font-size: 18px;line-height: 30px;padding-left: 15px;}
	.slogan{margin-top: 8px;}
	.slogan p{font-size: 14px;line-height: 30px;}

	.photo_bg{padding: 40px 0;margin-top: 40px;}
	.photo_title p{font-size: 22px;}
	.photo_title span{font-size: 18px;margin-top: 5px;margin-bottom: 15px;}
	.photo_line{width: 50px;height: 3px;}
	.photo_box{margin-top: 25px;}
	.photo{margin-top: 10px;}
	.honor_bg{margin-top: 40px;margin-bottom: 40px;}
	.honor_box{margin-top: 25px;}
	.honor{margin-top: 10px;}
	
	.product_title,.product{height: 150px;}
	.product_title{padding-top: 50px;}
	.product_title h3{font-size: 18px;line-height: 24px;}
	.product_title p{font-size: 12px;line-height: 24px;padding: 0 10px;}
	.product{margin-bottom: 20px;}
	.product_img{top: 20px;left: 10px;width: 140px;}
	.product p{font-size: 12px;bottom: -10px;}
	.product_box{margin-bottom: 20px;}
	
	.bg{margin-top: 40px;padding: 40px 0;}
	.box{margin-top: 40px;}
	
	.partner_box h3{font-size: 24px; }
	.partner{font-size: 14px; line-height: 30px;margin-top: 15px;margin-bottom: 20px;}
	
	.partner_box>p{font-size: 13px;line-height: 20px;color: #999;background: #eee;width: 100%;margin: 10px auto;}
	
	
	.partner span{font-size: 16px;}

	.product_in_box h3{font-size: 24px;}
	.product_in_box p{font-size: 14px;line-height: 30px;margin-top:20px;}
	.product_in_box span{font-size: 18px;}
	.product_in_box h4{font-size: 24px;}
	.product_in_box h5{font-size: 16px;line-height: 28px;}
	.product_in_box>img{margin-top: 6px;margin-left: 20px;}
	.product_application_box{margin-top: 10px;margin-bottom: 40px;}
	.product_application{margin-top: 15px;}
	.product_application p{font-size: 14px;margin-top: 8px;}
	
	.product_in_box > img{margin-top:2px;margin-left:10px;}
	.product_in_img1{margin-top: 20px;}
	.product_in_img2{margin-top: 30px;}
	.product_in_img3{margin-top: 10px;}
	.product_in_img4{margin-top: 30px;}
	.product_in_img5{margin-top: 30px;}

	.message_bg{margin:40px auto;}
	.message_bg h3{font-size: 20px;}
	.message_bg p{font-size: 14px;line-height:24px;margin-top: 15px;}
	.message_box{margin-top: 10px;}
	.message input,.message_box textarea{padding: 10px;font-size: 14px;margin-top: 10px;}
	.message input{height: 40px;}
	.send input{width: 150px;height: 40px;font-size: 16px;border-radius: 20px;margin-top: 20px;}
	.message input{background-position: 290px center;}
	
	.video_box{margin-bottom: 0px;}
	.video{margin-bottom: 20px;}
	.video_img{padding: 0;}
	.video_text{padding: 10px 15px;height: 420px;}
	.video_text h4{font-size: 16px;margin-bottom: 8px;}
	.video_text p{font-size: 12px;line-height: 24px;}
	
	
	
.video{margin-bottom: 20px; margin-left:5px; width:328px; height:180px; float:left; height:auto; overflow:hidden;  border:1px #ccc solid; margin-right:auto;}
.video_img{padding: 0;}
.video_img p{font-size: 14px;color: #888;  padding-top:10px; padding-bottom:10px; margin:0px; padding-left:20px; width:300px;}
.video_img video{ margin:0px; width:328px; height:180px;  background:#e1e1e1; padding:0px; vertical-align:bottom}
	
	
	
	
	.apply_box{margin-bottom:30px;}
	.application_box{margin: 0;}
	.application{margin-bottom: 20px;}
	.application_img{display: none;}
	.application_text{width: 100%;}
	
	.application_title{padding-bottom: 10px;}
	.application_title h5{font-size: 22px;}
	.application_title p{font-size: 13px;margin-top: 15px;margin-bottom: 10px;}
	.application_in h6{font-size: 14px;line-height: 26px;margin-top: 20px;}
	.application_in p{font-size: 13px;line-height: 24px;margin-bottom: 0;}
	.application_in_box{margin-bottom: 40px;}
	.application_in_img{margin-top: 0;}
	.application_in_img img{width: 100%;margin-top: 20px;}
	
	.related_bg{margin-top: 30px;}
	.related_title{padding-bottom: 15px;}
	.related_title span{font-size: 17px;}
	.related_box{margin-top: 30px;margin-bottom: 0;}
	.related p{margin-top: 15px;font-size: 14px;}
	
	.news_bg{margin-bottom: 30px;}
	.news{border: none;border-bottom: 1px solid#e5e5e5;padding: 0;padding-bottom: 20px; margin-bottom: 30px;}
	.news:hover{box-shadow: none;}
	.news_text h5{font-size: 16px;width:330px; word-wrap: break-word}
	.news_text h6{font-size: 16px;}
	.news_text span{font-size: 13px;}
	.news_text p{font-size: 13px;line-height: 23px; margin-top: 15px; width:330px; word-wrap: break-word }
	.news_text a{margin-top: 15px;}
	.news_img img{ width:100%; margin-top: 20px; display:none}

	
	.contact{padding:10px 15px;margin-bottom: 20px;}
	.contact span{margin-left: 10px;}
	
	
	
	
	
	
	
	
		.footer_product { width:400px; }
	
		.footer_product a{ width:50%; float:left;}
	
	
	
	
	
}
/* 小型设备（平板电脑，768px 起） */
@media (min-width: 	768px) and (max-width: 991px) 
{

.footer_contact .weixin{ left:20px; position: relative; top:5px; float:left; text-align:center; font-size:12px; display:none}
.footer_contact .weixin img{ width:100px; height:100px; display:none} 


	.title-text span { font-size:22px;
    display: block;      /*设置为块级元素会独占一行形成上下居中的效果*/
    position: relative;  /*定位横线（当横线的父元素） */  
    color: #444;      /*居中文字的颜色*/
    text-align: center; margin-bottom:56px; margin-top:-50px;
} 

.title-text span:before, .title-text span:after { 
    content: ''; 
    position: absolute;   /*定位背景横线的位置*/
    top: 50%; 
    background: #ccc;   /*背景横线颜色*/
    width: 39%;            /*单侧横线的长度*/
    height: 1px; 
} 

.title-text span:before { 
    left: 2%;              /*调整背景横线的左右距离*/
} 

.title-text span:after { 
    right: 2%; 
}









.banner_in { height:270px; overflow:hidden; } 



.service{ width:710px; margin-left:auto; margin-right:auto; font-size:15px; color:#777; line-height:30px;}
.service p{ padding:0px; margin:0px; text-align: justify; }

.service p strong { font-size:20px; border-left:4px #888 solid; margin:20px auto; color:#555; padding-left:20px; display: block; font-weight:500;}



.common-product {margin:20px 10px; padding-left:0px; padding-right:0px; width:97.5%;}






.product-list li {
	width:calc((100% - 20px)/2);
	float:left;
	margin:5px; background:#fff;
}
.product-list li figure {
	background-color: #fff;
	height:220px; border:1px #e1e1e1 solid;
	display:block;
	line-height:normal;
	overflow:hidden;
	position:relative;
}
.product-list li figure img {
	display:block;
	width:100%;
	height:220px;
	transition:424ms linear;
}
.product-list li figcaption {
	display:block;
	color:#5d5d5d;
	font-size:14px;
	line-height:normal;
	margin-top:14px;
	transition:350ms;
	text-align: center;
}
.product-box .product-down {
	float:left;
}
.product-list li figure mark {
	position:absolute;
	left:0;
	top:0;
	box-sizing:border-box;
	width:100%;
	height:100%;
	background:rgba(24, 56, 131, 0.2);
	background:#eb6123\9;
	filter:alpha(opacity=20);
	z-index:20;
	opacity:0;
	transform:skewX(45deg);
	visibility:hidden;
	transition:360ms;
}
.product-list li figure mark b {
	display:block;
	width:46px;
	height:46px;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-23px;
	margin-top:-23px;
	z-index:30;
}
.product-list li figure mark b:before {
	content:"";
	width:100%;
	height:1px;
	background:#eb6123;
	position:absolute;
	left:0;
	top:23px;
	transform:translateX(-200px);
	-webkit-transform:translateX(-200px);
	-moz-transform:translateX(-200px);
}
.product-list li figure mark b:after {
	content:"";
	width:1px;
	height:100%;
	background:#183883;
	position:absolute;
	left:23px;
	top:0;
	transform:translateY(-200px);
	-webkit-transform:translateY(-200px);
	-moz-transform:translateY(-200px);
}
.product-list li figure mark:before {
	content:"";
	width:100%;
	height:0%;
	border-left:2px solid #106aa9;
	border-right:2px solid #106aa9;
	box-sizing:border-box;
	position:absolute;
	left:0;
	top:0;
	transition:320ms;
}
.product-list li figure mark:after {
	content:"";
	width:0%;
	height:100%;
	border-top:2px solid #106aa9;
	border-bottom:2px solid #106aa9;
	box-sizing:border-box;
	position:absolute;
	left:0;
	top:0;
	transition:320ms;
}
.product-list li:hover figure mark {
	opacity:1;
	transform:skewX(0);
	visibility:visible;
}
.product-list li:hover figure mark:before {
	height:100%;
	transition:330ms 200ms;
}
.product-list li:hover figure mark:after {
	width:100%;
	transition:330ms 200ms;
}
.product-list li:hover figure img {
	transform:scale(1.05);
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
}
.product-list li:hover figure mark b:before {
	transition:355ms 180ms;
	transform:translateX(0);
	-webkit-transform:translateX(0);
	-moz-transform:translateX(0);
}
.product-list li:hover figure mark b:after {
	transition:355ms 240ms;
	transform:translateY(0);
	-webkit-transform:translateY(0);
	-moz-transform:translateY(0);
}
.product-list li:hover figcaption {
	color:#183883;
}









.aboutnav{ width:97%; height:40px;  margin-top:-30px; margin-bottom:20px; margin-left:auto; margin-right:auto; background:#f1f1f1; }


.aboutnav ul{ background:#fff;}

	.nav_bg{padding: 15px 0;}
	.logo{width: 104px;}
	.nav{margin-left: 10px;margin-top: 1px;}
	.nav li{width: 65px;font-size: 12px;line-height: 32px;}
	.header_phone{margin-top: 12px;}
	.header_phone img{width: 16px;}
	.header_phone p{font-size: 16px;margin-top: -4px;}
	.header_phone span{display: none;}
	
	.bg{padding: 60px 0;margin-top: 60px;}
	.box{margin-top: 60px;}
	.index_title h1,.index_title h2{font-size: 24px;line-height: 36px;}
	
	.index_product_box{margin-top: 50px;}
	.index_product1,.index_product2,.index_product3,.index_product4,.index_product5,.index_product6{width: 50%;height: 220px;margin: 0;}
	.index_product4{background: #fafafa;}
	
	.index_product1_img{left: 38px;}
	.index_product1_img img{width: 280px;}
	.index_product2_img{left: 58px;}
	.index_product2_img img{width: 240px;}
	.index_product3_img{bottom: 20px;left: 28px;}
	.index_product3_img img{width: 260px;}
	.index_product4_img{left: 58px;}
	.index_product4_img img{width: 240px;}
	.index_product5_img{bottom: 15px;left: 43px;}
	.index_product5_img img{width: 270px;}
	.index_product6_img{left: 38px;}
	.index_product6_img img{width: 280px;}

	.index_application_img{padding: 0 15px;}
	.index_application_img img{width: 100%;}
	.index_application_text1{padding-left: 15px;margin-top: 40px;}
	.index_application_text1 p{margin-top: 20px;}
	.index_application_text2{padding-right: 15px;margin-top: 0;margin-bottom: 20px;}
	
	.index_about_bg{padding: 60px 0;}
	.index_about_box{margin-top: 35px;}
	.index_about{font-size: 15px;line-height: 36px; color:#fff;}
	.about_more{width: 160px;line-height: 44px;font-size: 16px;margin-top: 35px;}

	.index_vision_box{margin-top: 80px;}
	.index_vision_title{font-size: 24px;}
	.index_vision{font-size: 18px; line-height: 50px;margin-top: 40px;}
	.index_news_box{margin-top: 20px;}
	.index_news{margin-top: 30px;}

	.footer_bg{padding: 40px 0;}
	.footer{margin: 15px 0;}
	.footer_about li{float: left; width: 100px;}
	


	
	
	
	.np{margin-top: 40px;}

	.content{margin-top: 60px;}
	.profile_img{margin-top: 30px;}
	.profile_img img{width: 100%;}

	.advantage_box{margin-top: 10px;}
	.advantage{margin-top: 30px;border: none;}

	.slogan_box{margin-top: 50px;}
	.slogan_img img{width: 100%;}
	.slogan_text{margin-top: 30px;}
	.slogan{margin-top: 15px;}

	.photo_bg{padding: 50px 0;margin-top: 50px;}
	.photo_title p{font-size: 26px;}
	.photo_title span{font-size: 20px;margin-top: 5px;margin-bottom: 15px;}
	.photo_line{width: 50px;height: 3px;}
	.photo_box{margin-top: 10px;}
	.photo img{width: 100%;}
	.honor_bg{margin-top: 50px;margin-bottom: 60px;}
	.honor_box{margin-top: 10px;}
	.honor{margin-top: 30px;}
	.honor img{width: 100%;}
	
	.product_img{top: 30px;left: 50px;width: 240px;}
	.product p{bottom: 25px;}
	.bg{margin-top: 50px;padding: 50px 0;}
	.box{margin-top: 50px;}
	.partner_box h3{font-size: 28px;}
	.partner{font-size: 14px;line-height: 30px;margin-top: 20px;margin-bottom: 40px;}
	.partner span{font-size: 18px;}

	.product_in_box h3{font-size: 24px;}
	.product_in_box p{font-size: 14px;line-height: 30px;margin-top:20px;}
	.product_in_box span{font-size: 18px;}
	.product_in_box h4{font-size: 24px;}
	.product_in_box h5{font-size: 16px;line-height: 28px;}
	.product_in_box>img{margin-top: 6px;margin-left: 20px;}
	.product_application_box{margin-top: 10px;margin-bottom: 40px;}
	.product_application{margin-top: 26px;}
	.product_application p{font-size: 16px;margin-top: 10px;}

	.message_bg{margin-top: 50px;margin-bottom:50px;}
	.message_bg h3{font-size: 22px;}
	.message_bg p{font-size: 16px;margin-top: 15px;}
	.message_box{margin-top: 20px;}
	.message{padding:0 10px;}
	.message input,.message_box textarea{padding: 20px;font-size: 16px;margin-top: 20px;}
	.message input{height: 40px;}
	.send input{width: 160px;height: 50px;font-size: 20px;border-radius: 25px;margin-top: 30px;}
	.message input{background-position: 300px center;}
	
	.video_box{margin-bottom: 0px;}
	.video_img img{width: 100%;}
	
	.video{margin-bottom: 10px; margin-left:12px; width:352px; height:180px; float:left; height:auto; overflow:hidden;  border:1px #ccc solid; margin-right:auto;}
.video_img{padding: 0;}

.video_img{padding: 0;}
.video_img p{font-size: 14px;color: #888; padding-top:10px; padding-bottom:10px; margin:0px; padding-left:20px; width:100%; width:360px; }
.video_img video{ margin:0px; width:360px; height:180px;  background:#e1e1e1; padding:0px; vertical-align:bottom}

	
	
	.apply_box{margin-bottom: 30px;}
	.application_box{margin: 0;}
	.application{margin-bottom: 30px;}
	.application{padding: 20px 30px;}
	.application_text{width: 480px;}
	
	.application_title{padding-bottom: 15px;}
	.application_title h5{font-size: 24px;}
	.application_title p{font-size: 14px;margin-top: 20px;}
	.application_in h6{font-size: 14px;line-height: 28px;margin-top: 30px;}
	.application_in p{font-size: 13px;line-height: 26px;margin-bottom: 0;}
	.application_in_box{margin-bottom: 60px;}
	.application_in_img{margin-top: 30px;}
	
	.related_bg{margin-top: 40px;}
	.related_title{padding-bottom: 15px;}
	.related_title span{font-size: 17px;}
	.related_box{margin-top: 30px;margin-bottom: 0;}
	.related p{margin-top: 15px;font-size: 14px;}
	.related{padding: 0 15px;}
	
	.news_bg{margin-bottom: 30px;}
	.news{padding: 20px 5px; width:97%;}
	.news_text h5{font-size: 16px;}
	.news_text h6{font-size: 16px;}
	.news_text span{font-size: 12px;}
	.news_text p{font-size: 12px;line-height: 22px;margin-top: 10px;}
	.news_text a{width: 110px;line-height: 32px;font-size: 12px;margin-top: 15px;}
	
	.contact_box>div{padding: 0 10px;}
	.contact{padding:15px 20px;margin-bottom: 20px;}
	.contact span{margin-left: 12px;}
}


@media (min-width: 	991px) and (max-width: 1024px) 
{

.service{ width:930px; margin-left:auto; margin-right:auto; font-size:15px; color:#777; line-height:30px;}
.service p{ padding:0px; margin:0px; text-align: justify; }
.service p strong { font-size:20px; border-left:4px #888 solid; margin:20px auto; color:#555; padding-left:20px; display: block; font-weight:500;}

}



/* 中型设备（台式电脑，992px 起） */
@media (min-width: 992px) and (max-width: 1199px) 
{

.footer_contact .weixin{ left:20px; position: relative; top:5px; float:left; text-align:center; font-size:12px; display:none}
.footer_contact .weixin img{ width:100px; height:100px; display:none} 



{
.aboutnav{ width:97%; height:40px;  margin-top:-30px; margin-bottom:20px; margin-left:auto; margin-right:auto; background:#999; }


	.nav_bg{padding: 15px 0;}
	.logo{width: 130px;}
	.nav{margin-left: 40px;margin-top: 4px;}
	.nav li{width: 70px;font-size: 12px;}
	.header_phone{margin-top: 16px;}
	.header_phone img{width: 20px;}
	.header_phone p{font-size: 16px;margin-top: -5px;}
	.header_phone span{font-size: 12px;}
	
	.bg{padding: 60px 0;margin-top: 60px;}
	.box{margin-top: 60px;}
	.index_title h1,.index_title h2{font-size: 26px;line-height: 40px;}
	
	.index_product_box{margin-top: 50px;}
	.index_product1{width: 313px;height: 220px;}
	.index_product1_img{left: 16px;}
	.index_product1_img img{width: 280px;}
	.index_product2{width: 313px;height: 220px;}
	.index_product2_img{left: 36px;}
	.index_product2_img img{width: 240px;}
	.index_product3{width: 314px;height: 250px;}
	.index_product3_img{bottom: 20px;left: 28px;}
	.index_product3_img img{width: 260px;}
	.index_product4{width: 276px;height: 220px;margin-top: -30px;}
	.index_product4_img{left: 24px;}
	.index_product4_img img{width: 230px;}
	.index_product5{width: 350px;height: 220px;margin-top: -30px;}
	.index_product5_img{bottom: 15px;left: 40px;}
	.index_product5_img img{width: 270px;}
	.index_product6{width: 314px;height: 190px;}
	.index_product6_img{bottom: 15px;left: 37px;}
	.index_product6_img img{width: 240px;}
	.product_more{margin-top: 40px;}
	
	.index_application_text1{padding-left: 50px;margin-top: 50px;}
	.index_application_text1 h1{font-size: 20px;}
	.index_application_text1 p{font-size: 12px;line-height: 28px;margin-top: 20px;}
	.index_application_text2{padding-right: 50px;margin-top: 90px;}
	.index_application_text2 p{font-size: 12px;line-height: 28px;}
	
	.index_about_bg{padding: 60px 0;}
	.index_about_box{margin-top: 35px;}
	.index_about{font-size: 15px;line-height: 36px; color:#fff;}
	.about_more{width: 160px;line-height: 44px;font-size: 16px;margin-top: 35px;}

	.index_vision_box{margin-top: 80px;}
	.index_vision_title{font-size: 24px;}
	.index_vision{font-size: 18px; line-height: 50px;margin-top: 40px;}
	.index_news_box{margin-top: 50px;}

	.footer_bg{padding: 50px 0;}
	.footer_product{width: 225px;}
	

	.np{margin-top: 50px;}	
	.content{margin-top: 60px;}
	
	.profile_title{margin-top: -2px;}
	.profile_title p{font-size: 12px;}
	.profile_title span{font-size: 18px;line-height: 24px;padding-left: 10px;}
	.profile h4{font-size: 13px;line-height: 22px;margin-top: 12px;margin-bottom: 6px;}
	.profile p{font-size: 12px;line-height: 22px;}

	.advantage_box{margin-top: 50px;}
	.advantage{padding: 0 10px;}
	.advantage img{width: 40px;}
	.advantage_text{margin-left: 8px;margin-top: -5px;}
	.advantage_text h5{font-size: 14px;line-height: 22px;}
	.advantage_text p{font-size: 12px;line-height: 22px;}

	.slogan_box{margin-top: 50px;}
	.slogan_text{margin-top: 10px;}
	.slogan_title{font-size: 20px;line-height: 30px;padding-left: 15px;}
	.slogan{margin-top: 15px;}
	.slogan p{font-size: 14px;line-height: 30px;}

	.photo_bg{padding: 50px 0;margin-top: 50px;}
	.photo_title p{font-size: 26px;}
	.photo_title span{font-size: 20px;margin-top: 5px;margin-bottom: 15px;}
	.photo_line{width: 50px;height: 3px;}
	.photo_box{margin-top: 10px;}
	.honor_bg{margin-top: 50px;margin-bottom: 60px;}
	.honor_box{margin-top: 50px;}
	
	.product_title,.product{height: 200px;}
	.product_title{padding-top: 75px;}
	.product_title h3{font-size: 20px;line-height: 26px;}
	.product_title p{font-size: 14px;line-height: 26px;}
	.product{margin-bottom: 45px;}
	.product_img{top: 20px;left: 15px;width: 180px;}
	.product p{bottom: 25px;}
	.product_box{margin-bottom: 35px;}
	
	.message_bg{margin-top: 50px;margin-bottom: 60px;}
	.message_bg h3{font-size: 22px;}
	.message_bg p{font-size: 16px;margin-top: 15px;}
	.message_box{margin-top: 20px;}
	.message{padding:0 10px;}
	.message input,.message_box textarea{padding: 20px;font-size: 16px;margin-top: 20px;}
	.message input{height: 40px;}
	.send input{width: 160px;height: 50px;font-size: 20px;border-radius: 25px;margin-top: 30px;}
	.message input{background-position: 410px center;}
	
	.video_box{margin-bottom: 60px;}
	.video{margin-bottom: 30px;}
	.video_img{padding: 0;}
	.video_text{padding: 10px 15px;height: 266px;}
	.video_text h4{font-size: 16px;margin-bottom: 5px;}
	.video_text p{font-size: 12px;line-height: 21px;}
	
	.apply_box{margin-bottom: 30px;}
	
	.application_box{margin-bottom: 20px; }
	
	.application_bg{padding: 0 10px; }
	
	.application{padding: 15px 15px;}
	.application_img{width: 120px;}
	.application_text{width: 300px;margin-top: 0;}
	.application_text h5{font-size: 14px;}
	.application_text p{margin-top: 5px;line-height: 20px;}
	.application_more{border: none;color: #333;width: 65px;line-height: 12px;margin-top: 10px;}
	.application_more:hover{border: none;background: none;color: #202c6a;}
	
	.application_title{padding-bottom: 15px;}
	.application_title h5{font-size: 24px;}
	.application_title p{font-size: 14px;margin-top: 20px;}
	.application_in h6{font-size: 14px;line-height: 28px;margin-top: 30px;}
	.application_in p{font-size: 13px;line-height: 26px;margin-bottom: 0;}
	.application_in_box{margin-bottom: 60px;}
	.application_in_img{margin-top: 30px;}
	
	.related_bg{margin-top: 40px;}
	.related_title{padding-bottom: 15px;}
	.related_title span{font-size: 17px;}
	.related_box{margin-top: 30px;margin-bottom: 0;}
	.related p{margin-top: 15px;font-size: 14px;}
	.related{padding: 0 15px;}
	
	.news_bg{margin-bottom: 30px;}
	
	.news{width:97%;}
	.news_text h5{font-size: 18px;}
	.news_text h6{font-size: 18px;}
	.news_text span{font-size: 14px;margin-left: 10px;}
	.news_text p{font-size: 14px;line-height: 24px;margin-top: 15px;}
	.news_text a{width: 110px;line-height: 32px;font-size: 12px;margin-top: 15px;}
	
	.contact{padding: 20px;}
	.contact span{margin-left: 10px;}

}