/************明翰安检*************/
* {
	margin: 0px;
	padding: 0px;
}

body {
	font-family: 'microsoft yahei', Arial, Helvetica, sans-serif,黑体;
	color: #333;
	background: #fff;
}

a {
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
}

ul {
	list-style: none;
}

.clear {
	clear: both;
}

ul li {
	list-style-type: none;
}
a{text-decoration:none}


/*首页*/
/*头部*/
.header{width: 100%;overflow: hidden;}
.header-top{width: 100%; height: 42px; float: left; border-bottom: solid 1px #ccc;}
.header-top-box{width: 1200px; margin: 0 auto; height: 42px;}
.header-top-box-left{width: 50%; float: left;}
.header-top-box-left p{ font: normal 14px/42px "微软雅黑"; color: #666;}
.header-top-box-right{width: 50%; float: left;}
.header-top-box-right ul{float: right;}
.header-top-box-right ul li{ height: 42px; display: block; float: left; padding: 0 10px; text-align: center;}
.header-top-box-right ul li p{ font: normal 14px/42px "微软雅黑"; color: #666;}
.header-top-box-right ul li p:hover{color: #336fd1;}

.header-logo{width: 100%; float: left; overflow: hidden;}
.header-logo-box{width: 1200px; margin: 0 auto;padding-top: 10px; padding-bottom: 10px; overflow: hidden;}
.logo{float: left;}
.logo dl{overflow: hidden;}
.logo dl dt{float: left;}
.logo dl dd{float: left;padding-left: 20px; padding-top: 8px; padding-bottom: 8px; margin-left: 20px;  border-left: solid 1px #666;}
.logo dl dd p{font-size: 26px; color: #336fd1; font-weight: bold;}
.logo dl dd h3{font-size: 18px; font-weight: normal; margin-top: 5px;}
.dh{float: right;}
.dh-t{color: #666; font: normal 16px/23px "微软雅黑"; background: url(../images/tel.gif)no-repeat 30px 5px; overflow: hidden; padding: 5px 0 0 92px;}
.dh-t span{ font-size: 28px; display: block; color: #006666; padding-top: 2px;}
.show{color: #336fd1; margin-top: 5px; font:normal 16px/18px "微软雅黑"; margin: 10px 0 0;}
.show span{padding: 0 10px;}

@keyframes logox {
   0%    { -webkit-transform: scale(1.1,1.1);  transform: scale(1.1,1.1); }
   100%  { -webkit-transform: scale(1,1);  transform: scale(1,1);}
}

.xlogo {
-webkit-animation:  logox .8s ease-out both;
animation:          logox .8s ease-out both;
animation-direction: alternate;
animation-iteration-count: infinite;
}


.nav{width: 100%; float: left;overflow: hidden; height: 50px; line-height: 50px; border-top: solid 1px #e4e4e4; background: #fff; border-bottom: solid 1px #e4e4e4;}
.wrapper{width: 1200px; margin: 0 auto; overflow: hidden;display: block;}
.wrapper ul li{float: left;font-size: 16px;display: block;text-align: center;width: 149px; height: 100%; border-left: 1px solid #e4e4e4; color: #333;}
.wrapper ul li:hover{background: #336fd1; color: #fff;}
.aaa{background: #336fd1; color: #fff !important;}
.wrapper2{width: 1200px; margin: 0 auto; overflow: hidden;display: block;}
.wrapper2 ul li{float: left;font-size: 16px;display: block;text-align: center;width: 149px; height: 100%; border-left: 1px solid #e4e4e4; color: #333;}

/*banner*/
.banner{ margin: 0 auto;position:relative; overflow:hidden;height:514px;max-width: 100%;}
.banner img{max-width: 100%;}
.banner .bd{height:514px; z-index:0;position:relative;left:50%; margin-left:-960px;}

.banner_ctr{ height:90px;position:absolute;top:45%;z-index:2;left:50%;margin-left:-600px;}

.banner_ctr a{ display:block;width:40px;height:40px; background: url('../images/ctrl.png') no-repeat 0 0; position:absolute; opacity:0;filter: alpha(opacity=0);display:block;}

.banner_ctr a.prev{left:-90px;}

.banner_ctr a.next{right:-1280px; background-position: -40px 0px;}

.banner_ctr a:hover{opacity:1;filter:alpha(opacity=100);}

.banner .hd{position:absolute; bottom:50px; text-align: center; z-index:5;left:50%;font-size: 0; line-height: 0;height: 0px; margin-left:-30px;height:14px;}

.banner .hd li{z-index:2; cursor:pointer; margin-right:5px; display:inline-block;width:10px; height:10px;*display:inline; zoom:1;border-radius:100%;border:2px solid #fff;position:relative;transition:all 0.3s;}

.banner .hd li:after{content:"";position:absolute;width:6px;height:6px;background:#fff;top:2px;left:2px;border-radius:100%;}

.banner .hd li:hover,.banner .hd .on{border:2px solid #336fd1;transform:scale(1.1);}

.banner .hd .on:after{background:#336fd1;}


/*内容*/
.main{width: 100%; overflow: hidden;}
.main-box{width: 1200px; margin: 0 auto;}
.main-box-rm{width: 100%;float: left;overflow: hidden;}
.main-title{ text-align: center; padding: 20px 0 20px 0;}
.main-title small{display: block; font-size: 14px; color: #9f9f9f;}
.main-title b{ color: #3c3e46; font-size: 38px ;display: block; margin-bottom: 8px;}
.main-title b strong{ color: #336fd1;}
.main-title em{font-weight: 400; font-size: 16px; color: #747474;font-style: normal; background: url(../images/main_embg.png)no-repeat center;display: block;}
.main-nr{width: 100%; float: left;}
.main-nr-cp{width: 580px; height: 370px; float: left;margin-right: 20px;}
.main-nr-cpt{width: 580px; height: 370px; float: left;}

.main-nrt{width: 100%; float: left;}
.main-nrt ul li{width: 290px; height: 290px; float: left;margin: 0 5px; display: block;  margin-bottom: 10px;}
.main-nrt ul li .cptop{width: 100%; height: 230px; float: left;}
.main-nrt ul li .cpbottom{width: 100%; height:60px; float: left; text-align: center;border-top: dashed 1px #ccc;}
.main-nrt ul li .cpbottom h3{ font: normal 16px/60px "微软雅黑"; color: #484848; }
.main-nrt ul li:hover{  box-shadow:0 0 16px rgba(0, 0, 0, 0.5);transition:  all 0.5s;}


.bz{width: 100%; float: left;}
.pbot{width: 82px;margin: 48px auto 0 auto;padding: 0 36px;overflow: hidden;background: url(../images/pbotbg.png) no-repeat center;}
.pbot .bot{float: left;margin-left: 1px;}
.bot{width: 40px; height: 40px; display: block; cursor: pointer;}
.bot1{background: url(../images/a1.png) no-repeat center;}
.bot2{background: url(../images/a2.png) no-repeat center;}
.pbot2{width: 82px;margin: 48px auto 0 auto;padding: 0 36px;overflow: hidden;background: #336fd1;}
.pbot2 p{font:normal 18px/40px "微软雅黑"; color: #fff; text-align: center;}

/*蓝色模块*/
.lsml{width: 100%; height: 558px; float: left;background: url(../images/images/lsbj_06.png) no-repeat center;}
.lsml-top{width: 100%; float: left;text-align: center; margin-top: 146px;}
.lsml-top p{font:normal 20px/40px "微软雅黑"; color: #fff;width: 100%; float: left;}
.lsml-top h4{font:normal 25px/40px "微软雅黑"; color: #fff;width: 100%; float: left; margin-top: 20px;}
.lsml-top h3{font:normal 45px/40px "微软雅黑"; color: #fff;width: 100%; float: left; margin: 15px 0;}
.lsml-bottom{width: 100%; float: left; }
.lsml-bottom-box{width: 1200px; margin: 0 auto;}
.lsml-bottom-box ul li{width: 220px; float: left;display: block; margin: 0 10px;}
.lsml-bottom-box ul li .lktop{width: 100%; height: 180px; float: left;}
.lsml-bottom-box ul li .lkbottom{width: 100%; height: 50px; float: left; text-align: center;}
.lsml-bottom-box ul li .lkbottom h3{font:normal 20px/50px "微软雅黑"; color: #fff;}
.lsml-bottom-box ul li .lktop img{transition: all 0.3s;}
.lsml-bottom-box ul li .lktop:hover img{transform: translateY(10px);}

/*五大优势*/
.main-nrys{width: 100%; float: left;}
.main-nrys-box{width: 100%; float: left;}
.main-nrys-box-left{width: 530px; float: left;display: table;}
.youshi{width: 100%;display: table;margin: 35px 0 35px 0;}
.youshi span{width: 60px;
	height: 85px;
	background: #336fd1;
	color: #fff;
	font-weight: bold;
	font-size: 36px;
	font-family: Arial;
	line-height: 85px;
	text-align: center;
	float: left;
	display: block;}
	
.txt{padding-left: 90px;}
.txt h4{font-weight: bold;
    font-size: 26px;
    border-bottom: 1px #7c7c7c dashed;
    padding-bottom: 15px;
    margin-bottom: 10px;}
	
.txt p{font-size: 16px;
    color: #666;
    line-height: 30px;}
.fr{float: right;}

.rimg{width: 636px; height: 431px; float: right;}
.rimg2{width: 636px; height: 431px; float: left;}
.main-nrys-box-left2{width: 530px; float: right;display: table;}

/*选择明翰*/
.ys{background: #f0f5f8;}
.ys::after{display: block; content: ''; clear: both;}
.ys_one{background: url("../images/ys_bg.jpg") no-repeat center; color: #fff; padding-top: 80px; overflow: hidden; background-size: cover;}
.ys_one p{font-size: 40px;}
.ys_one p b{padding-right: 40px;}
.ys_one p span{font-weight: 400;}
.wrappera{width: 1200px; margin: 0 auto;display: block; position: relative;}
.ys_one .wrappera > small{display: block; font-size: 24px; font-weight: 300; margin: 20px 0 70px 0;}
.ys_one ul li{width: 320px; height: 260px; padding: 40px; float: left;}
.ys_one ul li:nth-of-type(1){background: #336fd1;}
.ys_one ul li:nth-of-type(2){background: #15b485;}
.ys_one ul li strong{display: block; font-size: 17px; margin-bottom: 30px;}
.ys_one ul li small{display: block; font-size: 14px; opacity: 0.7; font-weight: 300; position: relative; margin-bottom: 15px; padding-left: 20px;}
.ys_one ul li small:after{display: block; content: ''; width: 5px; height: 5px; border: 5px solid #fff; position: absolute; left: 0; top: 8px; border-radius: 50%;}
.ys_two::after{display: block; content: ''; clear: both;}
.ys_two .ys_two_l{width: 800px; float: left; background: url("../images/pinzhi.jpg") no-repeat center; height: 270px;}
.ys_two .ys_two_l b{display: block; font-size: 20px; clear: #11509b; margin-left: 198px; margin-top: 50px;}
.ys_two .ys_two_l ul{margin-left: 198px; margin-top: 35px;}
.ys_two .ys_two_l ul li{font-size: 14px; color: #5b5b5b; position: relative; text-indent: 25px; margin-bottom: 20px;}
.ys_two .ys_two_l ul li:after{display: block; content: ''; width: 5px; height: 5px; border: 3px solid #11509b; position: absolute; left: 0; top: 4px; border-radius: 50%;}
.ys_two .ys_two_r{width: 400px; float: right; height: 270px; background: #28a1d9; position: relative;}
.ys_two .ys_two_r img{position: absolute; right: 24px; bottom: -25px;width:70%;}
.ys_two .ys_two_r p{background: url("../images/ys_tel.png") no-repeat left center; padding-left: 65px; margin: 40px;}
.ys_two .ys_two_r p > *{display: block;}
.ys_two .ys_two_r p small{color: #89d3f5; font-size: 16px;}
.ys_two .ys_two_r p b{font-size: 30px; color: #fff; font-weight: 400;}

/*案例*/
.main-nral{width: 100%; float: left;}
.main-nral ul li{width: 380px; height: 256px; float: left;display: block; margin: 10px 10px; position: relative; overflow: hidden;}

.main-nral ul li img{transition: all 0.3s;width: 100%; height: auto;}
.main-nral ul li:hover img{transform: scale(1.05);}
.fdk{width: 380px; height: 50px; position: absolute;background:  rgba(51,111,209,0.8); text-align: center; bottom: 0;} 
.fdk h3{font:normal 20px/50px "微软雅黑"; color: #fff;}

.bxyiii {
	width: 100%;
	height: 211px;
	background: url(../images/bxyiii.jpg) no-repeat top center;
	margin-top: 50px;
}
.bxyiiin {
	width: 1080px;
	height: 100%;
	margin: 0 auto;
	position: relative;
}
.bxyiiin a {
	display: block;
	position: absolute;
	left: 917px;
	top: 134px;
	color: #fff;
	font-size: 14px;
}

.bxygy {
	width: 100%;
	height: 360px;
	background: url(../images/bxygy.png) no-repeat top center;
	margin-top: 40px;
}
.bxygyn {
	width: 1080px;
	height: 100%;
	margin: 0 auto;
	position: relative;
}
.bxygyn1 {
	position: absolute;
	left: 700px;
	top: 122px;
	width: 360px;
	line-height: 22px;
	font-size: 12px;
	color: #fff;
}

.bxycf {
	width: 100%;
	height: 290px;
	margin-top: 30px;
}
.bxycfn {
	width: 1080px;
	height: 100%;
	margin: 0 auto;
}
.qhkj2 {
	width: 1080px;
	height: 290px;
}
.qhdh2 {
	overflow: hidden;
	width: 100%;
}
.qhdh2 ul li {
	float: left;
	width: 120px;
	height: 35px;
	text-align: center;
	font-size: 14px;
	line-height: 35px;
	margin-right: 13px;
	overflow: hidden;
	color: #333;
	border: 1px solid #c3c3c3;
}
.qhdh2 ul li.hover {
	color: #fff;
	border: 1px solid #336fd1;
	background: #336fd1;
}
.qhnr2 {
	width: 100%;
	height: 225px;
	margin-top: 30px;
}
.bxycjwt {
	width: 100%;
	height: 450px;
	background: url(../images/bxycjwt.jpg) no-repeat top center;
	overflow: hidden;
}

.company{background: url("../images/combg.jpg") no-repeat center top; overflow: hidden; padding-top: 70px;}
.company .company_top{text-align: center;}
.company .company_top b{display: block; font-size: 36px; color: #fff; margin-bottom: 30px;}
.company .company_top span{display: block; font-size: 14px; color: #fff; line-height: 30px; font-weight: 300; width: 90%; margin: 0 auto;padding-bottom: 40px;}
.company .company_top a{color: #c8171e;}
.company .company_top > a{margin: 20px auto; display: block;}
.company .company_honor{overflow: hidden; background: #fff; padding: 20px 20px 20px 20px;}
.company .company_honor p{text-align: center; margin-bottom: 38px;}
.company .company_honor p a{display: inline-block; width: 134px; line-height: 48px; border: 1px solid #484848; color: #464646; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.company .company_honor p a:hover{color: #fff; background: #11509b;}
.company .company_honor p a:nth-of-type(1){background: #464646; color: #fff;}
.company .company_honor .swiper-slide{border: 1px solid #ccc; height: 293px; position: relative;}
.company .company_honor .swiper-slide img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); display: block; max-width: 100%;}
.company .company_honor .swiper_honor{overflow: hidden;}

/*新闻*/
#main1_box{width: 100%; height: 550px; padding: 50px 0; position: relative; overflow: hidden;}
#main1_box .box{width: 1200px; height: 550px; margin: 0 auto; position: relative;}
#main1_box .in_title{text-align: left; font-size: 32px; font-weight: bold; color: #242424; margin-bottom: 30px;}
#in_xsdt{width: 780px; height: 580px; float: left;}
#xsdt_best_news{width: 780px; height: 228px; margin-bottom: 35px;}
#xsdt_best_news .news_img{width: 304px; height: 228px; float: left; background: #efefef; text-align: center;}
#xsdt_best_news .news_img a{width: 304px; height: 228px; display: block; position: relative; overflow: hidden;}
#xsdt_best_news .news_img a .time{width: 70px; height: 55px; background: #336fd1; padding: 15px; line-height: 26px; color: #fff; position: absolute; top: 0; left: 0; z-index: 2;}
#xsdt_best_news .news_img a .time big{font-size: 26px; font-weight: bold;}
#xsdt_best_news .news_img img{max-width: 304px; height: 228px;}
#xsdt_best_news .news_img a img{transition: all 0.3s;}
#xsdt_best_news .news_img a:hover img{transform: scale(1.05);}
#xsdt_best_news .news_cont{width: 450px; height: 228px; float: right;}
#xsdt_best_news .news_cont .tit{width: 100%; height: 40px; line-height: 40px; font-size: 18px; color: #181717; font-weight: bold; overflow: hidden;}
#xsdt_best_news .news_cont .cont{width: 100%; height: 162px; overflow: hidden; line-height: 27px; font-size: 14px; color: #7e7e7e; text-align: justify;}
#xsdt_best_news .news_cont .more{line-height: 27px; font-size: 14px; color: #969090;}
#xsdt_best_news .news_cont .more a{line-height: 27px; font-size: 14px; color: #969090; display: inline-block; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
#xsdt_best_news .news_cont .more a:hover{transform: translateX(10px);}
#xsdt_list_news{width: 100%; height: 200px; margin-top: 30px;}
#xsdt_list_news li{width: 100%; height: 80px; margin-bottom: 20px;}
#xsdt_list_news li a{display: block; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
#xsdt_list_news li a:hover{transform: translateY(10px);}
#xsdt_list_news .time{width: 62px; height: 77px; border: 1px solid #ccc; line-height: 26px; color: #ccc; text-align: center; float: left; font-size: 12px;}
#xsdt_list_news .time big{width: 100%; height: 49px; line-height: 49px; display: block; color: #fff; font-size: 36px; font-weight: bold; background: #8f8f8f;}
#xsdt_list_news .news_cont{width: 700px; height: 80px; float: right;}
#xsdt_list_news .news_cont .tit{width: 100%; height: 30px; line-height: 30px; font-size: 18px; color: #181717; overflow: hidden;}
#xsdt_list_news .news_cont .cont{width: 100%; height: 50px; overflow: hidden; line-height: 25px; font-size: 14px; color: #7e7e7e; text-align: justify;}
#in_hydt{width: 383px; height: 580px; float: right;}
#hydt_best_news{width: 383px; height: 228px;}
#hydt_best_news .news_img{width: 383px; height: 228px; background: #f7f7f7; text-align: center;}
#hydt_best_news .news_img a{width: 383px; height: 228px; display: block; position: relative; overflow: hidden;}
#hydt_best_news .news_img a img{max-width: 383px; height: 228px;}
#hydt_best_news .news_img a img{transition: all 0.3s; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
#hydt_best_news .news_img a:hover img{transform: scale(1.05);}
#hydt_best_news .news_img .tit{width: 100%; height: 40px; line-height: 40px; font-size: 18px; color: #181717; overflow: hidden; background: rgba(51, 111, 209, 0.7); position: absolute; bottom: 0; left: 0; text-align: center; z-index: 2; color: #fff;}
#hydt_list_news{width: 100%; height: 220px; margin-top: 30px;}
#hydt_list_news li{width: 100%; height: 80px; margin-bottom: 30px;}
#hydt_list_news li a{display: block; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
#hydt_list_news li a:hover{transform: translateY(10px);}
#hydt_list_news .news_img{width: 115px; height: 87px; float: left; background: #f7f7f7; text-align: center;}
#hydt_list_news a .news_img{width: 115px; height: 87px; display: block; position: relative; overflow: hidden;}
#hydt_list_news .news_img img{max-width: 115px; height: 87px;}
#hydt_list_news a .news_img img{transition: all 0.3s; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
#hydt_list_news a .news_img:hover img{transform: scale(1.05);}
#hydt_list_news .news_cont{width: 250px; height: 87px; float: right;}
#hydt_list_news .news_cont .tit{width: 100%; height: 30px; line-height: 30px; font-size: 18px; color: #181717; overflow: hidden;}
#hydt_list_news .news_cont .cont{width: 100%; height: 50px; overflow: hidden; line-height: 25px; font-size: 14px; color: #7e7e7e; text-align: justify;}

/* 底部 */

.footer{background:#336fd1;font-size:12px;color:#fff;}

.footMain{padding:45px 0;overflow:hidden;}

.footLeft{width:950px;overflow:hidden;}

.footLeft ul{float:left;width:140px;}

.footLeft .footMenu1,.footLeft .footMenu2{width:180px;}

.footLeft ul h3,.footWx h3{font-size:16px;color:#fff;height:35px;font-weight:normal;}

.footWx{width:240px;overflow:hidden;}

.footWx p{width:220px;overflow:hidden;text-align:center;}

.footWx img{width:220px;margin-bottom:8px;}

.copyright{overflow:hidden;padding:20px 0;border-top:1px solid #fff;}

.footer a{color:#fff;}

.footer a:hover{color:#fff;}

.footlink em{margin: 0 10px;font-style:normal;}


#focus-banner {
	position: relative;
	width: 100%;
	overflow: hidden;
	height: 600px;
}

#focus-banner-list {
	position: relative
}

#focus-banner-list li {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%
}

#focus-banner-list li img {
	width: 100%
}

.focus-banner-img {
	display: block
}

#focus-banner-list .focus-banner-text {
	position: absolute;
	left: 50%;
	top: 0;
	width: 1000px;
	height: 100%;
	margin-left: -500px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	text-align: center
}

#focus-banner .focus-handle {
	position: absolute;
	top: 50%;
	margin-top: -40px;
	z-index: 100;
	display: block;
	width: 80px;
	height: 80px;
	background-image: url(../images/focus_handle.png)
}

#next-img {
	left: 0
}

#next-img {
	left: 50px;
	background-position: 0 0
}

#next-img:hover {
	background-position: 0 -80px
}

#prev-img {
	right: 0
}

#prev-img {
	right: 50px;
	background-position: -80px 0
}

#prev-img:hover {
	background-position: -80px -80px
}

#focus-bubble {
	position: absolute;
	left: 50%;
	bottom: 10px;
	z-index: 999
}

#focus-bubble li {
	float: left;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border: 1px #336fd1 solid;
	cursor: pointer
}

#focus-bubble li a {
	display: block;
	width: 100%;
	height: 100%;
	filter: alpha(opacity=0);
	opacity: 0
}

#focus-bubble li.current {
	background-color: #336fd1
}

/*关于我们*/
.banner-gy{width: 100%; float: left;overflow: auto;}
.banner-gy img{width: 100%; height: auto;}
.gywm{width: 100%; overflow: hidden;}
.gywm-box{width: 1200px; margin: 0 auto;}
.gywm-box-top{width: 100%; float: left; height: 60px;}
.gywm-box-top span{float: left;}
.gywm-box-top i{padding-right: 5px; font-size: 25px;}
.gywm-box-top a{color: #666; line-height: 60px;}
.gywm-box-center{width: 100%; float: left;}
.gywm-box-center h3{width: 100%; float: left; font: normal 30px/40px "微软雅黑"; color: #666; text-align: center;}
.gywm-box-center span{width: 60px; height: 2px; background: #336fd1; float: left; margin-left: 570px; margin-top: 15px;}
.gywm-box-center h4{width: 100%; float: left; font: normal 20px/40px "微软雅黑"; color: #336fd1; text-align: center;}
.gywm-box-bottom{width: 100%; float: left;margin-top: 70px;}
.gywm-box-bottom-left{width: 594px; height: 475px; float: left;}
.gywm-box-bottom-right{width: 569px; height: 507px; float: right;}
.gywm-box-bottom-right h3{width: 100%; float: left; font: normal 20px/40px "微软雅黑"; color: #336fd1;}
.gywm-box-bottom-right p{width: 100;float: left; font: normal 14px/30px "微软雅黑"; color: #666; padding-top: 20px;}
.gywm-box-bottom-leftt{width: 594px; float: right;}
.gywm-box-bottom-rightt{width: 569px; float: left;}
.gywm-box-bottom-rightt h3{width: 100%; float: left; font: normal 20px/40px "微软雅黑"; color: #336fd1;}
.gywm-box-bottom-rightt p{width: 100;float: left; font: normal 14px/30px "微软雅黑"; color: #666; padding-top: 5px;}

.gyln{width: 100%; overflow: hidden;}
.gyln-box{width: 100%; height: 540px;float: left;background: url(../images/mbbj_10.png) no-repeat center; margin-top: 50px;}
.gyln-box-nr{width: 1200px; margin: 0 auto;}
.gyln-box-nr-bottom{width: 100%; float: left;margin-top: 70px;}
.gyln-box-nr-bottom ul li{width: 299px; height: 300px; float: left;}
.gyln-box-nr-bottom ul li .hjcenter{width: 180px; height: 180px; margin: 0 auto; margin-top: 60px; background: url(../images/bmk.png) no-repeat center;}
.gyln-box-nr-bottom ul li .hjcenter h3{width: 100%; float: left; font: normal 30px/5px "微软雅黑"; color: #000; text-align: center; padding-top: 55px;}
.gyln-box-nr-bottom ul li .hjcenter p{width: 100%; float: left; font: normal 28px/5px "微软雅黑"; color: #fff; text-align: center; padding-top: 45px;}

.gyzc{width: 100%; overflow: hidden;}
.gyzc-box{width: 1200px; margin: 0 auto;}
.gyzc-box-bottom{width: 100%; float: left;margin-top:70px ;}
.gyzc-box-bottom ul li{width: 380px; height: 380px; float: left;display: block; margin: 0 10px; background: #336fd1; margin-bottom: 20px;}
.gyzc-box-bottom ul li .zcnr{width:360px ; height: 360px;float: left;border: solid 1px #fff; margin-left: 9px; margin-top: 9px;}
.gyzc-box-bottom ul li .zcnr-top{width: 167px; height: 167px; margin-left: 95px; margin-top: 50px;}
.gyzc-box-bottom ul li .zcnr-top-top{width: 100%; height: 110px;float: left;}
.gyzc-box-bottom ul li .zcnr-top-bottom{width: 100%; height: 56px;float: left;}
.gyzc-box-bottom ul li .zcnr-top-bottom h3{font: normal 25px/56px "微软雅黑"; color: #fff; text-align: center;}
.gyzc-box-bottom ul li .zcnr-bottom{width: 100%; float: left;margin-top: 30px;}
.gyzc-box-bottom ul li .zcnr-bottom p{font: normal 19px/30px "微软雅黑"; color: #fff; padding: 0 10px; text-align: center;}

.gyzz-box-bottom{width: 100%; float: left;margin-top:70px ; margin-bottom: 70px;}
.gyzz-box-bottom ul li{width: 280px; float: left;display: block; margin: 10px 10px;}
.gyzz-box-bottom ul li .zztop{width: 100%; min-height: 280px; float: left;}
.gyzz-box-bottom ul li .zztop span img{margin-left: 18px;}
.gyzz-box-bottom ul li .zzbottom{width: 100%; height: 50px; float: left;text-align: center;}
.gyzz-box-bottom ul li .zzbottom h3{font: normal 20px/50px "微软雅黑"; color: #666;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}

/*产品中心*/
.cpzx-bottom{width: 100%; float: left;margin-top: 30px; margin-bottom: 100px;}
.cpzx-bottom-left{width: 300px;float: left; border: solid 1px #ccc;}
.cpzx-bottom-left-box{width: 290px; margin: 0 auto;}
.cpzx-bottom-left-box-top{width: 100%; height: 90px; float: left; background: url(../images/cpbtbj.png)no-repeat center;margin-top: 5px;}
.cpzx-bottom-left-box-top h4{width: 100%;float: left;font: normal 20px/40px "微软雅黑"; color: #fff; padding-left: 15px;}
.cpzx-bottom-left-box-top h3{width: 100%;float: left;font: normal 20px/40px "微软雅黑"; color: #fff; padding-left: 15px;}
.cpzx-bottom-left-box-bottom{width: 95%; float: right; margin-top: 15px;}
.cpzx-bottom-left-box-bottom ul li{width: 100%; display: block; float: left; margin-bottom: 8px;}
.cpzx-bottom-left-box-bottom ul li .cptop{width: 100%; float: left; height: 40px;background: #336fd1;}
.cpzx-bottom-left-box-bottom ul li .cptop p{width: 90%;display: block;
    text-decoration: none;
    color: #fff;
  height: 40px;
    background: url(../images/left_tree.gif) 25px 15px no-repeat ;
  text-indent: 50px;
  font: normal 18px/40px "微软雅黑"; color: #fff;
  float: left;
   }
.cpzx-bottom-left-box-bottom ul li .cptop span{width: 9%; float: right;font: normal 20px/40px "微软雅黑"; color: #fff;}  
.cpzx-bottom-left-box-bottom ul li .cpbottom{width: 100%; float: left;}
.cpzx-bottom-left-box-bottom ul li .cpbottom a{width: 100%; height: 20px; float: left;display: block; font: normal 14px/20px "微软雅黑"; color: #666; margin: 8px 0;text-indent: 15px;}
.cpzx-bottom-left-box-bottom ul li .cpbottom a:hover{color: #336fd1;text-decoration: underline}

.cpzx-bottom-left-box-tjcp{width:100%; float: left; margin-top: 15px;}
.cpzx-bottom-left-box-tjcp-top{width: 100%; height: 40px; float: left;background:#336fd1 ;}
.cpzx-bottom-left-box-tjcp-top h3{ font: normal 18px/40px "微软雅黑"; color: #fff; text-indent: 15px;}
.cpzx-bottom-left-box-tjcp-b{width: 100%;  float: left; margin-top: 5px;}

.myscroll {width: 100%; height: 500px; margin: 0 auto; border: 1px solid #ccc; line-height: 26px; font-size: 12px; overflow: hidden;}
.myscroll li{ height: 250px; overflow: hidden;  margin-bottom: 5px; width: 100%; color: #666;border-bottom: solid 1px #ccc; text-align: center;}
.myscroll li .mja{width: 100%; height: 210px; float: left; overflow: hidden; text-align: center;}
.myscroll li .mjaa{width: 100%; height: 40px; float: left; text-align: center;}
.myscroll li .mjaa p{ font: normal 18px/40px "微软雅黑"; color: #666;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.myscroll img { border: 0 none;    display: inline-block;
    vertical-align: middle;}
.myscroll li .mjaa p:hover{ color: #336fd1;}

.cpzx-bottom-left-box-lx{width:100%; float: left; margin-top: 15px;}
.cpzx-bottom-left-box-lx-t{width: 100%; height: 111px; float: left; background: url(../images/kf.png)no-repeat center; text-align: center;}
.cpzx-bottom-left-box-lx-t p{ font: normal 18px/40px "微软雅黑"; color: #fff; padding-top: 20px;}
.cpzx-bottom-left-box-lx-t h3{ font: normal 26px/40px "微软雅黑"; color: #fff;}
.cpzx-bottom-left-box-lx-bo{width: 100%; float: left;height: 160px;}
.cpzx-bottom-left-box-lx-bo ul li{width: 100%; float: left;display: block; margin-top: 8px;}
.cpzx-bottom-left-box-lx-bo ul li p{ font: normal 16px/30px "微软雅黑"; color: #666; text-indent: 5px;}

.cpzx-bottom-right{width: 880px;float: right; }
.cpzx-bottom-right-top{width: 100%; float: left; height: 50px; border-bottom: solid 1px #336fd1;}
.cpzx-bottom-right-top-k{width: 130px; height: 50px; float: left;background: #336fd1; text-align: center;}
.cpzx-bottom-right-top-k h3{ font: normal 16px/50px "微软雅黑"; color: #fff;}
.cpzx-bottom-right-bottom{width: 100%; float: left}
.cpzx-bottom-right-bottom ul li{width: 270px; height: 290px; display: block; float: left;margin: 10px; border: solid 1px #fff;}
.cpzx-bottom-right-bottom ul li p{width: 100%; height: 240px; float: left; background: #fff;overflow: hidden;}
.cpzx-bottom-right-bottom ul li span{width: 100%; height: 50px; float: left; text-align: center;font: normal 16px/50px "微软雅黑"; color: #666;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}

.cpzx-bottom-right-bottom ul li:hover{ border: solid 1px #336fd1;}
.cpzx-bottom-right-bottom ul li:hover span{background: #336fd1; color: #fff;}
.cpzx-bottom-right-bottom ul li p img{transition: all 0.3s;}
.cpzx-bottom-right-bottom ul li:hover img{transform: scale(1.05);}

.cpzx-bottom-right-bottomd{width: 100%; float: left}
.cpzx-bottom-right-bottomd ul li{width: 270px; height: 250px; display: block; float: left;margin: 10px; border: solid 1px #ccc;}
.cpzx-bottom-right-bottomd ul li p{width: 100%; height: 200px; float: left; background: #fff;overflow: hidden;}
.cpzx-bottom-right-bottomd ul li span{width: 100%; height: 50px; float: left; text-align: center;font: normal 16px/50px "微软雅黑"; color: #666;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}

.cpzx-bottom-right-bottomd ul li:hover{ border: solid 1px #336fd1;}
.cpzx-bottom-right-bottomd ul li:hover span{background: #336fd1; color: #fff;}
.cpzx-bottom-right-bottomd ul li p img{transition: all 0.3s;}
.cpzx-bottom-right-bottomd ul li:hover img{transform: scale(1.05);}

.pagination{padding:25px 0 15px;text-align:center;overflow:hidden;height: 80px;width: 100%; float: left; margin-top: 40px;}
.pagination a{font-size:12px;line-height:30px;display:inline-block;height:30px;padding:0 12px;text-align:center;color:#333;border: 1px solid #e3e3e3;background:#fff;margin-left:2px;}
.pagination a.a1{line-height:30px;height:30px;margin-top:0;padding:0 12px;}
.pagination a:hover{text-decoration:none;color:#000;background:#f1f1f1;}
.pagination span{line-height:30px;display:inline-block;height:30px;padding:0 12px;text-align:center;color:#fff;margin-left:2px;background:#336fd1;color:#fff;border:1px solid #336fd1;}

/*案例详情*/
.alxq-bottom-right-bottom{width: 100%; float: left}
.alxq-bottom-right-bottom-top{width: 100%;float: left;border-bottom: dashed 1px #ccc;}
.alxq-bottom-right-bottom-top h3{width: 100%; float: left;font: normal 20px/40px "微软雅黑"; color: #303030; text-align: center; padding-top: 30px;}
.alxq-bottom-right-bottom-top p{width: 100%; float: left;font: normal 16px/40px "微软雅黑"; color: #666; text-align: center;}
.alxq-bottom-right-bottom-b{width: 100%; float: left;margin-top: 30px;}


.large_box {
	margin-bottom: 10px;
	width: 530px;
	height: 375px;
	overflow: hidden;
	float: left;
	margin-left: 180px;
	text-align: center;
}
.large_boxt {
	margin-bottom: 10px;
	width: 450px;
	height: 320px;
	overflow: hidden;
	float: left;
	border: solid 1px #ccc;
}
.large_boxt ul li{width: 100%;height: 322px;line-height: 322px;float: left;display: block; text-align: center;}
.large_boxt ul li img {
	display: inline-block;
	vertical-align:middle;
}

.small_box {
	width: 530px;
	height: 73px;
	overflow: hidden;
	float: left;
	margin-left: 180px;
}
.small_boxt {
	width: 450px;
	height: 73px;
	overflow: hidden;
	float: left;

}
.small_boxtt {
	width: 450px;
	height: 53px;
	overflow: hidden;
	float: left;

}

.small_list {
	position: relative;
	float: left;
	width: 480px;
	height: 73px;
	overflow: hidden
}
.small_listt {
	position: relative;
	float: left;
	width: 380px;
	height: 73px;
	overflow: hidden
}

.small_list ul {
	height: 73px;
	overflow: hidden
}
.small_listt ul {
	height: 53px;
	overflow: hidden
}
.small_list ul li {
	position: relative;
	float: left;
	margin-right: 10px;
	width: 110px
}
.small_listt ul li {
	position: relative;
	float: left;
	margin-right: 10px;
	width: 80px;
	overflow: hidden;
}
.small_list ul li img {
	display: block
}
.small_listt ul li img {
	display: block
}
.small_list ul li .bun_bg {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 110px;
	height: 73px;
	background: #336FD1;
	filter: alpha(opacity=60);
	-moz-opacity: .6;
	-khtml-opacity: .6;
	opacity: .6
}
.small_listt ul li .bun_bg {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 80px;
	height: 53px;
	background: #336FD1;
	filter: alpha(opacity=60);
	-moz-opacity: .6;
	-khtml-opacity: .6;
	opacity: .6
}

.small_list ul li.on .bun_bg {
	display: block
}
.small_listt ul li.on .bun_bg {
	display: block
}
.btn {
	display: block;
	width: 20px;
	height: 73px;
	background-color: #777;
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer
}
.btnt {
	display: block;
	width: 20px;
	height: 53px;
	background-color: #777;
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer
}

.btn:hover {
	background-color: #336FD1
}
.btnt:hover {
	background-color: #336FD1
}

.left_btn {
	float: left;
	margin-right: 10px;
	background-image: url(../images/left_btn.png)
}

.right_btn {
	float: right;
	background-image: url(../images/right_btn.png)
}
.bzsbb{width: 100%; float: left;}

.alxq-bottom-right-bottom-bt{width: 100%; float: left; margin-bottom: 0px;}
.alxq-bottom-right-bottom-bt ul li h3{width: 100%; float: left; float: left;font: bold 20px/40px "微软雅黑"; color: #303030;}
.alxq-bottom-right-bottom-bt ul li p{width: 100%; float: left; float: left;font: normal 16px/30px "微软雅黑"; color: #666; padding-top: 10px;}

.alxq-bottom-right-bottom-xg{width: 100%; float: left;margin-top: 10px;}
.alxq-bottom-right-bottom-xg-top{width: 100%; height: 35px; background: #d1d1d1; float: left;}
.alxq-bottom-right-bottom-xg-top-k{width: 125px; height: 35px; float: left;background: #336fd1;}
.alxq-bottom-right-bottom-xg-top-k h3{ font: normal 16px/35px "微软雅黑"; color: #fff; text-align: center;}
.alxq-bottom-right-bottom-xg-b{width: 100%; float: left;}

/*新闻*/
.xwzx{width: 100%; float: left;}
.xwzx-top{width: 100%; float: left;}
.xwzx-top ul li{width: 190px; height: 50px;float: left;display: block; background: #eee; margin-right: 15px;font: normal 16px/50px "微软雅黑"; color: #666; text-align: center; border: solid 1px #ccc;}
.xwzx-top ul li:hover{background: #336FD1; color: #fff !important;}
.ppp{background:#336FD1 !important; color: #fff !important;}
.xw{width: 100%; float: left;}
.xw ul li{width: 100%; float: left; display: block; margin: 10px 0; border-bottom: dashed 1px #ccc;}
.xw ul li .xwleft{width: 155px; height: 160px; float: left;border-bottom-right-radius: 15px; background: #eeeeee; margin: 20px 0px 20px 0;border: solid 1px #ccc;}
.xw ul li .xwleft h3{width: 100%; float: left; float: left;font: bold 36px/40px "微软雅黑"; color: #666; text-align: center; padding-top: 40px;}
.xw ul li .xwleft p{width: 100%; float: left; float: left;font: normal 23px/50px "微软雅黑"; color: #666; text-align: center;}
.xw ul li .xwright{width:1000px ; float: right;}
.xw ul li .xwright h3{width: 100%; float: left; float: left;font: normal 22px/40px "微软雅黑"; color: #000; padding-top: 20px;}
.xw ul li .xwright p{width: 100%; float: left; float: left;font: normal 16px/30px "微软雅黑"; color: #666; padding-top: 10px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}
.xw ul li:hover p{color: #336FD1;}
.xw ul li:hover h3{color: #336FD1;}



/*解决方案*/
.fa{width: 100%; float: left;}
.fa ul li{width: 100%; float: left; display: block; margin: 10px 0;}
.fa ul li .faleft{width: 347px; height: 213px; float: left;overflow: hidden;}
.fa ul li .faleft img{width: 100%; height: auto;}
.fa ul li .faright{width:820px; float: right;}
.fa ul li .faright h3{width: 100%; float: left; float: left;font: normal 22px/40px "微软雅黑"; color: #000; padding-top: 20px;}
.fa ul li .faright p{width: 100%; float: left; float: left;font: normal 16px/30px "微软雅黑"; color: #666; padding-top: 10px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}
.fa ul li .faright span{width: 100%; float: left; float: left;font: normal 16px/30px "微软雅黑"; color: #999; padding-top: 10px; background: url(../images/time.png) no-repeat 5px 18px;
padding-left: 30px;}
.morea{    display: inline-block;
    width: 140px;
    height: 40px;
    line-height: 36px;
    margin-top: 15px;
    text-align: center;
    font-size: 16px;
    border: #cecece 1px solid;
    border-radius: 50px;
    transition: all 0.5s; color: #000;}

.morea:hover{background: #336FD1; color:#fff !important;transition: all 0.5s;}
.fa ul li .faright h3:hover{color: #336FD1;transition: all 0.5s;}

/*联系我们*/
.lxwm{width: 100%; float: left;}
.lxwm-top{width: 100%; float: left; height: 430px; background: #336FD1; margin-bottom: 60px;}
.lxwm-top-left{width: 485px; float: left;height: 430px; background: url(../images/images/lxtp_03.png)no-repeat center;}
.lxwm-top-left p{width: 100%; float: left; float: left;font: normal 20px/40px "微软雅黑"; color: #fff; padding-top: 335px; padding-left: 140px;}
.lxwm-top-left h3{width: 100%; float: left; float: left;font: normal 36px/30px "微软雅黑"; color: #fff;padding-left: 140px;}
.lxwm-top-right{width: 710px; float: right;height: 430px;}
.lxwm-top-right-box{width: 645px; height: 380px; margin: 0 auto;}
.lxwm-top-right-box-top{width: 100%; flex: left; padding-top: 25px; height: 70px;border-bottom: dashed 1px #fff;}
.lxwm-top-right-box-top h3{width: 100%; float: left; float: left;font: normal 20px/30px "微软雅黑"; color: #fff; text-align: center;}
.lxwm-top-right-box-top p{width: 100%; float: left; float: left;font: normal 16px/30px "微软雅黑"; color: #fff; text-align: center;}
.lxwm-top-right-box-bottom{width: 100%; flex: left; padding-top: 25px;}
.lxwm-top-right-box-bottom ul li{width: 100%; float: left;display: block;margin: 10px 0;}
.lxwm-top-right-box-bottom ul li .lxtop{width: 36px; height: 36px; float: left; margin-left: 10px; margin-right: 20px;}
.lxwm-top-right-box-bottom ul li .lxright{width: 570px; float: left; height: 36px;}
.lxwm-top-right-box-bottom ul li .lxright p{font: normal 18px/36px "微软雅黑"; color: #fff}

.lxwm-tzl{width: 100%; float: left;}
.lxwm-tzl-top{width: 333px ; height: 60px; float: left; border-radius: 30px; background: #336FD1;}
.lxwm-tzl-top h3{font: normal 20px/60px "微软雅黑"; color: #fff;float: left;}
.lxwm-tzl-top span{float: left;width: 36px; height: 36px; margin: 13px; padding-left: 30px;}
.lxwm-tzl-bottom{width: 100%; float: left;margin-top: 40px; margin-bottom: 40px;}
.lxwm-tzl-bottom ul li{width: 388px; float: left;display: block; margin: 0 5px; height: 140px;}
.lxwm-tzl-bottom ul li .mja{width: 225px; height: 140px; float: left;margin-right: 7px; margin-left: 20px;}
.lxwm-tzl-bottom ul li .mja p{font: normal 16px/30px "微软雅黑"; color: #666666; padding-left: 10px;}
.lxwm-tzl-bottom ul li .mjc{width: 140px; height: 140px; float: right;}

.lxwm-tzl-bottom-box{width:80% ; margin: 0 auto;}
.lxwm-tzl-bottom-box-top{width: 100%; height: 120px; float: left; text-align: center;}
.lxwm-tzl-bottom-box-top p{font: normal 16px/120px "微软雅黑"; color: #666666;}

.lxwm-tzl-bottom-box-bottom{width: 100%; float: left;}
.lxwm-tzl-bottom-box-bottom-l{width: 470px; height: 380px;float: left;}
.lxwm-tzl-bottom-box-bottom-l-k{width: 100%; float: left;margin-bottom: 20px;}
.lxwm-tzl-bottom-box-bottom-l-k span{width: 20%; float: left;font: normal 16px/40px "微软雅黑"; color: #666666; text-align: center;}
.lxwm-tzl-bottom-box-bottom-l-k input{width: 70%; float: left; height: 40px; border: solid 1px #ccc; background: none;font: normal 16px/40px "微软雅黑"; color: #666666;padding-left: 10px;}
.lxwm-tzl-bottom-box-bottom-l-k textarea{width: 70%; height: 200px; float: left;border: solid 1px #ccc; background: none;font: normal 16px/40px "微软雅黑"; color: #666666;padding-left: 10px;}
.lxwm-tzl-bottom-box-bottom-l-k button{width: 170px; height: 40px; border: none; background: #336FD1;font: normal 16px/40px "微软雅黑"; color: #fff; float: left;margin-left: 170px;}

.lxwm-dt{width: 100%; float: left; margin-top: 40px; margin-bottom: 40px;}
.lxwm-dt-box{width: 100%; height: 350px; float: left;border:solid 1px #666;}

/*服务支持*/
.fwzc{width: 100%; float: left; margin-top: 30px;}
.fwzc ul li{width: 500px; height: 200px; float: left; background: #336FD1; margin: 10px 0px 10px 65px}
.fwzc ul li .fw-left{width: 175px; height: 160px; float: left; border-right: solid 2px #fff; margin-top: 20px;}
.fwzc ul li .fw-left-top{width: 100%; height: 60px; float: left; margin-top: 15px;}
.fwzc ul li .fw-left-top h3{font: normal 20px/60px "微软雅黑"; color: #fff; text-align: center;}
.fwzc ul li .fw-right{width: 300px; float: right; height: 100px; margin-top: 60px;}
.fwzc ul li .fw-right p{font: normal 16px/30px "微软雅黑"; color: #fff;}

.fwzct{width: 100%; float: left; margin-top: 30px;}
.fwzct-top{width: 100%; float: left; text-align:center;}
.fwzct-top p{font: normal 16px/30px "微软雅黑"; color: #666666;}
.fwzct-bottom{width: 100%; float: left;margin-top: 50px; margin-bottom: 50px;}
.fwzct-bottom ul li{width: 400px; height: 200px; float: left;display: block;}

.kfnc{width: 100%; float: left;margin-top: 70px;}
.kfnc ul li{width: 250px; height: 250px; float: left; border-radius: 10px; border: dashed 1px #fff; margin: 0 23px;}

.fwzct-k{width: 100%; float: left;height: 480px; background: url(../images/lc.png) no-repeat center;}
.fwzct-k img{width: 100%; height: auto;display: block;}
.fwzct-k2{width: 100%; float: left;height: 480px; background: url(../images/wl.png) no-repeat center; margin-bottom: 50px;}
.fwzct-k2 img{width: 100%; height: auto;display: block;}
.kfnct{width: 100%; float: left;margin-top: 70px;}
.kfnct ul li{width: 375px; height: 250px; float: left; border-radius: 10px; border: dashed 1px #fff; margin: 0 10px;}

/*产品详情*/
.cpxq{width: 460px; float: left;}
.cpxq-right{width: 400px; float: right; }

.cpxq-right h3{    font-size: 24px;
    color: #336FD1;
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: 15px;
    padding-bottom: 0px;
    font-weight: normal;
    padding-bottom: 10px;}
.p02{float: left;width: 100%;font: normal 14px/30px "微软雅黑"; color: #666;}
.p02 strong{font: normal 14px/30px "微软雅黑"; color: #000;}
.font01{    line-height: 24px;
    overflow: hidden;
    height: 160px;
    margin-bottom: 20px; float: left; font-size: 14px;}

.font01 strong{font: normal 14px/30px "微软雅黑"; color: #000;}

.prodcut-tel{ padding-left:40px; margin-bottom:20px; line-height:26px; background:url('../images/p_icon.png') no-repeat left 8px; float: left; }

.prodcut-tel span{font-family:arial; font-size:24px; color:#336FD1;display: block; }
.btn1 {float: left;}
.btn1 a{display: inline-block; width: 170px; height: 40px; line-height: 40px;text-align: center; background:#4b4b4b url(../images/proshow_icon1.png) no-repeat 20px 14px; color: #fff;transition: all 0.3s;font-size:16px; float: left;}

.btn1 .a02{background:#336fd1 url(../images/proshow_icon2.png) no-repeat 20px 13px;margin-left:25px; float: left;}
.btn1 a:hover{opacity: 0.8;filter:alpha(opacity=50);transition: all 0.3s;}


/* 采购表单样式 */

.orderBox{padding:25px;width:850px;background:#eee;overflow:hidden;}

.orderBox h3{font-size:15px;line-height:18px;font-weight:normal;font-family:"微软雅黑";}

.orderBox .table{padding-top:20px;overflow:hidden;}

.orderBox .table li{width:410px;height:215px;float:left;height:35px;margin-bottom:10px;}

.orderBox .table li span{float:left;border:1px solid #ddd;line-height:33px;height:33px;width:78px;display:inline-block;text-align:center;background:#fff;}

.orderBox .table li .iptTxt{float:right;width:319px;border:1px solid #ddd;border-left-width:0;height:33px;line-height:33px;background:#fff;color:#666;padding-left:10px;}

.orderBox .table li .iptCode{float:left;width:230px;border:1px solid #ddd;border-left-width:0;height:33px;line-height:33px;background:#fff;color:#666;padding-left:10px;}

.orderBox .table li .checkcode{float:right;border:1px solid #ddd;border-left-width:0;background:#fff;padding:5px 9px 6px 10px;}

.orderBox .table li .btn{width:410px;height:35px;line-height:35px;background:#333;cursor:pointer;font-size:14px;color:#fff;text-align:center;border:none;}

.orderBox .table li .btn:hover{background:#336FD1;color:#fff;}

.orderBox .table li.areLi{width:400px;float:right;height:215px;overflow:hidden;}

.orderBox .table li.areLi .txtContent{width:368px;height:183px;border:1px solid #ddd;outline:none;resize:none;padding:15px;color:#666;line-height:18px;}
	.upload-awrp {
			overflow: hidden;
			margin: 20px 0;
		}
		
		.code {
			font-family: Arial;
			font-style: italic;
			font-size: 14px;
			border: 0;
			padding: 0px 3px;
			letter-spacing: 3px;
			font-weight: bolder;
			float: left;
			cursor: pointer;
			width: 75px;
			height: 33px;
			line-height: 33px;
			text-align: center;
			vertical-align: middle;
			border: 1px solid #ddd;
			margin-left: 5px;
		}

.next_prevt {
    padding: 20px 0;
    margin-bottom: 40px;
    border-top: #e1e1e1 1px solid;
    border-bottom: #e1e1e1 1px solid;
	width: 100%;
	float: left;
}
.next_prevt span.fl {
    padding-left: 28px;
    background: url(../images/shiping_09.png) no-repeat center left;
}
.fl {
    float: left;
}

.next_prevt a{color: #666;}
.next_prevt a:hover{color: #336FD1;}
.next_prevt span.fr {
    padding-right: 28px;
    background: url(../images/shiping_11.png) no-repeat center right;
}


.fr {
    float: right;
}


.xgxw{width: 100%; float: left;}
.xgxw ul li{width: 100%; float: left;display: block; margin: 10px 0;}
.xgxw ul li .xglef{width: 201px; height: 145px; float: left; border: solid 1px #ccc;overflow: hidden;}
.xgxw ul li .xglef img{width: 100%;height: auto;} 
.xgxw ul li .xgrig{width:630px; float: right;}
.xgxw ul li .xgrig h3{    width: 100%;
    float: left;

    font: normal 18px/40px "微软雅黑";
    color: #000;
    padding-top: 10px;}

.xgxw ul li .xgrig p{        width: 100%;
    float: left;
  
    font: normal 14px/30px "微软雅黑";
    color: #666;
    padding-top: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}


/*kefu*/
.izl-rmenu{position:fixed; right:10px; top:270px; padding-bottom:73px; background:url(../images/r_b.png) 0px bottom no-repeat; z-index:999; }
.izl-rmenu .btn{width:60px; height:61px; margin-bottom:1px; cursor:pointer; position:relative;}
.izl-rmenu .btn-qq{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#F47F29; }
.izl-rmenu .btn-qq:hover{background-color:#F47F29;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/r_qq.png) 0px 0px no-repeat; background-size:60px 61px; background-color:#F47F29; text-decoration:none; display:block;}
.izl-rmenu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat;  background-size:60px 61px; background-color:#F47F29;}
.izl-rmenu .btn-wx:hover{background-color:#F47F29;}
.izl-rmenu .btn-wx .pic{position:absolute; left:-160px; top:0px; display:none;width:160px;}

.izl-rmenu .btn-phone{background:url(../images/phone-1.png) 0px 0px no-repeat; background-size:60px 61px;}
/*.izl-rmenu .btn-phone:hover{background-color:#F47F29;}*/
/*.izl-rmenu .btn-phone .phone{ position:absolute; width:160px; left:-160px; top:0px; display:none; background: rgba(244,127,14,0.9);}*/
.izl-rmenu .btn-phone .phone{ position:absolute; width:250px; left:-193px; top:0px; display:none; background:url(../images/p-backgroup.png);}
.izl-rmenu .btn-phone .phone p{width: 100%; float: left; line-height:23px; color:#FFF; font-size:14px; text-align:center;margin-left: -22px; padding-bottom: 5px; }
.izl-rmenu .btn-top{background:url(../images/top-1.png) 0px 0px no-repeat; background-size:60px 61px;  display:none;}
.izl-rmenu .btn-top:hover{background:url(../images/top-2.png);0px 0px no-repeat; background-size:60px 61px;  display:none;}