@charset "UTF-8";
/* Scss Document */
@import url(reset.css);
/* 主色*/
/*配色*/
/*网页背景色*/
body { font-family: Arial, 'Microsoft YaHei'; *font-family: 'Microsoft YaHei'; font-size: 12px; color: #333; background: #FFF; border: none; }

a { color: #333; text-decoration: none; }
a:hover { color: #0062b2; text-decoration: none; }

.center { width: 1000px; margin: 0 auto; overflow: hidden; zoom: 1; }

.top { height: 100px; background: #FFF; position: relative; z-index: 10; }
.top .center { overflow: visible; }
.top .logo { float: left; margin-top: 24px; }
.top .tel { height: 16px; float: right; margin-top: 20px; background: url(../images/tel.png) no-repeat left center; padding-left: 15px; line-height: 16px; }
.top .tel .number { color: #F00; font-size: 18px; font-size:24px;}
.top .nav { width: 783px; float: right; clear: right; margin-top: 25px; }
.top .nav ul { margin: 0; padding: 0; list-style: none; }
.top .nav li { width: 86px; height: 14px; float: left; border-right: 1px solid #DDD; text-align: center; line-height: 14px; font-size: 14px; position: relative; z-index: 11; }
.top .nav .down-menu { width: 160px; font-size: 12px; position: absolute; left: 50%; top: 14px; margin-left: -80px; display: none; }
.top .nav .down-menu .arrow { height: 15px; background: url(../images/downarrow.gif) no-repeat center bottom; font-size: 0; }
.top .nav .down-menu a { height: 30px; display: block; color: #FFF; background: #0062b2; border-bottom: 1px solid #007ee5; line-height: 30px; }
.top .nav .down-menu a:hover { background: #007ee5; }
.top .touying { width: 100%; height: 6px; background: url(../images/y.png) repeat-x center top; font-size: 0; position: absolute; left: 0; top: 100%; }

.banner { width: 100%; min-width: 980px; height: 440px; margin: 0 auto; position: relative; overflow: hidden; }
.banner .slider-wap { width: 1920px; position: absolute; left: 50%; top: 0; margin-left: -960px; }
.banner .slider-wap .slide-item { width: 100%; text-align: center; }
.banner .slide-arrow { width: 100%; height: 80px; position: absolute; left: 0; top: 50%; margin-top: -40px; }
.banner .slide-arrow .arrow-left { width: 56px; height: 80px; float: left; background: url(../images/arrow_left.png) no-repeat center; }
.banner .slide-arrow .arrow-right { width: 56px; height: 80px; float: right; background: url(../images/arrow_right.png) no-repeat center; }
.banner .slide-nav { width: 100%; text-align: center; position: absolute; left: 0; bottom: 20px; }
.banner .slide-nav a { width: 10px; height: 10px; margin: 0 5px; font-size: 0; border-radius: 50%; display: inline-block; background: #FFF; }
.banner .slide-nav a.current { background: #0062b2; }

.public-title { height: 40px; line-height: 40px; }
.public-title .cn { font-size: 18px; font-weight: bold; color: #0062b2; }
.public-title .en { font-size: 16px; color: #666; padding-left: 10px; }
.public-title .more { font-size: 14px; float: right;color:rgb(14, 103, 173) }

.fwgroup { margin-top: 40px; overflow: hidden; _zoom: 1; }
.fwgroup ul { width: 1020px; margin: 0; padding: 0; list-style: none; }
.fwgroup .item { width: 288px; height: 298px; padding: 10px 15px 0; margin-right: 20px; float: left; background: #F8F8F8; border: 1px solid #DDD; }
.fwgroup .item .item-img { width: 288px; height: 110px; margin-top: 5px; }
.fwgroup .item .item-img img { width: 288px; height: 110px; }
.fwgroup .item .subnav { width: 100%; margin-top: 10px; }
.fwgroup .item .subnav li { width: 50%; float: left; background: url(../images/fwarrow.gif) no-repeat left center; text-indent: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 28px; }

.profile { width: 660px; float: left; margin-top: 40px; }
.profile .cont { height: 250px; margin-top: 10px; padding: 15px; background: #F8F8F8; border: 1px solid #DDD; font-size: 13px; line-height: 24px; text-indent: 2em;}
.profile .cont img { width: 240px; height: 168px; float: left; margin-right: 10px; }
.profile .cont p { padding: 5px 0; margin: 0; }

.news { width: 320px; float: right; margin-top: 40px; }
.news .cont { height: 250px; margin-top: 10px; padding: 15px; background: #F8F8F8; border: 1px solid #DDD; font-size: 13px; line-height: 24px; }
.news .cont .tuijian { height: 130px; position: relative; }
.news .cont .tuijian img { width: 100%; height: 130px; }
.news .cont .tuijian .title { width: 268px; height: 30px; padding: 0 10px; background: url(../images/newsbg.png); line-height: 30px; font-size: 14px; color: #FFF; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: absolute; left: 0; bottom: 0; }
.news .cont ul { margin: 0; padding: 0; list-style: none; margin-top: 10px; }
.news .cont li { _width: 100%; height: 28px; line-height: 28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.solution { margin-top: 50px; padding: 40px 0; background: #f6f6f6; position: relative; }
.solution .topyy { width: 100%; height: 6px; background: url(../images/y.png) repeat-x center top; font-size: 0; position: absolute; left: 0; top: 0; }
.solution .bottomyy { width: 100%; height: 6px; background: url(../images/y2.png) repeat-x center bottom; font-size: 0; position: absolute; left: 0; bottom: 0; }
.solution .title { text-align: center; }
.solution .title .cn { display: block; font-size: 30px; font-weight: bold; color: #0062b2; }
.solution .title .en { margin-top: 6px; display: block; font-size: 14px; color: #666; }
.solution .cont { margin-top: 30px; }
.solution .cont ul { width: 1020px; margin: 0; padding: 0; list-style: none; }
.solution .cont li { width: 221px; height: 207px; float: left; margin-right: 20px; padding: 6px 6px 0; background: #FFF; border: 1px solid #DDD; text-align: center; }
.solution .cont li img { width: 221px; height: 167px; }
.solution .cont li .name { _width: 100%; height: 40px; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.case { margin-top: 40px; }
.case ul { width: 1020px; margin: 0; padding: 0; list-style: none; }
.case li { width: 221px; height: 207px; float: left; margin: 20px 20px 0 0; padding: 6px 6px 0; background: #FFF; border: 1px solid #DDD; text-align: center; }
.case li img { width: 221px; height: 167px; }
.case li .name { _width: 100%; height: 40px; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.foot { margin-top: 50px; padding: 20px 0; background: #333; color: #FFF; text-align: center; line-height: 2.2em; }

.sub-left { width: 220px; float: left; margin-top: 40px; }
.sub-left .menu-title { height: 60px; padding: 0 15px; background: #0062b2; color: #FFF; overflow: hidden; line-height: 20px; }
.sub-left .menu-title .cn { display: block; margin-top: 12px; font-size: 18px; font-weight: bold; }
.sub-left .menu-title .en { display: block; font-size: 14px; }
.sub-left .submenu { margin-top: 1px; }
.sub-left .submenu a { display: block; height: 40px; padding: 0 10px 0 25px; background: url(../images/fwarrow.gif) no-repeat 10px center; border-bottom: 1px solid #E8E8E8; font-size: 14px; line-height: 40px; }
.sub-left .submenu a:hover, .sub-left .submenu a.active { background-color: #4c91c9; background-image: url(../images/white_arrow.gif); color: #FFF; }
.sub-left .contact-title { height: 60px; margin-top: 20px; padding: 0 15px; border: 1px solid #E8E8E8; overflow: hidden; line-height: 20px; }
.sub-left .contact-title .cn { display: block; margin-top: 12px; font-size: 18px; font-weight: bold; color: #0062b2; }
.sub-left .contact-title .en { display: block; font-size: 14px; color: #999; }
.sub-left .contact { padding: 10px 15px; border: 1px solid #E8E8E8; border-top: 0; }
.sub-left .contact p { margin: 0; padding: 0; line-height: 2em; }
.sub-left .contact .four { font-size: 24px; font-family: arial; color: #F00; line-height: 28px; }

.sub-right { width: 760px; float: right; margin-top: 40px; overflow: hidden; }

.sub-title { height: 42px; padding: 0 10px; border-bottom: 1px solid #DDD; background: #FFF url(../images/menubg.jpg) repeat-x center bottom; line-height: 42px; }
.sub-title h2 { font-size: 18px; color: #0062b2; font-weight: bold; float: left; }
.sub-title .path { float: right; }

.sub-cont { padding: 10px 20px; }

.newslist ul { margin: 0; padding: 0; list-style: none; }
.newslist li { height: 42px; margin: 0; padding: 0; line-height: 42px; border-bottom: 1px solid #EEE; font-size: 14px; }
.newslist li a { width: 560px; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.newslist li span { float: right; color: #999; }

.fybox { margin: 20px 0; text-align: center; font-size: 14px; }
.fybox a { display: inline-block; padding: 8px 10px; border: 1px solid #DDD; margin: 0 4px; }
.fybox a:hover, .fybox a.active { background: #0062b2; color: #FFF; border-color: #0062b2; }

.page { overflow: hidden; zoom: 1; }

.newstitle { text-align: center; margin: 20px 0 10px; font-weight: bold; font-size: 18px; color: #0062b2; }

.newsdate { text-align: center; font-size: 12px; color: #999; }

.newscont { line-height: 200%; font-size: 14px; overflow: hidden; zoom: 1; margin: 20px 0 0; }

.fybox2 { margin: 20px 0; text-align: center; }

.caselist { overflow: hidden; _zoom: 1; }
.caselist ul { width: 740px; margin: 0; padding: 0; list-style: none; }
.caselist li { width: 212px; height: 199px; float: left; margin: 20px 20px 0 0; padding: 6px 6px 0; background: #FFF; border: 1px solid #DDD; text-align: center; }
.caselist li img { width: 212px; height: 159px; }
.caselist li .name { _width: 100%; height: 40px; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }


.caselist02 ul { margin: 0; padding: 0; list-style: none; }
.caselist02 li { background: #FFF; border-bottom: 1px solid #DDD; padding: 20px 0; overflow: hidden; _zoom: 1; }
.caselist02 li img { width: 200px; height: 150px; float: left; }
.caselist02 li .name { width: 490px; display: block; float: right; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.caselist02 li .desc { width: 490px; height: 96px; display: block; float: right; margin-top: 20px; color: #666; line-height: 24px; overflow: hidden; }
.caselist02 li .descc {width: 80px;display: block;color: white;background-color: rgb(30, 84, 199);padding: 5px;float: right;text-align: center;overflow: hidden; position:relative;top: -20px;right: 10px;}