@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}
/*==========顶部========*/
.hed{width: 100%;height:40px;background-color: #f4f4f4;}
.hed_box{width: 1100px;height:40px;margin: 0 auto;}
.hed_box p{width:450px;height:40px;float: left;line-height: 40px;color: #333333;}
.hed_box ul{width:400px;height:40px;float: right;}
.hed_box ul li{width:76px;height:40px;float: right;}
.hed_box ul li a{display: block;text-align: right;line-height: 40px;color: #666666;font-size: 14px;}
.hed_box ul li a:hover{color: #04629a;}
.hed_box ul li.hed1{background: url(../images/top01.jpg)no-repeat 9px center;}
.top{width: 100%;height:164px;}
.toptp{width: 1100px;height:164px;margin: 0 auto;}
.toplogo{width:121px;height: 164px;float: left;}
.toplogo a img{width:87px;height:87px;margin-top: 34px;}
.topter{width:550px;height: 164px;float: left;}
.topter h2{font-size:36px;color: #333333;font-weight: bold;margin-top: 42px;}
.topter h3{font-size: 18px;color: #333333;text-indent: 113px;margin-top: 3px;}
.toprt{width:315px;height:164px;float: right;background: url(../images/top02.png) no-repeat left 52px;}
.toprt span{display: block;font-size: 14px;color: #333333;text-indent: 65px;margin-top: 50px;letter-spacing: 5px;}
.toprt p{text-align:right;font-size: 32px;color: #04629a;font-weight: bold;}
/*导航*/
.nav{  width: 100%;  height: 50px;background: url(../images/navck.jpg)repeat center center;}
.nav2{width: 1100px;height: 50px;margin: 0 auto;}
.nav2 ul{width: 1250px;float: left;}
.nav2 ul li{ float:left; height:50px;margin-right: 80px;}
.nav2 ul li a{display: block;  float:left;
    height:48px;line-height:50px;color:#ffffff;font-size:16px;}
.nav2 ul li a:hover{border-bottom: 2px solid #fee516;transition: 0s;}
.nav2 ul li a.on{ border-bottom: 2px solid #fee516;transition: 0s;!important;}
/*热搜关键字*/
.search_div{height:50px;width: 100%;background: #f0f0f0;}
.ser{width:1100px;height:50px;margin:  0 auto;}
.search{ float: right;width:271px;height:28px;margin-top: 10px;border:1px solid #c7c7c7;}
.search_tow{ border: none; background: none; width:150px; color: #989898;font-size: 12px;padding-left: 10px;height: 28px;}
.search_button{background: url(../images/btn.png) no-repeat center center;  cursor: pointer;width: 66px;height: 28px; position: absolute; right:0;top:0; border: none; }
#SearchType {width:50px;height: 28px;line-height: 28px;border: none;color: #989898;font-size: 12px;background: none;border-right: 1px solid #c7c7c7 ;text-indent: 2px;}
.search{position:relative;}
.sea_key{float: left;width: 630px;height:50px;line-height:50px;overflow: hidden;}
.sea_key a{color:#343434; margin:0 10px; }
.sea_key a:hover{color: #02639a;}
.sea_key span{color:#02639a;font-weight: bold; }
/*******产品展示******/
.cp{width:100%;height:933px;}
.cp .cp_box{width:1100px;height:933px;margin:0 auto;background: url(../images/cp01.png) no-repeat center 74px;}
.cptop{width:1100px;height:150px;float: left;}
.cptop p{width:1100px;text-align: center;margin-top: 51px;float: left;}
.cptop p a{font-size: 30px;color: #343434;font-weight: bold;letter-spacing: 5px;}
.cptop p a:hover{color: #02639a;}
.cptop span{width:1100px;display: block;text-align: center;font-size: 14px;color: #343434;margin-top: 2px;float: left;}
.cpter{width:1130px;height:740px;float: left;}
.cpter li{float: left;width:350px;height:343px;margin-right: 25px;margin-bottom: 20px;}
.cpter li img{width:350px;height:293px;float: left;}
.cpter li p{width:350px;height:50px;text-align: center;line-height: 50px;color: #333333;float: left;font-size: 16px;}
.cpter li:hover p{color: #02639a;}
/*公司简介*/
.gs{width:100%;height:947px;background: url(../images/bodyck.jpg)repeat center center;}
.gs_box{width:1100px;height:947px;margin: 0 auto;}
.gstop{width: 1100px;height: 134px;float: left;}
.gstop p{text-align: center;font-size: 36px;color: #fee300;font-weight: bold;margin-top: 37px;}
.gstop span{display: block;text-align: center;font-size: 16px;color: #ffffff;margin-top: 2px;}
.gster{width:1100px;height:430px;float: left;}
.gster .gsft{width:450px;height:430px;float: left;}
.gster .gsft img{width:450px;height:430px;}
.gsrt{width:618px;height:430px;float: right;}
.gsrt>span{display: block;font-size: 30px;margin-top: 10px;color: #fff;letter-spacing: 2px;float: left;}
.gsrt>p{width:618px;height:290px;color: #ffffff;line-height: 24px;float: left;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 11;
    -webkit-box-orient: vertical;text-indent: 2em;margin-top: 31px;}
.gsrt>p span{color: #fee300;}
.gsrt>p a{color: #fee300;}
.gsrt>a{display: block;width:104px;height:25px;float: right;background: #fee300;border-radius: 3px;color: #02639a;text-align: center;line-height: 25px;margin-top: 34px;}
.gsrt>a:hover{text-decoration: underline;}
.xc{width:1100px;height:99px;float: left;background: url(../images/xc01.jpg) no-repeat left 47px;}
.xc dt{float: left;margin: 44px 0 0 11px;}
.xc dt a{font-size: 22px;color: #fff;}
.xc dt a:hover{color: #fee300;}
.xc dd{float: left;font-size: 12px;color: #fff;margin: 56px 0 0  5px;}
.mrmr2 { width:1100px;float: left;height:240px;position: relative;}
.mr_BtnL2 { background: url(../images/left.png) no-repeat center center;width:20px;height:36px;float: left;  cursor: pointer; display: inline;position: absolute;top:95px;left:-55px;}
.mr_mr2 { float: left; width: 1100px;overflow: hidden;height:240px;}
.mr_BtnR2 { background: url(../images/right.png) no-repeat center center;width:20px;height:36px;float: right;  cursor: pointer;position: absolute;top:95px;right: -55px;}
.mr_mr2 ul li{float: left;width:360px;height:240px;margin-right:10px;}
.mr_mr2 ul li img{width:360px;height: 200px;float: left;}
.mr_mr2 ul li P{width:360px;height: 40px;float: left;text-align: center;line-height: 40px;background: #fff;color: #333333;}
.mr_mr2 ul li:hover p{background: #fee300;color: #04629a;}
/*****优势******/
.adv{width: 100%;height:926px;}
.adv_box{width: 1100px;height:926px; margin: 0 auto;}
.ystop{width: 1100px;height: 162px;float: left;background: url(../images/ystop.png) no-repeat center 36px;}
.ystop p{font-size:16px;color: #333333;text-align: center;margin-top:106px;}
.ysrt{width:1100px;height:652px;float: right;position: relative;}
/*yous*/
.yous{width:1100px;height:652px;}
.yous .bd{width:1100px;height:652px;float: left;}
.yous .bd li{width:1100px;height:652px;float: left;}
.yous .bd li .ys1{width:1100px;height:321px;float: left;position: relative;}
.yous .bd li .ys1 dt{width:601px;height:321px;float: right;}
.yous .bd li .ys1 dd{width:550px;height:207px;position: absolute;top: 57px;left: 0;background: url(../images/ys01.png) no-repeat center center;}
.yous .bd li .ys1 dd span{letter-spacing: 2px;font-size: 30px;color: #02639a;font-weight: bold;display: block;text-indent: 23px;margin-top: 38px;}
.yous .bd li .ys1 dd h6{color: #878787;text-indent: 23px;font-size: 14px;letter-spacing: 1px;}
.yous .bd li .ys1 dd p{width:495px;height:70px;color: #333333;line-height: 24px;margin: 5px 0 0 23px;}
.yous .bd li .ys2{width:1100px;height:311px;float: left;position: relative;margin-top: 10px;}
.yous .bd li .ys2 dt{width:601px;height:311px;float: left;}
.yous .bd li .ys2 dd{width:550px;height:207px;position: absolute;top: 57px;right: 0;background: url(../images/ys02.png) no-repeat center center;}
.yous .bd li .ys2 dd span{letter-spacing: 2px;font-size: 30px;color: #02639a;font-weight: bold;display: block;text-indent: 34px;margin-top: 38px;}
.yous .bd li .ys2 dd h6{color: #878787;text-indent: 34px;font-size: 14px;letter-spacing: 1px;}
.yous .bd li .ys2 dd p{width:495px;height:70px;color: #333333;line-height: 24px;margin: 5px 0 0 34px;}
.yous .hd li{width:61px!important;height:9px;background-color: #fee300;cursor:pointer;
    float:left; color: #fee300;text-align: center;line-height: 9px;font-size: 12px;}
.yous .hd li.on{background-color: #04629a;color: #04629a!important;}
.yous .hd ul{position: absolute;width: 122px;height:7px;top:702px;left:490px;z-index: 999999;}
/*合作伙伴*/
.par{width:100%;height:480px;background: #efefef;}
.par_box{width:1100px;height:480px;margin: 0 auto;}
.partop{width:1100px;height:160px;float: left;}
.partop p{width:1100px;text-align: center;margin-top: 51px;float: left;}
.partop p a{font-size: 36px;color: #343434;font-weight: bold;letter-spacing: 3px;}
.partop p a:hover{color: #02639a;}
.partop span{width:1100px;display: block;text-align: center;font-size: 16px;color: #333333;margin-top: 2px;float: left;letter-spacing: 2px;}
.mrmr1 { width:1100px;float: left;height:252px;position: relative;}
.mr_BtnL1 { background: url(../images/left1.png) no-repeat center center;width:20px;height:36px;float: left;  cursor: pointer; display: inline;position: absolute;top:120px;left:-55px;}
.mr_mr1 { float: left; width: 1100px;overflow: hidden;height:252px;}
.mr_BtnR1 { background: url(../images/right1.png) no-repeat center center;width:20px;height:36px;float: right;  cursor: pointer;position: absolute;top:120px;right: -55px;}
.mr_mr1 ul li{float: left;width:352px;height:252px;margin-right:22px;}
.mr_mr1 ul li img{width:352px;height: 252px;float: left;}
/************新闻**********/
.news{width:100%;height:510px;}
.news .news_box{width:1100px;height:510px;margin: 0 auto;}
.des{width:666px;height:424px;float: left;margin-top:47px;}
.des .xwtop{width:666px;height:50px;float: left;}
.des .xwtop .tab1{width:500px;height:50px;float: left;}
.des .xwtop .tab1 li{width:140px;height:50px;float: left;margin-right: 38px;}
.des .xwtop .tab1 li.on a{color: #fee300;background: #04629a;}
.des .xwtop .tab1 li a{display: block;width:140px;height:50px;text-align: center;line-height: 50px;color: #02639a;font-size: 18px;background: #cacaca;}
.content1{width:666px;height:374px;float: left;}
.content1 div{display: none;}
.content1 div{width:666px;height:374px;float: left;}
.content1 div dl{width:666px;height:178px;float: left;border-bottom: 1px dashed #ebebeb;}
.content1 div dl dt{width:219px;height:124px;float: left;margin-top: 36px;}
.content1 div dl dt img{width:219px;height:124px;}
.content1 div dl dd{width:433px;height:124px;float: right;margin-top: 36px;}
.content1 div dl dd span a{width:433px;display: block;font-size: 18px;color: #02639a;font-weight: bold;margin-top: 3px;float: left;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.content1 div dl dd p{width:433px;height:70px;color: #333333;line-height: 24px;letter-spacing: 1px;margin-top: 5px;float: left;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;}
.content1 div dl dd>a{float: right;color: #acacac;}
.content1 div dl dd>a:hover{color: #04629a;}
.content1 div ul{width:666px;height:246px;float: left;}
.content1 div ul li{width:666px;height:38px;float: left;border-bottom: 1px dashed #ebebeb;}
.content1 div ul li a{display: block;width:666px;float: left;line-height: 38px;}
.content1 div ul li a:hover p{color: #04629a;}
.content1 div ul li a:hover span{color: #04629a;}
.content1 div ul li a p{width:510px;float: left;font-size: 14px;color: #333333;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.content1 div ul li a span{float: right;font-size: 14px;color: #acacac;}
.newrt{width:405px;float: right;height:417px;margin-top: 47px;}
.faq{width:405px;float: right;height:60px;background: #fff;}
.faq span{font-size: 24px;color: #333333;font-weight: bold;display: block;}
.faq p{font-size: 14px;color: #333333;font-weight: bold;display: block;}
.xwrt{width:405px;float: right;height:242px; position: relative;z-index:9999;}
.xwrt .hd{position: absolute;top:-44px;right: 0;width:80px;height:40px;}
.xwrt .bd{width:405px;height:242px;}
.xwrt .bd li{background: url(../images/wen.png) no-repeat left center;width:405px;height:90px;border-bottom: 1px dashed #e8e8e8;}
.xwrt .bd li a{display: block;width:375px;float: right;color: #333333;margin-top: 22px;font-weight: bold;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.xwrt .bd li p{width:375px;float: right;color: #02639a;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;margin-top: 8px;}
.xwrt .hd .next{width:36px;height:36px;background: url(../images/z4.png) no-repeat center center;display: block;float: right;}
.xwrt .hd .prev{width:36px;height:36px;background: url(../images/z5.png) no-repeat center center;display: block;float: right;}
.xwrt .bd li a:hover{color: #04629a;}
/*******友情链接*******/
.box{width:100%;}
.box_tt{width: 1100px; margin: 0 auto;}
.box ul{width: 1100px;overflow: hidden;}
.box li{  float: left;}
.box li p{font-size:18px;color: #333333;line-height:60px;font-weight: bold;margin-right: 10px;}
.box li a{color: #333333;line-height:60px;margin-left: 15px;font-size: 12px;}
.box li a:hover{color: #04629a;}
/*底部*/
.foot{width:100%;height:339px;background: url(../images/bodyck.jpg) repeat center center;}
.foot .foot_con{ width:1100px; height:339px;margin:0 auto; }
.foor{width:1100px; height:339px;}
.ter0{width:250px; height:339px;float: left;background: url(../images/ter02.jpg) no-repeat 192px 52px;}
.ter0 a img{width:138px; height:201px;margin-top: 52px;}
.ter2{width:426px; height:339px;float: left;background: url(../images/ter02.jpg) no-repeat 369px 52px;}
.ter2 span{background: url(../images/ter01.jpg) no-repeat left bottom;width:426px;height:50px;font-size: 18px;color: #fff;margin-top:36px;display: block;line-height: 50px;}
.ter2 p{color: #ffffff;}
.ter2 p a{color: #ffffff;}
.ter2 p a:hover{color: #fee300;}
.terp1{width:315px;float: left;margin-top:20px;text-indent: 2px;}
.terp2{width:315px;float: left;margin-top:6px;}
.terp3{width:315px;float: left;margin-top:6px;}
.terp4{width:315px;float: left;margin-top:6px;}
.terp5{width:315px;float: left;margin-top:6px;text-indent: 2px;}
.terp6{width:315px;float: left;margin-top:3px;line-height: 25px;}
.ter1{width:232px; height:339px;float: left;background: url(../images/ter02.jpg) no-repeat right 52px;}
.ter1 p{background: url(../images/ter01.jpg) no-repeat left bottom;width:426px;height:50px;font-size: 18px;color: #fff;margin-top:36px;line-height: 50px;}
.ter1 ul{width:232px;margin-top: 20px;}
.ter1 ul li{width:115px;float: left;margin-bottom: 6px;}
.ter1 ul li a{color: #ffffff;}
.ter1 ul li a:hover{color: #fee300;}
.ter3{width:135px;height:339px;float: right;}
.ter3 span{background: url(../images/ter01.jpg) no-repeat left bottom;width:426px;height:50px;font-size: 18px;color: #fff;margin-top:36px;display: block;line-height: 50px;}
.ter3 img{width:135px;height:135px;margin-top: 22px;float: left;}
.ter3 p{width:135px;text-align:center;color: #fff;margin-top: 5px;float: left;}
.copy{width:100%;height: 50px;background: #313331;}
.copy_box{width:1100px;height:50px;margin: 0 auto;}
.copy_box p{width:600px;color:#ffffff;line-height:50px;float: left;}
.copy_box span{display: block;float: right;color:#ffffff;line-height: 50px;}
.copy_box span a{ font-size: 14px; color:#ffffff;}
.copy_box span a:hover{color: #fee300;}
/*--------------内页左侧代码--------------*/
.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:#04629a;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:#fee300;color:#04629a;}
.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:#04629a;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:#fee300 !important;color:#04629a !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:80px; padding-top:15px;  }
#spec-left{ background:url(../images/left.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:17px; margin-right:6px;}
#spec-right{background:url(../images/right.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:17px; margin-left:6px;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:92px; height:80px; overflow:hidden}
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:80px; height:67px;}
.contact_pro{width:830px;padding-top:10px;}
.contact_pro h3{border-bottom:2px solid #04629a;line-height:30px;height: 30px;}
.contact_pro h3 span{float: left;font-size: 15px;color: #04629a;font-weight: bold;}
.contact_pro h3 a{float: right;font-size: 14px;color: #04629a;}
.contact_pro h3 a:hover{color: #333;}
.contact_pro ul .nyHot_news{border-bottom: 1px dotted #ccc;width: 370px;float: left;margin-right: 90px;line-height: 45px;}
.contact_pro .redianzx{width: 930px;}
.contact_pro ul .nyHot_news a{font-size: 14px;color: #333;overflow: hidden;display: block;white-space:nowrap;text-overflow:ellipsis;width: 280px;float: left;}
.contact_pro ul .nyHot_news span{font-size: 14px;color: #333;float: right;}
.contact_pro ul .nyHot_news:hover a{color: #04629a;}
.contact_pro ul .nyHot_news:hover span{color: #04629a;}
#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 #04629a;}
#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:#04629a;}
/*--------------内页下部分代码--------------*/
#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:#04629a;}
/*.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;}
.gbook_content { width:700px; padding-top:20px; margin:0 auto; height:524px; line-height:24px;margin-top:15px;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:#04629a; }
.article_list ul li a .date{ float:right; color:#999;}
.article_list ul li a:hover .date {text-decoration:none;color:#04629a; }
.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-top: 35px;  margin-bottom: 20px;  color: #666;clear: both;  }
.page span {  margin: 0 4px;  font-size: 12px;  line-height: 30px;  display: inline-block;  height: 30px;  padding: 0 12px;
    text-align: center;  color: #fff;  border: 1px solid #006697;  background: #006697;  vertical-align: middle;  border-radius: 3px;  }
.page a {  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  margin: 0 4px;  font-size: 12px;  line-height: 30px;
    display: inline-block;  height: 30px;  padding: 0 12px;  text-align: center;  color: #fff;  border: 1px solid #999;  background: #999;
    vertical-align: middle;  border-radius: 3px;  }
.page a:hover {  background: #006697;  color: #fff;  border: 1px solid #006697;  }
/*--------------产品列表左侧--------------*/
.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: #04629a;text-decoration:none;}
.product_list dl:hover img{border:solid 1px #04629a;}
.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 #04629a;}
.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:#04629a;}
.ny_proInfo{overflow: hidden;font-size: 14px;color: #333;line-height: 24px;margin-bottom: 24px;height:248px;}
.ny_lianxi{width: 378px;padding-top: 10px;border-top: 1px dotted #aaa;}
.ny_lianxi a{display: block;float: left;width: 140px;height: 30px;background-color: #fee300;color: #04629a;text-align: center;line-height: 30px;font-size: 14px;}
.ny_lianxi span{font-size: 21px;color: #04629a;padding-left: 20px;line-height: 30px;}
.ny_Nowbuy{display: block;height: 30px;background-color: #fee300;color: #04629a;text-align: center;line-height: 30px;font-size: 14px;margin-top: 10px;}
.ny_lianxi a:hover{background: #04629a;color: #fff;}
.ny_Nowbuy:hover{background: #04629a;color: #fff;}
.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;width: 320px;padding-left: 10px; float: left; border:1px solid #d6d6d6;color: #9f9f9f; }
.inxFkPhone{height: 36px;width: 320px;padding-left: 10px; float: left; border:1px solid #d6d6d6; color: #9f9f9f;border-bottom: none;border-top: none;}
.inxFktitle{height: 36px;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: #fee300; text-align:  center; line-height: 40px; color: #04629a; font-size: 14px;transition:all 0.5s;}
.inxrest{width: 145px;height: 40px; border: none; margin:15px 0 0 40px; cursor: pointer;border-radius: 5px;
    background: #fee300; text-align:  center; line-height: 40px; color: #04629a; font-size: 14px;transition:all 0.5s;}
.inxgook_001{ width: 420px; padding-left: 40px;}
.inxgook_002{ width: 420px; padding-left: 40px; margin-top: 14px;}
.inxgook_003{ width: 420px; padding-left: 40px; margin-top: 14px;}
.inxgook_004{ 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: #04629a;}
/*--------------搜索页--------------*/
.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 #04629a; }
.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: #04629a; }
.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:#04629a; }
.pro_pic ul.seru2 li a .date{ float:right; color:#999;}
.pro_pic ul.seru2 li a:hover .date {text-decoration:none;color:#04629a; }
.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:#04629a; 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;}
.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:#04629a; 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;padding: 5px 0;}
.current_content a{font-size: 14px;color: #04629a;test:expression(target="_blank");}
.current_content a:hover{color: #333;}
.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: #04629a;}
.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:#000;}
.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:#04629a; 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: #04629a;}
.mode3 .menu_body{width:235px;height:auto;overflow:hidden;line-height:30px;}
.mode3 .menu_body .nva_active{color:#04629a;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: #04629a;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:550px; margin:0 auto;}
.banner-two{ width:100%; height:400px; margin:0 auto;}
.flickerplate {  position:relative;  width:100%;  max-height:550px;  min-height:400px;  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:7px;  width:100%;  text-align:center;  z-index:100  }
.flickerplate .dot-navigation ul {  list-style:none;  padding:0px 15px;  width:121px;  margin:0 auto;  }
.flickerplate .dot-navigation ul li {  float:none;  width:30px;  float:left;  margin-left:5px;  }
.flickerplate .dot-navigation .dot {  width:30px;  height:30px;  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  }