@charset "utf-8";
/*公共样式*/
*{margin: 0; padding: 0;}
html,body{width: 100%; min-width: 1200px;}
body{font-size: 14px; background: #fff; font-family: "Microsoft Yahei",Verdana,Arial,sans-serif; line-height: 1.8; color: #333; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
ol,ul,li{list-style: none;}
a{text-decoration: none; color: #333; -webkit-tap-highlight-color: rgba(255,0,0,0); transition: all .4s ease; cursor: pointer;}
a:hover{color: #ff0000!important;}
a:focus{outline:none;}
em,i{font-style: normal;}
h1,h2,h3,h4,h5,h6,th{font-weight: normal;}
img{border: 0; /*max-width: 100%;*/ height: auto; vertical-align: middle;}
table{border-collapse: collapse; border-spacing: 0;}
input,textarea,select,button{border: 0; background: none; outline: 0; font-family: "Microsoft Yahei";}
input[type="button"],input[type="text"],input[type="submit"],select{appearance: none; -moz-appearance: none; -webkit-appearance: none;}
input,input:focus,input:active{user-select: text;}
textarea{resize: none;}
.clearfix{zoom: 1;}
.clearfix:after{content: "."; *zoom: 1; display: block; visibility: hidden; height: 0; clear: both;}
.wrapper{width: 1300px; margin: 0 auto; position: relative;}
.fl{float: left;}
.fr{float: right;}
.tc{text-align: center;}
.hide{display: none;}
.wow{visibility: hidden; visibility: visible\9;}
.boxwrapper{overflow: hidden; position: relative;}
/*头部*/
.header{width: 100%; min-width: 1200px; height: 100px; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,.34); position: fixed; left: 0; top: 0; z-index: 9999;}
.logo{float: left; height: 50px; margin-top: 25px; margin-left: 4%;}
.logo a{display: block; height: 100%; float: left; transition: all 0s;}
.logo img{display: block; height: 100%;}
.nav{float: right; margin-right: 30px;}
.nav ul > li{float: left; height: 100px; position: relative;}
.nav ul > li.home_nav{margin-right: 4px;}
.nav ul > li.home_nav a{display: block; width: 30px; height: 30px; background: url(../images/home_btn.png) no-repeat center; margin-top: 35px;}
.nav ul > li.home_nav a:hover{ filter: alpha(opacity: 80); opacity: .8;}
.nav ul > li .nav_cl{margin-top: 35px; height: 30px; line-height: 30px; overflow: hidden;}
.nav ul > li .nav_cl a{display: block; font-size: 16px; text-align: center; padding: 0 20px; position: relative; transition: all .5s;}
.nav ul > li .nav_cl a span{display: block; color: #333; height: 30px; line-height: 30px; transition: all .3s;}
.nav ul > li > i{width: 1px; height: 14px; background: #000; filter: alpha(opacity: 21); opacity: .21; position: absolute; left: 0; top: 43px;}
.nav ul > li .nav_cl a:after{content: attr(data-hover); color: #007cc3; opacity: 0; visibility: hidden; transition: opacity 0.3s;}
.subnav{width: 120px; box-shadow: 0 0 16px -4px rgba(0,0,0,.3); position: absolute; left: 50%; top: 100%; margin-left: -60px; text-align: center; height: 0; overflow: hidden; *background: #fff;}
.subnav ol{background: #fff; padding: 14px 0 12px 0; position: relative; top: 20px; opacity: 0; visibility: hidden; transition: all .3s;}
.subnav li a{display: block; height: 38px; line-height: 38px; color: #666; font-size: 13px;}
.subnav li a:hover{background: #007cc3; color: #fff!important; transition: all .3s;}
.nav ul > li.active .nav_cl a:after,.nav ul > li:hover .nav_cl a:after{opacity: 1; visibility: visible;}
.nav ul > li.active .nav_cl a,.nav ul > li:hover .nav_cl a{transform: translate3d(0, -50%, 0);}
.nav ul > li.active .nav_cl a span,.nav ul > li:hover .nav_cl a span{color: #007cc3\9!important;}
.nav ul > li:hover .subnav{height: auto;}
.nav ul > li:hover .subnav ol{top: 0; opacity: 1; visibility: visible;}
.language{float: right; height: 120px; background: -webkit-linear-gradient(left,#007cc3,#4997c3); background: -o-linear-gradient(right,#007cc3,#4997c3); background: -moz-linear-gradient(right,#007cc3,#4997c3); background: linear-gradient(to right,#007cc3,#4997c3);}
.language a{display: block; width: 140px; height: 120px; background: url(../images/language_btn.png) no-repeat center 34px;}
.language span{display: block; font-family: "Arial"; font-size: 16px; text-transform: uppercase; color: #fff; text-align: center; padding-top: 66px;}
.language:hover{background: -webkit-linear-gradient(left,#0088ec,#4fa3d2); background: -o-linear-gradient(right,#0088ec,#4fa3d2); background: -moz-linear-gradient(right,#0088ec,#4fa3d2); background: linear-gradient(to right,#0088ec,#4fa3d2);}
/*底部*/
.footer{color: #999; overflow: hidden; background: #181818; position: relative;}
.footer a{color: #999;}
.foot_model{padding: 90px 0 70px 0;}
.foot_tel{float: left; color: #fff;}
.foot_tel .tit{font-weight: bold;}
.foot_tel .tel{font-family: "Arial"; font-size: 28px; margin-top: 6px;}
.searchform{width: 208px; height: 40px; background: #fff; overflow: hidden; position: relative; margin-top: 30px;}
.searchform form{padding: 0 50px 0 8px;}
.searchform .input{display: block; width: 100%; height: 30px; line-height: 30px; line-height: 28px\9; padding: 5px 0;}
.searchform .btn{display: block; width: 40px; height: 40px; background: url(../images/search_btn.png) no-repeat center; position: absolute; right: 4px; top: 0; cursor: pointer;}
.foot_nav{float: left; margin-left: 220px;}
.foot_nav dl{float: left; margin: 0 30px;}
.foot_nav dt{font-size: 16px; font-weight: bold; color: #e5e5e5; margin-bottom: 10px; text-align: center;}
.foot_nav dt a{color: #e5e5e5;}
.foot_nav dd{height: 30px; line-height: 30px; text-align: center;}
.foot_follow{width: 98px; float: right;}
.foot_follow img{width: 100%;}
.foot_follow p{text-align: center; font-size: 14px; margin-top: 4px;}
.foot_copy{line-height: 28px; padding: 10px 0 30px 0; text-align: center;}

@media only screen and (max-width: 1399px){
	.wrapper{width: 1200px;}
	.foot_nav{margin-left: 170px;}
}
.ovh1{overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.ovh2{overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.ovh3{overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.ovh4{overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;}