@charset "utf-8";
/* CSS Document */
/*==========公共样式========*/
body{margin:0; padding:0; font-family:"Microsoft YaHei"; font-size:14px;overflow:-Scroll;overflow-x:hidden;}
h1,h2,h3,h4,h5,h6,p,span,ul,li,dl,dt,dd,img{border:0;margin:0;padding:0;list-style:none;font-family: "Microsoft YaHei";font-weight: normal;}
a{text-decoration:none; color:#666666;transition:all 0.5s;}
ol, ul {list-style:none} :focus {outline:none; }
.clr{clear: both;}
*{
    margin: 0;
    padding: 0;
}
/*公共样式*/
.clear:after{content: "";display: block;clear: both;}
.fl{float: left;}
.fr{float: right;}
.cl{clear: both;}
.w1100{width:1100px;margin:0  auto;}
.indexCen{width:1100px;margin: 0 auto;}
.index_Cen{width:1100px;margin: 0 auto;position: relative;}
.clearfix:after{ content:'.'; clear:both; display:block; height:0; visibility:hidden; line-height:0px;}
.clearfix{ zoom:1}
/*==========logo========*/
.hed{width: 100%;height:40px;background-color: #f4f4f4;}
.hed_box{width: 1100px;height:40px;margin: 0 auto;}
.hed_box p{width:343px;height:40px;float: left;line-height: 40px;color: #333333;font-size: 14px;margin-left: 120px;}
.hed_box span{width:173px;height:26px;background-color: #fff;border: 1px solid #f08607;display: block;font-size: 14px;color: #f08607;float: left;line-height: 26px;text-align: center;margin-top: 7px;}
.hed_box ul{width:300px;height:40px;float: right;}
.hed_box ul li:nth-child(3){background: none;}
.hed_box ul li{width:90px;height:40px;background: url(../images/hedtop1.jpg) no-repeat 15px center;float: right;}
.hed_box ul li a{display: block;text-align: right;line-height: 40px;color: #333333;}
.hed_box ul li a:hover{color: #f08300;}
/*logo*/
.top{width: 100%;height:80px;}
.toptp{width: 1100px;height:80px;margin: 0 auto;}
.top_logo{width:120px;height:80px;float: left;position: relative;}
.top_logo a img{width:120px;height:120px;position: absolute;top: -40px;}
/*导航*/
.nav2{width: 770px;height: 80px;margin: 0 auto;float:left;}
.nav2 ul li{float:left; height:80px;}
.nav2 ul li a{ float:left;line-height:80px;color:#333333;font-size:16px;margin-right: 80px;}
.nav2 ul li a:hover{color: #f08300;}
.nav2 ul li a.on{color: #f08300!important;}
.toprt{background: url(../images/shouji.png) no-repeat 6px 18px;width: 180px;height: 80px;float: right;}
.toprt span{display: block;font-size: 16px;color: #666666;float: right;margin: 13px 40px 0 0;}
.toprt p{float: right;font-size: 24px;color: #f08300;margin-top: 2px;}
/*search*/
.search_div{height:70px;width: 100%;}
.ser{width:1100px;height:70px;margin:  0 auto;}
.search{ float: right;width:298px;height: 34px;margin-top: 17px;border: 1px solid #f08300;}
.search_tow{ border: none; background: none; width:160px; color: #666666;font-size: 12px;padding-left: 10px;  height: 34px;}
.search_button{  background: url(../images/btn.png) no-repeat center center;  cursor: pointer;width: 60px;height: 34px; position: absolute; right: 0; border: none; background-color: #ffffff;}
#SearchType {height: 34px;line-height: 34px;background-color: #ffffff;border: none;color: #666666;margin-left: 2px;}
.search{position:relative;}
.sea_key{float: left;width: 700px;height:70px;line-height:70px;overflow: hidden;}
.sea_key a{font-size: 14px;color:#666666; margin:0 10px; }
.sea_key a:hover{color: #f08300;}
.sea_key span{font-size: 14px; color:#666666; font-weight:normal;}
.sea_cal span{ font-size: 14px; color:#666666; margin-right: 10px;}
.sea_cal a{ font-size: 33px; color:#666666; float: right;margin-top: 23px;}
.sea_cal{float: right;}
/*******产品展示******/
.pro{width:100%;height:915px;background-color: #e9e9e9;}
.pro .pro_box{width:1100px;height:915px;margin:  0 auto;}
.protop{width:1100px;height:130px;float: left;}
.protop div.prod2{width:340px;height:130px;float: left;}
.protop div.prod2>span{width:340px;font-size: 24px;color: #0776bc;float: left;display: block;margin-top: 36px;}
.protop p{width:174px;font-size: 24px;color: #333333;border-bottom: 2px solid #f08300;line-height: 40px;float: left;}
.protop p span{font-size: 24px;color: #f08300;}
.protop div.prod1{width:649px;height:130px;float: right;}
.protop div.prod1 ul{width:670px;height:33px;float:left;margin-top: 74px;}
.protop ul li{width:117px;height:32px;float: left;margin-right:16px;}
.protop ul li a{width:117px;height:33px;display: block;line-height: 33px;text-align: center;
color: #666666;background-color: #ffffff;}
.protop ul li a:hover{background-color: #0072bb;color: #fff;}
.cpter{width:1100px;height:580px;float: left;}
.cpter ul{width:1150px;height:580px;}
.cpter ul li{width:338px;height:338px;float: left;position: relative;margin-right: 43px;margin-bottom: 42px;}
.cpter ul li img{width:338px;height:338px;}
.cpter ul li p{width:338px;height:338px;position: absolute;top: 0;left: 0;background-color:#0072bb;opacity: 0;}
.cpter ul li:hover p{opacity: 0.5;}
.cpter ul li span{display: block;width:338px;height:40px;background-color: #0072bb;text-align: center;line-height: 40px;color: #fff;position: absolute;top: 298px;opacity: 0;}
.cpter ul li:hover span{opacity: 1;}
/*****优势******/
.ys{width: 100%;  height: 1340px;}
.ys_box{background: url(../images/ystop1.png) no-repeat center 154px;width: 1100px;  height:1340px; margin: 0 auto;}
.ystop{width: 1100px;  height:237px;float: left;}
.ystop h5{text-align:center;margin-top: 60px;}
.ystop p{width: 1100px;float: left;margin-top: 11px;text-align:center;font-size: 26px;color: #0776bc;}
.ys1{width: 1100px;  height:262px;float: left;background: url(../images/ys03.png) no-repeat center top;}
.ys1ft{width: 508px;  height:250px;float: left; margin: 6px 0 0 7px; }
.ys1ft img{width: 508px;  height:250px;}
.ys1rt{width: 532px;  height:262px;float: right; }
.ys1rt h6{font-size:26px;color: #0776bc;font-weight: bold;margin-top: 63px;}
.ys1rt p{width: 500px;  height:140px;line-height: 28px;font-size: 16px;color: #333333;margin-top: 25px;overflow: hidden;}
.ys2{width: 1100px;  height:262px;float: left;background: url(../images/ys04.png) no-repeat center top;}
.ys2ft{width: 508px;  height:250px;float: right; margin: 6px 7px 0 0; }
.ys2ft img{width: 508px;  height:250px;}
.ys2rt{width: 560px;  height:262px;float: left; }
.ys2rt h6{font-size:26px;color: #0776bc;font-weight: bold;margin-top: 57px;text-indent: 33px;}
.ys2rt p{width: 500px;  height:140px;line-height: 28px;font-size: 16px;color: #333333;margin-top: 25px;overflow: hidden;margin-left: 33px;}
.ys3{width: 1100px;  height:262px;float: left;background: url(../images/ys03.png) no-repeat center top;}
.ys3ft{width: 508px;  height:250px;float: left; margin: 6px 0 0 7px; }
.ys3ft img{width: 508px;  height:250px;}
.ys3rt{width: 532px;  height:262px;float: right; }
.ys3rt h6{font-size:26px;color: #0776bc;font-weight: bold;margin-top: 70px;}
.ys3rt p{width: 500px;  height:140px;line-height: 28px;font-size: 16px;color: #333333;margin-top: 25px;overflow: hidden;}
.ys4{width: 1100px;  height:262px;float: left;background: url(../images/ys04.png) no-repeat center top;}
.ys4ft{width: 508px;  height:250px;float: right; margin: 6px 7px 0 0; }
.ys4ft img{width: 508px;  height:250px;}
.ys4rt{width: 560px;  height:262px;float: left; }
.ys4rt h6{font-size:26px;color: #0776bc;font-weight: bold;margin-top: 70px;text-indent: 33px;}
.ys4rt p{width: 500px;  height:167px;line-height: 28px;font-size: 16px;color: #333333;margin-top: 12px;overflow: hidden;margin-left: 33px;}
/*****公司简介******/
.pany{width: 100%;  height:600px;background-color: #e9e9e9;}
.pany_box{width:1100px;  height:600px;margin: 0 auto;}
.pany_top{width:1100px;  height:480px;background-color: #fff;float: left;margin-top: 60px;}
.pany_ft{float: left;width:664px;  height:480px;}
.pany_ft img{width:664px;  height:480px;}
.pany_rt{float: left;width:436px;  height:480px;position: relative;}
.pany_rt1{float: left;width:436px;  height:292px;}
.pany_rt1>a{display: block;width:472px;  height:52px;position: absolute;background-color: #f08607;top: 9px;left: -36px;
font-size: 24px;color: #fff;line-height: 52px;font-weight: bold;text-indent: 96px;}
.pany_rt1>a:hover{background-color: #0776bc;}
.pany_rt1 p{width:393px;  height:177px;font-size: 14px;color: #666666;text-indent: 2em;margin: 89px 0 0 21px;line-height: 30px;overflow: hidden;}
.pany_rt2{width:430px;  height:176px;border: 6px solid #0776bc;border-right: none;float: left;}
.pany_rt2 .gsp1{background: url(../images/gs01.png) no-repeat center 13px;width:98px;height:78px;float: left;
    border: 1px solid #0776bc;border-radius: 5px;margin: 25px 0 0 38px;text-align: center;line-height: 122px;font-size: 14px;color: #0776bc;}
.pany_rt2 .gsp2{background: url(../images/gs02.png) no-repeat center 18px;width:98px;height:78px;float: left;
    border: 1px solid #0776bc;border-radius: 5px;margin: 25px 0 0 27px;text-align: center;line-height: 122px;font-size: 14px;color: #0776bc;}
.pany_rt2 .gsp3{background: url(../images/gs03.png) no-repeat center 11px;width:98px;height:78px;float: left;
    border: 1px solid #0776bc;border-radius: 5px;margin: 25px 0 0 27px;text-align: center;line-height: 122px;font-size: 14px;color: #0776bc;}
.pany_rt2 dl{float: left;}
.pany_rt2 dl dt{font-size: 30px;color: #0776bc;float: left;margin-top: 11px;margin-left: 38px;font-weight: bold;}
.pany_rt2 dl dd{width:242px;  height:27px;border-top: 1px solid #0776bc;border-bottom: 1px solid #0776bc;float: left;line-height: 27px;text-align: center;font-size: 18px;color: #0776bc;margin-top: 17px;margin-left: 27px;}
.mrmr { width:1100px;float: left;height:173px;position: relative;background-color: #fff;}
.mr_BtnL { float: left;  cursor: pointer; display: inline;margin-top: 78px;margin-right: 15px;margin-left: 12px;}
.mr_mr { float: left; width: 1008px; overflow: hidden;height: 210px;}
.mr_BtnR { float: right;  cursor: pointer;margin-top: 78px;margin-right: 12px;}
.mr_mr ul li{float: left;  width:188px; overflow: hidden;height: 117px;margin-top: 39px;margin-right: 13px;}
.mr_mr ul li img{width:188px;height: 117px;border: 1px solid #fff;}
/************新闻**********/
.news{width:100%;height:370px;}
.news .news_box{width:1100px;height:370px;margin: 0 auto;}
.gsxw{width:640px;height:300px;float: left;margin-top: 45px;}
.xwbt{width:640px;height:50px;float: left;}
.xwbt .xwa1{width:133px;height:50px;display: block;background-color: #f08300;line-height: 50px;text-align: center;font-size: 16px;color: #fff;float: left;margin-right: 1px;}
.xwbt .xwa2{width:133px;height:50px;display: block;background-color: #0072bb;line-height: 50px;text-align: center;font-size: 16px;color: #fff;float: left;}
.xwbt .xwa3{height:50px;line-height: 50px;font-size: 16px;color: #333333;float: right;}
.xwbt .xwa3:hover{color: #0072bb;}
.xwimg{width:352px;height:221px;float: left;margin-top: 12px;}
.xwimg img{width:352px;height:221px;}
.xwtt{width:260px;height:221px;float: right;margin-top: 12px;}
.xwtt .xwtta1{display: block;font-size: 16px;color: #0072bb;margin-top: 12px;    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;float: left;}
.xwtt p{width:260px;height:122px;text-indent: 2em;color: #666666;line-height: 25px;margin-top: 15px;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;float: left;}
.xwtt .xwtta2{display: block;width:104px;height:30px;background-color: #f08607;line-height: 30px;text-align: center;color: #fff;margin-top: 21px;float: right;}
.xwtt .xwtta2:hover{background-color: #0072bb;}
.xwrt{width:412px;height:300px;float: right;margin-top: 45px;}
.xwrt ul{width:412px;height:284px;}
.xwrt ul li{width:412px;height:56px;border-bottom: 1px dashed #cccccc;}
.xwrt ul li a{width:412px;height:56px;display: block;}
.xwrt ul li a p{width:300px;height:56px;float: left;line-height: 56px;font-size: 16px;color: #333333;}
.xwrt ul li a span{display: block;float: right;line-height: 56px;font-size: 16px;color: #333333;}
.xwrt ul li a:hover p{color: #0072bb;}
.xwrt ul li a:hover span{color: #0072bb;}
/*常见问题*/
.faq{width:100%;height:325px;}
.faq_box{width: 1100px;  margin: 0 auto;height: 325px;}
.faqtt{width:640px;height:325px;float: left;}
.faqbt{width:640px;height:50px;float: left;border-bottom: 1px dashed #ccc;}
.faqbt .xwa1{height:50px;display: block;line-height: 50px;text-align: center;font-size: 16px;color: #333333;float: left;margin-right: 1px;}
.faqbt .xwa3{height:50px;line-height: 50px;font-size: 16px;color: #333333;float: right;}
.faqbt a:hover{color: #0072bb;}
.faqter{width:640px;height:230px;float: left;}
.faqter ul{width:640px;height:230px;margin-top: 13px;}
/*.faqter ul li:nth-child(1){margin-right: 24px;}*/
.faqter ul li:hover{border: 1px solid #0072bb;}
.faqter ul li{background: url(../images/wen.png) no-repeat 9px 20px;width:306px;height:201px;float: left;border: 1px solid #e5e5e5;margin-top: 13px;margin-right: 11px;overflow: hidden;}
.faqter ul li div{background: url(../images/da.png) no-repeat 9px 66px;width:306px;height:201px;}
.faqter ul li div a{display: block;width:300px;font-size: 16px;color: #666666;margin-top: 26px;float: left;text-indent: 55px;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.faqter ul li div a:hover{color: #0072bb;}
.faqter ul li div p{width:230px;height:100px;text-indent: 2em;color: #999999;line-height: 25px;margin: 24px 0 0 54px;float: left;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;}
.faqrt{width:421px;height:244px;float: right;position: relative;}
.faqrt img{width:421px;height:310px;position: absolute;top:-30px;}
/*******友情链接*******/
.box{width:100%;height:35px;}
.box_tt{ width: 1100px;height: 35px;  margin: 0 auto;}
.box ul{width: 1100px;height: 70px;overflow: hidden;background-color: #0072bb;position: relative;top: 0;}
.box li{  float: left;  }
.box li p{  font-size: 14px;  color: #ffffff;  text-align: left;line-height:70px;margin-right: 20px; margin-left: 33px;}
.box li a{    font-size: 14px;  color: #ffffff;line-height: 70px;margin-right: 30px;}
.box li a:hover{color: #f08607;}
/*底部*/
.foot{width:100%;height:400px;background-color: #2c2c2c; }
.foot .foot_con{ width:1100px; height:399px;margin:0 auto; border-bottom: 1px solid #000; }
.ter1{width:360px; height:320px;float: left;}
.ter1 p{float: left;width:360px;height:23px;margin-top:101px;text-indent: 33px;line-height: 23px;font-size: 18px;color: #ffffff;}
.ter1 .u1{width:210px; height:150px;float: left;margin-top: 25px;margin-left: 35px;}
.ter1 .u1 li{width:100px; height:40px;float: left;}
.ter1 .u1 li a{color: #999;line-height: 40px;}
.ter1 .u1 li a:hover{text-decoration: underline;}
.ter4{width:500px; height:320px;float: left;}
.ter4 div{float: left;width:500px;height:23px;margin-top: 101px;line-height: 23px;font-size: 18px;color: #ffffff;}
.ter4 p a{font-size: 14px;color: #999;}
.ter4 p a:hover{text-decoration: underline;}
.ter4 p{color:#999;}
.ter4 .terp1{width: 500px;margin-top: 16px;float: left;}
.ter4 .terp2{width: 310px;margin-top: 16px;float: left;}
.ter4 .terp3{width: 215px;margin-top: 12px;float: left;}
.ter4 .terp4{width: 218px;margin-top: 12px;float: left;}
.ter4 .terp6{width: 296px;margin-top: 22px;float: left;}
.ter5{width:145px; height:320px;float: right;margin-right: 38px;}
.ter5 p{float: left;margin-top: 101px;font-size: 18px;color: #ffffff;}
.ter5 img{width:145px; height:145px;margin-top: 20px;}
.copy{width:100%;height: 70px;background-color: #2c2c2c;}
.copy_box{width:1100px;height: 69px;margin: 0 auto;border-top: 1px solid #626262;}
.copy_box p.py {font-size: 14px; color:#999; text-align: center;height: 70px;line-height: 70px;  }
.copy_box p a{  font-size: 14px; color:#999;  }
.copy_box p a:hover{text-decoration: underline;}
/*--------------内页左侧代码--------------*/
.box_left {width:235px;height:auto;float:left;margin-bottom: 20px;}
.mode1 {height: auto;width:235px;}
.mode2 {height: auto;width:235px;padding-top:30px;}
.box_title{color: #fff;font-size: 16px;background-color:#0072bb;height: 45px; line-height: 45px;width: 235px;text-align:center;}
.box_title span{ color:#fff;  font-weight:normal;}
.box_title span h2{ font-size:12px; font-weight:normal;}
.box_t_con {border:1px solid #ccc; }
.box_t_con li{line-height: 40px;height: auto;overflow:hidden; margin: 4px auto;font-weight:normal;border-bottom: 1px dotted #ccc;width:217px;}
.box_t_con ul li a {display:block; text-align:center; font-size:14px;color: #333;background:#f7f7f7;}
.box_t_con ul li a:hover{text-decoration:none;background:#f08300;color:#fff;}
.mode1 .box_tt1 {border:1px solid #6600be; border-top:2px solid #fff;width:233px;}
.mode1 .box_tt1 li span{display:block;float:left;line-height:36px;padding-left:20px;height:36px;}
.mode1 .box_tt1 .box_li{line-height: 36px;height: auto;overflow:hidden; width:233px; font-weight:bold;background-color:#6600be;}
.mode1 .box_tt1 li a{color:#fff;padding-left:20px;}
.mode1 .box_tt1 li a:hover {background-color:#262a32;color:#fff !important;text-decoration:none;}
.mode1 .box_tt1 li  ul li{border-bottom: 1px dotted #ccc; font-weight:normal;background-color:#fff !important;}
.mode1 .box_tt1 li  ul li a{color:#777 !important;padding-left:40px;}
.mode1 .box_tt1 a {display:block;}
.mode1 .box_tt1 li li a:hover {color:#fff;background-color:#ffe897;}
/*--------------内页右侧代码--------------*/
.sidebar { width:830px; float:right; }
.sidebar_con {  padding-top:15px; position: relative;}
.title_r a { padding:0 15px;}
.title_r { background: #f1f1f1 none repeat scroll 0 0;border: 1px dashed #ccc;height: 38px;line-height: 38px;text-indent: 10px;}
.title_r1 a { padding:0 15px;}
.title_r1 { border-bottom:2px solid #ccc; line-height:34px;  height:30px; }
.title_r1 span{ color:#88be4c;}
.title_rt { color:#0072bb;font-size:15px; font-weight:bold;}
.bt_text_y { font-size:14px; float:right; height:40px;  padding-right: 10px; }
.bt_text_y a { padding:0; margin:0;color: #333;}
.bt_text_y a:hover { text-decoration:underline;}
.font_red { text-decoration:none;background:#f08300 !important;color:#fff !important;}
/*产品详情页放大功能start*/
.siderightCon { line-height:24px; margin:20px 0 0 0px; text-align:left;}
.nypro{ width:420px;  float:left;}
#preview{ float:none; margin:0px auto; width:420px;}
.list-h { width:200000px !important;}
.list-h li{ float:left;}
#spec-n5{width:620px; height:96px; padding-top:15px;  }
#spec-left{ background:url(../images/left.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:24px; margin-right:6px;}
#spec-right{background:url(../images/right.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:24px; margin-left:6px;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:92px; height:96px; overflow:hidden}
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:80px; height:80px;}
.contact_pro{width:830px;padding-top:10px;}
.contact_pro h3{border-bottom:2px solid #0072bb;line-height:30px;height: 30px;}
.contact_pro h3 span{float: left;font-size: 15px;color: #0072bb;font-weight: bold;}
.contact_pro h3 a{float: right;font-size: 15px;color: #0072bb;font-weight: bold;}
.contact_pro h3 a:hover{color: #f08300;}
.contact_pro ul .nyHot_news{border-bottom: 2px dotted #ccc;height: 20px;line-height: 20px;margin: 10px 0;padding-bottom: 10px;width: 370px;float: left;margin-right: 90px;}
.contact_pro .redianzx{width: 930px;}
.contact_pro ul .nyHot_news a{font-size: 14px;color: #333;overflow: hidden;display: block;height: 20px;white-space:nowrap;text-overflow:ellipsis;width: 290px;float: left;}
.contact_pro ul .nyHot_news a span{font-size: 14px;color: #333;float: right;line-height: 20px;}
.contact_pro ul .nyHot_news:hover a{color: #0072bb;}
.contact_pro ul .nyHot_news:hover span{color: #0072bb;}
#demo {overflow:hidden;width:810px; margin:0 auto;padding-top:20px;}
#indemo {float: left;width:10000%;}
#demo2 {float: left;}
#demo1 ul{ float:left;}
#demo ul li{width:254px;float:left;margin-right:30px;}
#demo ul li img{border:1px solid #ccc;}
#demo ul li:hover img{border:1px solid #0072bb;}
#demo ul li p{display:block;width:254px;height:40px;line-height:40px;text-align:center;color:#666;font-size: 14px;}
#demo ul li a{ text-decoration:none;}
#demo ul li a:hover p{ color:#0072bb;}
/*--------------内页下部分代码--------------*/
#contant{ margin-top:30px;}
.list_box {width: 1100px;margin-right: auto;margin-left: auto; margin-bottom:40px; overflow:hidden;}
.column { width:830px; float:right;}
.column .bt{ height:40px; border-top:1px dashed #ccc; line-height:40px; padding:0 10px;}
.column .menu{ padding:0 10px 10px 10px;}
.column .menu a { margin-right:29px; color:#666;}
.column .menu a:hover{ color:#0072bb;}
/*.current_content { padding:20px 0; line-height:24px;}*/
/*.current_content p{font-size: 14px;color: #333;margin-bottom: 20px;}*/
/*.gbook_content { width:818px; height:327px;padding-top:20px; margin:0 auto; line-height:24px;margin-top:20px;padding-left:20px;}*/
/*.gbook_content textarea{ width:400px; height:90px; }*/
/*.cur_map{padding-bottom:20px;}*/
/*.cur_map h3{border-top: 1px dashed #dedede;font-size: 14px;line-height: 30px;margin-top: 20px;padding-top:10px;}*/
/*.cur_map p a{display:block;float:left;margin-right:20px;}*/
.bookck{background:url(../images/nylxbg.png) no-repeat right top;}
.current_content { padding:20px 0; line-height:24px;}
.current_content p{font-size: 14px;color: #333;margin-bottom: 20px;}
.gbook_content { width:700px; padding-top:20px; margin:0 auto; height:524px; line-height:24px;margin-top:30px;padding-left:130px; background:url(../images/gbook.png) top no-repeat;}
.gbook_content textarea{ width:320px; height:90px; }
.cur_map{padding-bottom:20px;}
.cur_map h3{border-top: 1px dashed #dedede;font-size: 14px;line-height: 30px;margin-top: 20px;padding-top:10px;}
.cur_map p a{display:block;float:left;margin-right:20px;}
/*--------------新闻列表页--------------*/
.article_list dl { padding:0 10px 10px; height:82px; border-bottom:1px dashed #d7d7d7; font-size:12px; line-height:30px; margin-bottom:10px;}
.article_list dl dt { float:left; width:140px; margin-right:5px;}
.article_list dl dt img { padding:2px; border:1px solid #ccc;}
.article_list dl dd { height:90px; overflow:hidden;}
.article_list dl a:hover { text-decoration:underline;}
.article_list dl dd p { height:126px; margin-top:5px; overflow:hidden;}
.article_list .art_1 { width:830px;}
.article_list .art_1 dl { padding:15px 0; height:165px; border-bottom:1px dotted #ccc; font-size:13px; line-height:30px; width:800px; margin:0 0 0 15px;}
.article_list .art_1 dl dt { float:left; width:255px; margin-right:15px;}
.article_list .art_1 dl dd { height:190px; overflow:hidden; width:520px; float:right;}
.article_list .art_1 dl dd h3 { font-size:15px; color:#333;}
.article_list ul { margin-top:10px; }
.article_list ul li {line-height:34px;margin-left:5px;margin-bottom:5px; border-bottom:1px dotted #c2c2c2;}
.article_list ul li a{background:url(../images/new_li2.jpg) no-repeat left;display:block;padding-left:10px;color: #333;font-size: 14px;font-weight: bold;}
.article_list ul li a:hover {text-decoration:none;color:#0072bb; }
.article_list ul li a .date{ float:right; color:#999;}
.article_list ul li a:hover .date {text-decoration:none;color:#0072bb; }
.article1_list dl {margin-top:10px; width: 830px;margin-left:5px;margin-bottom:15px; border-bottom:1px dotted #c2c2c2;overflow: hidden;clear: both;padding-bottom: 20px;}
.article1_list dl dt{float: left;}
.article1_list dl dd {float: left;}
.article1_list dl dd a{display:block;color: #333;font-size: 16px;font-weight: bold;margin-left: 30px;}
.article1_list dl dd a:hover {text-decoration:none;color:#00426f; }
.article1_list dl dd a .date{ float:right; color:#999;}
.article1_list dl dd a:hover .date {text-decoration:none;color:#00426f; }
.ny_newsInfo1{width: 600px;height: 90px;overflow: hidden;font-size: 14px;color: #333;line-height: 24px;margin-bottom: 10px;margin-left: 30px;line-height: 24px;padding-top: 10px;}
.ny_newsInfo{width: 830px;height: 50px;overflow: hidden;font-size: 14px;color: #333;line-height: 24px;margin-bottom: 10px;}
.ny_newsTit{margin-left: 10px;max-width: 260px;overflow: hidden;}
.page { text-align: center; margin:20px auto; clear:both; padding-top:30px;}
.page a {  margin:0 7px; color: #333;}
.page a:hover{color: #0072bb;}
/*--------------产品列表左侧--------------*/
.n_pro_list { width:235px; float:left;}
.n_pro_list dl { width:250px; height:auto; background:#238330; overflow:hidden; padding-bottom:30px; }
.n_pro_list dl a { color:#fff;}
.n_pro_list dl a:hover {text-decoration:underline; }
.n_pro_list dl dt { height:44px; line-height:44px; font-size:14px;  text-indent:16px;padding:0 20px;}
.n_pro_list dl dt a { background:url(../images/icon.png) no-repeat 0 18px; display:block;}
.n_pro_list dl dd {  background: #269939; line-height:30px; margin-bottom:2px; padding-left:37px;}
.n_pro_list dl dd a { background:url(../images/icon.png) no-repeat 0 -16px; text-indent:14px; display:block;}
.product_list{width:900px;}
.product_list dl{width:256px;float:left;margin-right:31px;margin-bottom:20px;}
.product_list dl dt{width:256px;}
.product_list dl dt img{ border:solid 1px #ddd;}
.product_list dl dd{width:236px;height:40px;text-align:center;line-height:40px;overflow: hidden;padding: 0 10px;white-space:nowrap; text-overflow:ellipsis;}
.product_list dl dd a{color: #333;font-size: 14px;}
.product_list dl:hover dd a{ color: #0072bb;text-decoration:none;}
.product_list dl:hover img{border:solid 1px #0072bb;}
.product_list1{width:900px;}
.product_list1 dl{width:256px;float:left;margin-right:31px;margin-bottom:30px;}
.product_list1 dl dt{width:256px;}
.product_list1 dl dt img{ border:solid 1px #ddd;}
.product_list1 dl dd{width:256px;height:40px;text-align:center;line-height:40px;}
.product_list1 dl:hover dd a{color:#88be4c;text-decoration:none;}
.product_list1 dl:hover img{border:solid 1px #88be4c;}
.product_list2{width:900px;}
.product_list2 ul{ margin-top:10px;}
.product_list2 li {text-align:center; float:left; margin-right:31px;margin-bottom:20px; position:relative; width:256px; line-height:24px;}
.product_list2 li img{ border:1px solid #cecece;}
.product_list2 li img:hover{ border:1px solid #0072bb;}
.product_list2 li span{ font-size:13px; color:#333;}
.product_list2 li a{ text-decoration:none;}
.product_list2 li:hover span{ text-decoration:none; color:#0072bb;}
.ny_proInfo{overflow: hidden;font-size: 14px;color: #333;line-height: 24px;margin-bottom: 24px;height:317px;}
.ny_lianxi{width: 378px;padding-top: 10px;border-top: 2px dotted #aaa;}
.ny_lianxi a{display: block;float: left;width: 140px;height: 30px;background-color: #f08300;color: #fff;text-align: center;line-height: 30px;font-size: 16px;}
.ny_lianxi a:hover{  background-color:#0072bb;  }
.ny_lianxi span{font-size: 24px;font-weight: bolder;color: #0072bb;line-height: 30px;float: right;padding-right: 20px;}
.ny_Nowbuy{display: block;height: 30px;background-color: #f08300;color: #fff;text-align: center;line-height: 30px;font-size: 16px;margin-top: 10px;}
.ny_Nowbuy:hover{  background-color: #0072bb;  }
.product_list3{width:900px;}
.product_list3 ul{ margin-top:10px;overflow: hidden;}
.product_list3 li {text-align:center; float:left; margin-right:65px;margin-bottom:20px; position:relative; width:160px; line-height:24px;}
.product_list3 li img{ border:1px solid #cecece;}
.product_list3 li img:hover{ border:1px solid #00426f;}
.product_list3 li span{ font-size:13px; color:#333;width: 160px;overflow: hidden;height: 20px;display: block;}
.product_list3 li a{ text-decoration:none;}
.product_list3 li:hover span{ text-decoration:none; color:#00426f;}
/*--------------留言页--------------*/
.inxliuyan{ width: 550px; margin:0 auto;}
.inxGBook_Name {height: 36px;border: none;width: 320px;padding-left: 10px; float: left; border:1px solid #d6d6d6;color: #9f9f9f; }
.inxFkPhone{height: 36px;border: none;width: 320px;padding-left: 10px; float: left; border:1px solid #d6d6d6; color: #9f9f9f;}
.inxFktitle{height: 36px;border: none;width: 320px;padding-left: 10px; float: left; border:1px solid #d6d6d6; color: #9f9f9f;}
.inxMessContent{ border:1px solid #d6d6d6; width: 320px;height: 36px; color: #9f9f9f;padding-left: 10px;padding-top: 10px;}
.inxsubmi{width: 145px;height: 40px; border: none; margin:15px 0 0 40px; cursor: pointer;border-radius: 5px;
    background: #f08300; text-align:  center; line-height: 40px; color: #fff; font-size: 14px;transition:all 0.5s;}
.inxsubmi:hover{background:#f08300;color: #fff;}
.inxrest{width: 145px;height: 40px; border: none; margin:15px 0 0 40px; cursor: pointer;border-radius: 5px;
    background: #f08300; text-align:  center; line-height: 40px; color: #fff; font-size: 14px;transition:all 0.5s;}
.inxrest:hover{background: #f08300;color: #fff;}
.inxgook_001{height: 40px; background: url(../images/inxgook-1.jpg) no-repeat left top; width: 420px; padding-left: 40px;}
.inxgook_002{height: 40px; background: url(../images/inxgook-4.jpg) no-repeat left top; width: 420px; padding-left: 40px; margin-top: 14px;}
.inxgook_003{height: 40px; background: url(../images/inxgook-2.jpg) no-repeat left top; width: 420px; padding-left: 40px; margin-top: 14px;}
.inxgook_004{height: 40px; background: url(../images/inxgook-3.jpg) no-repeat left top; width: 420px; padding-left: 40px; margin-top: 14px;}
/*--------------推荐新闻--------------*/
.hots {background:#fff;border:1px solid #ccc; padding-top:15px; margin-bottom:30px; border-top:none;}
.hots li{margin-left:8px;line-height: 30px;overflow:hidden;width:218px;font-size:13px;text-align:center; margin-bottom:15px;}
.hots li img {border:1px solid #ccc; width:210px; height:170px;}
.hots li img:hover { border:1px solid #07a8de;}
.hots a {display:block; text-decoration:none;}
.hots a p{font-size: 14px;color: #333;}
.hots_news {padding:5px 9px 5px 10px;border:1px solid #ccc; border-top:none;}
.hots_news li{line-height: 32px;height:32px;overflow:hidden;border-bottom: 1px dashed #ccc;margin-bottom:5px;white-space:nowrap;text-overflow:ellipsis;}
.hots_news a {color: #333;}
.hots_news a:hover{color: #0072bb;}
/*--------------搜索页--------------*/
.search_list { width:1130px; margin:0 auto 0; }
.search_list li { width:252px; float:left; height:188px; text-align:center; margin:3px 15px 7px; line-height:30px;}
.search_list li img { border:1px solid #cecece;}
.search_list li img:hover { border:1px solid #ff5400;}
/*==========内页样式开始========*/
#content{ width:1100px; margin:30px auto; margin-bottom:20px;}
.list_box {overflow:hidden;}
.list_box .box_bt{ width: 830px; height:39px; font-size:12px; border-bottom:1px solid #e1e1e1;}
.lift_zuo{ width:250px; float:left;}
.n_pro_list .list .hover {background: #ff5400 url(../images/list_li.png) no-repeat 50px -22px !important; display:block; color:#fff;}
.product_bigimg_text .pro_lianxi{ width:380px;}
.product_bigimg_text .pro_lianxi a{ color:#fff; width:80px; height:34px; background:#262a32; text-align:center; font-size:14px; line-height:34px; display:block; margin-bottom:10px;}
.product_bigimg_text .pro_lianxi1 p{ color:#0066ff; font-weight:bold; margin-top:12px; font-size:20px;}
.left_box{width:220px;float:left;}
.list_left {float: left;width: 220px;margin-right: 30px;}
.list_right {float: right;width: 830px;}
.list_right .box_sj .box_y p{ font-size:12px; line-height:24px;}
.list_right .box_sj .box_y p.box_h{ height:45px; overflow:hidden;}
.top_title {line-height:39px;height:39px;text-align: center; background-color:#cc0000;}
.top_title h2 {font-family:"Microsoft YaHei";font-size: 16px; color: #fff;}
.top_title h2 span{ font-size:12px; font-weight:normal;}
.left_con {line-height: 20px;}
.left_con{ border: 1px solid #ccc;}
.left_con ul li {line-height: 34px;border-bottom: 1px dotted #ccc;}
.left_con ul li a {display: block; font-size: 14px; color: #666; text-decoration: none;text-align: center;}
.left_con ul li a:hover {background:#ccc; text-decoration: none; color: #fff;}
.pro_pic {overflow: hidden; width:830px;}
.pro_pic ul.seruu li {float: left;margin-right:32px; margin-bottom:20px;position: relative;text-align: center;width: 254px;}
.pro_pic ul.seruu li span{ margin-top:10px; display:block;float: left;overflow: hidden;white-space:nowrap; text-overflow:ellipsis;text-align: center;height: 20px;line-height: 18px;width: 234px;padding: 0 10px;}
.pro_pic ul.seruu li img{border: 1px solid #e1e1e1;float: left;}
.pro_pic ul.seruu li img:hover{border: 1px solid #0072bb; }
.pro_pic ul.seruu { width:860px; margin-top: 15px;}
.pro_pic ul.seruu a{ text-decoration: none;color: #333;font-size: 14px;}
.pro_pic ul.seruu a:hover{color: #0072bb; }
.pro_pic ul.seru2 { margin-top:10px; }
.pro_pic ul.seru2 li {line-height:34px;margin-left:5px;margin-bottom:5px; border-bottom:1px dotted #c2c2c2;}
.pro_pic ul.seru2 li a{background:url(../images/new_li2.jpg) no-repeat left;display:block;padding-left:10px;color: #333;font-size: 14px;font-weight: bold;}
.pro_pic ul.seru2 li a:hover {text-decoration:none;color:#0072bb; }
.pro_pic ul.seru2 li a .date{ float:right; color:#999;}
.pro_pic ul.seru2 li a:hover .date {text-decoration:none;color:#0072bb; }
.pos { background: #f1f1f1 none repeat scroll 0 0;border: 1px dashed #ccc;height: 38px;line-height: 38px;text-indent: 10px;}
.pos h2 {font-size:15px; color:#0072bb; font-weight:bold;}
.moxing {overflow:hidden;width:220px;}
.lianxi_title h2 {color: #fff;padding-left: 20px;font-family:"Microsoft YaHei";font-size: 15px;}
.lianxi_title{line-height: 39px;background-color: #00AA3A;height: 39px;}
.list_lbot{margin:15px 0 35px 0;}
.list_contact{border: 1px solid #ccc;padding:10px;}
.list_contact p{line-height:24px;color:#818181;padding-left:15px;padding-right:15px;}
.pro_details_tongji {text-align: center;width: 100%;border-bottom: 1px dashed #ccc;padding-bottom: 5px;margin-bottom: 15px; font-size:13px;}
.pro_photo{ padding-top:20px;}
.pro_photo h3 {text-align: center;line-height: 50px;font-size: 14px;padding-top: 10px; font-weight: bold;}
.pro_photo p{color:#333;}
.n_con{ color:#666; font-size:14px; line-height:24px;}
.n_con p {line-height: 24px;color: #333;text-indent: 2em; margin-bottom:5px; color:#666; font-size:14px;}
.goto{ color:#666; font-size:14px; line-height:24px;}
.goto p {line-height: 24px;color: #666;}
.goto p a{ margin-right:30px;}
.info_news span {float: right; color:#999; font-size:12px;}
.info_news li {line-height: 35px;padding-right: 10px;background:url(../images/new_jt.png) left center no-repeat; padding-left: 15px;margin-left: 10px;border-bottom: 1px dashed #CCC;}
.wz1{ margin-top:30px;}
.pro_ph1{ float:right; margin-top:20px;}
.pro_ph1 a{ margin:0 10px; float:right; line-height:36px; font-size:16px; color:#88be4c;}
.article_list_img {background:#f2f2f2; height:120px; padding:10px; margin-bottom:10px;}
.article_list_img dt { float:left; margin-right:20px;}
.article_list_img dd { float:left; width:470px; line-height:24px; height:120px; overflow:hidden;}
.article_list_img dd a { color:#f66304;}
.article_list_img dd a:hover { text-decoration:underline;}
.current_content h4 { text-align:center;  color:#0072bb; font-size:16px;}
.current_content h3 { text-align:center; margin-top:5px; font-weight:normal; line-height:30px; height:32px; font-size:13px;}
.current_content .current_text { margin-top:7px; border-top:1px dashed #ccc; padding-top:15px;}
.current_content .current_text p{ line-height:24px;font-size: 14px;color: #333;margin-bottom: 20px;}
.current_content a{font-size: 14px;color: #0072bb;test:expression(target="_blank");}
.current_content a:hover{color: #f08300;}
.current_content a:active {test:expression(target="_blank");}
.current_content{font-size: 14px;color: #333;}
.hot{ margin-top:50px; margin-bottom:20px;}
.hot div{font-size: 14px;font-weight: bold;color: #0072bb;}
.lx{ width:830px;}
.leftlx .dianh{padding:0 5px 20px 10px;}
.leftlx p{line-height:24px;}
.hots_news .dianhua {background: url(../images/Teln.gif) no-repeat scroll 0 18px transparent;color: #666666;line-height: 20px;padding: 10px 0 10px 55px;}
.hots_news .dianhua span {display: block;font: 18px "Impact";color:#f08300;}
.dianh p{line-height: 24px;font-size: 14px;color: #333;margin-bottom: 10px;}
.nyBanner{width: 100%;height: 300px;margin: 0 auto;background-color: #91cf18;overflow: hidden;position: relative;}
.nyBanner img{position:absolute;left:50%;margin-left:-960px;}
/*下载*/
.downlist{line-height:24px;color:#333;padding:10px 15px 0px;}
.downlist b{font-size: 14px;font-weight: bold;color: #206ccd;}
.downlist ul li{border-bottom:1px dashed #dedede;height:32px;line-height:32px;}
.downlist ul li a{color:#333;font-weight:bold;display: block;float: left;width: 80%;height: 32px;overflow: hidden;}
.downlist ul li a:hover{color: #206ccd;}
.downlist ul li span{float:right;color:#333;}
.downlist ul p{line-height:24px;color:#333;}
/*down*/
.neiye-title{line-height:24px;color:#333;}
.neiye-title a{color:#0156b1;}
/*goTop*/
.goTop_Box{position: relative;}
.right-bar{position: fixed;bottom: 10%;right: 4%;z-index: 9999;zoom: 1;}
.gotop{width: 45px;height: 45px;background: url(../images/hdb.png) no-repeat;cursor: pointer;}
.mode3 {width:235px;}
.mode3 .menu{ width:235px; position:relative;}
.mode3 .menu .tact{ width:212px; height:140px; position:absolute; left:12px; bottom:20px;}
.mode3 .menu .bt{ width:235px; height:45px; background:#0072bb; font-size:18px; text-align:center; line-height:45px; color:#fff;font-weight: bold;}
.mode3 .menu .bt span{ font-size:16px; font-family:arial; color:#fff; margin-left:10px; font-weight:normal;}
.mode3 .menu_list{ width:233px;padding-bottom:10px; border-left: 1px solid #ccc;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;padding-top: 7px;}
.mode3 .menu_head{width:219px;height:34px;line-height:32px;  text-indent:10px; font-size:14px; color:#fff;cursor:pointer;background: url(../images/menu_zt1.png) no-repeat;margin-left: 7px;margin-bottom: 7px;transition:all 0.5s;}
.mode3 .menu_head a{ color:#222;display: block;width: 179px;height: 34px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.mode3 .menu_list .current{background: url(../images/menu_zt2.png) no-repeat;}
.mode3 .menu_list .current a{color: #fff;}
.mode3 .menu_body{width:235px;height:auto;overflow:hidden;line-height:30px;}
.mode3 .menu_body .nva_active{color:#0072bb;background:url(../images/newslihover.png) no-repeat 16px center;}
.mode3 .menu_body a{display:block;width:219px;height:36px;line-height:36px; font-size:14px; color:#222; text-indent:30px; overflow:hidden;background:url(../images/new_li2.jpg) no-repeat 16px center;margin-left: 7px;transition:all 0.5s;}
.mode3 .menu_body a:hover{color: #0072bb;background:url(../images/newslihover.png) no-repeat 16px center;}
/*==========企业相册页面========*/
#col{width:900px;}
#col ul{ margin-top:10px;}
#col li {text-align:center; float:left; margin-right:37px;margin-bottom:10px; width: 256px;height: 183px;}
#col li img{ border:1px solid #cecece;vertical-align: bottom;width: 100%;}
#col li img:hover{ border:1px solid #91cf18;}
#col li p{ font-size:13px; color:#333;line-height:24px;height: 24px;}
#col li a{ text-decoration:none;}
#col li:hover p{ text-decoration:none; color:#91cf18;}
.selected{z-index: 1;}
.selected p{display: none;}
.page2{position: absolute;left: 270px;top: 400px;}
/*------------banner轮播图-------------*/
/*.banner{ width:100%; height:600px; margin:0 auto;}*/
/*.banner-two{ width:100%; height:400px; margin:0 auto;}*/
.flickerplate {  position:relative;  width:100%;  background-color:#e6e6e6;  overflow:hidden;  z-index:0;  }
.flickerplate ul.flicks {  width:10000%;  height:100%;  padding:0px;  margin:0px;  list-style:none  }
.flickerplate ul.flicks>li {  float:left;  width:1%;  height:100%;  background-position:center;  background-size:cover;  display:table  }
.flickerplate .arrow-navigation {  position:absolute;  height:80%;  width:10%;  top:5%;  z-index:100;  overflow:hidden  }
.flickerplate .arrow-navigation .arrow {  display:block;  height:100%;  width:90%;  -webkit-transition:all 0.2s ease-out;  -moz-transition:all 0.2s ease-out;  -o-transition:all 0.2s ease-out;  -ms-transition:all 0.2s ease-out;  transition:all 0.2s ease-out  }
.flickerplate .arrow-navigation:hover, .flickerplate .arrow-navigation .arrow:hover {  cursor:pointer  }
.flickerplate .arrow-navigation.left {  left:0%  }
.flickerplate .arrow-navigation.left .arrow {  opacity: 0;  margin: 0px 0px 0px 50%;  background: url(../images/navleft.png) no-repeat left;  }
.flickerplate .arrow-navigation.right {  right:0%  }
.flickerplate .arrow-navigation.right .arrow {  opacity:0;  margin:0px 0px 0px -50%;  background: url(../images/navright.png) no-repeat right;  }
.flickerplate .arrow-navigation.left.hover .arrow {  opacity:1;  margin:0px 0px 0px 20%  }
.flickerplate .arrow-navigation.right.hover .arrow {  opacity:1;  margin:0px 0px 0px -20%  }
.flickerplate .dot-navigation {  position:absolute;  bottom:13px;  width:100%;  text-align:center;  z-index:100  }
.flickerplate .dot-navigation ul {  list-style:none;  padding:0px 15px;  width:200px;  margin:0 auto;  }
.flickerplate .dot-navigation ul li {  float:none;  width:36px;  float:left;  margin-right:17px;  }
.flickerplate .dot-navigation .dot {  width:41px;  height:15px;  margin:0px 6px;  background:url(../images/dot2.png) no-repeat center;  }
.flickerplate .dot-navigation .dot:hover {  cursor:pointer;  background:url(../images/dot2.png) no-repeat center;  }
.flickerplate .dot-navigation .dot.active {  background:url(../images/dot1.png) no-repeat center;  }
.flickerplate .dot-navigation.left, .flickerplate .dot-navigation.left ul {  text-align:left  }
.flickerplate .dot-navigation.right, .flickerplate .dot-navigation.right ul {  text-align:right  }
.flickerplate.flicker-theme-dark .arrow-navigation.left .arrow {  background: url(../images/navleft1.png) no-repeat left;  }
.flickerplate.flicker-theme-dark .arrow-navigation.right .arrow {  background: url(../images/navright1.png) no-repeat right;  }
.flickerplate.flicker-theme-dark .dot-navigation .dot {  background-color:rgba(0, 0, 0, 0.12)  }
.flickerplate.flicker-theme-dark .dot-navigation .dot:hover {  background-color:rgba(0, 0, 0, 0.6)  }
.flickerplate.flicker-theme-dark .dot-navigation .dot.active {  background-color:#000  }
.flickerplate.flicker-theme-dark ul.flicks li .flick-inner {  color:rgba(0, 0, 0, 0.9)  }
.flickerplate.animate-transform-slide ul.flicks {  -webkit-perspective:1000;  -webkit-backface-visibility:hidden;  transform:translate3d(0%, 0px, 0px);  -webkit-transform:translate3d(0%, 0px, 0px);  -webkit-transition:-webkit-transform 0.6s;  -o-transition:-o-transform 0.6s;  -moz-transition:-moz-transform 0.6s;  transition:transform 0.6s  }
.flickerplate.animate-transition-slide ul.flicks {  position:relative;  left:0%;  -webkit-transition:left 0.4s ease-out;  -moz-transition:left 0.4s ease-out;  -o-transition:left 0.4s ease-out;  -ms-transition:left 0.4s ease-out;  transition:left 0.4s ease-out  }