﻿*{margin: 0; padding: 0;font-family: "微软雅黑";}
li{list-style:none;}
a{text-decoration:none;}
img{border:none;}
h1{font-weight: normal;}
h2{font-weight: normal;}
#top_1{
	width: 100%;
	height: 180px;
}
.product_nav ul li a:hover{
	color: #2680ff;
}
.main_list p {
	width: 210px;
	height: 48px;
	line-height: 60px;
	font-size: 16px;
	margin-left:25px;
	clear: both;
}
.main_list p a{
	color: #4a4a4a;
}

.main_list p a.active{
	color: #2680ff;
}

.top_2{
	width: 1200px;
	height: 24px;
	margin:0 auto;
	line-height: 24px;
}
.topleft{
	float:left;
	font-size: 12px;
	color: #666;
}
.topleft a{
	font-size: 12px;
	color: #666;
}
.topright{
	float:right;
}
.topright a{
	color: #191919;
	font-size: 12px;
}
.top_3{
	width: 1200px;
	height: 80px;
	margin: 0 auto;
	margin-top: 30px;
}
.logo{
	float:left;
}
.xian1{
	float:left;
	margin-left: 30px;
}
.aluoha{
	float:left;
	margin-left: 30px;
}
.telephoneicon{
	float:left;
	margin-left: 380px;
}
.top_right_1{
	float:left;
	margin-left: 16px;
}
.top_right_1 p{
	font-size: 18px;
	color: #444444;
	}
.top_right_1 p span{
	font-size: 22px;
	color: #2680ff;
}
.top_4{
	width: 100%;
	height: 46px;
	background: #2680ff;
}
.top_4_1{
	width: 1200px;
	margin: 0 auto;
}
.top_4_1 li{
	float: left;
	width: 150px;
	height: 46px;
	text-align: center;
}
.top_4_1 li a{
	font-size:16px;
	color:#fff;
	line-height:46px;
}
.top_4_1 li:hover a{
	color: #fff;
}
.curument{border-bottom: 3px solid #f00;padding-bottom: 10px;}

.banner{
	width: 100%;
	height: 600px;
}
.sl_area p a{
	margin-left: 10px;color: #4a4a4a;
}
.sl_area form input{
	height: 25px;
}
.sl_area form{
	border: 1px solid #bbb;
	height: 40px;width: 262px;float: left;
}

#product{
	width: 100%;
	height: 545px;
	margin-top: 30px;
}
.product_inner{
	width: 1200px;
	height: 545px;
	margin: 0 auto;
}
.product_list{
	width: 200px;
	float: left;
	height: 545px;
}
.product_list1{
	height: 75px;
	width: 200px;
	background-color: #2680ff;
}
.product_list1 p{
	font-size: 20px;
	color: #fff;
	text-align: center;
	padding-top: 10px;
}
.product_list1 p span{
	font-size: 16px;
	font-family:Arial;
}
.product_list2{
	height: 470px;
	background-color: #f5f5f5;
}
.product_list2 li a:hover{
	color: #2680ff;
	background: #fff;
}
.product_list2 li{
	
	text-align: left;
}
.product_list2 li a{
	padding-left: 24px;
	display: block;
	font-size:16px;
	color:#4a4a4a;
	line-height:46px;
}
.product_drawing{
	width: 960px;
	float: right;
	height: 545px;
}
.product_nav{
	float: right;
	height: 45px;
	margin-top: -10px;
}

.product_nav li{
	float: left;
	padding-top:20px;

}
.product_title{width: 306px;height: 44px;line-height: 44px;text-align: center;display: block;
	background: rgba(116,116,116,0.5);position: absolute;top:180px;color: #fff;}

.product_nav li a{
	padding-left: 22px;
	padding-right:12px;
	font-size:16px;
	color:#191919;
}
.drawing1{
	height: 466px;
	margin-top: 20px;
}
.drawing_1{
	width: 890px;text-align:justify;
}
.pic1 img{
	margin: 14px 0px 0px 14px;
	width: 228px;
	height: 180px;
}
.pic1 p{
	font-size: 16px;
	color: #434343;
	text-align: center;
	line-height: 50px;
}
.pic-bot{
	width: 510px;
	text-align: justify;
}
.pic-bot1{
	display: inline-block;
	vertical-align: text-top;
}

.drawing_1 li,.drawing_1_11 li,.drawing_1_12 li,.drawing_1_13 li,.drawing_1_14 li,.drawing_1_15 li,.drawing_1_16 li{display: inline-block;vertical-align:text-top;
	margin-bottom: 16px;position: relative;}
.drawing_1 img{width: 285px;height: 210px;}
.pro_1 p{margin-bottom: 10px;}
.pro_1 p span{font-size: 14px;margin-left: 20px;color: #555;cursor: pointer;}
.pro_1 p span.active{color: #2680ff;}
.drawing_1_11 img,.drawing_1_12 img,.drawing_1_13 img,.drawing_1_14 img,
.drawing_1_15 img,.drawing_1_16 img{width: 304px;height: 222px;border:1px solid #eee;}
.drawing_1_11,.drawing_1_12,.drawing_1_13,.drawing_1_14,.drawing_1_15,.drawing_1_16{
	width: 960px;
}
.drawing_1_11 li{margin-right: 15px;}
.drawing_1_11 li:nth-child(3n){margin-right: 0;}

.pro_1 p{margin-bottom: 15px;border-bottom: 1px solid #bbb;padding-bottom: 15px;}
#advantage{
	width: 100%;
	margin-top: 80px;
	background:url(../images/advantage.jpg) center center no-repeat;
	background-size: cover;

}
.main_list li .active{
	color:#2680ff;
}
.advantage_inner{
	height:1178px;
	width: 1200px;
	margin: 0 auto;
	
}
.xian1_1{margin-top: 10px;width: 960px;line-height: 20px;}
.advantage_inner img{
	padding-left: 376px;
}
.advantage_inner p{
	color: #818181;
	font-size: 12px;
	text-align: center;
	margin-top: 32px;
}
.advantage_content{
	margin-left:146px;
	margin-top: 54px;
}
.content1 h1{
	font-size: 26px;
	color: #191919;
}
.content1 p{
	font-size: 16px;
	color: #6b6b6b;
	text-align: left;
	margin-top: 20px;
	line-height: 34px;
}
.advantage_content1{
	margin-left:146px;
	margin-top: 96px;
}
.advantage_content2{
	margin-left:766px;
	margin-top: 120px;
}

.kehulogo{
	margin: 0 auto;
	padding-top: 22px;
	width: 1200px;
}
.kehulogo ul{ width: 100%;text-align:justify;}
.kehulogo ul li{display:inline-block;vertical-align:text-top;
margin-bottom:25px;width:220px;height:105px;overflow:hidden;text-align: center;}
.kehulogo ul li img{height:105px;}
.justify_fix{display:inline-block; width:100%; height:0; overflow:hidden;}
#cooperation_1{
width: 100%;
	height: 355px;
	margin-top: 60px;
	background: #f5f5f5;	
}


.cooperation_inner{
	width: 1200px;
	height: 355px;
	background: #f5f5f5;
	margin: 0 auto;
}
.title{
	height: 40px;
	padding-top: 26px;
}
.title h1{
	font-size: 24px;
	color: #191919;
	line-height: 20px;
}

.advantage_content3{
	margin-left:766px;
	margin-top: 66px;
}
#banner img{width: 100%;}
#cooperation{
	width: 100%;
	height: 664px;
	margin-top: 80px;
	background: url(../images/11banner_02.jpg);
}
.title3_1{
	margin: 80px auto;
	width: 492px;
	height: 62px;
}
.cooperation_inner_1{
	width: 1200px;
	margin: 0 auto;
}
.evaluate{
	width: 680px;
	float: left;
}
.xian3{
	margin-top: 50px;
	
}
.xian3 img{
	float: left;
	margin-top: 5px;
}
.xian3 p{
	font-size: 28px;
	color: #fff;
	margin-left: 14px;
}
.pingjia{
	width: 680px;
	min-height: 230px;
	background: #fff;
	margin-top: 20px;
}
.pingjia img{
	float: left;
}
.pingjia .content{
	width: 488px;
	height: 230px;
	float: right;
}
.content h1{
	font-size:18px;
	color: #191919;
	margin:22px 0px 0px 22px;
}
.content h1 span{
	font-size: 14px;
	color: #7c7c7c;
	margin-left: 220px;
}
.wenzi{
	width: 420px;
	height: 116px;
	margin: 30px 0px 0px 22px;
}
.content a{
	font-size: 14px;
	color: #9d9c9c;
}
.content a span{
	color: #2680ff;

}
.pingjia1{
	width: 680px;
	height: 230px;
	background: #fff;
	margin-top: 5px;
}
.pingjia1 img{
	float: left;
}
.pingjia1 .content{
	width: 488px;
	height: 230px;
	float: right;
}
.brand_logo{
	width: 470px;
	float: right;
}
.xian5{
	margin-top: 50px;
	
}
.xian5 img{
	float: left;
	margin-top: 5px;
}
.xian5 p{
	font-size: 28px;
	color: #fff;
	float: left;
	margin-left: 14px;
}
.xian5 .button{
	margin-left: 142px;
	float: left;
}
.brand_logo .logo{
	margin-top: 30px;
}



#about{
	width: 100%;
	min-height: 800px;
	background-color: #fff;
}
.about_inner{
	width: 1200px;
	margin: 0 auto;	
}
.title1 img{
	position: relative;
} 
.title11 {
	width: 492px;
	height: 62px;
	margin: 80px auto;
} 
.introduce{
	width: 1200px;
	height: 336px;
	margin-top: 68px;
}
.pic_1 img{
	float: left; 
	width: 560px;
	height: 336px;
}
.introduce_1{
	 text-align: justify;
	width: 600px;
/*	margin-top: 20px;*/
	float: right;
}
.introduce_1 h1{
	font-size: 18px;
	color: #191919;
	margin-top: 20px;
}
.wenzi_1{
	margin-top: 38px;
}
.wenzi_1 a{
	font-size: 14px;
	color: #666;
	line-height: 30px;
}
.wenzi_1 span{
	color: #2680ff;
}
.pic{
/*	width: 1200px;
	height: 354px;*/
	margin-top: 54px;
	position: relative;
}
.pic_nav{height: 40px;position: relative;top:15px;}

.pic_nav li{
	float: left;
	margin-right: 40px;
	height: 40px;
}
.pic_nav .active a{color: #2680ff;}
.pic_nav .active{border-bottom: 2px #2680ff solid;}

.pic_nav li a{
	font-size: 16px;
	color: #191919;
}
.pic_2,.pic_3,.pic_4{
	margin-top: 28px;
	width: 1200px;
	height: 289px;
}
.pic_3,.pic_4{display: none;}
.pic_30 img{
	margin-right: 25px;
}
.pic_2_1{
	float: left;
	margin-right: 18px;
	width: 285px;
	height: 289px;
}





#customized{
	width: 100%;
	height: 438px;
}
.customized_inner{
	width: 1200px;
	height: 438px;
	margin: 0 auto;
}
.title2 img{
	margin: 80px 0px 0px 376px;
}
.phone{
	margin-top: 16px;
	margin-left: 466px;
}
.phone img{
	float: left;
	margin-right: 12px;
}
.phone p{
	font-size: 16px;
	color: #2680ff;
}
.liucheng{
	margin-top: 62px;
}
.liucheng_1{
	float: left;
	margin-right: 50px;
}

.liucheng_1 h1{
	margin-top: -164px;
	margin-left: 90px;
	font-size: 18px;
	color: #262626;
}
.show_news_1{
	display: none;
}
.liucheng_1 h2{
	margin-top: 15px;
	margin-left: 66px;
	font-size: 18px;
	color: #262626;
}
.clear{clear: both;}
.liucheng_1 p{
	font-size: 12px;
	color: #9f9f9f;
	margin-top: 15px;
	text-align: center;
}
.liucheng_2{
	float: left;
}
.liucheng_2 h1{
	margin-top: -164px;
	margin-left: 90px;
	font-size: 18px;
	color: #262626;
}
.liucheng_2 h2{
	margin-top: 15px;
	margin-left: 66px;
	font-size: 18px;
	color: #262626;
}
.liucheng_2 p{
	font-size: 12px;
	color: #9f9f9f;
	margin-top: 15px;
	text-align: center;
}


#news{
	position: relative;
	width: 100%;
	height: 530px;
}
.news_inner{
	width: 1200px;
	height: 648px;
	margin: 0 auto;
}
.title3 img{
	position: absolute;
	top:70px;
	left: 570px;

}
.news_con{
	height: 512px;
	margin-top: 50px;
}
.news_list{
	width: 750px;
	height: 512px;
	float: left;
}
.news_list_title{
	height: 32px;
}
.news_nav{
	width: 120px;height: 32px;
	border-radius: 16px;
	border: 1px #666 solid;
	float: left;
	margin-right: 44px;
	text-align: center;
}
.news_list .active {
	background: #2680ff;
	
}
.news_list .active h1{
	color: #fff;
}
.news_nav h1{
	font-size: 16px;
	color: #191919;
	line-height: 32px;
}
.news_list_1{
	height: 226px;
	margin-top: 24px;
	overflow: hidden;
}
.news_pic{
	float: left;
}
.news_wenzi{
	float: right;
	width: 382px;
}
.news_wenzi h1{
	font-size: 22px;
	color: #003b60;	
	margin-top: 14px;
}
.news_wenzi h2{
	font-size: 18px;
	color: #003b60;	
	margin-top: 14px;
}
.news_wenzi p{
	font-size: 12px;
	color: #9d9c9c;	
	margin-top: 28px;
	line-height: 20px;
}
.news_wenzi p span{
	font-size: 14px;
	color: #2680ff;
}
.news_list_2{
	position: relative;
	height: 340px;
	margin-top: 20px;
}
.list_l{
	width: 750px;
	float: left;
	margin-right: 16px;
}
.list_l ul{text-align: justify;width: 750px;}
.list_l li{
	width: 355px;
	font-size: 14px;
	margin-top: 18px;
	text-align: top;
	display: inline-block;
}
.list_l a{
	color: #4e4d4d;
	text-align: left;
}
.list_l li a:hover,.list_r li a:hover{
	color: #2680ff;
}

.list_l a span{
	float: right;
}
.news_list_2 img{
	margin-right: 16px;
	margin-left: 16px;
	position: absolute;
	left: 360px;
}
.list_r{
	width: 358px;
	float: left;
}
.list_r li{
	font-size: 14px;
	margin-top: 18px;
}
.list_r a{
	color: #4e4d4d;
	text-align: left;
}
.list_r a span{
	float: right;
}
.problem{
	width: 394px;
	float: right;
}
.problem h1{
	font-size: 18px;
	color: #191919;
}
.wen{
	margin-top: 26px;
}
.wen img{
	float: left;
	margin-right: 12px;
}
.wen h2{
	font-size: 16px;
	color: #191919;	
}
.da{
	margin-top: 26px;
}
.da img{
	float: left;

}
.da_1{
	width: 350px;
	float: right;
}
.da_1 p{
	font-size: 12px;
	color: #9d9c9c;
	line-height: 20px;
}



#message{
	width: 100%;
	height: 482px;
	margin-top: 80px;
	background: url(../images/BG3.jpg);
}
.message_inner{
	width: 1200px;
	margin: 0 auto;
}
.message_l{
	float: left;
	width: 590px;
	height: 310px;
	margin: 66px 0px 0px 50px;
}
.message_l_2 img{
	margin-right: 5px;
}
.message_l_3 img{
	margin-right: 8px;
}
.message_r{
	float: right;
	width: 382px;
	height: 452px;
	margin-top: 14px;
	margin-right: 60px;
	background-color: #fff;
}
.message_r img{
	margin: 16px 0px 10px 20px;
}
.xinxi form input{
	width: 310px;
	height: 58px;
	border: 1px #cbcbcb solid;
	margin: 6px 0px 0px 20px;
	padding-left: 16px;
}
::-webkit-input-placeholder { /* WebKit browsers */ 
font-size:16px;
color: #8d8d8d;
} 
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
font-size:16px;
color: #8d8d8d;
} 
::-moz-placeholder { /* Mozilla Firefox 19+ */ 
font-size:16px;
color: #8d8d8d;
} 
:-ms-input-placeholder { /* Internet Explorer 10+ */ 
font-size:16px;
color: #8d8d8d;
}
.xinxi form textarea{
	width: 310px;
	height: 100px;
	border: 1px #cbcbcb solid;
	margin: 6px 0px 0px 20px;
	padding-left: 16px;
	vertical-align: top;
	resize: none;
}
#btn{
	background-color: #2680ff;
	border:none;
	font-size:18px;
	color: #fff;
	width: 328px;
	height: 50px;
}





#footer{
	width: 100%;
	height: 314px;
	margin-top: 80px;
	background-color: #1c1c1c;
}
.footer_inner{
	width: 1200px;
	height: 314px;
	margin: 0 auto
}
.footer_list{
	padding-top: 84px;
	height: 228px;
}
.mation {
	width: 310px;
	float: left;
}
.mation h1{
	font-size: 26px;
	color: #fff;
	line-height: 50px;
}
.mation p{
	font-size: 14px;
	color: #c2c2c2;
	letter-spacing:2px;
	line-height: 28px;
}
.footer_list_1{
	float: left;
	width: 120px;
	text-align: left;
	margin-left: 26px;
}
.li1{
	margin-bottom: 30px;
}
.li1 a{
	font-size: 16px;
	color: #c2c2c2;

}
.li2 a{
	font-size: 14px;
	color: #737373;
	line-height: 26px;
}

#copy{
	width: 100%;
	height:130px;
	background-color: #1c1c1c;
	border-top: 1px #707070 solid;	
}
.copy_inner{
	width: 1200px;
	margin: 0 auto
}
.link{
	width: 800px;
	float: left;
	font-size: 12px;
	color: #a7a7a7;
	margin-top: 50px;
	line-height: 20px;
}
.link a{
	font-size: 12px;
	color: #a7a7a7;	
}
.copy_1{
	font-size: 12px;
	color: #a7a7a7;
	text-align: right;
	line-height: 26px;
	padding-top: 40px;
}
.copy_1 a{
	font-size: 12px;
	color: #a7a7a7;	
}




.swiper-container {
        width: 100%;
        height: 100%;
    }
.swiper-slide {
   
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    /*display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;*/
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.page{min-width:120px; padding-top:30px; font:bold 12px Arial;margin: 0 auto;}
.page1{width:760px; font:bold 12px Arial; margin-top:15px; border-bottom:1px #d6d6d6 dashed; padding-bottom:28px;}
DIV.scott {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; MARGIN: 3px; PADDING-TOP: 5px; TEXT-ALIGN: center
}
DIV.scott A {
	BORDER-RIGHT: #ddd 1px solid; PADDING-RIGHT: 8px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 8px; PADDING-BOTTOM: 5px; BORDER-LEFT: #ddd 1px solid; COLOR: #88af3f; MARGIN-RIGHT: 5px; PADDING-TOP:5px; BORDER-BOTTOM: #ddd 1px solid; TEXT-DECORATION: none
}
DIV.scott A:hover {
	BORDER-RIGHT: #85bd1e 1px solid; BORDER-TOP: #85bd1e 1px solid; BORDER-LEFT: #85bd1e 1px solid; COLOR: #638425; BORDER-BOTTOM: #85bd1e 1px solid; BACKGROUND-COLOR: #f1ffd6
}
DIV.scott A:active {
	BORDER-RIGHT: #85bd1e 1px solid; BORDER-TOP: #85bd1e 1px solid; BORDER-LEFT: #85bd1e 1px solid; COLOR: #638425; BORDER-BOTTOM: #85bd1e 1px solid; BACKGROUND-COLOR: #f1ffd6
}
DIV.scott SPAN.current {
	BORDER-RIGHT: #b2e05d 1px solid; PADDING-RIGHT: 8px; BORDER-TOP: #b2e05d 1px solid; PADDING-LEFT: 8px; FONT-WEIGHT: bold; PADDING-BOTTOM: 5px; BORDER-LEFT: #b2e05d 1px solid; COLOR: #fff; MARGIN-RIGHT: 5px; PADDING-TOP: 5px; BORDER-BOTTOM: #b2e05d 1px solid; BACKGROUND-COLOR: #b2e05d
}
DIV.scott SPAN.disabled {
	BORDER-RIGHT: #f3f3f3 1px solid; PADDING-RIGHT: 8px; BORDER-TOP: #f3f3f3 1px solid; PADDING-LEFT: 8px; PADDING-BOTTOM: 5px; BORDER-LEFT: #f3f3f3 1px solid; COLOR: #ccc; MARGIN-RIGHT: 5px; PADDING-TOP: 5px; BORDER-BOTTOM: #f3f3f3 1px solid
}

.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar ul li a{color: inherit;}
.yb_bar .yb_top{background:#2680ff url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#2680ff url(../images/fixCont.png) no-repeat 0 -169px;}
.yb_bar .yb_phone1{background:#2680ff url(../images/fixCont.png) no-repeat 0 -227px;}
.yb_bar .yb_QQ{text-indent:0;background:#2680ff url(../images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#2680ff url(../images/fixCont.png) no-repeat 0 -283px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}


