﻿/* 全局公共样式的设定 */

@font-face {	
    font-family: SourceHanSansCN-Regular;
	src:url('../fonts/SourceHanSansCN-Regular.ttf');
}
@font-face {	
    font-family: siyuanheit-cu;
	src:url('../fonts/SourceHanSansCN-Bold.ttf');
}

body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dt,dd{margin:0;padding:0px;border:0;}
body{color:#444;font-size: 16px; font-family: Arial, "PingFang SC", "SimSun", SourceHanSansCN-Regular,
	sans-serif,"Helvetica","Lantinghei SC","STHeiti Light", "STHeiti","SourceHanSansCN-Regular","思源黑体 CN Heavy";}
li{list-style-type:none;}
h1,h2,h3,h4,h5,h6 {font-size:16px; font-weight:normal; margin:0px; padding:0px;}
input,button,textarea,select{font:100% Arial,SourceHanSansCN-Regular,
	sans-serif,"Helvetica","Lantinghei SC","STHeiti Light", "STHeiti","SourceHanSansCN-Regular","思源黑体 CN Heavy";}

body{font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,
	sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;}

/* 默认全局样式超链接样式*/
a{transition: color .3s ease}
a:link{color:#444; text-decoration:none;}/* 链接基本样式 */
a:visited {color:#444; text-decoration:none;}/* 链接点击过后的样式 */
a:hover{color:#226ebc;text-decoration:none;cursor:pointer;}/* 链接移上时的样式 */
a:active{color:#226ebc;text-decoration:none;}/* 链接点击时的样式 */

/* 其它常用样式的定义 */

.fl{ float:left;}
.fr{ float:right;}
.clear{ clear: both;}
.noBorder{border:none;	}

img,li{ vertical-align:top;}/* 解决图片和LI的高度空隙问题 */
.hd{ width:100%;}
.bd{ width:100%;}
.mt15{margin-bottom:15px;}
body{ background:#fff;min-width: 1200px; }

ul{ width:100%;overflow:hidden;zoom:1;}
ul li.last{ margin:0 !important; border-right:none !important; background:none !important;}

.from-control{ border:none; color:#444; outline:none; font-size:14px; font-family:SourceHanSansCN-Regular !important; font-weight:normal !important;}
.btn-default{ border:none; outline:none; cursor:pointer;font-family:SourceHanSansCN-Regular; }

input:-moz-placeholder,  
textarea:-moz-placeholder {  
    color: #c0c0c0;  
}  
input:-ms-input-placeholder,  
textarea:-ms-input-placeholder {  
    color: #c0c0c0;  
}  
input::-webkit-input-placeholder,  
textarea::-webkit-input-placeholder {  
    color: #c0c0c0;  
}

.topHeader{ width:100%; margin:0 auto;}
.wrap,.topLink,.logosSearch,.menuLink,.friendlink,.copyright{width:94%; min-width:1200px; margin:0 auto;}
.wrap{ position: relative;}
.topElement{ width:94%; margin:0 auto; display: flex;justify-content: space-between;}

.neiRlayout{ display: flex;flex-direction: row;flex-wrap: wrap;}

/*--简单动态图标---*/
.navlist li i,.rightLianxi:hoer{-webkit-transition: 400ms; -o-transition: 400ms;    -moz-transition: 400ms;    transition: 400ms; }



/*----顶部----*/
.topHeader{ height:49px;background:#fff;padding:30px 0; }
.topHeader h1{ display: block;width:20%; height: 49px; max-width:210px;}
.topHeader h1 img{ width:100%;}
.menuNav{width:60%; }
.navlist{width:100%; display: flex;justify-content:flex-end;flex-direction: row;flex-wrap: wrap;  font-size: 19px;overflow: inherit; font-weight:bold;}
.navlist li{ width:auto; overflow:hidden;zoom:1; padding:0 10px;margin: 0 10px;line-height: 49px; text-align: center; position: relative;}
.navlist li a{ color:#707070; display: block;}
.navlist li i,.navlist li span{ dislpay:block; float:left;}
.navlist li i{ width:49px; height:49px; background: url(../images/menu-icon.png) no-repeat 0 0;}
.navlist li.current a,.navlist li.on a,.navlist li:hover a{ color: #f0591e; }
li.menu1 i{ background-position: 0 0;}
li.menu1:hover i,li.menu1.on i{  background-position: -59px 0;}

li.menu2 i{ background-position: 0 -49px;}
li.menu2:hover i,li.menu2.on i{  background-position:-59px -49px;}

li.menu3 i{ background-position: 0 -98px;}
li.menu3:hover i,li.menu3.on i{  background-position:-59px -98px;}

li.menu4 i{ background-position: 0 -147px;}
li.menu4:hover i,li.menu4.on i{  background-position:-59px -147px;}


/*---页脚---*/
.foot{ background: #262626; margin-top:70px;}
.footBox{ background:#262626;}
.copyright{ height:65px; font-size: 12px; color: #c7c7c7;  text-align: center; line-height: 65px;}
.copyright p{ display: inline-block; margin:0 10px;}
.copyright p img{ vertical-align: middle; margin-right:5px;}

.rightLianxi{ width:94px; right:16px; position:fixed;top:40%; cursor: pointer;}
.yckefu{ width:100%; position: relative;}
.rightLianxi .icon{ width:54px; height: 54px; border-radois:100%; -webkit-border-radius:100%; -moz-border-radius:100%; text-align: center; vertical-align: middle; margin: 0 auto;}
.rightLianxi .icon img{text-align: center; vertical-align: middle;}
.rightLianxi .tit{ width: 94px; height: 25px; line-height: 22px; text-align: center; color: #fff;margin-top:11px; border-radius:20px; -webkit-border-radius:20px;-moz-border-radius:20px;}
.rightLianxi .icon,.rightLianxi .tit{background: -webkit-gradient(linear, left top, left bottom, 
	color-stop(0%,#fc991a), color-stop(100%,#ff6611));
background: -webkit-linear-gradient(left,#fc991a,#ff6611);
background: -o-linear-gradient(left,#fc991a,#ff6611);
background: -moz-linear-gradient(left,#fc991a,#ff6611);
background: -mos-linear-gradient(left,#fc991a,#ff6611);
background: -ms-linear-gradient(left,  #fc991a  0%,#ff6611 100%);
background: linear-gradient(left,#fc991a,#ff6611);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc991a', endColorstr='#ff6611',GradientType=1 ); }

.lxerweim{ display: none;width:154px; height: 154px; border: 5px solid #fff; border-radius:5px; -webkit-border-radius:5px;-moz-border-radius:5px; background: #fff; position: absolute; top:0; left:-156px;}
.lxerweim img{width:100%;}
.rightLianxi:hover .lxerweim{ display: block;}
