*{padding: 0;margin: 0;text-decoration: none;}

.transition{transition: all .3s;-moz-transition: all .3s;-webkit-transition: all .3s;-o-transition: all .3s;}
/*@head*/
#head_logo{width: 100%;height: 65px;background: #fff;box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);overflow: hidden;position: relative; z-index: 10;}
#head_logo .main{max-width: 1200px;height: 100%;margin: auto;}
#head_logo .main .logo{float: left;height: 48px;margin-top: 8.5px;}
#head_logo .main .logo img{height: 48px;}
#head_logo .main .language{float: left;height: 48px;margin-left: 10px;}
#head_logo .main .language .p{font: 14px "微软雅黑";color: #165c9d;line-height: 65px;letter-spacing: 2px;}
#head_logo .main .language .p a{color: #165c9d;margin: 0 5px;}
#head_logo .main .phone{float: right;}
#head_logo .main .phone .p{font: 16px "微软雅黑";color: #4a4a4a;line-height: 65px;}
#head_logo .main .phone .p a{color: #4a4a4a;}
#head_logo .main .phone .p img{height: 20px;margin-right: 5px;position: relative;top: 3px;}
#head_logo .main .button{float: right;display: none;}
#head_logo .main .button .p{width: 54px;height: 14px;background: #165c9d;margin: 10px 0;}
#head_nav{max-width: 1200px;height: 70px;background: #165c9d;margin: auto;position: relative; z-index: 11;border-bottom-left-radius: 70px;border-bottom-right-radius: 70px;}
#head_nav .main{width: 100%;padding: 0 70px;box-sizing: border-box;position: relative;}
#head_nav .main .button{font: 24px "微软雅黑";color: #fff;text-align: right;line-height: 30px;position:fixed;top: 0;right: 0;margin: 0px 30px 0 0;padding: 10px 20px;z-index: 12;display: none;}
#head_nav .main .button a{color: #fff;}
#head_nav .main ul{width: 100%;position: relative;}
#head_nav .main ul li{list-style: none;width: 14.285%;float: left;height:70px;position: relative;}
#head_nav .main ul li:hover{background: #3393ec;}
#head_nav .main ul li a{color: #fff;}
#head_nav .main ul li a .n{font: 16px "微软雅黑";line-height: 70px;text-align: center;}
#head_nav .main ul li .all{min-width:100%;background: #3393ec;position:absolute;display: none;left:0 ;padding: 0 10px;box-sizing: border-box;}
#head_nav .main ul li .all .p{font: 16px "微软雅黑";line-height: 45px;float: ;margin-right:10px;white-space: nowrap;}
#head_nav .main ul li .all .p a{margin-left: 10px;}
@media only screen and (max-width: 960px) {
	body{padding-bottom: 160px;}
	#head_logo{position: fixed;top: -1px;}
	#head_logo .main .logo{margin-left: 10px;}
	#head_logo .main .logo img{height: 40px;}
	#head_logo .main .button{display: block;margin-right: 10px;margin-top: 3px;}
	#head_logo .main .phone{display: none;}
	#head_nav{position: fixed;width:240px;height: 100%;top: 0; right: 0;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;overflow: auto;transform: translate(240px,0px);-ms-transform: translate(240px,0px);-webkit-transform: translate(240px,0px);-o-transform: translate(240px,0px);-moz-transform: translate(240px,0px);}
	#head_nav .main{width: 100%;padding: 0 30px;box-sizing: border-box;position: none;}
	#head_nav .main ul{width: 100%;position:none;overflow: hidden;}
	#head_nav .main ul li{list-style: none;width: 100%;float: none;overflow: hidden;}
	#head_nav .main ul li a .n{text-align: left;}
	#head_nav .main ul li .all{width:100%;background: #165c9d;position: relative;display: block;padding: 0 10px;box-sizing: border-box;}
	#head_nav .main ul li .all .p{font: 16px "微软雅黑";line-height: 45px;float: none;text-align: left;text-indent: 2em;}
	#head_nav .main ul li:hover{background: none;}
	#head_nav .main .button{display: block;}
}
#head_banner{width: 100%;position: relative;overflow: hidden;position: relative;top: -70px;z-index: 8;}
#head_banner .main{width: 100%;height: 100%;position: absolute;top: 0;display: none;}
#head_banner_butt{ width: 100%;height: auto;margin: auto;text-align: center;position: relative;top: -100px;z-index: 9;}
#head_banner_butt ul{overflow: hidden;text-align: center;padding: 5px 0;}
#head_banner_butt ul li{width: 40px;height: 5px;background: #c4bfcf;display: inline-block;margin: 0 6px;cursor: pointer;}
@media only screen and (max-width: 719px) {
	#head_banner{height: 280px;}
}
@media only screen and (min-width: 720px) {
	#head_banner{height: 360px;}
}
@media only screen and (min-width: 960px) {
	#head_banner{height: 460px;}
}
@media only screen and (min-width: 1200px) {
	#head_banner{height: 550px;}
}
@media only screen and (max-width: 960px) {
	#head_banner{top: 0px;}
	#head_banner_butt{top: -30px;}
}
/*foot*/
#foot{width: 100%;background: url(/Public/static/images/preset/01-10.png)no-repeat center;background-size: auto 100%;margin-top:60px;}
#foot .main{max-width: 1200px;margin: auto;}
#foot .main table{width: 100%;border-bottom: solid 1px #cccccc;padding-bottom: 20px;margin-bottom: 20px;}
#foot .main table tr td{text-align: center;padding: 30px 0 40px 0;}
#foot .main table tr td .p{font: 14px "微软雅黑";color: #fff;}
#foot .main table tr td .p a{color: #fff;}
#foot .main table tr td .p img{position: relative;top: 12px;margin-right: 10px;}
#foot .main .cop{font: 12px "微软雅黑";color: #fff;text-align: center;line-height: 30px;}
#foot .main .cop a{color: #fff;font-weight: bold;}
#foot_m{width: 100%;height: auto;background: #5da4ef;position: fixed;bottom: 0px;padding: 20px 0;display: none;}
#foot_m li{width: 33.3333333%;float: left;list-style: none;text-align: center;}
#foot_m li .i img{height: 40px;}
#foot_m li .p{font: 18px "微软雅黑";color: #fefefe;letter-spacing: 2px;padding-top: 5px;}
@media only screen and (max-width: 960px) {
	#foot{display: none;}
	#foot_m{display: block;}
}
/*home*/
#home{max-width: 1200px;margin: auto;overflow: hidden;}
#home dd{width: 50%;float: left;box-sizing: border-box;margin-top: 30px;}
#home .main{width: 100%;overflow: hidden;margin-top: 20px;position: relative;}
#home dd:nth-child(2n-1){padding-right: 15px;}
#home dd:nth-child(2n){padding-left: 15px;}
#home dd .title,#p_title_m .title{width: 100%;height: 38px;border-bottom: dashed 1px #d2d2d2;background: url(/Public/static/images/preset/小图标.png)no-repeat;}
#home dd .title .cn,#p_title_m .title .cn{float: left;font: 22px "张海山草泥马体";color: #3393ec;padding-left: 50px;border-bottom: solid 1px #3393ec;line-height: 34px;padding-top: 4px;}
#home dd .title .en,#p_title_m .title .en{float: left;font: 22px "微软雅黑";color: #3393ec;padding-left: 10px;line-height: 34px;padding-top: 4px;text-transform:uppercase;}
#home dd .title a,#p_title_m .title a{float: right;font: 22px "微软雅黑";color: #333;background: #cccccc;width: 29px;text-align: center;line-height: 29px;margin-top: 4.5px;}
#home dd .title a:hover,#p_title_m .title a:hover{color: #fff;background: #3393ec;}
#home .brief .main,#home .coop .main{height: 225px;}
#home .brief .main .left{width: 219px;float: left;}
#home .brief .main .left .i{width:100%;height: 0;padding-bottom: 102.739%;overflow: hidden;}
#home .brief .main .left .i img{width:100%;}
#home .brief .main .right{width: 100%;padding-left: 230px;box-sizing: border-box;}
#home .brief .main .right .p{font: 13px "微软雅黑";color: #666666;text-indent: 2em;line-height: 31px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 7;overflow: hidden;}
#home .coop .main table{width: 100%;}
#home .coop .main table tr td{width: 33.333333333333333%;height: 112.5px;text-align: center;}
#home .coop .main table tr td img{max-width:78%;}
#home .news .main .top{width: 100%;overflow: hidden;}
#home .news .main .top .left{width: 183px;padding: 4px;border: solid 1px #d2d2d2;float: left;}
#home .news .main .top .left .i{width: 100%;height: 0;padding-bottom: 65.3179%;}
#home .news .main .top .left .i img{width: 100%;}
#home .news .main .top .right{width: 100%;padding-left: 201px;box-sizing: border-box;}
#home .news .main .top .right .h{font: 14px "微软雅黑";color: #5da4ef;}
#home .news .main .top .right .t{font: 12px "微软雅黑";color: #737373;line-height: 25px;}
#home .news .main .top .right .p{font: 12px "微软雅黑";color: #737373;line-height: 25px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
#home .news .main ul{width: 100%;}
#home .news .main ul li{width: 100%;list-style: none;border-bottom: dashed 1px #d4d4d4;}
#home .news .main ul li .p{font: 12px "微软雅黑";color: #737373;line-height: 30px;}
#home .news .main ul li .p:hover{color:#5da4ef;}
#home .news .main ul li .p span{float: right;color: #737373;}
#home .product .main ul{width: 100%;overflow: hidden;}
#home .product .main ul li{width: 30%;float: left;margin-left: 5%;list-style: none;}
#home .product .main ul li:first-child{margin-left: 0;}
#home .product .main ul li a .i{width: 100%;height: 0;padding-bottom: 136.723%;overflow: hidden;}
#home .product .main ul li a .i img{width: 100%;}
#home .product .main ul li a .h{font: 16px "微软雅黑";color: #737373;text-align: center;margin-top: 20px;}
@media only screen and (max-width: 1200px) {
	#home{width: 98%;}
}
@media only screen and (max-width: 960px) {
	#home dd{width: 100%;float: none;}
	#home dd:nth-child(2n-1){padding-right: 0px;}
	#home dd:nth-child(2n){padding-left: 0px;}
	#home .news .main .top{border-bottom: dashed 1px #d4d4d4;}
	#home .news .main .top .left{display: none;}
	#home .news .main .top .right{padding-left: 0px;}
	#home .coop .main{height:auto;}
	#home .coop .main table tr td img{max-width:98%;}
}
/*@bridf*/
#p_banner{height:480px;position: relative;position: relative;top: -70px;}
#p_title{max-width: 1200px;margin: auto;border-bottom: solid 2px #3393ec;overflow: hidden;}
#p_title dd{padding: 10px 30px;float: left;font: 16px "微软雅黑";color: #3393ec;}
#p_title a dd:hover,#p_title a .c{background: #3393ec;color: #fff;}
#p_title>dd:last-child:hover{color: #454545;background: none;}
#p_title>dd:last-child a{font: 14px "微软雅黑";color: #454545;}
#p_title>dd:last-child{float: right;}
#p_title>dd:last-child a,#p_title>dd:last-child{font: 14px "微软雅黑";color: #454545;}
#p_title_m{max-width: 1200px;margin: auto;display: none;}
#bridf{max-width: 1200px;margin: auto;padding: 10px;box-sizing: border-box;}
#bridf *{max-width: 100%;}
@media only screen and (max-width: 960px) {
	#p_title{display: none;}
	#p_title_m{display:block;width: 98%;}
}
/*@certificate*/
#certificate,#facilities{max-width: 1200px;margin: auto;overflow: hidden;margin-top: 30px;}
#certificate dd{width: 30%;float: left;margin-left: 5%;border: solid 1px #d2d2d2;padding: 10px;box-sizing: border-box;margin-top: 30px;}
#certificate dd:nth-child(3n-2),#facilities dd:nth-child(3n-2){margin-left:0;}
#certificate dd .i{width: 100%;height: 0;padding-bottom: 140.1929260450161%;overflow: hidden;}
#certificate dd .i img{width: 100%;}
@media only screen and (max-width: 960px) {
	#certificate,#facilities{width: 98%;padding-bottom: 160px;}
}
/*@facilities*/
#facilities dd{width: 30%;float: left;margin-left: 5%;box-sizing: border-box;margin-top: 30px;background: #00b7ee;border-top-right-radius: 10px;border-bottom-right-radius: 10px;position: relative;}
#facilities dd a .text{width: 55px;font: 18px "微软雅黑";color: #fff;position: absolute;right: 0;padding: 0 19px;box-sizing: border-box;top: 50%;margin-top: -48px;}
#facilities dd a .left{width: 100%;padding-right:55px;box-sizing: border-box;float: left;}
#facilities dd a .left .i{width: 100%;height: 0;padding-bottom: 68.8135593220339%;overflow: hidden;}
#facilities dd a .left .i img{width: 100%;}
@media only screen and (max-width: 960px) {
	#facilities dd{background: none;border-top-right-radius: 0px;border-bottom-right-radius: 0px;}
	#facilities dd a .text{width: 100%;font-size: 22px; color: #4c4c4c;position: relative;padding: 0 ;top: 0;margin-top: -0px;text-align: center;line-height: 60px;}
	#facilities dd a .left{width: 100%;padding-right:0px;box-sizing: border-box;float: none;}
}
/*@around*/
#around{max-width: 1200px;margin: auto;overflow: hidden;}
#around dd{width: 30%;float: left;margin-top: 30px;margin-left: 5%;}
#around dd:nth-child(3n-2){margin-left: 0;}
#around dd a .i{width: 100%;height: 0;padding-bottom:66.93227091633466%;overflow: hidden;}
#around dd a .i img{width: 100%;}
#around dd a .h{font-size1:16px;text-align:center;color:#333;line-height:30px;height:30px;overflow:hidden;}
/*@download*/
#download{max-width: 1200px;margin: auto;}
#download table{width: 100%;margin: auto;margin-top: 30px;}
#download table tr:hover{background: #dcdcdc;}
#download table tr td{padding: 20px 0 10px 0;border-bottom: solid 1px #dcdcdc;}
#download table tr th{font: 16px "微软雅黑";color: #454545;background: #f2f2f2;line-height: 40px;}
#download table tr td{font: 14px "微软雅黑";color: #454545;line-height: 40px;text-align: center;}
#download table tr td:first-child{text-align: left;}
#download table tr td a{color: #ffffff;background: #3393ec;padding: 5px 10px;border-radius: 5px;}
#download table tr td img{padding-right: 10px;position: relative;top: 3px;}
@media only screen and (max-width: 960px) {
	#download{width: 98%;}
}
/*@news*/
#news{max-width: 1200px;margin: auto;}
#news dd{width: 100%;border-bottom: solid 1px #f2f2f2;overflow: hidden;padding: 30px 0;}
#news dd .left{width: 95px;height: 95px;float: left;background: #f2f2f2;text-align: center;color: #454545;}
#news dd .left .t{font: 36px "微软雅黑";line-height: 60px;}
#news dd .left .d{font: 18px "微软雅黑";}
#news dd a .right{width: 100%;padding-left: 110px;box-sizing: border-box;}
#news dd a .right .h{font: 24px "微软雅黑";color: #454545;line-height: 40px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
#news dd a .right .p{font: 14px "微软雅黑";color: #454545;line-height:27.5px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.page{width: 100%;padding: 30px 0;}
.page .p{font: 18px "微软雅黑";color: #666;text-align: center;line-height: 24px;}
.page .p a{color: #666;background: #f2f2f2;padding: 0 10px;margin: 0 5px;}
.page .p a:nth-child(-n+2){font-size: 12px;padding: 4px 10px;}
.page .p a:nth-last-child(-n+2){font-size: 12px;padding: 4px 10px;}
.page .p a:hover{color: #fff;background: #3f7dca;}
.page .p span{color: #fff;background: #3f7dca;padding: 0 10px;margin: 0 5px;}
@media only screen and (max-width: 960px) {
	#news{width: 98%;}
}
/*@news_details*/
#news_details{max-width: 1200px;margin: auto;}
#news_details .title{width: 100%;margin: auto;text-align: center;padding: 30px 0;}
#news_details .title .h{font:24px "微软雅黑";color: #454545;line-height: 50px;}
#news_details .title .t{font:14px "微软雅黑";color: #454545;line-height: 30px;}
#news_details .main{width: 100%;padding: 10px;box-sizing: border-box;}
#news_details .main *{max-width: 100%;}
@media only screen and (max-width: 960px) {
	#news_details{width: 98%;}
}
/*@product*/
#product{max-width: 1200px;margin: auto;overflow: hidden;}
#product dd{width:21.25%;float: left;margin-left: 5%;margin-top: 30px;}
#product dd:nth-child(4n-3){margin-left: 0;}
#product dd a .main{width:100%;padding: 5px;border: solid 1px #d2d2d2;box-sizing: border-box;}
#product dd a .main:hover{border: solid 1px #3393ec;}
#product dd a .main .i{width: 100%;height: 0;padding-bottom: 76.99115044247788%;overflow: hidden;}
#product dd a .main .i img{width: 100%;}
#product dd a .h{font: 14px "微软雅黑";color: #454545;text-align: center;line-height: 40px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: :;;overflow: hidden;height:80px;background-color:#f0f0f0;}
@media only screen and (max-width: 960px) {
	#product{width: 98%;}
	#product dd{width:30%;}
	#product dd:nth-child(4n-3){margin-left: 5%;}
	#product dd:nth-child(3n-2){margin-left: 0;}
}
/*@product_details*/
#product_details{max-width: 1200px;margin: auto;overflow: hidden;margin-top: 30px;}
#product_details .i{max-width: 50%;float: left;padding:0 20px 20px 0;}
#product_details .i img{width: 100%;}
#product_details .h{font:24px "微软雅黑";color: #454545;line-height: 50px;}
#product_details .p{font:14px "微软雅黑";color: #454545;line-height: 25px;text-indent: 2em;}
@media only screen and (max-width: 960px) {
	#product_details{width: 98%;}
}
/*@contacts*/
#contacts{max-width: 1200px;margin: auto;}
#contacts .text{width: 100%;margin-top: 30px;    overflow: hidden;}
#contacts .text .p{font: 18px "微软雅黑";color: #666666;line-height: 45px;}
#contacts .text .p a{color: #666666;}
#contacts .map{width: 100%;margin-top: 30px;height: 600px;}
#container{width: 100%;height: 100%;}
@media only screen and (max-width: 960px) {
	#contacts{width: 98%;}
}
/*@recruit*/
#recruit{max-width: 1200px;margin: auto;margin-top: 30px;}
#recruit table{width: 100%;}
#recruit table tr:first-child{background: #f2f2f2;}
#recruit table tr th{font: 16px "微软雅黑";color: #454545;line-height: 40px;}
#recruit table tr td{font: 14px "微软雅黑";color: #454545;line-height: 30px;border-bottom: solid 1px #dcdcdc;padding: 20px 0 10px 0;text-align: center;}
#recruit table tr:nth-child(n+2){cursor: pointer;}
#recruit table tr:nth-child(n+2):hover{background: #dcdcdc;}
@media only screen and (max-width: 960px) {
	#recruit{width: 98%;}
}
/*@recruit_details*/
#recruit_details{max-width: 1200px;margin: auto;margin-top: 30px;}
#recruit_details .title{width: 100%;}
#recruit_details .title .h{font: 24px "微软雅黑";color: #454545;line-height: 40px;}
#recruit_details .title .h span{font: 18px "微软雅黑";}
#recruit_details .title .p{font: 18px "微软雅黑";color: #8e8e8e;text-indent: 2em;}
#recruit_details .text{width: 100%;margin-top: 10px;line-height: 2em;}
#recruit_details .text *{max-width: 100%;}
@media only screen and (max-width: 960px) {
	#recruit_details{width: 98%;}
}
/*@message*/
#message{max-width: 1200px;margin: auto;margin-top: 30px;overflow: hidden;}
#message .left{width: 346px;float: left;}
#message .left img{width: 100%;}
#message .right{width: 100%;padding-left: 400px;box-sizing: border-box;}
#message .right form .p{margin-top: 20px;}
#message .right form .p input,#message .right form .p textarea{width: 100%;font: 24px "微软雅黑";color: #ccc;line-height: 55px;padding: 0 10px;border:solid 1px #dcdcdc; box-sizing: border-box;outline:none;}
#message .right form .p textarea{height: 300px;}
#message .right form .s{text-align: center;margin-top: 20px;}
#message .right form .s input{font: 20px "微软雅黑";color: #fff;background: #3393ec;padding: 5px 30px;border: none;cursor:pointer;}
@media only screen and (max-width: 960px) {
	#message{width: 98%;}
	#message .left{display: none;}
	#message .right{padding-left: 0px;}
	
	
}