/*-----------------[初始化]--------------*/

body{color: #303030;font-size: 14px;line-height: 1.5;

    font-family:"微软雅黑","Microsoft Yahei";min-width: 1200px \9;

}

/*a{color: #303030;}*/

a:hover{color: #306874;}

img{max-width: 100%;

    transition: .3s;

    -ms-transition: .3s;

    -moz-transition: .3s;

    -webkit-transition: .3s;

    -o-transition: .3s;

}

input,textarea,select{font-size: 14px;color: #303030;

    font-family:"微软雅黑","Microsoft Yahei";outline: 0;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -o-box-sizing: border-box;

    box-sizing: border-box;

}

input[type='submit'],input[type='reset'],input[type='button'],select{

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

}

input[type='submit'],input[type='reset'],input[type='button']{cursor: pointer;}

::-webkit-input-placeholder {color: #777;}

::-moz-placeholder {color: #777; }

::-ms-input-placeholder {color: #777;}



*,*:focus{outline: 0;}



.ani{

    transition: .3s;

    -ms-transition: .3s;

    -moz-transition: .3s;

    -webkit-transition: .3s;

    -o-transition: .3s;

}



nav li{list-style: none;}



/*布局*/

.wp{width: 100%;/*max-width: 1180px;*/margin: 0 auto;}

.wrap{width: 100%;max-width: 1280px;margin: 0 auto;}

.h50{height: 50px;clear: both;overflow: hidden;}

.h100{height: 100px;clear: both;overflow: hidden;}





body.fixme,html.fixme{height: 100%;overflow: hidden;}



/*******************************

  -------[=头部]-------

********************************/

.topn {



    width: 100%;

    height: 60px;

    background: #efefef;

    position: fixed;

    z-index: 99999;

	display:none;

	top:0;

}

.topn p {

	width:100%;

	height:60px;

	line-height:45px;

	font-size:16px;

	text-align:center;

}

#hd{position: fixed;left: 0;top: 0;width: 100%;z-index: 9;*zoom:1;

    height: 81px;/*border-top: 5px solid #c80000;*/

background-color:rgba(255,255,255,1);

    box-shadow: 0 1px 5px #999;border-bottom: 1px solid #eee \9;

    transition: .3s;

    -ms-transition: .3s;

    -moz-transition: .3s;

    -webkit-transition: .3s;

    -o-transition: .3s;



}

#hd:after,#hd:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; }

.logo{float: left;height:80px;line-height: 80px;width: 280px;position:relative;

    -webkit-transition: height 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000);

    -moz-transition: height 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000);

    -ms-transition: height 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000);

    -o-transition: height 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000);

    transition: height 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000);

	position: absolute;

top: 0px;

left: 50%;

width: 200px;

height: 85px;

margin-left: -145px;

z-index: 9;

}

.logo img{/*display: inline-block;vertical-align: middle;width: auto !important;*/

position:absolute;left:0;top:50%;max-height:100%;

-webkit-transform: translateY(-50%);

        -moz-transform: translateY(-50%);

        -o-transform: translateY(-50%);

        -ms-transform: translateY(-50%);

        transform: translateY(-50%);

		transition: 0s;

    -ms-transition: 0s;

    -moz-transition: 0s;

    -webkit-transition: 0s;

    -o-transition: 0s;



}



.hdr{float: right; position: relative;border-left: 1px solid #c3c3c3;}

.hdr > a{display: block;line-height: 81px;float: left;color: #c80000;

    transition: .3s;

    -ms-transition: .3s;

    -moz-transition: .3s;

  font-size: 18px;

    -webkit-transition: .3s;

    -o-transition: .3s;

	border-right:1px solid #c3c3c3;

}

.hdr .t-btn1{color: #000;padding: 0 15px;

/*border-bottom: 4px solid transparent;*/

    -webkit-box-sizing: initial;

    -moz-box-sizing: initial;

    box-sizing: initial;

}

.hdr .t-btn1:hover{color: #306874;

/*border-bottom-color: #c80000;*/}

.hdr .t-btn2{padding: 0 15px;line-height: 81px;border-bottom: 4px solid transparent;}

.hdr .t-btn2:hover{border-bottom-color: #c80000;}







.soBox{float: left;position: relative;}

.a-soBtn{width: 86px;height: 81px;display: block;

    background: url(../css4/so1.png) no-repeat center center;

    transition: .3s;

    -ms-transition: .3s;

    -moz-transition: .3s;

    -webkit-transition: .3s;

    -o-transition: .3s;

}

/*.a-soBtn.on,.a-soBtn:hover{background-color: #f3f3f3;}*/

.soForm{border: 1px solid #ddd;border-top: 0;

    padding: 30px;width: 320px;background-color: #f3f3f3;

    position: absolute;right: 0;top: 100%;display: none;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -o-box-sizing: border-box;

    box-sizing: border-box;	

}







.soForm .inp,.soForm .inp-sel{display: block;width: 100%;padding: 0 10px;height: 40px;

    border: 1px solid #c4c4c4;border-radius: 3px;color: #777;margin-bottom: 15px;

    transition: .3s;

    -ms-transition: .3s;

    -moz-transition: .3s;

    -webkit-transition: .3s;

    -o-transition: .3s;

}

.soForm .inp{line-height: 40px \9;}

.soForm .inp:focus{

border-color: #2f6974;

-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(45,105,116,.6);

box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(45,105,116,.6);

}

}

.soForm .inp-sel{}

.soForm .g-btn1{width: 100%;}





.soForm2{border: 1px solid #ddd;border-top: 0;

    padding: 30px;width: 320px;background-color: #f3f3f3;

    position: absolute;top: 100%;display: none;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -o-box-sizing: border-box;

    box-sizing: border-box;

    left: 0;

}

#f_keyword::-webkit-input-placeholder { /* WebKit browsers */ 

color:#201e1e; 

} 



#f_keyword:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 

color: #201e1e; 

} 



#f_keyword::-moz-placeholder { /* Mozilla Firefox 19+ */ 

color: #201e1e; 

} 



#f_keyword:-ms-input-placeholder { /* Internet Explorer 10+ */ 

color:#201e1e; 

} 



#channel_id {

    background-color: #f3f3f3;

}

#f_keyword {

    background-color: #fff;

}



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

	.soForm2{border: 1px solid #ddd;border-top: 0;

	    transform: translateX(-290px);

	    -o-transform: translateX(-290px);

	    -moz-transform: translateX(-290px);

	    -webkit-transform: translateX(-290px);

	    -ms-transform: translateX(-290px);

	    -khtml-transform: translateX(-290px);

	}

}

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

	.soForm2{border: 1px solid #ddd;border-top: 0;

	    transform: translateX(-220px);

	    -o-transform: translateX(-220px);

	    -moz-transform: translateX(-220px);

	    -webkit-transform: translateX(-220px);

	    -ms-transform: translateX(-220px);

	    -khtml-transform: translateX(-220px);

	}

}

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

	.soForm2{border: 1px solid #ddd;border-top: 0;

	    transform: translateX(-180px);

	    -o-transform: translateX(-180px);

	    -moz-transform: translateX(-180px);

	    -webkit-transform: translateX(-180px);

	    -ms-transform: translateX(-180px);

	    -khtml-transform: translateX(-180px);

	}

}

.soForm2 .inp,.soForm2 .inp-sel{display: block;width: 100%;padding: 0 10px;height: 40px;

    border: 1px solid #c4c4c4;border-radius: 3px;color: #777;margin-bottom: 15px;

    transition: .3s;

    -ms-transition: .3s;

    -moz-transition: .3s;

    -webkit-transition: .3s;

    -o-transition: .3s;

}

.soForm2 .inp{line-height: 40px \9;}

.soForm2 .inp:focus{border-color: #c80000;

    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(190,0,0,.6);

    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(190,0,0,.6)

}

.soForm2 .inp-sel{}

.soForm2 .g-btn1{width: 100%;}







.a-lang{margin-left: 15px;}



/*.fixhd #hd{height: 60px;z-index: 999999999;}*/

/*.fixhd #menuBtnnn {

    padding: 10px 25px;

}*/

/*.fixhd #hd .logo{height:60px;line-height: 60px;}*/

.fixhd #hd .logo img{max-height: 60px;}

/*.fixhd #hd .hdr > a{line-height: 60px;}*/

/*.fixhd #hd .a-soBtn{height: 60px;}/*

/*.fixhd #hd .v1{line-height: 60px;}*/

/*.fixhd #main{padding-top: 65px;}*/





/*******************************

    -------[=导航]-------

********************************/

.navMenu{float: left;margin-left: 83px;}

.navMenu > li{float: left;position: relative;}

.navMenu li.pos{position: static;}

.navMenu .subBox{position: absolute;left: 0;top: 100%;width: 100%;background-color: #f1f1f1;

    padding: 30px 0;box-shadow: 0 1px 5px #999 inset;overflow: hidden;

}

#fir {

    border-left: 1px solid #c3c3c3;

}

.navMenu .v1{display: block;padding: 0 15px;font-size: 18px;line-height: 81px;

 /*   border-bottom: 4px solid transparent;*/

    transition: .3s;

    -ms-transition: .3s;

    -moz-transition: .3s;

    -webkit-transition: .3s;

    -o-transition: .3s;

		border-right:1px solid #c3c3c3;

}

.navMenu li.on .v1,.navMenu .v1:hover{color: #306874;/*border-bottom-color: #c80000;*/}

.navMenu .subBox,.navMenu > li > dl{display: none;}

.navMenu .wp{max-width: 1200px;}



.navMenu > li > dl{position: absolute;left: 50%;top: 100%;width: 225px;

    border: 1px solid #ddd;border-top: 0;margin-left: -113px;

    text-align: center;line-height: 50px;background-color: #fefffe;

}

.navMenu > li > dl dd{border-bottom: 1px solid #ddd;}

.navMenu > li > dl dd:last-child{border-bottom: 0;}

.navMenu > li > dl a{display: block;}

.navMenu > li > dl dd.on a,.navMenu > li > dl a:hover{background-color: #f3f3f3;color: #c80000;}



/*走进*/

.m-tpList1{*zoom:1;}

.m-tpList1:after,.m-tpList1:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; }

.m-tpList1 li{float: left;width: 25%;padding: 8px;cursor: pointer;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -o-box-sizing: border-box;

    box-sizing: border-box;

    transition: .3s;

    -ms-transition: .3s;

    -moz-transition: .3s;

    -webkit-transition: .3s;

    -o-transition: .3s;

}

.m-tpList1 li:hover{box-shadow: 0 2px 8px 0 rgba(0,0,0,.3);}

.m-tpList1 .pic{position: relative;height: 0;padding-top: 46%;overflow: hidden;margin-bottom: 10px;}

.m-tpList1 .pic img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

.m-tpList1 h4{font-size: 14px;font-weight: normal;color: #c80000;margin-bottom: 5px;}

.sMenu{overflow: hidden;color: #5e5e5e;}

.sMenu a{color: #5e5e5e;display: inline-block;padding-left: 12px;

    background: url(../images/nav/comming/a2.png) no-repeat left center;

}

.sMenu a:hover{color: #c80000;}

.sMenu dd{float: left;width: 33.333%;}



/*产品中心*/

.navMenu .subBox .left{width: 68%;float: left;}

.navMenu .subBox .right{margin-left: 71%;float: none;}

.m-tpList2{*zoom:1;}

.m-tpList2:after,.m-tpList2:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; }

.m-tpList2 li{float: left;width: 25%;padding: 8px;cursor: pointer;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -o-box-sizing: border-box;

    box-sizing: border-box;

    transition: .3s;

    -ms-transition: .3s;

    -moz-transition: .3s;

    -webkit-transition: .3s;

    -o-transition: .3s;

}

.m-tpList2 li:hover{box-shadow: 0 2px 8px 0 rgba(0,0,0,.3);}

.m-tpList2 li:hover h4{color: #c80000;}

.m-tpList2 .pic{position: relative;height: 0;padding-top: 92%;overflow: hidden;}

.m-tpList2 .pic img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

.m-tpList2 h4{font-size: 14px;font-weight: normal;text-align: center;line-height: 35px;

    overflow: hidden;white-space: nowrap;word-wrap: normal;text-overflow: ellipsis;

}

.m-tList1{overflow: hidden;border-top: 1px solid #d2d2d2;padding: 20px 0;line-height: 30px;}

.m-tList1:first-child{border-top: 0;padding-top: 0;}

.m-tList1 dt{font-size: 18px;margin-bottom: 5px;}

.m-tList1 dd{float: left;width: 50%;}

.m-tList1 a{color: #c80000;}

.navMenu .g-btn2{margin-top: 45px;}

.bt {

    float: left;

    width: 83px;

    height: 80px;



overflow:hidden;

  	z-index:999;

  position:fixed;

    display: inline-block;

}

.menuBtn{width: 30px;height: 30px;padding: 18px 25px;display: block;

    position: fixed;left: 0px;top: 5px;z-index: 99;

    transition: .3s;

    -ms-transition: .3s;

    -moz-transition: .3s;

    -webkit-transition: .3s;

    -o-transition: .3s;

    -webkit-box-sizing: initial;

    -moz-box-sizing: initial;

    box-sizing: initial;

	z-index: 99999999999999;

}

.menuBtn.open {

    left: 15px;

}

.menuBtn b{display: block;height: 3px;background-color: #000;margin: 6px 0;

    transition: .3s;

    -ms-transition: .3s;

    -moz-transition: .3s;

    -webkit-transition: .3s;

    -o-transition: .3s;

    -webkit-box-sizing: initial;

    -moz-box-sizing: initial;

    box-sizing: initial;

}

.menuBtn.open{}

.menuBtn.open b{display: none;margin: 0;position: absolute;left: 0;top: 50%;width: 30px;}

.menuBtn.open b:first-child{display: block;

    transform:rotate(45deg);

    -webkit-transform:rotate(45deg);

    -o-transform:rotate(45deg);

    -ms-transform:rotate(45deg);

}

.menuBtn.open b:last-child{display: block;

    transform:rotate(-45deg);

    -webkit-transform:rotate(-45deg);

    -o-transform:rotate(-45deg);

    -ms-transform:rotate(-45deg);

}

.overlay{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 90;

    background-color: rgba(0,0,0,.4);

    background: url(../images/black-alpha40.png) repeat left top \9;

    margin-top: 81px;
z-index: 15;
}

#aside{

/*position: fixed;right: 100%;

width: 100%;top: 0px;bottom: 0;

    background-color: #fff;

  z-index: 98;*/

  

/* ( padding-top: 85px;)*/



/*    transition: .3s;

    -ms-transition: .3s;

    -moz-transition: .3s;

    -webkit-transition: .3s;

    -o-transition: .3s;*/

	

	position: fixed;



top: 81px;



left: 0;



width: 100%;



background-color: #fff;



z-index:2;



overflow: hidden;



height: 0;



-webkit-transition: all 1s cubic-bezier(.19,1,.22,1);



transition: all 1s cubic-bezier(.19,1,.22,1);



opacity: 0;



-webkit-transition-delay: 0.7s;



transition-delay: 0.7;





}

#aside a.mlogo{

position:absolute; 

width:100%;

left:0px;

top:0px;

height:60px;

display:none;

}

#aside .mlogo img {

  width:128px;

  height:30px;

    margin:25px auto;

 text-align:center;

   display:block;

}

#aside.open{/*right: 0; height: 500px;margin-top: 81px;*/

height: 500px;



-webkit-transition: all 1s cubic-bezier(.19,1,.22,1);



transition: all 1s cubic-bezier(.19,1,.22,1);



    transition-delay: 0s;



opacity: 1;



-webkit-transition-delay: 0.2s;



transition-delay: 0.2;
z-index: 91;
}

.mNav{

    scrollbar-arrow-color: none; /*上下按钮上三角箭头的颜色*/

    scrollbar-face-color: #c3c3c3; /*滚动条凸出部分的颜色*/

    scrollbar-3dlight-color: #c3c3c3; /*滚动条亮边的颜色*/

    scrollbar-highlight-color: #fff; /*滚动条空白部分的颜色*/

    scrollbar-shadow-color: #c3c3c3; /*滚动条阴影的颜色*/

    scrollbar-darkshadow-color: #c3c3c3; /*滚动条强阴影的颜色*/

    scrollbar-track-color: #fff; /*滚动条背景颜色*/

    scrollbar-base-color: #128dc0; /*滚动条的基本颜色*/

}



/*滚动条*/

.mNav::-webkit-scrollbar {

    width: 2px;

}

.mNav::-webkit-scrollbar-track {

    background: #fff;

}

.mNav::-webkit-scrollbar-thumb {

    background: #c3c3c3;

}

.mNav::-webkit-scrollbar-thumb:window-inactive {

    background: #128dc0;

}

.mNav{height: 100%;overflow-y: auto;border-top: 1px solid #e9eff5;}

.mNav li{padding: 10px 25px;}

.mNav .v1{display: block;/*padding-left: 25px;*/line-height: 50px;font-size: 18px;

    border-bottom: 1px #e7e7e7 solid;

    background: url(a2.png) no-repeat right 25px center;

}

.mNav dl{/*background-color: #f0f5fa;*/line-height: 45px;/*padding: 10px 25px;*/font-size: 16px;

    border-bottom: 1px solid #e9eff5;display: none;

}



.mNav dl dd:last-child {

    border-bottom: none;

}

.mNav dl dd a {

display:block;

  line-height:45px;

  border-bottom: 1px #e7e7e7 solid;



}

/*******************************

  -------[=banner]-------

*******************************/

#m-banner{overflow: hidden;position: relative;}

#m-banner .item{overflow: hidden;}

#m-banner .item a{display: block;

/*height: 100%;

    background-repeat: no-repeat;

    background-position: center;

    -o-background-size: cover;

    -ms-background-size: cover;

    -moz-background-size: cover;

    -webkit-background-size: cover;

    background-size: cover;

    transition:all .4s ease;

    -moz-transition:all .4s ease;

    -webkit-transition:all .4s ease;

    -o-transition:all .4s ease;

    -webkit-transform:scale(1.1);

    transform:scale(1.1);

    -moz-transform:scale(1.1);*/

}

#m-banner .item img{display: block;width: 100%;}

#m-banner .item .m-img{display: none;}

/*#m-banner .item img{display:none;}

#m-banner .swiper-slide-active a{

    animation: myfirst 7s linear 1;

}

#m-banner.pause .swiper-slide-active a{

    animation: myfirst 7s linear 1 paused;

}

#m-banner.play .swiper-slide-active a{

    animation: myfirst 7s linear 1 forwards;

}



@keyframes myfirst

{

    0%   { -webkit-transform:scale(1.1);transform:scale(1.1);-moz-transform:scale(1.1); }

    100% { -webkit-transform:scale(1);transform:scale(1);-moz-transform:scale(1); }

}*/





/*pauseplay*/

#m-banner .swiperBtn{ position: absolute; bottom:25px; left:50%; margin-left: -100px;z-index: 10;

    width:30px; height:30px;background-repeat: no-repeat;background-image:url(../images/common/b_play.png); 

}

#m-banner .swiperBtn.pause{ background-image:url(../images/common/play.png); }



#m-banner .swiper-pagination{bottom: 30px;z-index: 9;}

#m-banner .swiper-pagination-bullet{

    width: 14px;height: 14px;padding: 0;margin: 0 5px;cursor: pointer;position: relative;

    background: none;opacity: 1;

    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)';

    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity= 100);

}

#m-banner .swiper-pagination-bullet::after{

    content: '';position: absolute;left: 50%;top: 50%;

    width: 4px;height: 4px;margin-left: -2px;margin-top: -2px;

    background-color: #fff;border-radius: 50%;

}

#m-banner .swiper-pagination-bullet-active{background-color: #fff;}





/* #m-banner .slick-dots { position: absolute; bottom: 30px; left:50%; z-index:8; width: 100%; height: 14px; line-height: 14px; margin-left:-50%; text-align: center; }

#m-banner .slick-dots li { display: inline-block; margin:0 5px; }

#m-banner .slick-dots a { position: relative; width:14px; height:14px; border-radius: 50%; display: block; text-align: center; font-size: 0; color: #C9CACA; cursor: pointer; zoom: 1; }

#m-banner .slick-dots a::after{ content: ""; display: block; position: absolute; top: 0; left: 0; width: 4px; height: 4px; margin: 5px 0 0 5px; background: #fff; border-radius: 50%; -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; }

#m-banner .slick-dots li.slick-active a::after { width: 14px; height: 14px; margin: 0; }

 */



/*******************************

  -------[=底部]-------

********************************/

#fd{background-color: #333;color: #999;}

#fd a{color: #999;}

#fd a:hover{color: #c80000;}



.fnav{padding: 50px 0;overflow: hidden;}

.fm1{float: left;width: 18%;overflow: hidden;}

.fm1:last-child{float: right;width: auto;}

.fm1 dt{font-size: 18px;color: #b3b3b3;clear: both;overflow: hidden;margin-bottom: 15px;}

.fm1 dd{line-height: 2;}

.fm1-cp{width: 36%;}

.fm1-cp dd{float: left;width: 50%;}



.fbot{padding: 15px 0;border-top: 1px solid #424243;overflow: hidden;}

.fdl{float: left;}

.flink{}

.flink a{display: inline-block;margin: 0 5px;}

.flink a:first-child{margin-left: 0;}

.f_address{overflow: hidden;}

.f_address p{display: inline-block;margin-right: 20px;}

.fshare{float: right;padding-top: 15px;}

.fshare a{display: inline-block;width: 34px;height: 32px;margin-left: 20px;

    background: url(../images/common/qq.png) no-repeat center center;

}

.fshare .btn_qq{background-image: url(../images/common/qq.png);}

.fshare .btn_weixin{background-image: url(../images/common/weixin.png);}

.fshare .btn_weibo{background-image: url(../images/common/weibo.png);}



/*******************************

    -------[=微信弹出二维码]-------

********************************/

.code_weixin{position: fixed;left: 50%;top: 50%;width: 300px;display: none;

    background-color: #fff;border-radius: 5px;margin-left: -150px;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    box-shadow: 0 0 5px #999;

}

.code_weixin .title{border-bottom: 1px solid #eee;padding: 5px 15px;line-height: 40px;}

.code_weixin .title h3{font-size: 18px;font-weight: normal;}

.code_weixin .btn_close{float: right;font-size: 30px;color: #b1b1b1;}

.code_weixin .body{text-align: center;padding: 20px 15px;}

.code_weixin .body img{width: 200px;}

.code_weixin .btn{border-top: 1px solid #eee;padding: 10px 15px;font-size: 12px;}



/*******************************

    -------[=正文]-------

********************************/

#main{

 /* overflow: hidden;*/

    transition: .3s;

    -ms-transition: .3s;

    -moz-transition: .3s;

    -webkit-transition: .3s;

    -o-transition: .3s;

}



/*按钮*/

.g-btn1{background-color: #f3f3f3;border: 1px solid #2f6974;color: #2f6974;

    display: block;line-height: 40px;text-align: center;font-size: 14px;

}

input.g-btn1{width: 100%;}

.g-btn1:hover{color: #fff;background-color: #2f6974;border-radius: 3px;}



.g-btn2{display: block;width: 210px;line-height: 48px;border: 1px solid #a8a8a8;text-align: center;}

.g-btn2:hover{background-color: #2f6974;;color: #fff;border-radius: 3px;border-color: #2f6974;;}



/*动画*/

@-webkit-keyframes moveUp {

    to {

        -webkit-transform: translate3d(0,0,0);

        opacity: 1

    }

}



@-moz-keyframes moveUp {

    to {

        -moz-transform: translate3d(0,0,0);

        opacity: 1

    }

}



@-ms-keyframes moveUp {

    to {

        -ms-transform: translate3d(0,0,0);

        opacity: 1

    }

}



@keyframes moveUp {

    to {

        transform: translate3d(0,0,0);

        opacity: 1

    }

}



/*.block{ opacity: 1; }

.animate{

    -webkit-transform: translate3d(0,600px,0);

    -moz-transform: translate3d(0,600px,0);

    -ms-transform: translate3d(0,600px,0);

    -o-transform: translate3d(0,600px,0);

    transform: translate3d(0,600px,0);

    -webkit-animation: moveUp .4s cubic-bezier(.86,0,.07,1) forwards 0s;

    -moz-animation: moveUp .4s cubic-bezier(.86,0,.07,1) forwards 0s;

    -o-animation: moveUp .4s cubic-bezier(.86,0,.07,1) forwards 0s;

    -ms-animation: moveUp .4s cubic-bezier(.86,0,.07,1) forwards 0s;

    animation: moveUp .4s cubic-bezier(.86,0,.07,1) forwards 0s

}*/





@-webkit-keyframes gupIn{

    from{opacity:0; -webkit-transform:translate3d(0,-30px,0);}

}

@-moz-keyframes gupIn{

    from{opacity:0; -moz-transform:translate3d(0,-30px,0);}

}

@-o-keyframes gupIn{

    from{opacity:0; -moz-transform:translate3d(0,-30px,0);}

}

@keyframes gupIn{

    from{opacity:0; transform:translate3d(0,-30px,0);}

}



/* =================增加============== */

.m-flexslider{position: fixed;left: 0;top: 100%;width: 100%;height: 100%;

    background-color: #fff;z-index: 999;

    transition: .5s;

    -ms-transition: .5s;

    -moz-transition: .5s;

    -webkit-transition: .5s;

    -o-transition: .5s;

}

.m-flexslider.m-show{top: 0;}



.m-flexslider .a-flexClose{position: absolute;right: 0;top: 0;width: 40px;height: 40px;

    background:#c80000 url(../images/ico-close.png) no-repeat center center;

}

.m-flexslider .a-flexPrev,.m-flexslider .a-flexNext{

    position: absolute;top: 60px;bottom: 60px;width: 50px;

    background-repeat: no-repeat;background-position: center center;

}

.m-flexslider .a-flexPrev{left: 0;background-image: url(../images/ico-arr-l.png);}

.m-flexslider .a-flexNext{right: 0;background-image: url(../images/ico-arr-r.png);}

.m-flexslider .con{position: absolute;left: 50px;right: 50px;top: 60px;bottom: 60px;}

.m-flexslider .slider{height: 100%;text-align: center;}

.m-flexslider .slider .item{position: relative;max-height: 100%;}

.m-flexslider .slider .item img{position: absolute;left: 50%;top: 50%;max-height: 100%;

    -webkit-transform: translate(-50%,-50%);

    -moz-transform: translate(-50%,-50%);

    -o-transform: translate(-50%,-50%);

    -ms-transform: translate(-50%,-50%);

    transform: translate(-50%,-50%);

}

.m-flexslider .slick-slider,.m-flexslider .slick-list,.m-flexslider .slick-track,.m-flexslider .slick-slide{height: 100%;}



.m-flexslider .slick-dots{position: absolute;left: 0;bottom: 0;width: 100%;text-align: center;z-index: 99;}

.m-flexslider .slick-dots li{display: inline-block;margin: 0 2px;}

.m-flexslider .slick-dots li a{display: block;width: 20px;height: 4px;

    font-size: 0;line-height: 0;text-indent: 999px;background-color: #8c8c8c;

}

.m-flexslider .slick-dots li.slick-active a{background-color: #c80000;}



.m-flexslider .slick-dots li button{padding: 0;border:0;outline: 0;background: none;

    display: block;width: 20px;height: 4px;

    font-size: 0;line-height: 0;text-indent: 999px;background-color: #8c8c8c;

}

.m-flexslider .slick-dots li.slick-active button{background-color: #c80000;}



.slick-slider .slick-dots li button{padding: 0;border:0;outline: 0;background: none;

    position: relative; width:4px; height:4px; border-radius: 50%; display: block; 

    text-align: center; font-size: 0; color: #C9CACA; cursor: pointer; zoom: 1;

    background-color: #535353;margin: 5px;

}

.slick-slider .slick-dots li.slick-active button{width: 14px; height: 14px; margin: 0;background-color: #be180f;}



.secon{display: none;margin-top: 10px;}  /* 先使二级菜单的内容隐藏 */

.navMenu>li:hover .secon{display: block;}   /* 鼠标滑过一级菜单后的显示二级菜单 */

.secon li{padding: 5px 0;transition: .4s;cursor: pointer;text-align: center;}

.secon li:hover{background: pink;}