@charset "UTF-8";
/**
 * 
 * @authors zhangyonghui (you@example.org)
 * @date    2015-10-23 10:38:05
 * @version $Id$
 */

/*----------------------------------index-----------------------------------*/
.index-box{width: 100%; overflow: hidden;}
.box{ width: 100%; position: relative; min-height: 500px;}
.box-btn{ display: block; width: 50px; height: 50px; box-shadow: 0 0 1px .5px #ccc; text-align: center; line-height: 50px; margin: 0 auto; position: absolute; bottom: -25px; left: 50%; margin-left: -25px; z-index: 99; background: #fff;}
.box-btn{ transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.box-btn i.icon{ transform: rotate(45deg); -webkit-transform: rotate(45deg);}

/*banner && slide-rotate*/
.banner{ width: 100%; overflow: hidden; position: relative;}
.index-slide, .slide-rotate{ position: relative;}
.index-slide li, .slide-rotate li{ float: left;z-index: 0;}
.index-slide li img{ width: 100%;}
.btn{ position: absolute; bottom: 40px; left: 50%; text-align: center; font-size: 0;}
.slide-rotate-btn{ width: 100%; overflow: hidden; text-align: center; font-size: 0; position: relative; margin-top: 50px;}
.btn span, .slide-rotate-btn span{ display: inline-block; width: 12px; height: 12px; border-radius: 100%; margin: 0 5px; background: #009e3c; cursor: pointer;}
.slide-rotate-btn span{ border-radius: 0; width: 24px; height: 6px; background: #676767;}
.btn span.on, .slide-rotate-btn span.on{ background: #fff;}
.slide-rotate-btn span.on{ background: #019e3d;}
.hbtn, .slide-rotate-hbtn{ width: 1280px; margin: 0 auto; position: absolute; top: 50%; left: 50%; margin-left: -640px; margin-top: -40px; height: 0;}
.hbtn a, .slide-rotate-hbtn a{ display: block; width: 80px; height: 80px; border-radius: 100%; background: #fff; opacity: .5; line-height: 80px; text-align: center; position: relative; z-index: 100;}
.hbtn a:hover, .slide-rotate-hbtn a:hover{ opacity: .9;}
.index-left, .slide-rotate-left{ float: left;}
.index-right, .slide-rotate-right{ float: right;}
.slide-rotate{ width: 490px; height: 360px; margin: 0 auto;}
.slide-rotate{ transform-style: preserve-3d; -webkit-transform-style: preserve-3d; perspective: 1000px; -webkit-perspective: 1000px;}
.slide-rotate li{ transition: all .25s linear; -webkit-transition: all .25s linear;}
.slide-rotate li{ width: 490px; height: 364px; position: absolute; left: 0; top: 0; box-shadow: 0px 10px 20px rgba(0,0,0,0.3);}
.slide-rotate li img{ position: relative;}
.slide-rotate li img{ 
-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent) , to(rgba(250, 250, 250, 0.1)));
}

/*box*/
.box2-info{ width: 100%; overflow: hidden;}
.box2-info h2{ text-align: center; color: #0087d1; font-size: 32px; line-height: 30px; margin: 60px 0;}
.box2-info h2 a{ color: #0087d1;}
.box2-info ul{ position: relative; overflow: hidden;}
.box2-info ul li{ float: left;}
.slide-btn{ text-align: center; width: 100%; overflow: hidden; font-size: 0; margin: 40px 0 80px 0;}
.slide-btn span{ display: inline-block; width: 13px; height: 13px; margin: 0 5px; cursor: pointer;}
.box2-list-box{ width: 1050px; margin: 0 auto; overflow: hidden;}
.box2-list{ width: 300px; overflow: hidden; margin: 0 25px; float: left; text-align: center;}
.box2-list .imgbox{ width: 300px; height: 200px; overflow: hidden;}
.box2-list img{ width: 300px; height: 200px;}
.box2-list h4{ color: #333; font-size: 14px; line-height: 48px; width: 300px; height: 48px; overflow: hidden;}
.box2-list p{ color: #888; font-size: 12px; line-height: 20px; text-align: left; height: 60px;}
.box2-list a{ display: block; margin: 10px auto; color: #007ec9; font-size: 12px; line-height: 28px; width: 98px; height: 28px; text-align: center; border: 1px solid #007ec9;}
.box3-info{ width: 100%; height: 630px; overflow: hidden; background: #eee;}
.box3-info h2{ text-align: center; color: #009e3c; font-size: 32px; line-height: 30px; margin: 60px 0;}
.box3-info h2 a{ color: #009e3c;}
.box4-info{ width: 100%; height: 660px; overflow: hidden;}
.box4-info h2{ text-align: center; color: #0087d1; font-size: 32px; line-height: 30px; margin: 60px 0;}
.box4-info h2 a{ color: #0087d1;}
.box4-tit, .box4-info{ width: 1000px; margin: 0 auto; overflow: hidden;}
.box4-tit{ margin-bottom: 40px;}
.box4-tit ul{ margin: 0 -5px;}
.box4-tit ul li{ float: left; width: 240px; margin: 0 5px; text-align: center;}
.box4-tit ul li span{ display: block; width: 116px; height: 116px; border: 2px solid #999; border-radius: 100%; margin: 0 auto; line-height: 116px;}
.box4-tit ul li p{ color: #999; font-size: 18px; line-height: 30px;}
.box4-tit ul li.on span{ background: #009e3c; border-color: #009e3c;}
.box4-tit ul li.on p{ color: #009e3c;}
.box4-list{ display: none;}
.box4-list ul{ margin: 0 -5px;}
.box4-list ul li{ float: left; width: 240px; margin: 0 5px; border-radius: 12px; height: 220px; overflow: hidden; position: relative;}
.box4-tip{ transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out;}
.box4-list ul li:hover .box4-tip{ top: 0; left: 0;}
.box4-list ul li img{ width: 240px; height: 220px;}
.box4-tip{ width: 230px; height: 180px; background: rgba(0,158,60,.8); border-radius: 12px; padding: 20px 5px; position: absolute; top: 220px; left: 0; z-index: 1;}
/*.box4-tip a{ display: block; color: #fff; font-size: 12px; line-height: 28px;}
.box4-tip a:hover{ text-decoration: underline;}*/
.box4-tip a{ display: block; width: 98px; height: 28px; border: 1px solid #fff; line-height: 28px; text-align: center; font-size: 12px; margin: 0 auto; margin-top: 60px; color: #fff; transition: all .25s ease; -webkit-transition: all .25s ease;}
.box4-tip a:hover{ background: #fff; color: #009e3c;}
.box4-tip h4{ color: #fff; font-size: 14px; line-height: 28px; text-align: center;}
.box4-tip p{ color: #fff; font-size: 12px; line-height: 24px;}
.box4-list ul li h4{ color: #fff; font-size: 14px; line-height: 20px; text-align: center; position: absolute; z-index: 2; top: 20px; padding: 0 15px;}


.box5{ background: url(../images/box5-bg.jpg) no-repeat center center;}
.box5-info{ width: 100%; height: 632px; overflow: hidden; background: rgba(0,141,215,.15);}
.box5-info h2{ text-align: center; color: #009e3c; font-size: 32px; line-height: 30px; margin: 60px 0;}
.box5-info h2 a{ color: #009e3c;}
.index-news{ width: 1000px; margin: 0 auto; overflow: hidden;}
.index-news-left{ float: left; width: 415px; position: relative;}
.index-news-left p{ color: #fff; font-size: 16px; line-height: 40px; font-weight: bold; width: 100%; height: 40px; background: rgba(0,0,0,.3); position: absolute; bottom: 0; left: 0; text-align: center;}
.index-news-right{ float: right; width: 500px; overflow: hidden;}
.index-news-list{ width: 100%; overflow: hidden; margin-bottom: 70px;}
.index-news-list .left{ float: left; width: 160px;}
.index-news-list .right{ float: right; width: 320px;}
.index-news-list .right h4{ color: #666; font-size: 16px; line-height: 20px; font-weight: bold; margin-bottom: 10px;}
.index-news-list .right h4 a{ color: #666;}
.index-news-list .right p{ color: #666; font-size: 12px; line-height: 22px;}
.index-news-list .right p a{ color: #3fb560;}
.box6-info{ width: 100%; height: 632px; overflow: hidden;}
.box6-info h2{ text-align: center; color: #333; font-size: 32px; line-height: 30px; margin: 60px 0;}
.box6-info h2 a{ color: #333;}
.index-contact{ width: 1000px; margin: 0 auto; overflow: hidden;}
.index-contact-left{ float: left; width: 375px; overflow: hidden;}
.index-contact-right{ float: right; width: 625px; overflow: hidden;}
.index-contact-left h4{ color: #333; font-size: 20px; line-height: 26px;}
.index-contact-left h6{ color: #333; font-size: 12px; line-height: 26px; font-family: Arial;}
.index-contact-left h3{ color: #333; font-size: 16px; line-height: 22px; font-weight: bold;}
.index-contact-left h5{ color: #666; font-size: 14px; line-height: 22px;}
.index-contact-left h5 a, .index-contact-left h4 a{ color: #666; transition: all .25s ease-in; -webkit-transition: all .25s ease-in;}
.index-contact-left h5 a:hover, .index-contact-left h5 a.on, .index-contact-left h4 a:hover, .index-contact-left h4 a.on{ color: #00479d;}
.index-contact-info{ overflow: hidden; margin: 10px 0;}
.index-contact-info li{ width: 100%; overflow: hidden; margin: 5px 0;}
.index-contact-info li p{ color: #666; font-size: 12px; line-height: 18px; display: inline-block;}

/*----------------------------------page-----------------------------------*/
/*page-banner*/
.page-banner{ min-width: 1000px; overflow: hidden; width: 100%;}
.page-banner img{ width: 100%;}

/*page-box*/
.page-box{ width: 1000px; margin: 0 auto; position: relative; z-index: 3;}

/*page-left*/
.page-left, .page-left2{ float: left; position: relative; top: -80px; width: 260px; overflow: hidden; background: #fff;}
.page-left h2, .page-left2 h2{ color: #005dac; font-size: 30px; font-weight: bold; font-family: "宋体"; line-height: 86px; background: url(../images/page-leftbg.jpg) no-repeat center bottom; height: 86px; text-align: center; margin-bottom: 16px;}
.page-left a, .page-left2 a{ display: block; width: 100%; line-height: 46px; margin: 1px 0; color: #666; font-size: 14px; font-weight: bold; font-family: "宋体"; overflow: hidden; background: #efefef; height: 46px;}
.page-left2 a{ color: #706f6f; font-size: 12px; border-left: 5px solid #3ca8e4; background: #effaf9;}
.page-left a span, .page-left2 a span{ margin-left: 29px; float: left;}
.page-left a i.icon, .page-left2 a i.icon{ margin: 18px 19px 19px 0; float: right;}
.page-left2 a i.icon{ margin: 20px 19px 20px 0;}
.page-left a.on, .page-left2 a.on{ background: #3ca8e4; color: #fff;}
.page-left a, .page-left2 a{ transition: all .25s ease-in; -webkit-transition: all .25s ease-in;}
.page-left a:hover, .page-left2 a:hover{ background: #3ca8e4; color: #fff;}
.page-left a:hover i.icon, .page-left2 a:hover i.icon{ background-position: -56px -28px;}
.page-left2 a:hover i.icon{ background-position: -67px -29px; width: 9px; height: 6px;}
.page-left-secnav{ overflow: hidden; background: #fdfdfd; display: none;}
.page-left-secnav a{ color: #424242; font-size: 12px; font-family: "宋体"; font-weight: bold; text-indent: 3em; border-left: none; margin: 0; background: #fdfdfd;}
.page-left-secnav a:hover, .page-left-secnav a.on{ background: #fdfdfd; color: #00479d;}

/*page-right*/
.page-right{ width: 730px; overflow: hidden; padding: 30px 0 0 10px; min-height: 350px;}
.page-right h2{ color: #dbd8d8; font-size: 38px; width: 100%; line-height: 28px; font-family: "Helvetica Neue", Helvetica, Arial; font-weight: bold; text-transform: uppercase; border-bottom: 1px solid #dbd8d8;}
.page-con{ width: 100%; overflow: hidden; margin: 20px 0 0 0;}
.product{ margin-top: 0;}
.product .business-list-fi p{ text-indent: 2em;}
.page-con p{ color: #666; font-size: 14px; line-height: 30px; /*text-indent: 2em;*/}
.page-con.about2{ margin: 20px 0 0 0;}
.page-con.about2 p{ text-indent: 0;}
.about2-img1{ float: left; width: 243px;}
.about2-info{ float: right; width: 450px;}
.about2-img2{ float: right;}
.page-con.about2 h4{ color: #3f3e44; font-size: 24px; font-weight: bold; margin-bottom: 10px;}
.page-con.about2 h4 span{ color: #767676; font-size: 18px; font-weight: normal; margin: 0 3px;}
.about4-tit{ width: 100%; font-size: 0; position: relative; padding-bottom: 12px;}
.about4-tit a{ display: inline-block; width: 109px; height: 40px; background: #fff; border: 5px solid #ddd; text-align: center;  padding: 14px 0; margin-right: 40px; position: relative; z-index: 2;}
.about4-tit a:last-child{ margin-right: 0;}
.about4-tit a span{ color: #999; font-size: 30px; line-height: 40px;}
.about4-tit a.on{ background: #3ca8e4; border-color: #3ca8e4;}
.about4-tit a.on span{ color: #fff;}
.about4-tit a.on u.cell{ display: block; bottom: -17px;}
.step-bg{ width: 100%; height: 1px; display: block; background: #dddddd; position: absolute; top: 50%; margin-top: .5px; z-index: 1;}
.about4-con{ overflow: hidden; border: 1px solid #ddd; padding: 20px; margin: 10px 0;}
.about4-list{ display: none;}
.about4-list:first-child{ display: block;}
.about5-tit{ overflow: hidden; padding: 0 45px; position: relative;}
.about5-year{ position: relative; font-size: 0; height: 83px;}
.about5-year a{ display: block; float: left; width: 65px; height: 65px; border-radius: 100%; background: #56bbab; font-family: Arial; font-size: 18px; line-height: 65px; text-align: center; color: #fff; border: 9px solid #c7c7c7; margin: 0 15px; position: relative; z-index: 2; transition: all .25s ease-in; -webkit-transition: all .25s ease-in;}
.year-bg{ width: 100%; height: 1px; display: block; background: #dddddd; position: absolute; top: 50%; margin-top: .5px; z-index: 1; left: 15px; z-index: 1;}
.about5-year a.on, .about5-year a:hover{ font-size: 24px; background: #00479d; border-color: #00479d;}
.about5-left, .about5-right{ display: block; width: 30px; height: 62px; border-radius: 4px; border: 1px solid #ddd; background: #fefefe; position: absolute; top: 50%; margin-top: -32px; z-index: 3; line-height: 62px; text-align: center;}
.about5-left{ left: 0;}
.about5-right{ right: 0;}
.about5-con{ overflow: hidden; padding: 15px 0; border-top: 1px solid #e4e4e4; margin: 30px 0;}
.about5-list{ display: none;}
.about5-list:first-child{ display: block;}
.about5-list h4{ color: #00479d; font-size: 46px; font-family: Arial; font-weight: bold; line-height: 1.5; font-style: italic; float: left; margin-right: 25px;}
.about-list-right{ width: 530px; padding: 0 25px; background: url(../images/about5-titbg.jpg) repeat-y 0 0; float: left; margin-top: 15px; margin-bottom: 60px;}
.about-list-right p{ color: #333; font-size: 14px; line-height: 24px; text-indent: 0; margin-bottom: 28px;}
.about-list-right p:last-child{ margin-bottom: 0;}
.prev-year, .next-year{ display: block; width: 108px; height: 36px; border-radius: 4px; border: 1px solid #ddd; background: #fefefe; margin-bottom: 30px; float: left; text-align: center; line-height: 36px; color: #666; font-size: 14px;}
.prev-year{ margin-left: 170px;}
.next-year{ margin-left: 10px;}
.about5-year-box{ width: 565px; overflow: hidden;}
.page-con.about6{ margin: 10px 0 0 0;}
.about6-tit{ overflow: hidden; margin-bottom: 20px;}
.about6-tit a{ display: block; float: left; width: 92px; height: 28px; background: #ededed; text-align: center; line-height: 28px; margin-right: 1px; color: #726766; font-size: 16px;}
.about6-tit a.on{ color: #fff; background: #3ca8e4;}
.about6-con{ width: 100%; overflow: hidden;}
.about6-list{ display: none;}
.about6-list li{ width: 226px; float: left; margin-right: 10px; height: 300px;}
.about6-list li h6{ color: #333; font-size: 14px; line-height: 30px; text-align: center;}
.about6-list li p{ color: #888; font-size: 12px; line-height: 20px; height: 40px; overflow: hidden;}
a.down{ display: block; margin: 10px auto; width: 98px; height: 28px; border: 1px solid #007ec9; text-align: center; line-height: 28px; color: #007ec9; font-size: 12px; transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out;}
a.down:hover{ background: #007ec9; color: #fff;}
.imgbox img{ transition: all .8s ease-in-out; -webkit-transition: all .8s ease-in-out;}
.imgbox img:hover{ transform: scale(1.2); -webkit-transform: scale(1.2);}
.about6-list .imgbox{ width: 226px; height: 150px; overflow: hidden;}

/*page-bg*/
.page-bg{ background: url(../images/aboutbg.jpg) no-repeat center bottom; margin: 0 auto; width: 100%; max-width: 1440px; height: 197px; position: relative; z-index: 2; margin-top: -100px;}

/*detail-box*/
.detail-box{ width: 1000px; margin: 20px auto; overflow: hidden;}
.detail-title{ width: 100%; overflow: hidden; margin: 10px 0;}
.detail-title-top{ width: 100%; overflow: hidden; height: 40px; position: relative; border-bottom: 1px solid #eaeaea;}
.detail-title-top h2{ color: #666; font-size: 18px; line-height: 20px; text-align: center;}
.detail-title-top a{ display: block; width: 78px; height: 24px; background: #eaeaea; border-radius: 2px; color: #666; font-size: 14px; line-height: 24px; text-align: center; position: absolute; top: 8px; right: 0;}
.detail-title-info{ width: 100%; overflow: hidden; height: 40px; position: relative; border-bottom: 1px solid #eaeaea; text-align: center; line-height: 40px;}
.detail-title-info p{ display: inline-block; margin: 0 14px; color: #666; font-size: 12px;}
.detail-info{ width: 100%; overflow: hidden; margin: 10px 0;}
.detail-hot{ width: 950px; background: #eaeaea; padding: 20px 25px;}
.detail-hot p{ color: #666; font-size: 12px; line-height: 24px;}
.detail-info-con{ overflow: hidden; margin: 20px 0;}
.detail-info-con p{ color: #666; font-size: 14px; line-height: 24px;}
.detail-info-con img{ margin: 10px 0 15px 0;}
.detail-back{ display: block; width: 150px; height: 40px; background: #009e3c; text-align: center; line-height: 40px; color: #fff; font-size: 14px;}
.share-box{ margin: 20px 0 10px 0;}

/*business && invest*/
.business-list, .invest-list{ width: 100%; overflow: hidden; margin: 20px 0;}
.business-list li, .invest-list li{ height: 39px; line-height: 39px; width: 100%; border-bottom: 1px dashed #ddd;}
.business-list li i.icon, .invest-list li i.icon{ float: left; margin: 17px 0;}
.business-list li p, .invest-list li p{ float: left; line-height: 39px; transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out;}
.business-list li span, .invest-list li span{ display: block; float: right; color: #999; font-size: 14px; transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out;}
.business-list li a, .invest-list li a{ transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; display: block; overflow: hidden;}
.business-list li a:hover p, .business-list li a:hover span, .invest-list li a:hover p, .invest-list li a:hover span{ color: #00479d;}

/*page-num-box*/
.page-num-box{ float: right; overflow: hidden; margin: 30px 0 20px 0; font-size: 0;}
.page-num-box a{ display: inline-block; width: 36px; height: 36px; background: #f1f1f1; text-align: center; line-height: 36px; margin: 0 2px; color: #aeaeae; font-size: 18px; font-family: Arial; transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out;}
.page-num-box span{ display: inline-block; margin: 0 2px; color: #aeaeae; font-size: 18px; font-family: Arial;}
.page-num-box a.on, .page-num-box a:hover{ background: #87c01f; color: #fff;}

/*product*/
.product p{ text-indent: 0;}

/*case*/
.case-list{ overflow: hidden;}
.case-list li{ float: left; width: 240px; margin: 1px; border-radius: 12px; height: 213px; overflow: hidden; position: relative;}
.case-list li:nth-child(3n){ margin-left: 0;}
.case-tip{ transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out;}
.case-list li:hover .case-tip{ top: 0; left: 0;}
.case-list li img{ width: 240px; height: 220px;}
.case-tip{ width: 230px; height: 173px; background: rgba(0,158,60,.8); border-radius: 12px; padding: 20px 5px; position: absolute; top: 220px; left: 0;}
.case-tip a{ display: block; width: 98px; height: 28px; border: 1px solid #fff; line-height: 28px; text-align: center; font-size: 12px; margin: 0 auto; margin-top: 30px; color: #fff; transition: all .25s ease; -webkit-transition: all .25s ease;}
.case-tip a:hover{ background: #fff; color: #009e3c;}
.case-tip h4{ color: #fff; font-size: 14px; line-height: 28px; text-align: center;}
.case-tip p{ color: #fff; font-size: 12px; line-height: 24px;}

/*case-detail*/
.case-detail{ width: 1000px; margin: 20px auto;}
.case-detail h2{ color: #dbd8d8; font-size: 38px; width: 100%; line-height: 28px; font-family: "Helvetica Neue", Helvetica, Arial; font-weight: bold; text-transform: uppercase; border-bottom: 1px solid #dbd8d8; margin: 30px 0;}
.case-detail-left{ float: left; width: 622px; overflow: hidden; margin-bottom: 30px;}
.case-detail-right{ float: right; width: 340px; overflow: hidden;}
.case-detail-right h4{ color: #000; font-size: 18px; line-height: 28px; margin-bottom: 40px;}
.case-detail-right p{ color: #666; font-size: 12px; line-height: 18px; font-weight: bold; margin: 10px 0;}
.case-detail-right .share-box{ margin-top: 60px;}
.case-detail-img-box{ width: 100%; height: 489px; position: relative;}
.case-detail-img-box li{ width: 100%; position: absolute; left: 0; top: 0; display: none;}
.case-detail-img-box li:first-child{ display: block;}
.case-detail-img-box li p{ color: #fff; font-size: 18px; font-weight: bold; position: absolute; bottom: 0; z-index: 5; width: 100%; text-align: center; line-height: 79px;}
.case-detail-img-btn{ width: 622px; height: 79px; position: absolute; bottom: 0; left: 0;}
a.case-left-btn, a.case-right-btn{ display: block; width: 53px; height: 79px; text-align: center; line-height: 79px; background: rgba(0,0,0,.2); float: left; position: relative; z-index: 6; transition: all .25s ease; -webkit-transition: all .25s ease;}
.case-infobg{ display: block; width: 512px; height: 79px; background: rgba(0,0,0,.2); float: left; margin: 0 2px;}
a.case-left-btn:hover, a.case-right-btn:hover{ background: rgba(0,0,0,.5);}

/*detault-box*/
.detault-box{ width: 1000px; margin: 0 auto; position: relative; top: -80px; left: 0;}
.detault-title{ height: 80px; width: 260px; background: #fff; position: relative;}
.detault-title h2{ color: #005dac; font-size: 30px; font-weight: bold; font-family: "宋体"; line-height: 86px; height: 86px; text-align: center; margin-bottom: 16px;}
.detault-box h3{ color: #dbd8d8; font-size: 38px; width: 100%; line-height: 28px; font-family: "Helvetica Neue", Helvetica, Arial; font-weight: bold; text-transform: uppercase; border-bottom: 1px solid #dbd8d8; margin-bottom: 30px; margin-top: 30px;}
.honor-slide{ position: relative; width: 1000px;}
.honor-slide h4{ color: #004fa2; font-size: 24px; line-height: 30px; text-align: center; margin: 20px 0;}
.honor-slide .slide-rotate-btn span.on{ background: #004fa2;}
.honor-slide .slide-rotate-hbtn a{ background: #81d4eb;}

/*news*/
.news-top{ width: 1000px; overflow: hidden; margin: 0 auto; padding-bottom: 30px; border-bottom: 1px solid #e0e0e0;}
.news-list{ margin: 0 -25px;}
.news-list li{ width: 300px; float: left; margin: 10px 25px; height: 300px;}
.news-list li h6{ color: #333; font-size: 14px; line-height: 30px; text-align: center;}
.news-list li p{ color: #888; font-size: 12px; line-height: 20px; height: 40px; overflow: hidden;}
.news-list a.down{ display: block; margin: 10px auto; width: 98px; height: 28px; border: 1px solid #009e3c; text-align: center; line-height: 28px; color: #009e3c; font-size: 12px; transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out;}
.news-list a.down:hover{ background: #009e3c; color: #fff;}
.imgbox img{ transition: all .8s ease-in-out; -webkit-transition: all .8s ease-in-out;}
.imgbox img:hover{ transform: scale(1.2); -webkit-transform: scale(1.2);}
.news-list .imgbox{ width: 300px; height: 200px; overflow: hidden;}
.news-bottom{ overflow: hidden; margin: 15px 0;}
.news-bottom ul li{ width: 100%; line-height: 39px; height: 39px; overflow: hidden; border-bottom: 1px dashed #ddd;}
.news-bottom ul li p{ float: left; color: #666; font-size: 14px; transition: all .25s ease; -webkit-transition: all .25s ease;}
.news-bottom ul li span{ display: block; float: right; color: #999; font-size: 14px; transition: all .25s ease; -webkit-transition: all .25s ease;}
a.news-label{ display: block; float: left; color: #c40707; font-size: 14px; font-weight: bold; margin-left: 10px;}
.news-bottom ul li:hover p, .news-bottom ul li:hover span{ color: #c40707;}

/*invest*/
.page-con.invest{ margin-top: 0;}
.page-con.invest ul{ margin-top: 10px;}
.invest2-list{ width: 100%; overflow: hidden;}
.invest2-list li{ width: 100%; overflow: hidden; padding: 25px 0; border-bottom: 1px solid #ececec;}
.invest2-list li:last-child{ border-bottom: none;}
.invest2-left{ float: left; width: 165px; padding: 7px; border: 3px solid #e6e6e6; text-align: center;}
.invest2-right{ float: left; margin-left: 10px; overflow: hidden; width: 460px;}
.invest2-right h4{ font-weight: bold; font-size: 14px; color: #666; margin-bottom: 20px; margin-top: 10px;}
.invest2-right p{ font-size: 14px; color: #666; text-indent: 0;}

/*contact*/
.contact{ min-height: 562px; background: url(../images/contactbg1.png) no-repeat center center;}
.contact-list{ overflow: hidden; margin-bottom: 40px;}
.contact-list h4{ color: #333; font-size: 20px; line-height: 26px; margin-bottom: 20px;}
.contact-list h4 span{ display: block; font-family: Arial; font-size: 12px;}
.contact-list p{ color: #666; font-size: 12px; line-height: 24px; text-indent: 0;}
.contact-list p i.icon{ margin-right: 15px;}
.search-box{ overflow: hidden; margin: 15px 0; font-size: 0;}
.search-box input[type="text"]{ display: inline-block; width: 307px; height: 27px; border: 1px solid #d9d9d9; margin-right: 2px; text-indent: 10px; font-size: 12px; line-height: 28px;}
.search-box input[type="submit"]{ display: inline-block; width: 94px; height: 29px; font-size: 12px; line-height: 26px; color: #fff; background: #4da2d4 url(../images/search.jpg) no-repeat right center; text-align: left; text-indent: 21px; border: none; cursor: pointer;} 
.contact2-list{ overflow: hidden;}
.contact2-list li{ width: 100%; overflow: hidden; margin: 1px 0; background: #f8f8f8;}
.contact2-list li h4{ width: 100%; overflow: hidden; height: 52px; line-height: 52px; transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out;}
.contact2-list li h4 span{ display: block; float: left; color: #666; font-size: 16px; margin-left: 35px;}
.contact2-list li h4 a{ display: block; float: right; width: 26px; height: 26px; border-radius: 100%; background: #fff; margin: 13px 8px 13px 0; font-size: 0; line-height: 26px; text-align: center; transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out;}
.contact2-list li h4 a:hover{ background: #00479d;}
.contact2-info{ padding: 20px 40px; display: none;}
.contact3-info{ padding: 20px 40px;}
.contact2-info p, .contact3-info p{ color: #666; font-size: 12px; line-height: 26px; text-indent: 0;}
a.contact2-btn{ display: block; width: 120px; height: 36px; text-align: center; line-height: 36px; color: #fff; font-size: 16px; background: #3ca8e4; margin: 20px 0;}
.contact2-list li h4.on{ background: #00479d;}
.contact2-list li h4.on span{ color: #f1f1f1;}
.contact3 h4{ width: 100%; height: 52px; overflow: hidden; line-height: 52px; background: #00479d;}
.contact3 h4 span{ display: block; float: left; margin-left: 20px; color: #fff; font-size: 16px;}
.contact3 h4 a{ display: block; float: right; margin-right: 8px; color: #fff; font-size: 12px; transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out;}
.contact3 h4 a:hover{ color: #3ca8e4;}

/*honor*/
.honor-list{ display: none; position: absolute; left: 50%; margin-left: -245px;}
.honor-list:first-child{ display: block;}
.honor-slide{ height: 480px;}
.honor-slide .slide-rotate-btn{ position: absolute; bottom: 0;}

/*map*/
.mapbox{ width: 550px; height: 410px; margin: 0 auto; overflow: hidden; position: relative; border: 1px solid #c0c0c0;}
.mapbox #allmap{ width: 100%; height: 100%; margin: 0 auto; font-size: 12px;}
.mapbox #allmap img{ max-width: inherit; display: block;}

/*service*/
.service{ text-align: center;}
.service-img{ position: relative; width: 1000px; height: 600px;}
.big-circle{ background: url(../images/big-circle.png) no-repeat center center; position: absolute; left: 50%; width: 510px; height: 524px; margin-left: -255px; top: 0; transition: all .8s ease; -webkit-transition: all .8s ease; z-index: 5; opacity: 0;}
.small-circle{ background: url(../images/small-circle.png) no-repeat center center; position: absolute; left: 50%; width: 438px; height: 381px; margin-left: -219px; top: 72.5px; transition: all .8s ease; -webkit-transition: all .8s ease; z-index: 4;}
.service-logo{ background: url(../images/service-logo.jpg) no-repeat center center; position: absolute; left: 50%; width: 85px; height: 82px; margin-left: -42.5px; top: 221px; transition: all .8s ease; -webkit-transition: all .8s ease;}
.big-btn{ position: absolute; top: 50%; right: -35px; width: 290px; height: 0; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; text-align: right; z-index: 55; transition: all .8s ease; -webkit-transition: all .8s ease;}
.big-btn .big-btn-info{ display: block; width: 70px; height: 70px; border-radius: 100%; position: absolute; right: 0; top: 50%; margin-top: -35px; cursor: pointer; text-align: center; line-height: 20px; font-size: 16px; font-weight: bold; color: #fff;  transition: all .8s ease; -webkit-transition: all .8s ease;}
.big-btn .big-btn-info p{ 
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#009944), to(#00688a));
background: -webkit-linear-gradient(top, #009944, #00688a);
background: -moz-linear-gradient(top, #009944, #00688a);
background: -o-linear-gradient(top, #009944, #00688a);
background: -ms-linear-gradient(top, #009944, #00688a);
FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#009944, endColorStr=#00688a);
}
.big-btn1{ -webkit-transform:rotate(-30deg); transform:rotate(-30deg);}
.big-btn2{ -webkit-transform:rotate(90deg); transform:rotate(90deg);}
.big-btn3{ -webkit-transform:rotate(210deg); transform:rotate(210deg);}
.big-btn1 .big-btn-info{ -webkit-transform:rotate(30deg); transform:rotate(30deg);}
.big-btn2 .big-btn-info{ -webkit-transform:rotate(-90deg); transform:rotate(-90deg);}
.big-btn3 .big-btn-info{ -webkit-transform:rotate(-210deg); transform:rotate(-210deg);}
.big-btn .big-btn-info p{ display: inline-block; width: 100%; height: 100%; border-radius: 100%; line-height: 16px; transition: all .8s ease; -webkit-transition: all .8s ease; position: relative; z-index: 6;}
.big-btn .big-btn-info p:hover, .big-btn .big-btn-info.on p{ -webkit-transform: scale(1.2) rotate(360deg); transform: scale(1.2) rotate(360deg);}
.service-link{ /*display: none;*/ visibility: hidden;}
.service-link a{ position: absolute; top: 50%; left: 50%; width: 200px; height: 1px; border-bottom: 1px solid #6fb234; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; text-align: right; transition: all .8s ease; -webkit-transition: all .8s ease; visibility: hidden;}
.service-link a:after{content: ""; width: 120px; height: 36px; position: absolute; top: -18px; right: 0; border-radius: 12px; transition: all .8s ease; -webkit-transition: all .8s ease;}
.service-link a:after{
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4aa6dc), to(#2a59a7));
background: -webkit-linear-gradient(top, #4aa6dc, #2a59a7);
background: -moz-linear-gradient(top, #4aa6dc, #2a59a7);
background: -o-linear-gradient(top, #4aa6dc, #2a59a7);
background: -ms-linear-gradient(top, #4aa6dc, #2a59a7);
FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#4aa6dc, endColorStr=#2a59a7);
}
.service-link a span{ position: absolute; left: 80px; top: -18px; z-index: 7; color: #fff; font-weight: normal; font-size: 12px; line-height: 36px; display: block; width: 120px; height: 36px; text-align: center; transition: all .8s ease; -webkit-transition: all .8s ease;}
.service-link a:nth-child(1).on{ -webkit-transform:rotate(-45deg); transform:rotate(-45deg); width: 96px;}
.service-link a:nth-child(1).on:after{-webkit-transform:rotate(45deg); transform:rotate(45deg); right: -100px; top: 20px;}
.service-link a:nth-child(1).on span{-webkit-transform:rotate(45deg); transform:rotate(45deg); left: 76px; top: 20px;}

.service-link a:nth-child(2).on{ -webkit-transform:rotate(-15deg); transform:rotate(-15deg); width: 65px;}
.service-link a:nth-child(2).on:after{-webkit-transform:rotate(15deg); transform:rotate(15deg); right: -120px; top: -8px;}
.service-link a:nth-child(2).on span{-webkit-transform:rotate(15deg); transform:rotate(15deg); left: 66px; top: -8px;}

.service-link a:nth-child(3).on{ -webkit-transform:rotate(15deg); transform:rotate(15deg); width: 65px;}
.service-link a:nth-child(3).on:after{-webkit-transform:rotate(-15deg); transform:rotate(-15deg); right: -120px; top: -24px;}
.service-link a:nth-child(3).on span{-webkit-transform:rotate(-15deg); transform:rotate(-15deg); left: 66px; top: -24px;}

.service-link a:nth-child(4).on{ -webkit-transform:rotate(45deg); transform:rotate(45deg); width: 96px;}
.service-link a:nth-child(4).on:after{-webkit-transform:rotate(-45deg); transform:rotate(-45deg); right: -104px; top: -50px;}
.service-link a:nth-child(4).on span{-webkit-transform:rotate(-45deg); transform:rotate(-45deg); left: 80px; top: -50px;}

.service-link a:nth-child(5).on{ -webkit-transform:rotate(-60deg); transform:rotate(-60deg); width: 129px;}
.service-link a:nth-child(5).on:after{-webkit-transform:rotate(60deg); transform:rotate(60deg); right: -96px; top: 29px;}
.service-link a:nth-child(5).on span{-webkit-transform:rotate(60deg); transform:rotate(60deg); left: 105px; top: 29px;}

.service-link a:nth-child(6).on{ -webkit-transform:rotate(60deg); transform:rotate(60deg); width: 129px;}
.service-link a:nth-child(6).on:after{-webkit-transform:rotate(-60deg); transform:rotate(-60deg); right: -100px; top: -61px;}
.service-link a:nth-child(6).on span{-webkit-transform:rotate(-60deg); transform:rotate(-60deg); left: 109px; top: -61px;}


/*video*/
.about6-list2 li{ position: relative;}
.video-box{ position: relative; overflow: hidden;}
.video-btn{ display: block; width: 73px; height: 73px; position: absolute; top: 120px; left: 50%; margin-left: -36px; transition: all .8s ease; -webkit-transition: all .8s ease; opacity: 0;}
.video-box:hover .video-btn{ top: 50%; margin-top: -36px; opacity: 1;}
.video-box:hover .video-btn img{ -webkit-transform: scale(1); transform: scale(1);}

.video-bg, .video-bg2{ position: absolute; width: 100%; height: 100%; background: #000; z-index: 999; top: 0; left: 0; opacity: 0.8; filter:alpha(opacity=80); display: none;}
.video-show, .video-show2{ position: fixed; width:1000px; top: 15%; z-index: 9999; left: 50%; margin-left: -500px; display: none;}
.video-show2{ border-radius: 4px; border: 5px solid #fff; width: 1270px; margin-left: -635px;}
.video-show video, .video-show2 video{ width: 1000px;}
.video-show2 video{ width: 1270px;}
.video-show .close, .video-show2 .close2{ position: absolute; right: -10px; top: -10px; z-index: 9999; cursor: pointer;}
.video-show2 .close2{ right: -5px; top: -40px;}
.content .main-video{ width: 1000px; padding-bottom: 40px; cursor: pointer;}
.content .video-list{ overflow: hidden; width: 1000px;}
.content .video-list ul{ width:1060px}
.content .video-list ul li{ float: left; width: 320px; height: 240px; cursor: pointer; position: relative; padding: 20px 0; border-top: 3px solid #ccc; margin-right: 20px;}
.content .video-list ul li span img{ width: 320px; height: 240px;}
.content .video-list ul li .bg{ width: 100%; height: 240px; background: #000; z-index: 10; left: 0; top: 20px; position: absolute; opacity: 0.8; filter:alpha(opacity=80); display: none;}
.content .video-list ul li .title{ position: absolute; z-index: 20; width: 80%; padding: 0 10%; text-align: center; color: #ee7700; font-size: 18px; top: 20px; left: 0; opacity: 0; display: none;}
.content .video-list ul li .plus{ position: absolute; z-index: 20; bottom: 20px; left: 50%; margin-left: -19px; opacity: 0; display: none;}

/*2015-12-07*/
.service-hover{ position: absolute; left: 50%; top: 48px; padding: 30px 15px; background: rgba(0,0,0,.6); width: 230px; height: 60px; margin-left: -130px; display: none;}
.cell-c{ width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 14px solid rgba(0,0,0,.6); position: absolute; top: -14px; left: 50%; margin-left: -8px;}
.service-hover h5{ color: #fff; font-size: 16px; line-height: 24px; text-align: left;}
.service-hover h5 b{ font-weight: normal;}
.service-hover h6{ color: #fff; font-size: 12px; line-height: 24px; text-align: left;}
.service-hover h6 b { font-weight: normal; font-size: 16px;}


/*right-fix*/
.right-fix{ /*position: fixed; right: 24px; bottom: 50px;*/}
.right-fix-list{ display: block; width: 150px; height: 56px; margin-bottom: 10px; background: #e6e6e6; border-radius: 4px; line-height: 56px; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.right-fix-list i.icon{ margin: 0 0 0 10px;}
.right-fix-list div{ width: 95px; float: right; height: 40px; overflow: hidden; margin: 8px 0;}
.right-fix-list div h6{ color: #009044; font-size: 16px; line-height: 20px;}
.right-fix-list div p{ color: #009044; font-size: 12px; line-height: 20px;}
.right-fix-list:hover{ background: #009044;}
.right-fix-list:hover i.right-fix-qq-icon{ background-position: -40px -93px;}
.right-fix-list:hover i.right-fix-video-icon{ background-position: -40px -134px;}
.right-fix-list:hover div h6{ color: #e6e6e6;}
.right-fix-list:hover div p{ color: #e6e6e6;}


/*2015-12-11*/
.page-con h3{ text-align: center; font-style: 24px; font-weight: bold;}
.page-con.invest a{ color: #333;}


/*2015-12-14*/
.ser-bg{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.8); z-index: 9999; display: none;}
.ser-box{ width: 500px; height: 350px; background: #fff; position: fixed; top: -1000px; left: 50%; margin-left: -250px; z-index: 10000;}
.ser-close{ display: block; position: absolute; right: -20px; top: -20px; width: 40px; height: 40px; font-size: 0; text-align: center; line-height: 40px; background: #7f7f7f; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.ser-close:hover{ background: #4aa6dc;}
.ser-info{ width: 440px; height: 300px; margin: 25px auto;}


/*2015-12-17*/
.page-con-fi{ margin-top: 0;}
.business-list-fi{ margin-top: 10px;}



/*2015-12-28*/
.product-css .page-left-secnav a{ height: 36px; line-height: 36px; text-indent: 4em;}