/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px;font-family:''; color:#666;}
a{color:#666;}
a:hover{ color:#f60; text-decoration:none;}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:1200px; margin:0 auto;}
.fl{float: left;}
.fr{float: right;}

.phonetop{height: 50px;line-height: 50px;background: #1E88E5;position: fixed;left: 0;right: 0;top: 0;z-index: 9;display:none;}
.wenzi{margin-left: 80px;color: #fff;font-size: 14px;}

.phonelist{position: fixed;left: 0;right: 0;top: 0;bottom: 0;z-index: 10;overflow-y: scroll;display: none;}
.phonelistmain {width: 50%;background: #3C3C3C;height:100%;padding: 0 3%;}
.phonelistmain ul {padding: 30px 0;}
.phonelistmain ul li{line-height: 50px;border-bottom: 1px solid #5A5A5A;}
.phonelistmain ul li a{font-size: 14px;color: #fff;}
.phonelistmain ul li dl{padding-left: 50px;display: none;}
.icon{width: 29px;height: 50px;display: block;}
.iconbg{background: url(../images/jia.png) center no-repeat;}
.iconbg2{background: url(../images/jian.png) center no-repeat;}

.top{background: #EFEDED;line-height: 30px;height: 30px;}

.head{padding: 10px 0;}
.tel{background: url(../images/20171125112426e94635.png) left center no-repeat;padding-left: 60px; height:52px;}
.tel h3{    font-size: 16px;color: rgb(0, 112, 192);font-weight: normal; margin-top:14px;}
.tel span{display: block;    color: rgb(0, 112, 192); font-size: 18px;line-height: 36px;}


.menu{line-height: 50px;background: #0070C0;}
.menu ul li{position: relative;width: 120px;display: inline-block;text-align: center;}
.menu ul li dl{position: absolute;top: 50px;left: 0;width: 100%;display: none;}
.menu ul li:hover dl{display: block;line-height: 40px;background:#0070C0;}
.menu ul li a{color: #fff;font-size: 16px;}
.menu ul li dl dd:hover{background: #1976D2;}
.menu ul li:hover{background: #1976D2;}


.con{padding: 30px 0;}

.conleft{width: 25%;background: #fff;}
.conright{width: 73%;}

.list h3{line-height: 60px;background: #0070C0;text-align: center;color: #fff;font-size: 16px;font-weight: normal;}
.list ul{border:1px solid #ccc;}
.list ul li{line-height: 45px;border-bottom: 1px solid #ccc;padding: 0 20px;font-size: 14px;}
.list ul li:hover{background: #F9F9F9;}
.list ul li:hover a{color: #1E88E5;}

.list2 h3{line-height: 60px;background: #0070C0;text-align: center;color: #fff;font-size: 16px;font-weight: normal;border-top-left-radius: 5px;border-top-right-radius: 5px;margin-top: 30px;}
.list2 ul{border:1px solid #ccc;padding: 0 5px;}
.list2 ul li{font-size: 14px;line-height: 28px;}

.conright ul li{width: 22.5%;margin: 1%;border:1px solid #ccc;float: left;}
.conright ul li img{max-width: 100%;    height: 132px;}
.conright ul li span{display: block;padding: 15px 5%;text-align: left;font-size: 14px;}
.conright ul li:hover{background:  #0070C0;}
.conright ul li:hover a{color: #fff;}

.tit{color: rgb(14, 107, 192);font-size: 30px;text-align: center;margin-bottom: 20px;}


.con2{padding: 30px 0;background: url(../images/201711251232297bb1df.jpg) center no-repeat;}
.con2main{background: rgba(225,241,253,0.5);padding: 5%;}
.con2left{width: 30%;}
.con2right{width: 68%;color: #333;font-size: 13px;line-height: 22px;}


.con3{padding: 30px 0;background: #F2F2F2;}
.con3 ul li{width: 23%;margin: 1%;float: left;}
.con3 ul li img{max-width: 100%;    height: 207px;}
.con3 ul li  span{display: block;font-size: 14px;color: #333;text-align: center;}

.more{width: 300px;height: 50px;border:1px solid #ccc;color: #333;line-height: 50px;text-align: center;font-size: 14px;margin: 0 auto;margin-top: 30px;}
.more a{color: #333;}

.con4{padding: 30px 0;}
.con4top ul li{width: 21%;margin: 2%;float: left;}
.con4top ul li img{max-width: 100%;}
.con4top ul li h3{color: #333333;font-size: 16px;font-weight: normal;}
.con4top ul li strong{color: #FD6E27;font-weight: normal;display: block;}
.con4top ul li span{display: block;color: #A2A2A2;}
.con4top ul li .line{width: 0;transition: all 1.5s;background: #ccc;height: 1px;margin-top: 15px;}
.con4top ul li:hover .line{width: 100%;}

.con4bottomleft{width: 40%;}
.con4bottomleft img{max-width: 100%;}
.con4bottomright{width: 58%;}
.con4bottomright ul li{line-height: 49px;border-bottom: 1px solid #EEEEEE;font-size: 14px;color: #666666;padding: 0 5%;}
.con4bottomright ul li:hover{background: #F5F5F5;color: #418DD8;}
.con4bottomright ul li:hover a{color: #418DD8;}
.con4bottomright ul li a{color: #666;}
.con4bottomright ul li span{color: #666666;}


.foot{padding: 30px 0;background: #404040;}
.foot img{max-width: 100%;}
.footleft{width: 30%;}
.footcenter{width: 30%;padding: 0 5%;}
.footcenter ul li{color: #fff;font-size: 14px;line-height: 28px;}
.footright{width: 30%;}

.copy{padding: 10px 0;background: #000;font-size: 14px;color: #fff;text-align: center;}


.inside{padding: 30px 0;}
.insideleft{width: 25%;}
.insideright{width: 73%;}

.bread{font-size: 16px;color: #333333;line-height: 32px;border-bottom: 1px solid #ccc;}
.bread a{color: #333333}
.insideright .main{padding-top: 30px;}


.phonelist2{width: 90%;padding: 0 5%;display: none;margin: 15px 0;}
.phonelist2 ul li{line-height: 32px;background:#0070C0;width: 25%;float: left; text-align: center;}
.phonelist2 ul li a{color: #fff;}

@media screen and (max-width: 980px) {


	.wapper{ width:96%; margin:0 auto;padding: 0 2%;}

	.phonetop{display: block;}

	.top{margin-top: 50px;}
	.tel{display: none;}
	.logo img{max-width: 100%;}
	.menu{text-align: center;}
	.menu ul li{position: relative;width: auto;display: inline-block;text-align: center;margin: 0 10px}
	.menu ul li dl{display: none !important;}

	.conleft{width: 25%;background: #fff;display: none;}
	.conright{width: 100%;}

	.conright ul li{width: 48%;margin: 1%;border:0px solid #ccc;float: left;}
	.con2left{width: 100%;}
	.con2right{width: 100%;color: #333;font-size: 13px;line-height: 22px;}

	.con3 ul li{width: 48%;margin: 1%;float: left;}

	.con4top ul li{width: 46%;margin: 2%;float: left;}


	.con4bottomleft{width: 100%;}
	.con4bottomright{width: 100%;}
	.foot{display: none;}

	.insideleft{display: none;}
	.insideright{width: 100%;}

	.phonelist2{display: block;}

}