* { margin: 0; padding: 0; }
a:link, a:visited, a:hover, a:active { color: #333; text-decoration: none; cursor: pointer; }
a:hover, a:active { color: #003467; -o-transition: color 0s ease; -moz-transition: color 0s ease; -ms-transition: color 0s ease; -webkit-transition: color 0s ease; transition: color 0s ease; }
body { font: 14px/150% "????", "Arial", "Thmano", "Microsoft Yahei"; color: #333; background: #FFF; }
img { border: 0px; }
ul, ol { list-style-type: none; }
table { border-collapse: collapse; border-spacing: 0; }
font { font-size: 12px; }
input, textarea, select { font: 12px/20px "Arial", "Thmano", "Microsoft Yahei"; color: #999; outline: 0; }
textarea { resize: none; overflow: auto; }
ul, ol { list-style-type: none; }
table { border-collapse: collapse; border-spacing: 0; }
h1, h2, h3, h4, h5, h6, font { font-size: 12px; }

/* public css */
.hidden { display: none; }
.center { text-align: center; }
.overlay { width: 100%; height: 100%; background: #000; position: fixed; _display: none; left: 0; top: 0; z-index: 100; opacity: 1; }
.autocut { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; }

/* pager */
.pager { display: block; width: 100%; height: auto; padding: 25px 0 5px; text-align: center; clear: both; margin-bottom: 5px; }
.pager span, .pager a { display: inline-block; border: 1px solid #ddd; color: #333; height: 24px; line-height: 24px; padding: 0px 8px; text-decoration: none; background: #FFF; margin: 0 5px; }
.pager a:hover { background: #fdfbfc; border-color: #003467; color: #003467; text-decoration: none; }
.pager .cur { background: #003467; border-color: #003467; font-weight: bold; color: #FFF; }
.pager span.dot { background: #8d5248; border-color: #0a6c00; font-weight: bold; color: #FFF; }

/* relatedLink */
.relatedLink { height: 30px; line-height: 30px; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; width: 100%; margin: 0 auto 10px; }
.relatedLink .prevLink { float: left; margin-left: 10px; }
.relatedLink .nextLink { float: right; margin-right: 10px; }
.relatedLink a:hover { color: #003467; }

/* ???????? */
#searchfrom .err { height: 30px; line-height: 30px; width: 100%; }
#searchfrom .err span { color: #FF0000; margin-left: 20px; }
.loading { color: #003467; height: 40px; line-height: 40px; background: url(../images/home/loading2.gif) 5px center no-repeat; padding-left: 30px; }

/* ??????? */
.formData { width: 550px; margin: 0px auto 20px; padding-top: 30px; }
.formData tr.item label { margin-right: 5px; }
.formData tr.item .tip { width: 130px; margin-left: 20px; }
.formData tr.item input, .formData tr.code input { width: 250px; height: 25px; line-height: 25px; color: #666; border: 1px solid #ccc !important; border-radius: 3px; padding: 0 5px; }
.formData tr.item textarea { width: 250px; height: 80px; color: #666; border: 1px solid #ccc; margin-bottom: 15px; border-radius: 3px; padding: 0 5px; }
.formData tr.item input:focus, .formData tr.code input:focus, .formData tr.item textarea:focus { border: 1px solid #003467 !important; border-radius: 3px; }
.formData tr.code input { width: 90px; }
.formData .sub { width: 102px; height: 32px; line-height: 32px; color: #FFF; text-align: center; background: #003467; border-radius: 3px; color: #FFF; border: none; margin-right: 10px; cursor: pointer; }
.formData tr.code img { vertical-align: middle; *vertical-align: 0; margin-left: 10px; }
.formData .err, .formData .red { color: #ff0000; }
.formData .red { font-size: 16px; line-height: 16px; font-weight: 700; margin-right: 5px; }

/* cms2.0.map */
.baiduMap { margin: 0 auto 20px; background: #FFF; box-shadow: 2px 4px 5px rgba(0, 0, 0, 0.1); width: 710px; height: 300px; }
.BMap_bubble_title a { display: inline-block; height: 25px; line-height: 26px; background: #003467; color: #FFF; overflow: hidden; padding: 0 10px; border-radius: 3px; }
.BMap_bubble_title a:hover { background: #41a80e; color: #FFF; }
#baiduMap span.BMap_Marker div { _width: 19px; _height: 25px; _background: url(http://api.map.baidu.com/images/marker_red_sprite.png) 0 0 no-repeat; }

/* IE6???????? */

/* ???§¹?? */
.jing_kf { width: 119px; position: absolute; right: 10px; top: 100px; z-index: 100; }
.jing_kf .top { height: 66px; background: url(../images/kf_top.png) center top no-repeat; }
.jing_kf .main { min-height: 50px; background: url(../images/kf_bg.png) center bottom no-repeat; position: relative; padding-top: 10px; }
.jing_kf .main ul { padding-left: 8px; margin-bottom: 5px; }
.jing_kf .main ul.t { overflow: hidden; }
.jing_kf .main ul.t li.e { text-align: center; line-height: 18px; }
.jing_kf .main ul.t li.e span, .jing_kf .main ul.t li.e strong { padding: 0 5px; display: block; font-size: 12px; color: #729e3d; }
.jing_kf .main ul.t li.b { height: 40px; }
.jing_kf i.online, .jing_kf i.salebefor, .jing_kf i.saleafter { width: 103px; height: 35px; background: url(../images/qq_jt.gif) 0 0 no-repeat; display: block; }
.jing_kf i.saleafter { background: url(../images/sh_jt.gif) 0 0 no-repeat; }
.jing_kf i.salebefor { background: url(../images/sq_jt.gif) 0 0 no-repeat; }
.jing_kf .main ul.t li.lin { margin-bottom: 10px; }
.jing_kf .main div.mobileCode { padding-left: 3px; text-align: center; margin-bottom: 15px; }
.jing_kf .main div.mobileCode i.dimCode { width: 70px; height: 70px; background: url(../images/kf/mobileCode.png) center center no-repeat; border: 1px solid #dedede; display: block; margin: 0 auto; box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); }
.jing_kf .main div.mobileCode span, .jing_kf .main div.mobileCode a { display: block; color: #729e3d; font-weight: 400; }
.jing_kf .main div.mobileCode a:hover { font-weight: 700; }
.jing_kf .main .returnTop { height: 30px; position: relative; }
.jing_kf .main .returnTop a { width: 32px; height: 50px; background: url(../images/kf_returntop.png) center bottom no-repeat; cursor: pointer; position: absolute; top: 1px; left: 46px; }

/* header */
.header { width: 100%; background: #003467; border-top: 5px solid #0066a7; }
.header .main { height: 140px; width: 1200px; margin: 0 auto; position: relative; z-index: 10; }
.header .logo { float: left; margin-top: 15px; }
.header .logo img { display: block; padding-left: 20px; }
.header .opr { float: right; margin-top: 45px; width: 350px; text-align: right; }
.header .t { float: right; width: 100%; height: 52px; line-height: 30px; text-align: right; margin-top: 10px; color: #ceefa4; }
.header .t a { height: 30px; color: #ceefa4; margin: 0 8px; }
.header .t a:hover { text-decoration: underline; }
.header .searcher { float: right; width: 230px; height: 23px; border: 2px solid #30f4f7; background: #FFF; }
.header input.txt { width: 170px; float: right; height: 23px; line-height: 23px; border: none; background: #FFF; color: #999; }
.header .sub { float: right; width: 50px; height: 23px; line-height: 23px; background: #30f4f7; border: 0; cursor: pointer; color: #FFF; }
.header .sub:hover { opacity: 0.9; }

/* navigation */
.navigation { width: 1200px; height: 50px; background: url(../images/nav.png) no-repeat center; top: 120px;/* background-size: cover; */ position: absolute; }
.navigation ul.list {float: left;/* width: 980px; */height: 50px;margin-left: 50px;display: inline;}
.navigation li.nav1 {float: left;width: 100px;position: relative;margin-right: 42px;}
.navigation a.nav1 { display: block; height: 50px; line-height: 50px; font-size: 14px; color: #FFF; text-align: center; }
.navigation li.hover a.nav1 { background: url(../images/nav_1.gif) center top no-repeat; }
.navigation .drop { position: absolute; left: 0px; top: 50px; width: 100%; z-index: 10; display: none; }
.navigation div.nav2 { width: 100%; height: 30px; text-align: center; border-top: 1px solid #FFF; }
.navigation div.nav2 a { display: block; height: 30px; line-height: 30px; color: #FFF; background: #0066a7; }
.navigation div.nav2 a:hover { background: #0066a7; }

/* banner */
.banner { width: 100%; height: 420px; overflow: hidden; position: relative; margin-bottom: 35px; }

.banner ul.list { float: left; height: 420px; width: 500%; }
.banner li.item { width: 20%; height: 420px; float: left; }
.banner div.tip { width: 1200px; height: 15px; position: absolute; bottom: 10px; left: 50%; margin-left: -500px; text-align: center; }
.banner div.tip em { width: 15px; height: 15px; display: inline-block; background: url(../images/tip_4_1.png) 0 0 no-repeat; _background: #FFF; margin: 0 5px; cursor: pointer; }
.banner div.tip em.cur { background-image: url(../images/tip_4_2.png); _background: #e2b620; }
.banner .tapLine { width: 100%; height: 5px; background: url(../images/tapLine.gif) left top repeat-x; position: absolute; top: 0; left: 0; z-index: 9; }

/* wrapper */
.wrapper {width: 100%;margin-bottom: 10px;clear: both;}
.part1 {width: 100%;background: #003467;margin-bottom: 50px;/* padding-bottom: 50px; */}
.part1 .main {width: 1200px;/* height: 215px; */margin: 0 auto;/* padding: 50px 0; */position: relative;padding-bottom: 20px;}
.part1 .taps { width: 256px; height: 94px; background: url(../images/tip_2.png) 0 0 no-repeat; position: absolute; left: 50%; margin-left: -128px; top: -40px; }
.part1 .tapLine { width: 100%; height: 5px; background: url(../images/tapLine_2.gif) left top repeat-x; position: relative; top: 5px; _top: 10px; }
.part2 { width: 1200px;/* height:280px; */ margin: 0 auto; }
.wrap { width: 1200px; margin: 0 auto 20px; padding-top: 20px; }

/* column1 */
.column1 .thead { width: 100%; height: 40px; }
.column1 .thead .tit { height: 20px; overflow: hidden; float: left; font-family: "Microsoft Yahei"; font-size: 20px; color: #003467; }
.column1 .thead .tab { float: right; height: 20px; }
.column1 .thead .tab a { float: right; height: 20px; width: 30px; background-color: #0066a7; background-position: center center; background-repeat: no-repeat; }
.column1 .thead .tab a:hover { background-color: #30f4f7; }
.column1 .thead a.arrow_l { background-image: url(../images/tip_1_1.gif); }
.column1 .thead a.arrow_r { background-image: url(../images/tip_1_2.gif); margin-left: 2px; display: inline; }
.column1 .thead .more { width: 50px; height: 20px; float: right; background: url(../images/tip_1_4.gif) center center no-repeat #0066a7; }
.column1 .thead .more:hover { background-color: #30f4f7; }

/* column2 */
.column2 .thead { width: 100%; height: 40px; }
.column2 .thead .tit { height: 20px; line-height: 20px; overflow: hidden; float: left; font-family: "Microsoft Yahei"; font-size: 20px; color: #FFF; }
.column2 .thead .more { float: right; height: 20px; width: 50px; background: url(../images/tip_1_3.gif) center center no-repeat; }
.column2 .tbody { color: #FFF; }

/* iproduct */
.iproduct { width: 1200px; margin: 0 auto 50px; }
.iproduct .thead .tit { padding-right: 100px; background: url(../images/ui_1.png) right 0 no-repeat; }
.iproduct .tbody { width: 1200px; overflow: hidden; height: 155px; position: relative; }
.iproduct ul.list { float: left; width: 300%; height: 250px; }
.iproduct li.item { float: left; width: 202px; margin-bottom: 20px; }
.iproduct .container { width: 180px; padding: 5px; background: #FFF; border: 1px solid #ddd; position: relative; overflow: hidden; }
.iproduct li.hover .container { background: #0066a7; border: 1px solid #0066a7; }
.iproduct li.item img, .iproduct li.item .img { display: block; width: 180px; height: 135px; }
.iproduct li.item .wd { width: 180px; height: 30px; line-height: 30px; position: absolute; left: 5px; bottom: -55px; background: rgba(0, 0, 0, 0.5) !important; filter: Alpha(opacity=50); background: #000; z-index: 8; text-align: center; }
.iproduct li.item .wd a { display: block; position: relative; color: #FFF; }

/* iabout */
.iabout { width: 240px; float: left; }
.iabout .thead .tit { padding-right: 100px; background: url(../images/ui_1.png) right -30px no-repeat; }
.iabout .tbody { height: 140px; overflow: hidden; }
.iabout p { line-height: 24px; text-indent: 2em; text-align: justify; }

/* inews */
.inews {/* float: left; *//* width: 380px; *//* padding-left: 35px; *//* background: url(../images/tapLine_3.gif) left center no-repeat; *//* margin-left: 27px; */padding-top: 20px;}
.inews .thead .tit { padding-right: 60px; background: url(../images/ui_1.png) right -60px no-repeat; }
.inews .tbody { height: 140px; overflow: hidden; }
.inews .list {/* height: 125px; *//* float: right; *//* padding-left: 180px; *//* width: 200px; *//* background: url(../images/2.jpg) left center no-repeat; */}
.inews .item { float: left; width: 100%; height: 25px; width:350px; line-height: 25px; background: url(../images/tapLine_4.gif) left center no-repeat; overflow: hidden; }
.inews .item span { float: right; }
.inews .item a { float: left; padding-left: 15px; color: #FFF; }
.inews .item a:hover { text-decoration: underline; }

/* icontact */
.icontact { width: 240px; float: right; padding-left: 35px; background: url(../images/tapLine_3.gif) left center no-repeat; }
.icontact .thead .tit { padding-right: 120px; background: url(../images/ui_1.png) right -90px no-repeat; }
.icontact .tbody { height: 140px; overflow: hidden; line-height: 24px; text-align: justify; }

/* isupper */
.isupper { width: 240px; float: left; }
.isupper .thead .tit { padding-right: 83px; background: url(../images/ui_1.png) right -120px no-repeat; }
.isupper .tbody { height: 200px; overflow: hidden; }
.isupper p { line-height: 24px; text-align: justify; }

/* icase */
.icase { width: 920px; float: right; }
.icase .thead .tit { padding-right: 170px; background: url(../images/ui_1.png) right -150px no-repeat; }
.icase .tbody { width: 100%; overflow: hidden; position: relative; }
.icase ul.list { float: left; width: 300%; height: 200px; }
.icase li.item { float: left; width: 235px; margin-bottom: 20px; }
.icase .container { width: 207px; padding: 5px; background: #FFF; border: 1px solid #ddd; position: relative; }
.icase li.hover .container { background: #0066a7; border: 1px solid #0066a7; overflow: hidden; }
.icase li.item img, .icase li.item .img { display: block; width: 207px; height: 188px; }
.icase li.item .wd { width: 207px; height: 30px; line-height: 30px; position: absolute; left: 5px; bottom: -55px; background: rgba(0, 0, 0, 0.5) !important; filter: Alpha(opacity=50); background: #000; z-index: 8; text-align: center; }
.icase li.item .wd a { display: block; position: relative; color: #FFF; }

/* ilink */
.ilink { width: 1200px; margin: 0 auto; }
.ilink .tit { padding-right: 60px; background: url(../images/ui_1.png) right -180px no-repeat; margin-right: 30px; display: inline; }
.ilink .list a { margin-right: 20px; font-size: 12px; }

/* footer */
.footer { width: 100%; position: relative; }
.footer .top { width: 1200px; height: 80px; padding-left: 20px; padding-top: 35px; border-top: 1px dashed #9d9d9d; margin: 0 auto; }
.footer .subNav { height: 30px; line-height: 30px; margin-left: -15px; }
.footer .subNav a { margin: 0 15px; }
.footer .subNav a:hover { text-decoration: underline; }
.ikey { height: 30px; line-height: 30px; }
.footer .bottom { background: #003467; line-height: 30px; text-align: center; color: #FFF; }
.footer .bottom a { color: #FFF; }
.footer .bottom a:hover { text-decoration: underline; }
.footer .tapTip { width: 190px; height: 135px; background: url(../images/tip_3.png) 0 0 no-repeat; position: absolute; left: 50%; margin-left: 340px; bottom: 0; }

/* sidebar */
.sidebar { width: 230px; float: left; position: relative; z-index: 100; }
.leftNav { width: 230px; margin-bottom: 20px; }
.leftNav .thead { width: 230px; height: 50px; line-height: 50px; background: #003467; font-family: "Microsoft Yahei"; font-size: 18px; color: #FFF; text-align: center; }
.leftNav .tbody { width: 228px; border-left: 1px solid #acacac; border-right: 1px solid #acacac; border-bottom: 2px solid #003467; }
.leftNav .list { width: 200px; margin-left: 28px; padding-top: 10px; margin-bottom: 20px; }
.leftNav .item { width: 170px; height: 33px; background: url(../images/bg_3.gif) 0 bottom repeat-x; position: relative; }
.leftNav .item a.nav2 { display: block; width: 200px; height: 34px; line-height: 34px; background: url(../images/ui_2.gif) left 0 no-repeat; color: #333; font-family: "Microsoft Yahei"; position: relative; top: -1px; _top: -1px; }
.leftNav .hover a.nav2 { background: url(../images/ui_2.gif) left -35px no-repeat #003467; color: #FFF; }
.leftNav .item span { margin-left: 45px; }
.leftNav .drop { position: absolute; left: 201px; top: 0; width: 149px; border: 1px solid #ddd; border-left: 0; background: url(../images/bg_1.gif) 0 0 repeat-y #FFF; padding-bottom: 15px; display: none; }
.leftNav .item2 { width: 110px; height: 30px; line-height: 30px; margin: 0 auto; background: url(../images/bg_3.gif) left bottom repeat-x; }
.leftNav .item2 a { padding-left: 10px; }
.leftNav .list-wj a:hover{ color:#fff; text-indent:6px;-webkit-transition:all 0.2s ease-in-out 0s;-moz-transition:all 0.2s ease-in-out 0s;-ms-transition:all 0.2s ease-in-out 0s;transition:all 0.2s ease-in-out 0s;}





.leftNav .list-wj { width:200px; margin-left:28px; padding-top:10px; margin-bottom:20px; }
.leftNav .list-wj dt{background: url(../images/ui_2.gif) left -35px no-repeat #003467; color: #FFF; margin-left: -10px; }
.leftNav .item { width:170px; height:33px; background:url(../images/bg_3.gif) 0 bottom repeat-x; position:relative; }
.leftNav .pclound a.nav2 { display:block; width:220px; height:34px; line-height:34px; background:url(../images/ui_2.gif) left 0 no-repeat; font-family:"Microsoft Yahei"; position:relative; top:-1px; _top:-1px; }
.leftNav .hover a.nav2 { background:url(../images/ui_2.gif) left -35px no-repeat #003467; color:#FFF; }
.leftNav .pclound span { margin-left:45px; color:#fff; -webkit-transition:all 0.1s ease-in-out 0s;-moz-transition:all 0.1s ease-in-out 0s;-ms-transition:all 0.1s ease-in-out 0s;transition:all 0.1s ease-in-out 0s; }

.leftNav .drop { position:absolute; left:201px; top:0; width:149px; border:1px solid #ddd; border-left:0; background:url(../images/bg_1.gif) 0 0 repeat-y #FFF; padding-bottom:15px; display:none; }





/* leftContact */
.leftContact { background: url(../images/p1.gif) center top no-repeat; line-height: 25px; padding-top: 100px; }

/* content */
.content { width: 920px; float: right; position: relative; overflow: hidden; }
.content .thead { width: 100%; height: 30px; border-bottom: 1px solid #ddd; margin-bottom: 15px; }
.content .thead .tit { height: 20px; overflow: hidden; float: left; font-family: "Microsoft Yahei"; font-size: 15px; color: #003467; }
.content .sitepath { float: right; height: 20px; line-height: 20px; text-align: right; color: #555; }
.content .sitepath a { color: #555; }
.content .sitepath a:hover { color: #2a7d01; }

/*???+????????*/
.product_con .texttit {/* width: 699px; */font: bold 20px/40px Arial, "microsoft yahei", "";text-align: center;/* border-bottom: 1px solid #ccc; */margin: 0 auto;}
.product_con .textbox {/* width: 699px; */word-wrap: break-word;word-break: break-all;margin: 0 auto;}
.pglist { width: 100%; clear: both; height: 80px; }
.pglist ul { width: 100%; text-align: right; padding-top: 20px; }
.pglist ul li { vertical-align: bottom; display: inline-block; *display: inline; zoom: 1; width: 30px; height: 30px; margin-left: 5px; _display: inline; _zoom: 1; _margin-left: 5px; border: 1px solid #3a527e; font-size: 14px; line-height: 30px; text-align: center; background: #3a527e }
.pglist ul li a { color: #fff; line-height: 30px; display: block }
.pglist ul li.home, .pglist ul li.end { width: 60px; height: 30px; border: 1px  solid #3a527e; }
.pglist ul li.next, .pglist ul li.last { width: 30px; height: 30px; border: 1px  solid #3a527e; font-size: 24px; line-height: 30px; font-family: 'ËÎÌå' !important; font-weight: bold; }
.pglist ul li.on { background: #f02e49; border: 1px  solid #f02e49; }
.pglist ul li.on a { color: #fff; }
.pglist ul li.nohover { background: #42525b; border: 1px  solid #42525b; font-family: '΢ÈíÑźÚ'; color: #fff }
.pglist ul li.nohover a { color: #fff; }

/*end pglist*/
.bt-pro { width: 1200px; margin: 0 auto; clear: both;/* position: relative; */ overflow: hidden; }
.bt-pro .h {/* padding-top: 60px; *//* padding-bottom: 30px; */width: 280px;margin: 0;/* position: relative; */float: left;}
.h p.title { width: 210px;/* position: fixed; *//* margin-top: -10px; */overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; font-size: 18px; text-align: left; color: #444; }
.h p.subtitle { position: initial; margin-top: 0; }
.h p.subtitle { width: 210px; color: #8F8F8F; text-align: left;/* position: fixed; */ margin-top: -10px; line-height: 24px; margin: 10px 0 0 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; font-size: 12px; height: 24px; }
#category {display: block;width: 800px;text-align: right;margin-top: -93px;float: right;margin: 0 auto;padding: 20px 0 20px 0;}
#category a { padding-left: 20px; display: inline; border: none; padding: 8px 8px; font-size: 16px; background: #003467; overflow: hidden; color: #fff; line-height: 16px;/* padding: 8px 0; */ border: 1px solid #707071; height: 16px; margin-right: 15px; transition: all 0.3s ease-out 0s; white-space: nowrap; text-overflow: ellipsis; }
#category a.active, #category a:hover { background-color: transparent; color: #1a1a1a; border-color: transparent; }
.projectitem {width: 280px;height: auto;margin-right: 20px;float: left;position: relative;}
.projectitem a {display: block;/* overflow: hidden; */}
.project_img {width: 280px;/* height: 260px; */overflow: hidden;margin: auto;border: 1px solid #f2f2f2;}
.projectitem a img {display: block;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;width380px;height:192px;/* text-align: center; */margin: auto;/* border: 1px solid #f2f2f2; */}
.projectitem a:hover img {transform: scale(1.06);-moz-transform: scale(1.06, 1.06);-webkit-transform: scale(1.06, 1.06);-o-transform: scale(1.06, 1.06);}

.projectitem a .project_info { position: inherit; width: 100%; left: 0; top: 0; transition: all ease-out .3s; height: 80px; }
.projectitem a .project_info div { position: inherit; padding: 10px 0; margin: 0px; top: 50%; width: 100%; bottom: -100px; height: 50px; }
.project_info p.title {margin-top: 0px;font-size: 14px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;color: #666;text-align: left;padding: 0;line-height: 24px;padding-left: 20px;}
.projectitem a .project_info::after { content: ''; position: absolute; right: 0px; bottom: 36px; width: 40px; height: 40px; background-color: rgba(0, 0, 0, .2); opacity: 0; background: url(../images/icon.png)no-repeat -40px -146px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.projectitem:hover .project_info p.subtitle{margin-left:10px;}
.projectitem:hover .project_info p.title{margin-left:10px;}
.projectitem:hover a .project_info:after{ opacity:1;}

.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both; }
.ts-left{width: 760px;}
.ts-title{margin-top:15px;background:url(../images/h2-bg.png) no-repeat left top;height:72px;padding-left: 70px;font-size:20px;color:#fff;line-height:72px;position:relative;}
.tsct-title{ margin-top:15px; margin-bottom:15px; background:url(../images/h2-bg.png) no-repeat center top; height:72px; font-size:20px; color:#fff; line-height:72px; position:relative; text-align:center;}
.tsct-title span{ display:block; font-size:14px; text-align:center; top:25px; left:167px; position:absolute;}
.tsct-title .s{ display:block; font-size:14px; text-align:center; top:25px; left:46.5%; position:absolute;}

.ts-title span{ display:block; font-size:14px; position:absolute; top:25px; left:72px;}
.ts-ct h2{line-height:60px;font-size:24px;color: #a3c5e6;text-align:center;font-weight:normal;}
.ct-p{ text-align:center; line-height:30px; color:#fff; font-size:14px; padding-bottom:30px;}
.ts-ct{ text-align:center; }
.ts-ct .a1{ padding:10px 60px; color:#fff; background:#fe4b05; font-size:18px; border-radius:10px;}
.clear{ clear:both;}
.ts-ct .a1:hover{ background:#cb0101;}
.ts-ct .ewm{ padding-top:30px;}
.ts-ct .ewm a{ display:inline-block; color:#fff; margin:0 15px; line-height:30px;}
.ts-p{ padding-top:20px; font-size:16px; color:#fff; line-height: 30px;}
.psPartner .bd {
    width: 100%;
    height: 170px;
    margin: 0 auto;
	padding-top:15px;
    overflow: hidden;
}
.psPartner .bd ul li {
    width: 210px;
    height: 158px;
    float: left;
    margin: 0 10px 12px 0;
    position: relative;
  
}
.psPartner .bd ul li img {
    width: 208px;
    height: 156px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    transform: rotateY(0deg);
    transition: all .6s ease 0s;
    backface-visibility: hidden;
    border: 1px solid #dadada;
}
.psPartner .bd ul li span{
	display:block;
	width:208px;
	height:98px;
	background:#f70; font-weight:bold; padding-top:60px;
	text-align:center;
	font-size:16px;
	position:absolute;top:0;
	left:0;
	transform:rotateY(-180deg);
	transition:all .5s ease 0s;
	backface-visibility:hidden;
	color:#fff;}
.psPartner .bd ul li:hover img{transform:rotateY(180deg);
    border-color:#f70;}
.psPartner .bd ul li:hover span{transform:rotateY(0deg);}

.ts-ct{ background:url(../images/ct-bg.jpg) no-repeat right top; width:419px;}