@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0; border:none; border-radius:0; outline:none; font-family:"Microsoft YaHei New", "Microsoft Yahei", "微软雅黑";}
a{ text-decoration:none; color:#333;}
dl,dd,dt,ol,ul,li{ list-style:none;}

.fl{ float:left;}
.fr{ float:right;}
.ov{ overflow:hidden;}
.dis{ display:block !important;}
.dn{ display:none; }
body,html{ width:100%; height:100%;}
input { -webkit-appearance:none;}
select{ -webkit-appearance:none;}
textarea{ -webkit-appearance:none;}

@keyframes lefteaseinAnimate{
    0%{ transform:translateX(-2000px); opacity:0;}   /*在0%时设置文字在想X轴-2000px位移处（左边），透明度为0，也就是看不见文字*/
    100%{ transform:translateX(0px); opacity:1;}         /*在100%时设置文字在想X轴0px位移处，也就是原始布局的位置，透明度为1，也就是文字可以看见了*/
}
@-webkit-keyframes lefteaseinAnimate{
    0%{ -webkit-transform:translateX(-2000px); opacity:0;}
    100%{ -webkit-transform:translateX(0px); opacity:1;}    
}
@-o-keyframes lefteaseinAnimate{
    0%{ -webkit-transform:translateX(-2000px); opacity:0;}
    100%{ -webkit-transform:translateX(0px); opacity:1;}    
}
@-ms-keyframes lefteaseinAnimate{
    0%{ -webkit-transform:translateX(-2000px); opacity:0;}
    100%{ -webkit-transform:translateX(0px); opacity:1;}    
}
@-moz-keyframes lefteaseinAnimate{
    0%{ -webkit-transform:translateX(-2000px); opacity:0;}
    100%{ -webkit-transform:translateX(0px); opacity:1;}    
}
@keyframes righteaseinAnimate{
    0%{ transform:translateX(2000px); opacity:0;}  
    100%{ transform:translateX(0px); opacity:1;} 
}
@-webkit-keyframes righteaseinAnimate{
    0%{ -webkit-transform:translateX(2000px); opacity:0;}
    100%{ -webkit-transform:translateX(0px); opacity:1;}    
}
@-o-keyframes righteaseinAnimate{
    0%{ -webkit-transform:translateX(2000px); opacity:0;}
    100%{ -webkit-transform:translateX(0px); opacity:1;}    
}
@-ms-keyframes righteaseinAnimate{
    0%{ -webkit-transform:translateX(2000px); opacity:0;}
    100%{ -webkit-transform:translateX(0px); opacity:1;}    
}
@-moz-keyframes righteaseinAnimate{
    0%{ -webkit-transform:translateX(2000px); opacity:0;}
    100%{ -webkit-transform:translateX(0px); opacity:1;}    
}

@-webkit-keyframes fadeInUp{
  0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
  100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUp{
  0%{opacity:0;-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
  100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}

@-webkit-keyframes fadeInDown{
  0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
  100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInDown{
  0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
  100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}

/*banner*/
.tbanner{width:100%;
	height:100%; 
	position:relative; 
	overflow:hidden;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	-webkit-animation-name: scaleDraw; 
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-duration:60s;
	z-index:-1;
}
/*#myjQuery{ width:100%; height:100%; position:relative; overflow:hidden;}
#myjQueryContent{ width:100%; height:100%; overflow:hidden; position:relative;}
#myjQueryContent div{ position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;}
#myjQueryContent .smask { z-index:-1;}
#myjQueryNav{ display:none;}*/
@keyframes scaleDraw {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
            0%{
                transform: scale(1);  /*开始为原始大小*/
            }
            25%{
                transform: scale(1.5); /*放大1.1倍*/
            }
            50%{
                transform: scale(1);
            }
            75%{
                transform: scale(1.5);
            }
        }
.header .nav ul li dl dt:first-child{ padding-top:5px;}
.header .nav ul li dl dt:last-child{ padding-bottom:5px;}
/*nav*/
@media screen and (min-width:1200px){	
.header01{ height:130px; width:100%; position:fixed; left:0%; top:0; z-index:999;}
.header{ width:80%; padding:0 10%; height:80px; background-color:rgba(0,0,0,0.7);}
.header .logo{ height:50px; padding-top:15px; overflow:hidden;
	animation:lefteaseinAnimate 1.5s ease 1;
    -webkit-animation:lefteaseinAnimate 1.5s ease 1;
    -ms-animation:lefteaseinAnimate 1.5s ease 1;
    -o-animation:lefteaseinAnimate 1.5s ease 1;
    -moz-animation:lefteaseinAnimate 1.5s ease 1;    
    /*规定动画的最后状态为结束状态*/
    animation-fill-mode:forwards;
    -webkit-animation-fill-mode:forwards;  
    -o-animation-fill-mode:forwards; 
    -ms-animation-fill-mode:forwards;   
    -moz-animation-fill-mode:forwards;
}
.header .logo img{ height:50px; display:block;}
.header .index_search {
    margin-top:29.5px;
    margin-left:20px;
    height:21px;
	cursor:pointer;
	overflow:hidden;
	animation:righteaseinAnimate 1.5s ease 1;    /*调用已定义好的动画lefteaseinAnimate，全程运行时间1S，进入的速度曲线为ease，只播放一次*/
    -webkit-animation:righteaseinAnimate 1.5s ease 1;
    -ms-animation:righteaseinAnimate 1.5s ease 1;
    -o-animation:righteaseinAnimate 1.5s ease 1;
    -moz-animation:righteaseinAnimate 1.5s ease 1;    
    /*规定动画的最后状态为结束状态*/
    animation-fill-mode:forwards;
    -webkit-animation-fill-mode:forwards;  
    -o-animation-fill-mode:forwards; 
    -ms-animation-fill-mode:forwards;   
    -moz-animation-fill-mode:forwards;
}
.header .nav{ 
	padding-top:2px;
	height:78px;
	animation:righteaseinAnimate 1.5s ease 1;    /*调用已定义好的动画lefteaseinAnimate，全程运行时间1S，进入的速度曲线为ease，只播放一次*/
    -webkit-animation:righteaseinAnimate 1.5s ease 1;
    -ms-animation:righteaseinAnimate 1.5s ease 1;
    -o-animation:righteaseinAnimate 1.5s ease 1;
    -moz-animation:righteaseinAnimate 1.5s ease 1;    
    /*规定动画的最后状态为结束状态*/
    animation-fill-mode:forwards;
    -webkit-animation-fill-mode:forwards;  
    -o-animation-fill-mode:forwards; 
    -ms-animation-fill-mode:forwards;   
    -moz-animation-fill-mode:forwards;
	float:right;
	overflow:hidden;
}
.header .nav ul{ display:block; height:78px;}
.header .nav ul li{ width:80px; text-align:center; display:block; height:78px; overflow:hidden; float:left; margin-left:30px;}
.header .nav ul li a{ display:block; width:100%; height:76px; line-height:76px; font-size:16px; color:#fff;}
.header .nav ul li b{ display:block; width:60px; height:2px; margin:auto;}
.header .nav ul li.selected b{ background-color:#ffd200;}
.header .xis { width:80%; padding:0 10%; overflow:hidden; float:left; background-color:rgba(0,0,0,0.7); position:absolute; left:0; top:80px;}
.header .xis dl{ display:block; width:100%; overflow:hidden; height:0; transition: height 0.5s; -moz-transition: height 0.5s; -webkit-transition: height 0.5s; -o-transition: height 0.5s; text-align:right; box-sizing:border-box;}
.header .xis dl.on{ height:50px; display:block;}
.header .xis dl dt{ line-height:50px; display:inline-block; margin-left:30px; font-size:14px; height:50px; overflow:hidden;}
.header .xis dl dt a{ line-height:50px !important; color:#fff !important; font-size:14px; height:50px !important; display:block; overflow:hidden;}
.header .xis dl dt a:hover{color:#ffd200 !important;}
.hide{ display:none;}
.header .nav01{ display:none;}
.header .xis dl.x02{ padding-right:310px;}
.header .xis dl.x03{ padding-right:280px;}
.header .xis dl.x04{ padding-right:341px;}
.header .xis dl.x05{ padding-right:90px;}
.header .xis dl.x06{ padding-right:118px;}
.index{
	color:#fff;
    position:absolute;
    top:30%;
    left:0%;
    width:100%;
    z-index:999999;
   	-webkit-animation:fadeInDown 1s ease-out 1s 1 both;
	-webkit-animation-name:fadeInDown;
	animation-name:fadeInDown;
}
/*.indexa{ height:50px; line-height:50px; font-size:42px; color:#fff;}
.indexb{ height:4px; width:130px; background-color:#efb621; margin-top:4%;}
.indexc{ width:550px; line-height:26px; font-size:16px; color:#fff; max-height:130px; margin-top:5%;}*/
.index01{ height:78px; line-height:78px; font-size:24px; color:#fff; text-align:center;letter-spacing:10px; font-family:"MS Serif", "New York", serif;}
.index02{ height:80px; line-height:80px; font-size:56px; color:#fff; text-align:center; letter-spacing:25px;font-family:"MS Serif", "New York", serif}
.index03{ height:84px; line-height:84px; font-size:30px; color:#fff; text-align:center; letter-spacing:30px;font-family:"MS Serif", "New York", serif}
.indexd{ width:160px; height:36px; margin:auto; margin-top:7%; background-image:url(../images/more.png); background-position:center; background-repeat:no-repeat;}
.indexd a{ width:100%; height:36px; display:block; overflow:hidden;}
.indexd .more{ width:114px; height:36px; display:block; float:left; line-height:36px; text-align:center; font-size:16px; color:#fff;}
.indexd .more01{ width:36px; height:36px; display:block; float:right; line-height:36px; text-align:center; font-size:16px; color:#fff;}
.indexd a span:hover{ background-color:#e8a905;}

.btn{
	position:absolute;
    bottom:10%;
    left:10%;
    z-index:999;
	-webkit-animation-name:fadeInUp;
    animation-name:fadeInUp;
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
}

.btn a{ display:block; float:left; width:59px; margin-right:10px; overflow:hidden;}
.btn a img{ width:100%; display:block;}

.footer{
	width:100%;
	font-size:14px; 
	text-align:center;
	color:#fff;
	position:absolute;
    bottom:2%;
    left:0%;
    z-index:999;
	-webkit-animation-name:fadeInUp;
    animation-name:fadeInUp;
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
}
.footer a{ color:#fff;}
}

@media screen and (min-width:768px) and (max-width:1199px) {
.header01{ height:120px; width:100%; position:fixed; left:0%; top:0; z-index:999;}
.header{width:94%; padding:0 3%; height:70px; background-color:rgba(0,0,0,.7);}
.header .logo{ height:50px; padding-top:10px; overflow:hidden;
	animation:lefteaseinAnimate 1.5s ease 1;
    -webkit-animation:lefteaseinAnimate 1.5s ease 1;
    -ms-animation:lefteaseinAnimate 1.5s ease 1;
    -o-animation:lefteaseinAnimate 1.5s ease 1;
    -moz-animation:lefteaseinAnimate 1.5s ease 1;    
    /*规定动画的最后状态为结束状态*/
    animation-fill-mode:forwards;
    -webkit-animation-fill-mode:forwards;  
    -o-animation-fill-mode:forwards; 
    -ms-animation-fill-mode:forwards;   
    -moz-animation-fill-mode:forwards;
}
.header .logo img{ height:50px;}
.header .index_search {
    margin-top:25.5px;
    margin-left:8px;
    height:21px;
	cursor:pointer;
	overflow:hidden;
	animation:righteaseinAnimate 1.5s ease 1;    /*调用已定义好的动画lefteaseinAnimate，全程运行时间1S，进入的速度曲线为ease，只播放一次*/
    -webkit-animation:righteaseinAnimate 1.5s ease 1;
    -ms-animation:righteaseinAnimate 1.5s ease 1;
    -o-animation:righteaseinAnimate 1.5s ease 1;
    -moz-animation:righteaseinAnimate 1.5s ease 1;    
    /*规定动画的最后状态为结束状态*/
    animation-fill-mode:forwards;
    -webkit-animation-fill-mode:forwards;  
    -o-animation-fill-mode:forwards; 
    -ms-animation-fill-mode:forwards;   
    -moz-animation-fill-mode:forwards;
}
.header .nav{ 
	padding-top:2px;
	height:68px;
	animation:righteaseinAnimate 1.5s ease 1;    /*调用已定义好的动画lefteaseinAnimate，全程运行时间1S，进入的速度曲线为ease，只播放一次*/
    -webkit-animation:righteaseinAnimate 1.5s ease 1;
    -ms-animation:righteaseinAnimate 1.5s ease 1;
    -o-animation:righteaseinAnimate 1.5s ease 1;
    -moz-animation:righteaseinAnimate 1.5s ease 1;    
    /*规定动画的最后状态为结束状态*/
    animation-fill-mode:forwards;
    -webkit-animation-fill-mode:forwards;  
    -o-animation-fill-mode:forwards; 
    -ms-animation-fill-mode:forwards;   
    -moz-animation-fill-mode:forwards;
	float:right;
}
.header .nav ul{ display:block; height:68px;}
.header .nav ul li{ width:66px; text-align:center; overflow:hidden; height:68px; display:block; float:left; margin-left:8px;}
.header .nav ul li a{ display:block; width:100%; height:66px; line-height:66px; font-size:16px; color:#fff;}
.header .nav ul li b{ display:block; width:60px; height:2px; margin:auto;}
.header .nav ul li.selected b{ background-color:#ffd200;}
.header .xis{ display:none;}

.header .nav01{ display:none;}

.index{
	color:#fff;
    position:absolute;
    top:30%;
    left:5%;
	width:90%;
    z-index:999999;
   	-webkit-animation:fadeInDown 1s ease-out 1s 1 both;
	-webkit-animation-name:fadeInDown;
	animation-name:fadeInDown;
	text-align:center;
}
.index01{ height:38px; line-height:38px; font-size:18px; color:#fff; text-align:center; letter-spacing:5px; font-family:"MS Serif", "New York", serif}
.index02{ height:60px; line-height:60px; font-size:36px; color:#fff; text-align:center; letter-spacing:15px; font-family:"MS Serif", "New York", serif}
.index03{ height:44px; line-height:44px; font-size:24px; color:#fff; text-align:center; letter-spacing:10px; font-family:"MS Serif", "New York", serif}
.indexd{ width:160px; height:36px; margin:auto; margin-top:7%; background-image:url(../images/more.png); background-position:center; background-repeat:no-repeat;}

/*.indexa{ height:44px; line-height:44px; font-size:36px; color:#fff;}
.indexb{ height:4px; width:130px; background-color:#efb621; margin-top:4%;}
.indexc{ width:100%; line-height:24px; font-size:14px; color:#fff; max-height:96px; margin-top:5%;}
.indexd{ width:160px; height:36px; margin-top:7%; background-image:url(../images/more.png); background-position:center; background-repeat:no-repeat;}
.indexd a{ width:100%; height:36px; display:block; overflow:hidden;}*/
.indexd .more{ width:114px; height:36px; margin:auto; display:block; float:left; line-height:36px; text-align:center; font-size:14px; color:#fff;}
.indexd .more01{ width:36px; height:36px; display:block; float:right; line-height:36px; text-align:center; font-size:14px; color:#fff;}
.indexd a span:hover{ background-color:#e8a905;}

.btn{
	position:absolute;
    bottom:10%;
    left:5%;
    z-index:999;
	-webkit-animation-name:fadeInUp;
    animation-name:fadeInUp;
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
}

.btn a{ display:block; float:left; width:59px; margin-right:10px; overflow:hidden;}
.btn a img{ width:100%; display:block;}

.footer{
	width:100%;
	font-size:14px; 
	text-align:center;
	color:#fff;
	position:absolute;
    bottom:2%;
    left:0%;
    z-index:999;
	-webkit-animation-name:fadeInUp;
    animation-name:fadeInUp;
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
}
.footer a{ color:#fff;}
}

@media only screen and (max-width:767px) {
.header01{ height:70px; width:100%; position:fixed; left:0%; top:0; z-index:999;}
.header{ width:94%; padding:0 3%; height:70px; background-color:rgba(0,0,0,0.7);}
.header .logo{ height:50px; padding-top:10px; overflow:hidden;
	animation:lefteaseinAnimate 1.5s ease 1;
    -webkit-animation:lefteaseinAnimate 1.5s ease 1;
    -ms-animation:lefteaseinAnimate 1.5s ease 1;
    -o-animation:lefteaseinAnimate 1.5s ease 1;
    -moz-animation:lefteaseinAnimate 1.5s ease 1;    
    /*规定动画的最后状态为结束状态*/
    animation-fill-mode:forwards;
    -webkit-animation-fill-mode:forwards;  
    -o-animation-fill-mode:forwards; 
    -ms-animation-fill-mode:forwards;   
    -moz-animation-fill-mode:forwards;
}
.header .logo img{ height:50px;}
.header .index_search{ display:none;}
.header .nav01{ display:block; height:30px; margin-top:15px; overflow:hidden;
	animation:righteaseinAnimate 1.5s ease 1;    /*调用已定义好的动画lefteaseinAnimate，全程运行时间1S，进入的速度曲线为ease，只播放一次*/
    -webkit-animation:righteaseinAnimate 1.5s ease 1;
    -ms-animation:righteaseinAnimate 1.5s ease 1;
    -o-animation:righteaseinAnimate 1.5s ease 1;
    -moz-animation:righteaseinAnimate 1.5s ease 1;    
    /*规定动画的最后状态为结束状态*/
    animation-fill-mode:forwards;
    -webkit-animation-fill-mode:forwards;  
    -o-animation-fill-mode:forwards; 
    -ms-animation-fill-mode:forwards;   
    -moz-animation-fill-mode:forwards; 
}
.xis{ display:none;}
.header .nav01 a{ display:block; height:30px; width:30px; background-image:url(../images/nav_btn.png); background-position:right center; background-repeat:no-repeat; float:right;}
.header .nav{ display:none;}
.nav_list{ width:100%; background-color:rgba(0,0,0,0.7); position:fixed; left:0; top:0; margin-top:0; z-index:997; padding-top:80px; padding-bottom:7%; left:0;}
.nav_list li{ display:block; text-align:center; height:30px; line-height:30px; font-size:15px; overflow:hidden;}
.nav_list li a{ color:#fff;}

.index{
	color:#fff;
    position:absolute;
    top:30%;
    left:5%;
	width:90%;
    z-index:991;
   	-webkit-animation:fadeInDown 1s ease-out 1s 1 both;
	-webkit-animation-name:fadeInDown;
	animation-name:fadeInDown;
	font-family:"Times New Roman";
	text-align:center;
}
.index01{ height:36px; line-height:36px; font-size:16px; color:#fff; text-align:center; font-family:"MS Serif", "New York", serif;}
.index02{ height:40px; line-height:40px; font-size:24px; color:#fff; text-align:center; letter-spacing:5px;font-family:"MS Serif", "New York", serif}
.index03{ height:36px; line-height:36px; font-size:18px; color:#fff; text-align:center; letter-spacing:10px;font-family:"MS Serif", "New York", serif}
.indexd{ width:160px; height:36px; margin:auto; margin-top:7%; background-image:url(../images/more.png); background-position:center; background-repeat:no-repeat;}
.indexd a{ width:100%; height:36px; display:block; overflow:hidden;}

.indexa{ font-size:20px; color:#fff;}
.indexb{ height:4px; width:130px; background-color:#efb621; margin-top:4%;}
.indexc{ width:100%; line-height:24px; font-size:14px; color:#fff; max-height:96px; margin-top:5%;}
.indexd{ width:160px; height:36px; margin-top:7%; background-image:url(../images/more.png); background-position:center; background-repeat:no-repeat;}
.indexd a{ width:100%; height:36px; display:block; overflow:hidden;}
.indexd .more{ width:114px; height:36px; display:block; float:left; line-height:36px; text-align:center; font-size:14px; color:#fff;}
.indexd .more01{ width:36px; height:36px; display:block; float:right; line-height:36px; text-align:center; font-size:14px; color:#fff;}
.indexd a span:hover{ background-color:#e8a905;}

.btn{
	position:absolute;
    bottom:10%;
    left:5%;
    z-index:991;
	-webkit-animation-name:fadeInUp;
    animation-name:fadeInUp;
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
}

.btn a{ display:block; float:left; width:59px; margin-right:10px; overflow:hidden;}
.btn a img{ width:100%; display:block;}

.footer{
	width:100%;
	font-size:14px; 
	text-align:center;
	color:#fff;
	position:absolute;
    bottom:2%;
    left:0%;
    z-index:991;
	-webkit-animation-name:fadeInUp;
    animation-name:fadeInUp;
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
}
.footer a{ color:#fff;}
}



/*内页*/
@keyframes scaleDraw {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
	0%{
		transform:scale(1);  /*开始为原始大小*/
	}
	25%{
		transform:scale(1.5); /*放大1.1倍*/
	}
	50%{
		transform:scale(1);
	}
	75%{
	transform:scale(1.5);
	}
}

/*@media screen and (min-width:1200px){
.header.bg{ background-color:rgba(0,0,0,0.7); height:70px; position:fixed;}
.header.bg .logo{ padding-top:10px; height:50px;}
.header.bg .logo img{ height:50px;}
.header.bg .nav{ height:70px; padding-top:0 !important;}
.header.bg .nav ul,.header.bg .nav li{ height:70px;}
.header.bg .nav li a{ height:68px; line-height:70px;}
}

@media screen and (min-width:768px) and (max-width:1199px) {
.header.bg{ background-color:rgba(0,0,0,0.7); height:70px; position:fixed;}
.header.bg .nav{ height:70px; padding-top:0 !important;}
.header.bg .nav ul,.header.bg .nav li{ height:70px;}
.header.bg .nav li a{ height:68px; line-height:70px;}
}

@media only screen and (max-width:767px) {
.header.bg{ background-color:rgba(0,0,0,0.7); height:70px; position:fixed;}
.header.bg .nav01{ margin-top:20px;}
}*/

@media screen and (min-width:1200px){
.banner{ width:100%; height:460px;  position:relative;  overflow:hidden;}
.banner span{
	width:100%;
	display:block;
	height:460px; 
	position:relative; 
	overflow:hidden;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	-webkit-animation-name:scaleDraw; /*关键帧名称*/
	-webkit-animation-timing-function:ease-in-out; /*动画的速度曲线*/
	-webkit-animation-iteration-count:infinite;  /*动画播放的次数*/
	-webkit-animation-duration:60s; /*动画所花费的时间*/
}
.banner strong{ width:1920px; height:460px; display:block; position:absolute; left:50%; margin-left:-960px; top:0; z-index:11;}
.banner p{ display:block; height:70px; position:absolute; left:10%; top:235px; z-index:15;}
}

@media screen and (min-width:768px) and (max-width:1199px) {
.banner{ width:100%; height:360px;  position:relative;  overflow:hidden;}
.banner span{
	width:100%;
	display:block;
	height:360px; 
	position:relative; 
	overflow:hidden;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	-webkit-animation-name:scaleDraw; /*关键帧名称*/
	-webkit-animation-timing-function:ease-in-out; /*动画的速度曲线*/
	-webkit-animation-iteration-count:infinite;  /*动画播放的次数*/
	-webkit-animation-duration:60s; /*动画所花费的时间*/
}
.banner strong{ width:1920px; height:360px; display:block; position:absolute; left:50%; margin-left:-960px; top:0; z-index:11;}
.banner p{ display:block; height:70px; position:absolute; left:10%; top:185px; z-index:15;}
}

@media only screen and (max-width:767px) {
.banner{ width:100%; height:260px; position:relative;  overflow:hidden;}
.banner span{
	width:100%;
	display:block;
	height:260px; 
	position:relative; 
	overflow:hidden;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	-webkit-animation-name:scaleDraw; /*关键帧名称*/
	-webkit-animation-timing-function:ease-in-out; /*动画的速度曲线*/
	-webkit-animation-iteration-count:infinite;  /*动画播放的次数*/
	-webkit-animation-duration:60s; /*动画所花费的时间*/
}
.banner strong{ width:1920px; height:260px; display:block; position:absolute; left:50%; margin-left:-960px; top:0; z-index:11;}
.banner p{ display:block; height:70px; position:absolute; right:3%; top:135px; z-index:15;}
}

/*关于我们*/
@media screen and (min-width:1200px){
.home{ width:100%; background-color:#f7f7f7;}
.home .container{ padding-top:5%; width:1150px; margin:auto;}
.home .container h3{ color:#333; font-size:36px; line-height:40px; padding-bottom:2%; font-weight:bold; text-align:center;}
.home .container .wen{ text-align:center; width:100%; color:#333; font-size:16px; line-height:30px;}
.home .container ul{ width:100%; display:block; text-align:center;}
.home .container ul li{ margin:5% 0; padding:0 5%; font-size:14px; color:#333; display:inline-block; font-family:"microsoft jhenghei"; border-left:solid 1px #d9d9d9;}
.home .container ul li:first-child{ border:0;}
.home li p{ font-size:14px; color:#333; line-height:30px; display:block; text-align:center; font-family:"microsoft jhenghei";}
.home li .number{ font-size:60px; line-height:60px; font-family:"HelveticaNeueLTPro-UltLtEx"; color:#333;}
.home li .number .counter{ color:#efb621;}
.home .arrows{ width:1150px; margin:auto; display:block; position:relative; margin-top:24px;}
.home .arrows img{ display:block; margin:auto; height:48px; position:absolute; left:50%; margin-left:-24px; top:-24px;}
.home .arrows b{ background-color:#fff; width:100%; display:block; height:40px; padding-bottom:3%;}

.jian{ width:100%; background-image:url(../images/about.jpg); background-position:top center; background-repeat:no-repeat; background-attachment:fixed; padding-bottom:5%;}
.jian .notice{ width:1150px; margin:auto; background-color:#fff;}
.jian .notice .tab-hd{ width:100%; height:40px;}
.jian .notice .tab-hd .tab-nav{ width:960px; display:block; margin:auto;}
.jian .notice .tab-hd li{ width:220px; margin:0 10px; cursor:pointer; float:left;}
.jian .notice .tab-hd li span{ display:block; width:100%; height:40px; cursor:pointer; line-height:40px; text-align:center; background-color:#eee; font-size:16px;}
.jian .notice .tab-hd li.on span{ background-color:#efb621; color:#fff;}
.jian .notice .tab-hd li b{ display:block; margin:auto; width:0; height:0;}
.jian .notice .tab-hd li.on b{ border-top:solid 8px #efb621; border-left:solid 8px transparent; border-right:solid 8px transparent;}
.jian .notice .tab-bd{ width:90%; padding:5%; overflow:hidden; height:350px;}
.jian .notice .tab-bd .tu{ width:50%; height:350px; overflow:hidden;}
.jian .notice .tab-bd .tu img{ width:100%; display:block;}
.jian .notice .tab-bd .wen{ width:45%; height:350px; overflow:hidden; font-size:16px; line-height:32px; color:#333;}

.lc{ width:100%; padding:5% 0;}
.lc .container{ width:1150px; margin:auto; overflow:hidden;}
.lc .container .wen{ padding-top:3%; width:100%; color:#333; font-size:16px; line-height:30px;}
}

@media screen and (min-width:768px) and (max-width:1199px) {
.home{ width:100%; background-color:#f7f7f7;}
.home .container{ padding-top:5%; width:94%; margin:auto;}
.home .container h3{ color:#333; font-size:36px; line-height:40px; padding-bottom:2%; font-family:新細明體; text-align:center;}
.home .container .wen{ text-align:center; width:100%; color:#333; font-size:16px; line-height:30px;}
.home .container ul{ width:100%; display:block; text-align:center;}
.home .container ul li{ margin:5% 0; padding:0 5%; font-size:14px; color:#333; display:inline-block; font-family:"microsoft jhenghei"; border-left:solid 1px #d9d9d9;}
.home .container ul li:first-child{ border:0;}
.home li p{ font-size:14px; color:#333; line-height:30px; display:block; text-align:center; font-family:"microsoft jhenghei";}
.home li .number{ font-size:60px; line-height:60px; font-family:"HelveticaNeueLTPro-UltLtEx"; color:#333;}
.home li .number .counter{ color:#efb621;}
.home .arrows{ width:94%; margin:auto; display:block; position:relative; margin-top:24px;}
.home .arrows img{ display:block; margin:auto; height:48px; position:absolute; left:50%; margin-left:-24px; top:-24px;}
.home .arrows b{ background-color:#fff; width:100%; display:block; height:40px; padding-bottom:3%;}

.jian{ width:100%; background-image:url(../images/about.jpg); background-position:top center; background-repeat:no-repeat; background-attachment:fixed; padding-bottom:5%;}
.jian .notice{ width:94%; margin:auto; background-color:#fff;}
.jian .notice .tab-hd{ width:100%; height:40px;}
.jian .notice .tab-hd .tab-nav{ width:100%; display:block; margin:auto;}
.jian .notice .tab-hd li{ width:19%; margin:0 3%; cursor:pointer; float:left;}
.jian .notice .tab-hd li span{ display:block; width:100%; height:40px; cursor:pointer; line-height:40px; text-align:center; background-color:#eee; font-size:16px;}
.jian .notice .tab-hd li.on span{ background-color:#efb621; color:#fff;}
.jian .notice .tab-hd li b{ display:block; margin:auto; width:0; height:0;}
.jian .notice .tab-hd li.on b{ border-top:solid 8px #efb621; border-left:solid 8px transparent; border-right:solid 8px transparent;}
.jian .notice .tab-bd{ width:90%; padding:5%; overflow:hidden; height:350px;}
.jian .notice .tab-bd .tu{ width:50%; height:350px; overflow:hidden;}
.jian .notice .tab-bd .tu img{ width:100%; display:block;}
.jian .notice .tab-bd .wen{ width:45%; height:350px; overflow:hidden; font-size:16px; line-height:32px; color:#333;}

.lc{ width:100%; padding:5% 0;}
.lc .container{ width:94%; margin:auto; overflow:hidden;}
.lc .container .wen{ padding-top:3%; width:100%; color:#333; font-size:16px; line-height:30px;}	
}

@media only screen and (max-width:767px) {
.home{ width:100%; background-color:#f7f7f7;}
.home .container{ padding-top:5%; width:94%; margin:auto;}
.home .container h3{ color:#333; font-size:24px; line-height:40px; padding-bottom:2%; font-family:新細明體; text-align:center;}
.home .container .wen{ text-align:center; width:100%; color:#333; font-size:14px; line-height:26px;}
.home .container ul{ width:100%; display:block; text-align:center;}
.home .container ul li{ margin:5% 0; padding:0 2%; font-size:14px; color:#333; display:inline-block; font-family:"microsoft jhenghei"; border-left:solid 1px #d9d9d9;}
.home .container ul li:first-child{ border:0;}
.home li p{ font-size:14px; color:#333; line-height:30px; display:block; text-align:center; font-family:"microsoft jhenghei";}
.home li .number{ font-size:24px; line-height:40px; font-family:"HelveticaNeueLTPro-UltLtEx"; color:#333;}
.home li .number .counter{ color:#efb621;}
.home .arrows{ width:94%; margin:auto; display:block; position:relative; margin-top:15px;}
.home .arrows img{ display:block; margin:auto; height:30px; position:absolute; left:50%; margin-left:-15px; top:-15px;}
.home .arrows b{ background-color:#fff; width:100%; display:block; height:40px; padding-bottom:3%;}

.jian{ width:100%; background-image:url(../images/about.jpg); background-position:top center; background-repeat:no-repeat; background-attachment:fixed; padding-bottom:5%;}
.jian .notice{ width:94%; margin:auto; background-color:#fff;}
.jian .notice .tab-hd{ width:100%; height:40px;}
.jian .notice .tab-hd .tab-nav{ width:100%; display:block; margin:auto;}
.jian .notice .tab-hd li{ width:21%; margin:0 2%; cursor:pointer; float:left;}
.jian .notice .tab-hd li span{ display:block; width:100%; height:40px; cursor:pointer; line-height:40px; text-align:center; background-color:#eee; font-size:14px;}
.jian .notice .tab-hd li.on span{ background-color:#efb621; color:#fff;}
.jian .notice .tab-hd li b{ display:block; margin:auto; width:0; height:0;}
.jian .notice .tab-hd li.on b{ border-top:solid 8px #efb621; border-left:solid 8px transparent; border-right:solid 8px transparent;}
.jian .notice .tab-bd{ width:90%; padding:5%; overflow:hidden;}
.jian .notice .tab-bd .tu{ width:100%; padding-bottom:2%; overflow:hidden;}
.jian .notice .tab-bd .tu img{ width:100%; display:block;}
.jian .notice .tab-bd .wen{ width:100%; overflow:hidden; font-size:14px; line-height:26px; color:#333;}

.lc{ width:100%; padding:5% 0;}
.lc .container{ width:94%; margin:auto; overflow:hidden;}
.lc .container h1{ height:40px; display:block; overflow:hidden;}
.lc .container h1 img{ display:block; height:40px;}
.lc .container .wen{ padding-top:3%; width:100%; color:#333; font-size:14px; line-height:26px;}	
.lc .container .cbp_tmlabel p{ font-size:14px; line-height:26px;}
.lc .container .cbp_tmlabel h2{ font-size:18px;}
}

/*footer*/
@media screen and (min-width:1200px){
.footer01{ width:100%; background-color:#333;}
.footer01 .sav{ width:94%; padding:40px 3%; line-height:34px; text-align:center; display:block;}
.footer01 .sav dt{ font-size:14px; display:inline-block; margin:0 15px;}
.footer01 .sav dt a{ color:#999;}
.footer01 .sav dd{ font-size:14px; color:#999; display:inline-block;}
.footer01 .sav dt a:hover{ color:#fff;}
.footer01 .ser{ width:94%; max-width:528px; height:48px; border:1px solid #585858; margin:auto;}
.footer01 .ser p{ width:85%; padding-left:3%; display:block; height:48px; float:left; overflow:hidden;}
.footer01 .ser p input{ width:100%; display:block; height:48px; line-height:48px; font-size:14px; background-color:transparent;}
.footer01 .ser span{ width:12%; display:block; height:48px; float:left; overflow:hidden;}
.footer01 .ser span input{ width:100%; display:block; height:48px; cursor:pointer; background-image:url(../images/ser.jpg); background-position:center; background-repeat:no-repeat; background-color:transparent;}
.footer01 .foot{ padding:11px 0; font-size:14px; line-height:30px; text-align:center; color:#999; width:94%; max-width:1150px; margin:auto; border-top:1px solid #585858; margin-top:50px;}
.footer01 .foot a{ color:#999;}
}

@media screen and (min-width:768px) and (max-width:1199px) {
.footer01{ width:100%; background-color:#333;}
.footer01 .sav{ width:94%; padding:3%; line-height:34px; text-align:center; display:block;}
.footer01 .sav dt{ font-size:14px; display:inline-block; margin:0 1%;}
.footer01 .sav dt a{ color:#999;}
.footer01 .sav dd{ display:none;}
.footer01 .sav dt a:hover{ color:#fff;}
.footer01 .ser{ width:94%; max-width:528px; height:38px; border:1px solid #585858; margin:auto;}
.footer01 .ser p{ width:85%; padding-left:3%; display:block; height:38px; float:left; overflow:hidden;}
.footer01 .ser p input{ width:100%; display:block; height:38px; line-height:38px; font-size:14px; background-color:transparent;}
.footer01 .ser span{ width:12%; display:block; height:38px; float:left; overflow:hidden;}
.footer01 .ser span input{ width:100%; display:block; height:38px; cursor:pointer; background-image:url(../images/ser.jpg); background-position:center; background-repeat:no-repeat; background-color:transparent;}
.footer01 .foot{ padding:11px 0; font-size:14px; line-height:30px; text-align:center; color:#999; width:94%; max-width:1150px; margin:auto; border-top:1px solid #585858; margin-top:3%;}
.footer01 .foot a{ color:#999;}
}

@media only screen and (max-width:767px) {
.footer01{ width:100%; background-color:#333;}
.footer01 .sav{ width:94%; padding:3%; line-height:34px; text-align:center; display:block;}
.footer01 .sav dt{ font-size:14px; display:inline-block; margin:0 1%;}
.footer01 .sav dt a{ color:#999;}
.footer01 .sav dd{ display:none;}
.footer01 .sav dt a:hover{ color:#fff;}
.footer01 .ser{ width:94%; max-width:528px; height:38px; border:1px solid #585858; margin:auto;}
.footer01 .ser p{ width:85%; padding-left:3%; display:block; height:38px; float:left; overflow:hidden;}
.footer01 .ser p input{ width:100%; display:block; height:38px; line-height:38px; font-size:14px; background-color:transparent;}
.footer01 .ser span{ width:12%; display:block; height:38px; float:left; overflow:hidden;}
.footer01 .ser span input{ width:100%; display:block; height:38px; cursor:pointer; background-image:url(../images/ser.jpg); background-position:center; background-repeat:no-repeat; background-color:transparent;}
.footer01 .foot{ padding:1% 0; font-size:14px; line-height:30px; text-align:center; color:#999; width:94%; max-width:1150px; margin:auto; border-top:1px solid #585858; margin-top:3%;}
.footer01 .foot a{ color:#999;}
}

/*代理产品*/
@media screen and (min-width:1200px){
.biao{ width:100%; height:64px; background-color:#fff; text-align:center; border-bottom:1px solid #EEEFF0;}
.biao ul{ display:block; overflow:hidden; margin:auto;}
.biao li{ display:block; float:left; overflow:hidden; height:64px;}
.biao a{ display:block; width:220px; line-height:62px; height:64px; font-size:18px; color:#666;}
.biao a b{ width:220px; height:2px; background-color:#efb621; display:none;}
.biao a.on b{ display:block;}
.biao a.on{ color:#efb621;}
}

@media screen and (min-width:768px) and (max-width:1199px) {
.biao{ width:100%; height:54px; background-color:#fff; text-align:center; border-bottom:1px solid #EEEFF0;}
.biao ul{ display:block; overflow:hidden; margin:auto;}
.biao li{ display:block; float:left; overflow:hidden; height:54px;}
.biao a{ width:120px; overflow:hidden; display:block; line-height:52px; height:54px; font-size:16px; white-space:nowrap; color:#666; position:relative;}
.biao a b{ width:100%; height:2px; background-color:#efb621; display:none; position:absolute; left:0; bottom:0;}
.biao a.on b{ display:block;}
.biao a.on{ color:#efb621;}
}

@media only screen and (max-width:767px) {
.biao{ width:100%; height:44px; background-color:#fff; text-align:center; border-bottom:1px solid #EEEFF0;}
.biao ul{ display:block; overflow:hidden; margin:auto;}
.biao li{ display:block; float:left; overflow:hidden; height:44px;}
.biao a{ width:100px; overflow:hidden; display:block; line-height:42px; height:44px; font-size:15px; color:#666;}
.biao a b{ width:100%; height:2px; background-color:#efb621; display:none;}
.biao a.on b{ display:block;}
.biao a.on{ color:#efb621;}
}

@media screen and (min-width:1200px){
.con{ width:1150px; margin:auto;}
.con ul{ width:1180px; display:block; overflow:hidden;}
.con ul li{ width:265px; display:block; float:left; margin-top:30px; margin-right:30px;}
.con ul.ll01 li strong{ width:263px; height:178px; display:block; overflow:hidden; border:1px solid #cacaca;}
.con ul.ll li span{ width:253px; height:128px; padding:5px; border:1px solid #cacaca; display:block; overflow:hidden;}
.con ul.ll li strong{ width:253px; height:128px; display:table; vertical-align:middle; text-align:center;}
.con ul.ll li strong b{ width:100%; height:128px; display:table-cell; vertical-align:middle; text-align:center;}
.con ul.ll li strong b img{ max-width:100%; max-height:128px;}
.con ul li strong img{
	width:100%;
	transition-delay:0s;
    transition-duration:1s;
    transition-property:all;
    transition-timing-function:ease;
	/* Firefox 4 */
	-moz-transition-delay:0s;
    -moz-transition-duration:1s;
    -moz-transition-property:all;
    -moz-transition-timing-function:ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay:0s;
    -webkit-transition-duration:1s;
    -webkit-transition-property:all;
    -webkit-transition-timing-function:ease;
	/* Opera */
	-o-transition-delay:0s;
    -o-transition-duration:1s;
    -o-transition-property:all;
    -o-transition-timing-function:ease;
}
.con ul li p{ width:100%; height:38px; line-height:38px; display:block; text-align:center; color:#333; font-size:14px; border-bottom:2px solid #cacaca;}
.con ul li:hover p{ border-bottom:2px solid #efb621; color:#efb621;}
.con ul li:hover strong img{
	transform:scale(1.1, 1.1);
	-ms-transform:scale(1.1, 1.1); 	/* IE 9 */
	-moz-transform:scale(1.1, 1.1); 	/* Firefox */
	-webkit-transform:scale(1.1, 1.1); /* Safari 和 Chrome */
	-o-transform:scale(1.1, 1.1); 	/* Opera */

}

.fanye{ width:100%; margin:30px auto; display:table; vertical-align:middle;}
.fanye h1{ display:table-cell; font-weight:normal; text-align:left; font-size:16px; height:36px; line-height:36px; color:#29323E;}
.fanye h2{ display:table-cell; font-weight:normal; text-align:right; width:102px; border:1px solid #cacaca; border-radius:4px;}
.fanye h2 select{ width:100%;padding-left:27px; box-sizing:border-box; display:block; height:34px; line-height:34px; font-size:14px; text-align:left; background-color:transparent; color:#29323E;}
.fanye p{ display:table-cell; text-align:center;}
.fanye p span{ display:inline-table; width:34px; line-height:34px; font-size:14px; text-align:center; margin:0 5px; background:#efb621; border:1px solid #efb621; color:#fff; border-radius:4px;}
.fanye p a{ display:inline-table; width:34px; line-height:34px; font-size:14px; text-align:center; margin:0 5px; border:1px solid #cacaca; color:#9FA9BA; border-radius:4px;}
.fanye p strong{ display:inline-table; height:36px; margin-left:10px; font-size:14px; font-weight:normal; color:#29323E;}
.fanye p strong input{ text-align:left; width:40px; padding:0 5px; margin:0 5px; display:inline-table; height:34px; line-height:34px; font-size:14px; border:1px solid #cacaca; border-radius:4px; font-size:14px; background-color:transparent; color:#29323E;}
.fanye p .prev,.fanye p .next{ color:#C5CCD5;}
}

@media screen and (min-width:768px) and (max-width:1199px) {
.con{ width:100%; margin:auto;}
.con ul{ width:100%; display:block; overflow:hidden;}
.con ul li{ width:29.33%; display:block; float:left; margin-top:3%; margin-left:3%; overflow:hidden;}
.con ul.ll01 li strong{ width:100%; height:158px; border:1px solid #cacaca; box-sizing:border-box; display:block; overflow:hidden;}
.con ul.ll li span{ width:100%; height:130px; box-sizing:border-box; padding:5px; border:1px solid #cacaca; display:block; overflow:hidden;}
.con ul.ll li strong{ width:100%; height:118px; display:table; vertical-align:middle; text-align:center;}
.con ul.ll li strong b{ width:100%; height:118px; display:table-cell; vertical-align:middle; text-align:center;}
.con ul.ll li strong b img{ max-width:100%; max-height:128px;}
.con ul li strong img{ 
	width:100%;
	transition-delay:0s;
    transition-duration:1s;
    transition-property:all;
    transition-timing-function:ease;
	/* Firefox 4 */
	-moz-transition-delay:0s;
    -moz-transition-duration:1s;
    -moz-transition-property:all;
    -moz-transition-timing-function:ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay:0s;
    -webkit-transition-duration:1s;
    -webkit-transition-property:all;
    -webkit-transition-timing-function:ease;
	/* Opera */
	-o-transition-delay:0s;
    -o-transition-duration:1s;
    -o-transition-property:all;
    -o-transition-timing-function:ease;
}
.con ul li p{ width:100%; height:30px; line-height:30px; display:block; text-align:center; color:#333; font-size:14px; border-bottom:2px solid #cacaca;}
.con ul li:hover p{ border-bottom:2px solid #efb621; color:#efb621;}
.con ul li:hover strong img{
	transform:scale(1.1, 1.1);
	-ms-transform:scale(1.1, 1.1); 	/* IE 9 */
	-moz-transform:scale(1.1, 1.1); 	/* Firefox */
	-webkit-transform:scale(1.1, 1.1); /* Safari 和 Chrome */
	-o-transform:scale(1.1, 1.1); 	/* Opera */

}

.fanye{ width:94%; margin:5% auto; display:table; vertical-align:middle;}
.fanye h1{ display:table-cell; font-weight:normal; text-align:left; font-size:16px; height:36px; line-height:36px; color:#29323E;}
.fanye h2{ display:table-cell; font-weight:normal; text-align:right; width:102px; border:1px solid #cacaca; border-radius:4px;}
.fanye h2 select{ width:100%; padding-left:27px; box-sizing:border-box; display:block; height:34px; line-height:34px; font-size:14px; text-align:left; background-color:transparent; color:#29323E;}
.fanye p{ display:table-cell; text-align:center;}
.fanye p span{ display:inline-table; width:34px; line-height:34px; font-size:14px; text-align:center; margin:0 5px; background:#efb621; border:1px solid #efb621; color:#fff; border-radius:4px;}
.fanye p a{ display:inline-table; width:34px; line-height:34px; font-size:14px; text-align:center; margin:0 5px; border:1px solid #cacaca; color:#9FA9BA; border-radius:4px;}
.fanye p strong{ display:inline-table; height:36px; margin-left:10px; font-size:14px; font-weight:normal; color:#29323E;}
.fanye p strong input{ text-align:left; width:40px; padding:0 5px; margin:0 5px; display:inline-table; height:34px; line-height:34px; font-size:14px; border:1px solid #cacaca; border-radius:4px; font-size:14px; background-color:transparent; color:#29323E;}
.fanye p .prev,.fanye p .next{ color:#C5CCD5;}
}

@media only screen and (max-width:767px) {
.con{ width:100%; margin:auto;}
.con ul{ width:100%; display:block; overflow:hidden;}
.con ul li{ width:45.5%; display:block; float:left; margin-top:3%; margin-left:3%; overflow:hidden;}
.con ul.ll01 li strong{ width:100%; height:138px; border:1px solid #cacaca; box-sizing:border-box; display:block; overflow:hidden;}
.con ul.ll li span{ width:100%; height:110px; box-sizing:border-box; padding:5px; border:1px solid #cacaca; display:block; overflow:hidden;}
.con ul.ll li strong{ width:100%; height:98px; display:table; vertical-align:middle; text-align:center;}
.con ul.ll li strong b{ width:100%; height:98px; display:table-cell; vertical-align:middle; text-align:center;}
.con ul.ll li strong b img{ max-width:100%; max-height:98px;}
.con ul li strong img{
	width:100%;
	transition-delay:0s;
    transition-duration:1s;
    transition-property:all;
    transition-timing-function:ease;
	/* Firefox 4 */
	-moz-transition-delay:0s;
    -moz-transition-duration:1s;
    -moz-transition-property:all;
    -moz-transition-timing-function:ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay:0s;
    -webkit-transition-duration:1s;
    -webkit-transition-property:all;
    -webkit-transition-timing-function:ease;
	/* Opera */
	-o-transition-delay:0s;
    -o-transition-duration:1s;
    -o-transition-property:all;
    -o-transition-timing-function:ease;
}
.con ul li p{ width:100%; height:30px; line-height:30px; display:block; text-align:center; color:#333; font-size:14px; border-bottom:2px solid #cacaca;}
.con ul li:hover p{ border-bottom:2px solid #efb621; color:#efb621;}
.con ul li:hover strong img{
	transform:scale(1.1, 1.1);
	-ms-transform:scale(1.1, 1.1); 	/* IE 9 */
	-moz-transform:scale(1.1, 1.1); 	/* Firefox */
	-webkit-transform:scale(1.1, 1.1); /* Safari 和 Chrome */
	-o-transform:scale(1.1, 1.1); 	/* Opera */

}

.fanye{ width:94%; margin:5% auto; display:table; vertical-align:middle;}
.fanye h1{ display:none;}
.fanye h2{ display:none;}
.fanye p{ display:table-cell; text-align:center;}
.fanye p span{ display:inline-table; width:24px; line-height:24px; font-size:14px; text-align:center; margin:0 5px; background:#efb621; border:1px solid #efb621; color:#fff; border-radius:4px;}
.fanye p a{ display:inline-table; width:24px; line-height:24px; font-size:14px; text-align:center; margin:0 5px; border:1px solid #cacaca; color:#9FA9BA; border-radius:4px;}
.fanye p strong{ display:inline-table; height:26px; margin-left:10px; font-size:14px; font-weight:normal; color:#29323E;}
.fanye p strong input{ text-align:left; width:40px; padding:0 5px; margin:0 5px; display:inline-table; height:24px; line-height:24px; font-size:14px; border:1px solid #cacaca; border-radius:4px; font-size:14px; background-color:transparent; color:#29323E;}
.fanye p .prev,.fanye p .next{ color:#C5CCD5;}
}

/*新闻*/
@media screen and (min-width:1200px){
.xwen{ width:100%; background-color:#f8f8f8;}

.xwen .list{ width:1150px; margin:auto;}
.xwen .list ul{ width:1180px; display:block; overflow:hidden;}
.xwen .list ul li{ width:363px; margin-right:30.33px; display:block; margin-top:30px; float:left; overflow:hidden; background-color:#fff;}
.xwen .list ul li strong{ width:100%; display:block; height:260px; overflow:hidden; position:relative;}
.xwen .list ul li strong img{ height:100%; display:block;}
.xwen .list ul li strong span{ display:block; position:absolute; left:0; bottom:0; font-weight:normal; background:rgba(100%,100%,100%,0.9); width:113px; text-align:center; font-size:14px; color:#999999; height:40px; line-height:40px;}
.xwen .list ul li h1{ font-weight:normal; display:block; overflow:hidden; width:302px; margin:22px auto; height:26px; line-height:26px; overflow:hidden; font-size:18px; color:#333333;}
.xwen .list ul li b{ width:70px; height:2px; display:block; margin-left:24px; background:#333333;}
.xwen .list ul li p{ width:302px; margin:22px auto; font-size:14px; color:#999999;line-height:26px; height:104px; overflow:hidden; display:block;}
.xwen .list ul li:hover{ box-shadow:0 10px 20px 0 rgba(0,0,0,0.05);}
.xwen .list ul li:hover h1{ color:#efb621;}
}

@media screen and (min-width:768px) and (max-width:1199px) {
.xwen{ width:100%; background-color:#f8f8f8;}
.xwen .list{ width:100%; margin:auto;}
.xwen .list ul{ width:100%; display:block; overflow:hidden;}
.xwen .list ul li{ width:45.5%; margin-left:3%; display:block; margin-top:3%; float:left; overflow:hidden; background-color:#fff;}
.xwen .list ul li strong{ width:100%; display:block; height:200px; overflow:hidden; position:relative;}
.xwen .list ul li strong img{ width:100%; display:block;}
.xwen .list ul li strong span{ display:block; position:absolute; left:0; bottom:0; font-weight:normal; background:rgba(100%,100%,100%,0.9); width:113px; text-align:center; font-size:14px; color:#999999; height:40px; line-height:40px;}
.xwen .list ul li h1{ font-weight:normal; display:block; overflow:hidden; width:94%; margin:3%; height:26px; line-height:26px; overflow:hidden; font-size:18px; color:#333333;}
.xwen .list ul li b{ width:70px; height:2px; display:block; margin-left:3%; background:#333333;}
.xwen .list ul li p{ width:94%; margin:3%; font-size:14px; color:#999999;line-height:26px; height:104px; overflow:hidden; display:block;}
.xwen .list ul li:hover{ box-shadow:0 10px 20px 0 rgba(0,0,0,0.05);}
.xwen .list ul li:hover h1{ color:#efb621;}
}

@media only screen and (max-width:767px) {
.xwen{ width:100%; background-color:#f8f8f8;}
.xwen .list{ width:100%; margin:auto;}
.xwen .list ul{ width:100%; display:block; overflow:hidden;}
.xwen .list ul li{ width:45.5%; margin-left:3%; display:block; margin-top:3%; float:left; overflow:hidden; background-color:#fff;}
.xwen .list ul li strong{ width:100%; display:block; height:120px; overflow:hidden; position:relative;}
.xwen .list ul li strong img{ height:120px; display:block;}
.xwen .list ul li strong span{ display:block; position:absolute; left:0; bottom:0; font-weight:normal; background:rgba(100%,100%,100%,0.9); width:113px; text-align:center; font-size:14px; color:#999999; height:30px; line-height:30px;}
.xwen .list ul li h1{ font-weight:normal; display:block; overflow:hidden; width:94%; margin:3%; height:26px; line-height:26px; overflow:hidden; font-size:16px; color:#333333;}
.xwen .list ul li b{ width:70px; height:2px; display:block; margin-left:3%; background:#333333;}
.xwen .list ul li p{ width:94%; margin:3%; font-size:14px; color:#999999;line-height:26px; height:104px; overflow:hidden; display:block;}
.xwen .list ul li:hover{ box-shadow:0 10px 20px 0 rgba(0,0,0,0.05);}
.xwen .list ul li:hover h1{ color:#efb621;}
}

/*新闻内页*/
@media screen and (min-width:1200px){
.con .wen{ width:100%; font-size:14px; line-height:24px; color:#333; padding-top:20px;}
.con .tou{ text-align:center; font-size:18px; color:#efb621; line-height:40px; margin-top:3%;}
.con .sj{ font-size:14px; text-align:center; line-height:20px; color:#666; border-bottom:1px solid #cacaca; margin:auto; padding-bottom:1%;}
.con .back{ width:100%; margin:3% auto;}
.con .back .pre{ width:80%; overflow:hidden; height:24px; overflow:hidden; font-size:14px; color:#333; line-height:24px;}
.con .back .pre a{ color:#333;}
.con .back .pre a:hover{ color:#efb621;}
.con .fh a{ color:#efb621; font-size:14px;}
}

@media screen and (min-width:768px) and (max-width:1199px) {
.con .wen{ width:94%; margin:auto; font-size:14px; line-height:24px; color:#333; padding-top:3%;}
.con .tou{ width:94%; margin:auto; text-align:center; font-size:18px; color:#efb621; line-height:40px; margin-top:3%;}
.con .sj{ width:94%; font-size:14px; text-align:center; line-height:20px; color:#666; border-bottom:1px solid #cacaca; padding:1% 3%;}
.con .back{ width:94%; margin:3% auto;}
.con .back .pre{ width:80%; overflow:hidden; height:24px; overflow:hidden; font-size:14px; color:#333; line-height:24px;}
.con .back .pre a{ color:#333;}
.con .back .pre a:hover{ color:#efb621;}
.con .fh a{ color:#efb621; font-size:14px;}
}

@media only screen and (max-width:767px) {
.con .wen{ width:94%; margin:auto; font-size:14px; line-height:24px; color:#333; padding-top:3%;}
.con .tou{ width:94%; margin:auto; text-align:center; font-size:16px; color:#efb621; line-height:26px; margin-top:3%;}
.con .sj{ width:94%; font-size:14px; text-align:center; line-height:20px; color:#666; border-bottom:1px solid #cacaca; padding:1% 3%;}
.con .back{ width:94%; margin:3% auto;}
.con .back .pre{ display:none;}
.con .fh{ width:100%; text-align:center;}
.con .fh a{ color:#efb621; font-size:14px;}
}

/*应用领域*/
@media screen and (min-width:1200px){
.abox{ width:1150px; margin:auto; padding:40px 0; background:#fff; margin:5% auto;}
.abox .title{ width:100%; text-align:center; font-size:30px; line-height:42px; height:42px; color:#333;}
.abox .tou{ width:580px; margin:auto; margin-top:20px; font-size:16px; color:#666666; text-align:center; line-height:28px;}
.abox .wen{ width:100%; margin-top:40px;}
.abox .wen .tu{ width:472px; height:362px; float:left; overflow:hidden; margin-left:50px;}
.abox .wen .tu img{ width:100%;}
.abox .wen ul{ width:550px; display:block; float:left; margin-left:50px; margin-top:-30px;}
.abox .wen ul li{ width:100%; display:block; overflow:hidden; margin-top:30px;}
.abox .wen ul li strong{ width:48px; display:block; float:left; overflow:hidden;}
.abox .wen ul li strong img{ width:100%; display:block;}
.abox .wen ul li p{ width:480px; display:block; float:right; overflow:hidden;}
.abox .wen ul li p span{ display:block; font-size:20px; color:#333333; line-height:28px;}
.abox .wen ul li p a{ width:100%; display:block; font-size:14px; color:#666; line-height:28px; margin-top:8px; overflow:hidden;}

.xbox{ width:1150px; margin:auto; padding:70px 0; background:#fff; margin-bottom:5%; box-shadow:0 10px 20px 0 rgba(0,0,0,0.08);}
.xbox .title{ width:100%; text-align:center;}
.xbox .title span{ display:block; font-size:30px; line-height:42px; height:42px; color:#333;}
.xbox .title p{ display:block; padding-top:6px; text-align:center; vertical-align:middle;}
.xbox .title p b{ width:19px; height:1px; display:inline-block; background-color:#999; vertical-align:middle;}
.xbox .title p a{ height:17px; display:inline-block; line-height:17px; color:#999; margin-left:10px; font-size:12px; text-transform:uppercase; letter-spacing:10px;}
.xbox .xx{ width:94%; margin:0 3%; display:block;}
.xbox .xx li{ width:11.25%; height:50px; margin-left:4.6428%; float:left; overflow:hidden; display:block; margin-top:40px;}
.xbox .xx li span{ width:100%; height:50px; overflow:hidden; display:table; text-align:center; vertical-align:middle;}
.xbox .xx li span img{ max-width:100%; max-height:50px; display:inline-block; text-align:center; vertical-align:middle;}
}

@media screen and (min-width:768px) and (max-width:1199px) {
.abox{ width:94%; margin:auto; padding:5% 0; background:#fff; margin:3% auto;}
.abox .title{ width:100%; text-align:center; font-size:30px; line-height:42px; height:42px; color:#333;}
.abox .tou{ width:94%; margin:auto; margin-top:2%; font-size:16px; color:#666666; text-align:center; line-height:28px;}
.abox .wen{ width:100%; margin-top:3%;}
.abox .wen .tu{ width:94%; float:left; overflow:hidden; margin-left:3%;}
.abox .wen .tu img{ width:100%;}
.abox .wen ul{ width:94%; display:block; float:left; margin-left:3%;}
.abox .wen ul li{ width:100%; display:block; overflow:hidden; margin-top:3%;}
.abox .wen ul li strong{ width:16%; display:block; float:left; overflow:hidden;}
.abox .wen ul li strong img{ width:100%; display:block;}
.abox .wen ul li p{ width:80%; display:block; float:right; overflow:hidden;}
.abox .wen ul li p span{ display:block; font-size:20px; color:#333333; line-height:28px;}
.abox .wen ul li p a{ width:100%; display:block; font-size:14px; color:#666; line-height:28px; margin-top:8px; overflow:hidden;}

.xbox{ width:94%; margin:auto; padding:5% 0; background:#fff; margin-bottom:3%; box-shadow:0 10px 20px 0 rgba(0,0,0,0.08);}
.xbox .title{ width:100%; text-align:center;}
.xbox .title span{ display:block; font-size:30px; line-height:42px; height:42px; color:#333;}
.xbox .title p{ display:block; padding-top:6px; text-align:center; vertical-align:middle;}
.xbox .title p b{ width:19px; height:1px; display:inline-block; background-color:#999; vertical-align:middle;}
.xbox .title p a{ height:17px; display:inline-block; line-height:17px; color:#999; margin-left:10px; font-size:12px; text-transform:uppercase; letter-spacing:10px;}
.xbox .xx{ width:100%; display:block;}
.xbox .xx li{ width:29%; height:50px; margin-left:3.33%; float:left; overflow:hidden; display:block; margin-top:4%;}
.xbox .xx li span{ width:100%; height:50px; overflow:hidden; display:table; text-align:center; vertical-align:middle;}
.xbox .xx li span img{ max-width:100%; max-height:50px; display:inline-block; text-align:center; vertical-align:middle;}
}

@media only screen and (max-width:767px) {
.abox{ width:94%; margin:auto; padding:5% 0; background:#fff; margin:3% auto;}
.abox .title{ width:100%; text-align:center; font-size:24px; line-height:36px; height:36px; color:#333;}
.abox .tou{ width:94%; margin:auto; margin-top:2%; font-size:14px; color:#666666; text-align:center; line-height:26px;}
.abox .wen{ width:100%; margin-top:3%;}
.abox .wen .tu{ width:94%; float:left; overflow:hidden; margin-left:3%;}
.abox .wen .tu img{ width:100%;}
.abox .wen ul{ width:94%; display:block; float:left; margin-left:3%;}
.abox .wen ul li{ width:100%; display:block; overflow:hidden; margin-top:3%;}
.abox .wen ul li strong{ width:16%; display:block; float:left; overflow:hidden;}
.abox .wen ul li strong img{ width:100%; display:block;}
.abox .wen ul li p{ width:80%; display:block; float:right; overflow:hidden;}
.abox .wen ul li p span{ display:block; font-size:16px; color:#333333; line-height:28px;}
.abox .wen ul li p a{ width:100%; display:block; font-size:14px; color:#666; line-height:26px; overflow:hidden;}

.xbox{ width:94%; margin:auto; padding:5% 0; background:#fff; margin-bottom:3%; box-shadow:0 10px 20px 0 rgba(0,0,0,0.08);}
.xbox .title{ width:100%; text-align:center;}
.xbox .title span{ display:block; font-size:24px; line-height:42px; height:42px; color:#333;}
.xbox .title p{ display:block; text-align:center; vertical-align:middle;}
.xbox .title p b{ width:19px; height:1px; display:inline-block; background-color:#999; vertical-align:middle;}
.xbox .title p a{ height:17px; display:inline-block; line-height:17px; color:#999; margin:0 2px; font-size:12px; text-transform:uppercase;}
.xbox .xx{ width:100%; display:block;}
.xbox .xx li{ width:29%; height:50px; margin-left:3.33%; float:left; overflow:hidden; display:block; margin-top:4%;}
.xbox .xx li span{ width:100%; height:50px; overflow:hidden; display:table; text-align:center; vertical-align:middle;}
.xbox .xx li span img{ max-width:100%; max-height:50px; display:inline-block; text-align:center; vertical-align:middle;}
}

/*人才战略*/
@media screen and (min-width:1200px){
.xyzp_lc{ width:100%; background-size:cover; height:445px; text-align:center; background:url(../images/bingshan.jpg) no-repeat center center; width:100%;}
.xyzp_lc div{ max-width:1100px; margin:0 auto; padding-top:8%;}
.xyzp_lc div img{ max-width:100%;}
.xyzp_box {
    width: 1150px;
    margin: 0 auto;
}
.xyzp_box .xz_xc_hd {
    text-align: center;
    font-size: 36px;
    color: #003677;
    letter-spacing: 2px;
}
.xyzp_box .xz_gw_main .hd{
    box-shadow: 1px 0px 8px #eaeaea;
    margin-top: 4%;
}
.xyzp_box .xz_gw_main .hd p{
    width: 25%;
    height: 100%;
    background: #003677;
    color: #fff;
    text-align: center;
    font-size: 24px;
	height:60px;
	line-height:60px;
	display:block;
	float:left;
	overflow:hidden;
}
.xyzp_box .xz_gw_main .hd ul {
    width: 75%;
	display:block;
	float:left;
	height:60px;
	overflow:hidden;
}
.xyzp_box .xz_gw_main .hd ul li {
    width: 14.25%;
    float: left;
    padding: 15px 0;
	display:block;
	line-height:30px;
    font-size: 24px;
    text-align: center;
	cursor:pointer;
	
}
.xyzp_box .xz_gw_main .hd ul li.on{ color:#003677;}

.xyzp_box .xz_gw_main .bd{ width:100%;}
.xyzp_box .xz_gw_main .bd dl{ display:block; overflow:hidden; width:100%;}
.xyzp_box .xz_gw_main .bd dl dt {
    padding: 5% 0;
    border-bottom: 1px solid #f0f0f0;
	display:block; overflow:hidden;
}
.xyzp_box .xz_gw_main .bd dl dt .xz_tabs_lt {
    width: 30%;
    text-align: center;
	overflow:hidden;
}
.xyzp_box .xz_gw_main .bd dl dt .xz_tabs_lt img{ width:100%; display:block;}
.xyzp_box .xz_gw_main .bd dl dt .xz_tabs_rt {
    width: 70%;
    font-size: 18px;
    padding-top: 3%;
}
.xyzp_box .xz_gw_main .bd dl dt .xz_tabs_rt div {
    margin-bottom: 15px; color:#666;
}
.xz_gw_main{ width:100%; padding-top:4%;}
.xz_gw_main table{ width:100%;  max-width:100%; background-color:#fff;}
.xz_gw_main table thead tr td{ background:#003677;}
.xz_gw_main table tbody tr td{ background:#f8f8f8;}
.xz_gw_main table thead tr td span{ display:block; color:#fff; text-align:center; padding:10px 3px;  font-size:18px;}
.xz_gw_main table tbody tr td span{ display:block; text-align:center; font-size:16px; padding:18px 3px;}
}

@media screen and (min-width:768px) and (max-width:1199px) {
.xyzp_lc{ width:100%; height:445px; text-align:center; background:url(../images/bingshan.jpg) no-repeat center center; width:100%; background-size:cover;}
.xyzp_lc div{ max-width:94%; margin:0 auto; padding-top:8%;}
.xyzp_lc div img{ max-width:100%;}
.xyzp_box {
    width: 94%;
    margin: 0 auto;
}
.xyzp_box .xz_xc_hd {
    text-align: center;
    font-size:24px;
    color: #003677;
    letter-spacing: 2px;
}
.xyzp_box .xz_gw_main .hd{
    box-shadow: 1px 0px 8px #eaeaea;
    margin-top: 4%;
}
.xyzp_box .xz_gw_main .hd p{
    width: 25%;
    height: 100%;
    background: #003677;
    color: #fff;
    text-align: center;
    font-size:18px;
	height:40px;
	line-height:40px;
	display:block;
	float:left;
	overflow:hidden;
}
.xyzp_box .xz_gw_main .hd ul {
    width: 75%;
	display:block;
	float:left;
	height:40px;
	overflow:hidden;
}
.xyzp_box .xz_gw_main .hd ul li {
    width: 14.25%;
    float: left;
	display:block;
	line-height:40px;
    font-size:18px;
    text-align: center;
	cursor:pointer;
	
}
.xyzp_box .xz_gw_main .hd ul li.on{ color:#003677;}

.xyzp_box .xz_gw_main .bd{ width:100%;}
.xyzp_box .xz_gw_main .bd dl{ display:block; overflow:hidden; width:100%;}
.xyzp_box .xz_gw_main .bd dl dt {
    padding: 5% 0;
    border-bottom: 1px solid #f0f0f0;
	display:block; overflow:hidden;
}
.xyzp_box .xz_gw_main .bd dl dt .xz_tabs_lt {
    width: 30%;
    text-align: center;
	overflow:hidden;
}
.xyzp_box .xz_gw_main .bd dl dt .xz_tabs_lt img{ width:100%; display:block;}
.xyzp_box .xz_gw_main .bd dl dt .xz_tabs_rt {
    width: 70%;
    font-size: 18px;
    padding-top: 3%;
}
.xyzp_box .xz_gw_main .bd dl dt .xz_tabs_rt div {
    margin-bottom: 15px; color:#666;
}
.xz_gw_main{ width:94%; margin:auto;}
.xz_gw_main table{ width:100%;  max-width:100%; background-color:#fff;}
.xz_gw_main table thead tr td{ background:#003677;}
.xz_gw_main table tbody tr td{ background:#f8f8f8;}
.xz_gw_main table thead tr td span{ display:block; color:#fff; text-align:center; padding:10px 3px;  font-size:18px;}
.xz_gw_main table tbody tr td span{ display:block; text-align:center; font-size:16px; padding:18px 3px;}
}

@media only screen and (max-width:767px) {
.xyzp_lc{ width:100%; background-size:cover; height:160px; text-align:center; background:url(../images/bingshan.jpg) no-repeat center center; width:100%; background-size:cover;}
.xyzp_lc div{ max-width:94%; margin:0 auto; padding-top:5%;}
.xyzp_lc div img{ max-width:100%;}
.xyzp_box {
    width: 94%;
    margin: 0 auto;
}
.xyzp_box .xz_xc_hd {
    text-align: center;
    font-size:24px;
    color: #003677;
    letter-spacing: 2px;
}
.xyzp_box .xz_gw_main .hd{
    box-shadow: 1px 0px 8px #eaeaea;
    margin-top: 4%;
}
.xyzp_box .xz_gw_main .hd p{
    width: 25%;
    height: 100%;
    background: #003677;
    color: #fff;
    text-align: center;
    font-size:18px;
	height:40px;
	line-height:40px;
	display:block;
	float:left;
	overflow:hidden;
}
.xyzp_box .xz_gw_main .hd ul {
    width: 75%;
	display:block;
	float:left;
	height:40px;
	overflow:hidden;
}
.xyzp_box .xz_gw_main .hd ul li {
    width: 14.25%;
    float: left;
	display:block;
	line-height:40px;
    font-size:18px;
    text-align: center;
	cursor:pointer;
	
}
.xyzp_box .xz_gw_main .hd ul li.on{ color:#003677;}
.xz_gw_main{ width:94%; margin:auto; padding-top:4%;}
.xz_gw_main table{ width:100%;  max-width:100%; background-color:#fff;}
.xz_gw_main table thead tr td{ background:#003677;}
.xz_gw_main table tbody tr td{ background:#f8f8f8;}
.xz_gw_main table thead tr td span{ display:block; color:#fff; text-align:center; padding:3px;  font-size:16px;}
.xz_gw_main table tbody tr td span{ display:block; text-align:center; font-size:14px; padding:3px;}
}

/*联系我们*/
@media screen and (min-width:1200px){
.cbp_tmtime{ display:none !important;}
.cbp_tmicon,.cbp_tmtimeline:before{ left:35px !important;}
.cbp_tmtimeline > li .cbp_tmlabel{ margin-left:80px !important;}
#container{ width:1150px; margin:auto; height:400px; margin-bottom:70px;}
.foot_contact{ width:1150px; margin:auto; margin-bottom:6%;}
/*.con .wen01{ width:47%; float: right; font-size:14px; line-height:24px; color:#333; margin: 50px 0;}*/
.lx{ width:1144px; display:block; overflow:hidden; margin:70px auto;}
.lx li{ width:186px; display:block; float:left; margin:0 20px; overflow:hidden; padding:30px; background-color:#f7f7f7;}
.lx li strong{ width:40px; height:40px; display:block; margin:auto; overflow:hidden;}
.lx li strong img{ display:block; width:100%;}
.lx li b{ width:100%; height:3px; display:block; margin:30px auto; overflow:hidden; position:relative;}
.lx li b img{ display:block; width:268px; position:absolute; left:50%; margin-left:-134px; top:0;}
.lx li p{ width:100%; line-height:34px; height:140px; font-size:14px; text-align:center; vertical-align:middle; display:table; margin:auto; overflow:hidden;}
.lx li p span{ display:table-cell; width:100%; height:140px; text-align:center; vertical-align:middle;}
.lx li p img{ display:block; margin:auto; max-width:100%; width:140px;}
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
	.cbp_tmtime{ display:none !important;}
.cbp_tmicon,.cbp_tmtimeline:before{ left:35px !important;}
.cbp_tmtimeline > li .cbp_tmlabel{ margin-left:80px !important;}
#container{ width:94%; margin:auto; height:360px; margin-bottom:40px;}
.foot_contact{ width: 94%; margin:auto; margin-bottom:6%;}
/*.con .wen01{ width:47%; float: left; font-size:14px; line-height:24px; color:#333; margin: 40px 0;}*/
.lx{ width:100%; display:block; overflow:hidden; margin:40px auto; margin-top:20px;}
.lx li{ width:40%; display:block; float:left; margin:0 2%; margin-top:20px; overflow:hidden; padding:3%; background-color:#f7f7f7;}
.lx li strong{ width:40px; height:40px; display:block; margin:auto; overflow:hidden;}
.lx li strong img{ display:block; width:100%;}
.lx li b{ width:100%; height:3px; display:block; margin:20px auto; overflow:hidden; position:relative;}
.lx li b img{ display:block; width:268px; position:absolute; left:50%; margin-left:-134px; top:0;}
.lx li p{ width:100%; line-height:34px; height:120px; font-size:14px; text-align:center; vertical-align:middle; display:table; margin:auto; overflow:hidden;}
.lx li p span{ display:table-cell; width:100%; height:120px; text-align:center; vertical-align:middle;}
.lx li p img{ display:block; margin:auto; max-width:100%; width:120px;}
}

@media only screen and (max-width: 767px) {
.cbp_tmtimeline > li .cbp_tmicon {
    position: relative;
    float: none !important;
    left: auto;
	margin-left:10px !important;
	margin-bottom:20px !important;
	}
#container{ width:94%; margin:auto; height:220px; margin-bottom:3%;}
.foot_contact{ width: 94%; margin:auto; margin-bottom:6%;}
/*.con .wen01{ width:94%; float: right; font-size:14px; line-height:24px; color:#333; margin: 3%;}*/
.lx{ width:100%; display:block; overflow:hidden; margin:auto; margin-bottom:3%;}
.lx li{ width:40%; display:block; float:left; margin:0 2%; margin-top:3%; overflow:hidden; padding:3%; background-color:#f7f7f7;}
.lx li strong{ width:40px; height:40px; display:block; margin:auto; overflow:hidden;}
.lx li strong img{ display:block; width:100%;}
.lx li b{ width:100%; height:3px; display:block; margin:20px auto; overflow:hidden; position:relative;}
.lx li b img{ display:block; width:268px; position:absolute; left:50%; margin-left:-134px; top:0;}
.lx li p{ width:100%; line-height:34px; height:100px; font-size:14px; text-align:center; vertical-align:middle; display:table; margin:auto; overflow:hidden;}
.lx li p span{ display:table-cell; width:100%; height:100px; text-align:center; vertical-align:middle;}
.lx li p img{ display:block; margin:auto; max-width:100%; width:100px;}
}


/*弹框*/
#btn1{ cursor: pointer;}
.xcConfirm .xc_layer{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #666666; opacity: 0.5; z-index: 2147000000;}
.xcConfirm .popBox{position: fixed; left: 50%; top: 50%; padding-bottom: 20px; background-color: #ffffff; z-index: 2147000001; width: 570px; margin-left: -285px; margin-top: -160px; border-radius: 5px; font-weight: bold; color: #535e66;}
.xcConfirm .popBox .ttBox{height: 30px; line-height: 30px; padding: 14px 30px; border-bottom: solid 1px #eef0f1;}
.xcConfirm .popBox .ttBox .tt{font-size: 18px; display: block; float: left; height: 30px; position: relative;}
.xcConfirm .popBox .ttBox .clsBtn{display: block; cursor: pointer; width: 12px; height: 12px; position: absolute; top: 22px; right: 30px; background: url(__PUBLIC__/Home/PC/images/icons.png) -48px -96px no-repeat;}
.xcConfirm .popBox .txtBox{margin: 40px 100px; overflow: hidden;}
.xcConfirm .popBox .txtBox .bigIcon{float: left; margin-right: 20px; width: 48px; height: 48px; background-image: url(__PUBLIC__/Home/PC/images/icons.png); background-repeat: no-repeat; background-position: 48px 0;}
.xcConfirm .popBox .txtBox p{ margin-top: 16px; line-height: 26px; overflow-x: hidden; overflow-y: auto;}
.xcConfirm .popBox .btnArea{border-top: solid 1px #eef0f1;}
.xcConfirm .popBox .btnGroup{float: right;}
.xcConfirm .popBox .btnGroup .sgBtn{margin-top: 14px; margin-right: 10px;}
.xcConfirm .popBox .sgBtn{display: block; cursor: pointer; float: left; width: 95px; height: 35px; line-height: 35px; text-align: center; color: #FFFFFF; border-radius: 5px;}
.xcConfirm .popBox .sgBtn.ok{background-color: #0095d9; color: #FFFFFF;}
.xcConfirm .popBox .sgBtn.cancel{background-color: #546a79; color: #FFFFFF;}

.foot_contact .foot_contact_a {
    color: #323232;
    font-size: 18px;
    margin-bottom: 30px;
}
.foot_contact_b1{
    width: 35%;
	float:left;
	margin-right:5%;
}
.foot_contact_b2{
    width: 35%;
	float:left;
	margin-right:5%;
}
.foot_contact_b3{
    width:20%;
	float:left;
}
.foot_contact_b1 input {
    width: 100%;
    height: 45px;
    line-height: 45px;
    padding-left: 10px;
	box-sizing:border-box;
    border: 1px solid #dddddd;
}
.foot_contact_b2 input {
    width: 100%;
    height: 45px;
    line-height: 45px;
    padding-left: 10px;
	box-sizing:border-box;
    border: 1px solid #dddddd;
}
.foot_contact_b3 input {
    font-size: 18px;
    letter-spacing: 3px;
    width: 100%;
    height: 45px;
    line-height: 45px;
	box-sizing:border-box;
    color: #fff;
    background: #003677;
    border: 1px solid #003677;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.foot_contact_b3 input:hover{
	background: #666;
	border: 1px solid #666;
	@include transition(all 0.3s);
}

/*分销*/
.index_sharing {
    position: fixed;
    left: 0;
    top: 40%;
    margin: auto;
    z-index: 999;
}
.bdshare-button-style0-16 {
    zoom: 1;
}
.index_sharing .bdsharebuttonbox a,.bds_tsina {
    display: block;
    width: 50px;
    height: 50px;
    background: rgba(0,0,0,0.45);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);
    text-align: center;
    line-height: 50px;
    float: inherit;
	cursor: pointer;
    margin: 6px 6px 6px 0;
}
.index_sharing .bdsharebuttonbox .index_wx {
    background: url(../images/shar_wx.png) center center;
}
.index_sharing .bdsharebuttonbox .bds_sqq {
    background: url(../images/shar_qq.png) center center;
}
.index_sharing .bdsharebuttonbox .bds_tsina {
    background: url(../images/shar_wb.png) center center;
}
.index_sharing .bdsharebuttonbox .index_fk {
    background: url(../images/shar_fk.png) center center;
}

.layui-layer {
    -webkit-overflow-scrolling: touch;
	width:136px;
	height:136px;
	display:block;
    left: 50%;
    margin-left:-68px;
	top: 50%;
    margin-top:-68px;
	position:fixed;
    background-color: #fff;
    -webkit-background-clip: content;
    box-shadow: 1px 1px 50px rgba(0,0,0,.3);
	display:none;
}
.layui-layer-content{ width:136px; height:136px; background-color:#fff; position:relative;}
.layui-layer .layui-layer-wrap{ width:136px; height:136px; background-color:#fff; overflow:hidden;}
.layui-layer .layui-layer-wrap img{ width:100%; display:block;}
.layui-layer-setwin {
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 0;
    line-height: initial;
}
.layui-layer-setwin .layui-layer-ico {
    position: absolute;
    right: -28px;
    top: -28px;
    width: 30px;
    height: 30px;
    margin-left: 0;
    background-position:179px bottom;
    _display: none;
	background-image: url(../images/icon.png);
}
.layui-layer-setwin .layui-layer-ico{ background-position:right bottom;}

/*招聘*/
.statement_hd {
    color: #333333;
    font-size: 36px;
    text-align: center;
    margin-bottom: 4%;
    letter-spacing: 2px;
}
.ln {
    width: 100%;
}
.ln .ln_bg {
    background: url(../images/ln_bg1.jpg) no-repeat center center;
    background-size: cover;
    width: 100%;
    padding: 17% 0;
    position: relative;
}
.ln .ln_bg .ln_bg_box {
    width: 50%;
    padding: 3% 5%;
    background: rgba(0,0,0,0.5);
    text-align: center;
    margin: 0 auto;
    position: relative;
    z-index: 111;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.ln .ln_bg .ln_bg_box .ln_bg_b {
    font-size: 20px;
    color: #fff;
    letter-spacing: 2px;
    margin-top: 3%;
}
.ln .ln_bg .ln_bg_box .ln_bg_c {
    width: 50%;
    height: 1px;
    background: #fff;
    margin: 3% auto;
}
.ln .ln_bg .ln_bg_box .ln_bg_d {
    font-size: 24px;
    color: #fff;
    letter-spacing: 2px;
    text-align: center;
}

.ln .ln_bg2{
  background: url("../images/ln_bg2.jpg") no-repeat center center;
  background-size: cover;
  width: 100%;
  padding: 17% 0;
  position: relative;
}
.ln .ln_bg3{
  background: url("../images/ln_bg3.jpg") no-repeat center center;
  background-size: cover;
  width: 100%;
  padding: 17% 0;
  position: relative;
}
.ln .ln_bg4{
  background: url("../images/ln_bg4.jpg") no-repeat center center;
  background-size: cover;
  width: 100%;
  padding: 17% 0;
  position: relative;
}
.ln .ln_bg5{
  background: url("../images/ln_bg5.jpg") no-repeat center center;
  background-size: cover;
  width: 100%;
  padding: 17% 0;
  position: relative;
}

/*招聘*/
@media screen and (min-width:1200px){
.TxtBox{ width:1150px; margin:auto; margin-top:5%; overflow:hidden;}
.TxtBox .hd{ width: 50%; margin:0 auto; padding-bottom:5%;}
.TxtBox .hd li {
    width: 50%;
    float: left;
    text-align: center;
    font-size: 30px;
    color: #9e9e9e;
    cursor: pointer;
	display:block;
}
.TxtBox .hd ul{ width:100%; display:block; overflow:hidden;}
.TxtBox .hd li.on{
    font-size: 36px;
    color: #003677;
}
.TxtBox .bd{ width:1146px; margin:auto;}
.TxtBox .bd ul{ width:100%; display:block; overflow:hidden;}
.TxtBox .bd ul li{ width:352px; display:block; float:left; margin:0 15px; margin-bottom:3%; overflow:hidden;}
.TxtBox .bd ul li strong{ width:100%; height:262px; display:block; overflow:hidden;}
.TxtBox .bd ul li strong img{ width:100%;}
.TxtBox .bd ul li span{ text-align: center; font-size: 18px; padding: 15px 0; display:block; overflow:hidden; color: #4c4c4c;}

.rc_main {
    width: 1150px;
    margin: 0 auto;
}
.rc_main ul li {
    width: 100%;
    background: #fafafa;
    margin-bottom: 5%;
	overflow:hidden;
}
.rc_main ul li .rc_main_a {
    width: 56%;
    padding-right: 3%;
	overflow:hidden;
	float:left;
}
.rc_main ul li .rc_main_a img {
    width: 100%;
}
.rc_main ul li .rc_main_b {
    width: 38%;
	float:left;
	overflow:hidden;
}
.rc_main ul li .rc_main_b .rc_main_b_one {
    font-size: 36px;
    color: #003677;
    margin-top: 10%;
    letter-spacing: 2px;
}
.rc_main ul li .rc_main_b .rc_main_b_two {
    font-size: 18px;
    color: #656565;
    line-height: 36px;
    margin: 7% 0;
    letter-spacing: 2px;
}
.rc_main ul li .rc_main_b .rc_main_b_three a {
    display: inline-block;
    padding: 15px 25px;
    border: 1px solid #b9b9b9;
    font-size: 21px;
    letter-spacing: 2px;
}
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
.TxtBox{ width:100%; margin:auto; margin-top:5%; overflow:hidden;}
.TxtBox .hd{ width: 50%; margin:0 auto; padding-bottom:5%;}
.TxtBox .hd li {
    width: 50%;
    float: left;
    text-align: center;
    font-size: 30px;
    color: #9e9e9e;
    cursor: pointer;
	display:block;
}
.TxtBox .hd ul{ width:100%; display:block; overflow:hidden;}
.TxtBox .hd li.on{
    font-size: 36px;
    color: #003677;
}
.TxtBox .bd{ width:100%; margin:auto;}
.TxtBox .bd ul{ width:100%; display:block; overflow:hidden;}
.TxtBox .bd ul li{ width:30.33%; display:block; float:left; margin-left:3%; margin-bottom:3%; overflow:hidden;}
.TxtBox .bd ul li strong{ width:100%; height:200px; display:block; overflow:hidden;}
.TxtBox .bd ul li strong img{ width:100%;}
.TxtBox .bd ul li span{ text-align: center; font-size: 18px; padding:15px 0; display:block; overflow:hidden; color: #4c4c4c;}

.rc_main {
    width: 94%;
    margin: 0 auto;
}
.rc_main ul li {
    width: 100%;
    background: #fafafa;
    margin-bottom: 5%;
	overflow:hidden;
}
.rc_main ul li .rc_main_a {
    width: 56%;
    padding-right: 3%;
	overflow:hidden;
	float:left;
}
.rc_main ul li .rc_main_a img {
    width: 100%;
}
.rc_main ul li .rc_main_b {
    width: 38%;
	float:left;
	overflow:hidden;
}
.rc_main ul li .rc_main_b .rc_main_b_one {
    font-size: 24px;
    color: #003677;
    margin-top:10%;
    letter-spacing: 2px;
}
.rc_main ul li .rc_main_b .rc_main_b_two {
    font-size: 16px;
    color: #656565;
    line-height: 30px;
    margin: 7% 0;
    letter-spacing: 2px;
}
.rc_main ul li .rc_main_b .rc_main_b_three a {
    display: inline-block;
    padding: 10px 20px;
    border: 1px solid #b9b9b9;
    font-size: 16px;
    letter-spacing: 2px;
}
}

@media only screen and (max-width: 767px) {
.TxtBox{ width:100%; margin:auto; margin-top:5%; overflow:hidden;}
.TxtBox .hd{ width: 100%; margin:0 auto; padding-bottom:5%;}
.TxtBox .hd li {
    width: 50%;
    float: left;
    text-align: center;
    font-size:18px;
    color: #9e9e9e;
    cursor: pointer;
	display:block;
}
.TxtBox .hd ul{ width:100%; display:block; overflow:hidden;}
.TxtBox .hd li.on{
    font-size:22px;
    color: #003677;
}
.TxtBox .bd{ width:100%; margin:auto;}
.TxtBox .bd ul{ width:100%; display:block; overflow:hidden;}
.TxtBox .bd ul li{ width:45.5%; display:block; float:left; margin-left:3%; margin-bottom:3%; overflow:hidden;}
.TxtBox .bd ul li strong{ width:100%; height:140px; display:block; overflow:hidden;}
.TxtBox .bd ul li strong img{ width:100%;}
.TxtBox .bd ul li span{ text-align: center; font-size:14px; padding:15px 0; display:block; overflow:hidden; color: #4c4c4c;}
.rc_main {
    width: 94%;
    margin: 0 auto;
}
.rc_main ul li {
    width: 100%;
    background: #fafafa;
    margin-bottom: 5%;
	overflow:hidden;
}
.rc_main ul li .rc_main_a {
    width: 100%;
	overflow:hidden;
	float:left;
}
.rc_main ul li .rc_main_a img {
    width: 100%;
}
.rc_main ul li .rc_main_b {
    width: 94%;
	margin:5% 3%;
	overflow:hidden;
}
.rc_main ul li .rc_main_b .rc_main_b_one {
    font-size: 24px;
    color: #003677;
    letter-spacing: 2px;
}
.rc_main ul li .rc_main_b .rc_main_b_two {
    font-size: 16px;
    color: #656565;
    line-height: 30px;
    margin:2% 0;
    letter-spacing: 2px;
}
.rc_main ul li .rc_main_b .rc_main_b_three a {
    display: inline-block;
    padding: 10px 20px;
    border: 1px solid #b9b9b9;
    font-size: 16px;
    letter-spacing: 2px;
}
}


@media screen and (min-width:1200px){
.shzp_box {
    width: 1150px;
    margin: 0 auto;
	margin-bottom:5%;
}
.shzp_box .shzp_lt {
    width: 65%;
    padding-top: 5%;
}
.shzp_box .shzp_lt .shzp_lt_search {
    width: 100%;
    position: relative;
}
.shzp_box .shzp_lt .shzp_lt_search input {
    width: 100%;
    height: 65px;
    line-height: 65px;
    padding-left: 5%;
    border: none;
    font-size: 18px;
    box-shadow: -1px 0px 12px #f5f5f5;
    -o-box-shadow: -1px 0px 12px #f5f5f5;
    -moz-box-shadow: -1px 0px 12px #f5f5f5;
    -webkit-box-shadow: -1px 0px 12px #f5f5f5;
    outline: none;
}
.shzp_box .shzp_lt .shzp_lt_search a {
    position: absolute;
    top: 0;
    right: 0;
}
.shzp_box .shzp_lt .shzp_lt_search a img {
    height: 65px;
}
.shzp_box .shzp_lt .shzp_lt_tb {
    margin-top: 5%;
    width: 100%;
}
.shzp_box .shzp_lt .shzp_lt_tb table{ width:100%;  max-width:100%; background-color:#fff;}
.shzp_box .shzp_lt .shzp_lt_tb table thead tr td{ background:#eee;}
.shzp_box .shzp_lt .shzp_lt_tb table tbody tr td{ background:#f8f8f8; font-size:14px;}
.shzp_box .shzp_lt .shzp_lt_tb table tbody tr:hover td{ background-color:#003677; color:#fff;}
.shzp_box .shzp_lt .shzp_lt_tb table tbody tr:hover td a{ color:#fff;}
.shzp_box .shzp_rt {
    width: 32%;
    margin-left: 3%;
    padding-left: 2%;
    background: #f8f9fb;
    padding-top: 4%;
    padding-bottom: 10%;
    padding-right: 2%;
	box-sizing:border-box;
}
.shzp_box .shzp_rt .shzp_rt_hd {
    font-size: 26px;
    color: #003677;
    margin-bottom: 7%;
}
.shzp_box .shzp_rt .shzp_rt_list ul li {
    border-bottom: 1px solid #f0f0f2;
    padding: 7% 0 4% 0;
}
.shzp_box .shzp_rt .shzp_rt_list ul li .shzp_rt_a {
    font-size: 18px;
    margin-bottom: 5%;
}
 .shzp_box .shzp_rt .shzp_rt_list ul li .shzp_rt_b .shzp_rt_b_one {
    margin-right: 20px;
    font-size: 14px;
}
.shzp_box .shzp_rt .shzp_rt_list ul li .shzp_rt_b .shzp_rt_b_one img {
    margin-right: 5px;
    vertical-align: -1px;
}
.shzp_box .shzp_rt .shzp_rt_list ul li .shzp_rt_b .shzp_rt_b_two img {
    margin-right: 5px;
    vertical-align: -1px;
}
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
.shzp_box {
    width: 94%;
    margin: 0 auto;
	margin-bottom:5%;
}
.shzp_box .shzp_lt {
    width: 65%;
    padding-top: 5%;
}
.shzp_box .shzp_lt .shzp_lt_search {
    width: 100%;
    position: relative;
}
.shzp_box .shzp_lt .shzp_lt_search input {
    width: 100%;
    height: 65px;
    line-height: 65px;
    padding-left: 5%;
    border: none;
    font-size: 18px;
    box-shadow: -1px 0px 12px #f5f5f5;
    -o-box-shadow: -1px 0px 12px #f5f5f5;
    -moz-box-shadow: -1px 0px 12px #f5f5f5;
    -webkit-box-shadow: -1px 0px 12px #f5f5f5;
    outline: none;
}
.shzp_box .shzp_lt .shzp_lt_search a {
    position: absolute;
    top: 0;
    right: 0;
}
.shzp_box .shzp_lt .shzp_lt_search a img {
    height: 65px;
}
.shzp_box .shzp_lt .shzp_lt_tb {
    margin-top: 5%;
    width: 100%;
}
.shzp_box .shzp_lt .shzp_lt_tb table{ width:100%;  max-width:100%; background-color:#fff;}
.shzp_box .shzp_lt .shzp_lt_tb table thead tr td{ background:#eee;}
.shzp_box .shzp_lt .shzp_lt_tb table tbody tr td{ background:#f8f8f8; font-size:14px;}
.shzp_box .shzp_lt .shzp_lt_tb table tbody tr:hover td{ background-color:#003677; color:#fff;}
.shzp_box .shzp_lt .shzp_lt_tb table tbody tr:hover td a{ color:#fff;}
.shzp_box .shzp_rt {
    width: 32%;
    margin-left: 3%;
    padding-left: 2%;
    background: #f8f9fb;
    padding-top: 4%;
    padding-bottom: 10%;
    padding-right: 2%;
	box-sizing:border-box;
}
.shzp_box .shzp_rt .shzp_rt_hd {
    font-size: 26px;
    color: #003677;
    margin-bottom: 7%;
}
.shzp_box .shzp_rt .shzp_rt_list ul li {
    border-bottom: 1px solid #f0f0f2;
    padding: 7% 0 4% 0;
}
.shzp_box .shzp_rt .shzp_rt_list ul li .shzp_rt_a {
    font-size: 18px;
    margin-bottom: 5%;
}
 .shzp_box .shzp_rt .shzp_rt_list ul li .shzp_rt_b .shzp_rt_b_one {
    margin-right: 20px;
    font-size: 14px;
}
.shzp_box .shzp_rt .shzp_rt_list ul li .shzp_rt_b .shzp_rt_b_one img {
    margin-right: 5px;
    vertical-align: -1px;
}
.shzp_box .shzp_rt .shzp_rt_list ul li .shzp_rt_b .shzp_rt_b_two img {
    margin-right: 5px;
    vertical-align: -1px;
}
}

@media only screen and (max-width: 767px) {
.shzp_box {
    width: 94%;
    margin: 0 auto;
	margin-bottom:5%;
}
.shzp_box .shzp_lt {
    width: 100%;
    padding-top: 5%;
}
.shzp_box .shzp_lt .shzp_lt_search {
    width: 100%;
    position: relative;
}
.shzp_box .shzp_lt .shzp_lt_search input {
    width: 100%;
    height: 45px;
    line-height: 45px;
    padding-left: 5%;
    border: none;
    font-size: 18px;
    box-shadow: -1px 0px 12px #f5f5f5;
    -o-box-shadow: -1px 0px 12px #f5f5f5;
    -moz-box-shadow: -1px 0px 12px #f5f5f5;
    -webkit-box-shadow: -1px 0px 12px #f5f5f5;
    outline: none;
}
.shzp_box .shzp_lt .shzp_lt_search a {
    position: absolute;
    top: 0;
    right: 0;
}
.shzp_box .shzp_lt .shzp_lt_search a img {
    height: 45px;
}
.shzp_box .shzp_lt .shzp_lt_tb {
    margin-top: 5%;
    width: 100%;
}
.shzp_box .shzp_lt .shzp_lt_tb table{ width:100%;  max-width:100%; background-color:#fff;}
.shzp_box .shzp_lt .shzp_lt_tb table thead tr td{ background:#eee;}
.shzp_box .shzp_lt .shzp_lt_tb table tbody tr td{ background:#f8f8f8; font-size:14px;}
.shzp_box .shzp_lt .shzp_lt_tb table tbody tr:hover td{ background-color:#003677; color:#fff;}
.shzp_box .shzp_lt .shzp_lt_tb table tbody tr:hover td a{ color:#fff;}
.shzp_box .shzp_rt{ display:none;}
}

.index_search_popover{
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#c8000000,endcolorstr=#c8000000);
    z-index: 11111111;
    display: none;
}
.index_search_popover .index_search_tc{
    width: 80%;
    margin: 0 auto;
    margin-top: 20%;
    position: relative;
	border:2px solid #fff;
	height:70px;
}
.index_search_popover .index_search_tc span {
    width: 100%;
    height: 70px;
    line-height: 70px;
    background: transparent;
    font-size: 36px;
    padding-left: 10px;
    color: #fff;
    outline: none;
	display:block;
}
.index_search_popover .index_search_tc span input{
	width: 100%;
    height: 70px;
    line-height: 70px;
    background: transparent;
    font-size: 36px;
    color: #fff;
    outline: none;
	display:block;
}
.index_search_popover .index_search_tc p {
    position: absolute;
    top: 13px;
    right: 19px;
    height: 45px;
    cursor: pointer;
	display:block;
}
.index_search_popover .index_search_tc p input{ width:45px; height:45px; display:block; background-color: transparent; background-image:url(../images/index_search_tc.png); background-position:center; background-repeat:no-repeat; cursor:pointer; background-size:100% 100%;}
.index_search_popover .index_close img {
    position: absolute;
    width: 30px;
    top: 5%;
    right: 5%;
	display:block;
}

.btn{ display:none;}