@charset "utf-8";
/* by Sean Lu 20160719 */
html { }
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p { padding:0; margin:0;}
body { font-size: 12px; background: #fff; color: #333; font-family: microsoft yahei; }
ul,li { list-style: none; }
img { border: 0; }
input:focus { outline: none; }
.lk{display: block;height: 0;width: 0;overflow: hidden;}
/* 圆细滚动条样式 20150717 */
::-webkit-scrollbar{width:6px;height:12px}
::-webkit-scrollbar-button:vertical{display:none;}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#FFF}
::-webkit-scrollbar-thumb:vertical{background-color:#8E8E8E;border-radius:5px}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}

/* 全局 */
a { text-decoration: none; color: #333; }
a:hover { text-decoration: underline; }

/* 清理浮动 */
.clearfix { clear: both; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.fl { float: left; }
.fr { float: right; }


#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    background: #9ecef4;
	box-shadow:1px 1px 1px #ccc;
}
#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span{
    width: 10px;
    height: 10px;
    margin: -5px 0px 0px -5px;
}


.top{position:fixed; top:0; left:0; width:100%; height:100px; z-index:1000;}
.top1{ position:absolute}
.ttop{background-color:#89a4bf; top:0; left:0; width:100%; height:75px; position:fixed; filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6;}
.ttop1{ position:absolute}
.wrapper1{position:relative; width:1200px; margin:0 auto; z-index:1000;}
.ttopul{width:700px; margin:0 auto;}
.ttopul li{float:left; line-height:75px;}
.ttopul li a{color:#fff; font-size:15px; font-family:Microsoft Yahei; text-decoration:none;}
.ttopul .nli{position:relative; margin:0 5px;}
.ttopul .nli a{ display:block; padding:0 22px;}
.ttopul .sub{ position:absolute; background:url(../img/dhbg.png); display:none; padding:10px 0;}
.ttopul .sub li{ line-height:42px; width:160px; text-align:center;}
.ttopul .sub li:hover{ background:#09C;} 
.ttopul .sub li.lii{ width:200px;}

.logo{position:absolute; top:10px; left:0px; z-index:1000;}




.section01{background:url(../img/bg01.jpg) no-repeat center top; height:100%;}
.wrapper{position:relative; margin:0 auto; width:1200px;}
.wrapper img{display:block;}
.section01 .dbt{background:url(../img/page01title.png) no-repeat center center; height:116px;text-indent: -9999px; margin-top:105px;}
.section01 .navul01{width:350px; position:relative; margin-top:80px; -webkit-transition: all 1s linear; transition: all 1s linear; -webkit-transform: translateX(300px); transform: translateX(300px); opacity: 0; float:left; margin-left:150px;}
.active1.section01 .navul01{-webkit-transform: translateX(0); transform: translateX(0); opacity: 1;  }

.navul01 li{margin:20px 0; text-align:center;}
.navul01 li img{width:78px; height:79px; float:left;}
.section01 .navul02{ width:350px; position:relative; margin-top:80px; margin-right:150px; -webkit-transition: all 1s linear; transition: all 1s linear; -webkit-transform: translateX(-300px); transform: translateX(-300px); opacity: 0; float:right;}
.active1.section01 .navul02{-webkit-transform: translateX(0); transform: translateX(0); opacity: 1;  }

.navul02 li{margin:20px 0; text-align:center;}
.navul02 li img{float:left; width:78px; height:79px;}
.title{font-family:Microsoft Yahei; font-size:26px; color:#fff; text-decoration:none; line-height:79px; height:79px; float:left; margin-left:20px;}


.section02{height:100%; background-color:#fff;}
.dwbg{width: 1200px; margin: 0 auto; position:relative;}
.zuo2{width:785px;}
.section02 .title01{font-family:Microsoft Yahei; color:#444; text-decoration:none; font-size:48px; text-align:center; margin-top:30px;}

.section02 a.title02{font-family:Microsoft Yahei; color:#444; font-size:13px; display:block;  margin:0 auto;}
.section02 a.title02:hover{color:#d6000f; font-size:13px; text-decoration:none;-webkit-transition: all .5s linear; transition: all .5s linear; font-weight:bold;}

.title03{font-family:Microsoft Yahei; color:#444; font-size:18px; text-decoration:none; line-height:35px;}
.title04{font-family:Microsoft Yahei; color:#444; font-size:14px; text-decoration:none; line-height:22px;}
.section02 .fz{position:relative; margin-top:30px; margin-left:230px; width:600px; height:320px;-webkit-transition: all .7s linear; transition: all .7s linear; -webkit-transform: translateY(150px); transform: translateY(150px); opacity: 0; }
.active.section02 .fz{-webkit-transform: translateY(0); transform: translateY(0); opacity: 1;}

.section02 .jt{position:relative; margin-top:-70px; margin-left:190px;}
.section02 .pj01{position:relative; -webkit-transition: all .5s linear; transition: all .5s linear; -webkit-transform: scale(.2); transform: scale(.2); opacity: 0; width:93px; height:144px; margin-top:-250px; margin-left:100px;}
.active.section02 .pj01{ transition-delay: .7s; -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
.section02 .pj02{position:relative; width:113px; height:107px; -webkit-transition: all .5s linear; transition: all .5s linear; -webkit-transform: scale(.2); transform: scale(.2); opacity: 0; margin-left:270px; margin-top:80px;}
.active.section02 .pj02{ transition-delay: .7s; -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
.section02 .pj03{position:relative; margin-top:-85px; margin-left:400px; -webkit-transition: all .5s linear; transition: all .5s linear; -webkit-transform: scale(.2); transform: scale(.2); opacity: 0; width:129px; height:85px;}
.active.section02 .pj03{ transition-delay: .7s; -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
.section02 .pj04{position:relative; width:100px; height:123px; margin-left:600px; margin-top:-150px; -webkit-transition: all .5s linear; transition: all .5s linear; -webkit-transform: scale(.2); transform: scale(.2); opacity: 0;}
.active.section02 .pj04{ transition-delay: .7s; -webkit-transform: scale(1); transform: scale(1); opacity: 1; }

.section02 .you2{position:relative; margin-top:100px; width:300px;-webkit-transition: all .5s linear; transition: all .5s linear; -webkit-transform: translateX(150px); transform: translateX(150px); opacity: 0; }
.active.section02 .you2{-webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }

.section02 .js{width:300px;}
.section02 .btnmore{background-color:#9ecef4; color:#444; font-size:15px; text-decoration:none; font-family:Microsoft Yahei; width:92px; height:28px; display:block; line-height:28px; text-align:center; margin-top:15px;}



.section03{height:100%; background-color:#fff;}
.section03 .title01{font-family:Microsoft Yahei; color:#444; text-decoration:none; font-size:48px; text-align:center;  margin-top:30px;}
.section03 .pc{position:relative; width:508px; height:420px; margin-top:50px;-webkit-transition: all .7s linear; transition: all .7s linear; -webkit-transform: translateY(150px); transform: translateY(150px); opacity: 0; margin-left:180px;}
.active.section03 .pc{-webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }

.section03 a.title02{font-family:Microsoft Yahei; color:#444; font-size:13px; display:block;  margin:0 auto; cursor:pointer; text-align:center;}
.section03 a.title02:hover{color:#d6000f; font-size:13px; text-decoration:none;-webkit-transition: all .5s linear; transition: all .5s linear; font-weight:bold;}


.section03 .bj01{position:absolute; top:130px; left:30px; -webkit-transition: all .5s linear; transition: all .5s linear; -webkit-transform: scale(.2); transform: scale(.2); opacity: 0;}
.active.section03 .bj01{transition-delay: .7s; -webkit-transform: scale(1); transform: scale(1); opacity: 1; }


.section03 .bj02{position:absolute; top:300px; left:30px; -webkit-transition: all .5s linear; transition: all .5s linear; -webkit-transform: scale(.2); transform: scale(.2); opacity: 0;}
.active.section03 .bj02{transition-delay: .7s; -webkit-transform: scale(1); transform: scale(1); opacity: 1; }


.section03 .bj03{position:absolute; top:470px; left:30px; -webkit-transition: all .5s linear; transition: all .5s linear; -webkit-transform: scale(.2); transform: scale(.2); opacity: 0;}
.active.section03 .bj03{transition-delay: .7s; -webkit-transform: scale(1); transform: scale(1); opacity: 1; }

.section03 .bj04{position:absolute; top:150px; left:750px; -webkit-transition: all .5s linear; transition: all .5s linear; -webkit-transform: scale(.2); transform: scale(.2); opacity: 0;}
.active.section03 .bj04{transition-delay: .7s; -webkit-transform: scale(1); transform: scale(1); opacity: 1; }


.section03 .bj05{position:absolute; top:350px; left:650px; -webkit-transition: all .5s linear; transition: all .5s linear; -webkit-transform: scale(.2); transform: scale(.2); opacity: 0;}
.active.section03 .bj05{transition-delay: .7s; -webkit-transform: scale(1); transform: scale(1); opacity: 1; }

.section03 .bj06{position:absolute; top:480px; left:500px; -webkit-transition: all .5s linear; transition: all .5s linear; -webkit-transform: scale(.2); transform: scale(.2); opacity: 0;}
.active.section03 .bj06{transition-delay: .7s; -webkit-transform: scale(1); transform: scale(1); opacity: 1; }

.section03 .btnmore{background-color:#9ecef4; color:#444; font-size:15px; text-decoration:none; font-family:Microsoft Yahei; width:92px; height:28px; display:block; line-height:28px; text-align:center; margin-top:15px;}
.section03 .js1{position:relative; margin-top:150px; width:300px;-webkit-transition: all .5s linear; transition: all .5s linear; -webkit-transform: translateX(350px); transform: translateX(350px); opacity: 0; }
.active.section03 .js1{-webkit-transform: translateX(0); transform: translateX(0); opacity: 1; }



.section04{height:100%; background-color:#fff;}
.section04 .title01{font-family:Microsoft Yahei; color:#444; text-decoration:none; font-size:48px; text-align:center; margin-top:30px;}

.section04 .title07{font-family:Microsoft Yahei; color:#444; text-decoration:none; font-size:28px; position:relative; text-align:center; -webkit-transition: all .7s linear; transition: all .7s linear; -webkit-transform: translateY(-150px); transform: translateY(-150px); opacity: 0; margin-top:30px; }
.active.section04 .title07{-webkit-transform: translateY(0); transform: translateY(0); opacity: 1;  transition-delay: 0.2s;}
.section04 .alul{margin:50px auto; width:1200px; webkit-transition: all .7s linear; transition: all .7s linear;  -webkit-transform: scale(.2); transform: scale(.2); opacity: 0;}
.active.section04 .alul{-webkit-transform: -webkit-transform: scale(1); transform: scale(1);opacity: 1;  transition-delay: 0.2s;}
.section04 .alul li{float:left; margin:0 30px; text-align:center; font-size:20px; font-family:Microsoft Yahei; color:#444;}
.section04 .alul li img{width:540px; height:230px; }



.section05{background-color:#ffffff;}
.cc{ position:absolute; width:100%; padding-top:20px;}
a.tt{font-family:Microsoft Yahei; font-size:23px; text-decoration:none; text-align:center;}
a.tt:hover{color:#d6000f; text-decoration:underline;}
.bottomul{width:1200px; margin:0 auto; position:relative; height:160px;}
.bottomul li{width:220px; margin:0 40px; float:left;}
.navul{position:absolute; left:40px; top:50px; width:220px;}
.navul li{float:left; width:110px; text-align:left; margin:0px;}
.navul li a{color:#202020; font-family:Microsoft Yahei; font-size:14px; line-height:24px; display:block;}
.navul li a:hover{color:#d6000f;}


.navul1{position:absolute; left:300px; top:50px; width:220px;}
.navul1 li{width:240px; text-align:left;}
.navul1 li a{color:#202020; font-family:Microsoft Yahei; font-size:14px; line-height:24px; display:block;}
.navul1 li a:hover{color:#d6000f;}

.navul2{position:absolute; left:640px; top:50px; width:220px;}
.navul2 li{width:110px; text-align:left; float:left; margin:0;}
.navul2 li a{color:#202020; font-family:Microsoft Yahei; font-size:14px; line-height:24px; display:block;}
.navul2 li a:hover{color:#d6000f;}

.navul3{position:absolute; left:900px; top:50px; width:220px;}
.navul3 li{width:240px; text-align:left;}
.navul3 li a{color:#202020; font-family:Microsoft Yahei; font-size:14px; line-height:24px; display:block;}
.navul3 li a:hover{color:#d6000f;}

.title05{color:#202020; font-family:Microsoft Yahei; text-decoration:none; font-size:18px;}
.title06{color:#202020; font-family:Microsoft Yahei; text-decoration:none; font-size:15px;}
.ljbg{background-color:#f3f3f3; margin-top:30px; padding:30px 0; height:180px;}
.ljul{width:750px; position:absolute; left:0px; top:40px;}
.ljul li{width:130px; text-align:left; float:left;}
.section04 a.rmore{color:#e50000; font-size:16px; text-decoration:underline; font-family:Microsoft Yahei; margin-top:20px; display:block; text-align:center;webkit-transition: all .7s linear; transition: all .7s linear; -webkit-transform: translateY(150px); transform: translateY(150px); opacity: 0;}
.active.section04 a.rmore{-webkit-transform: translateY(0); transform: translateY(0); opacity: 1;  transition-delay: 1s;}
.active.section04 a.rmore:hover{color:#3c5b26;}




.ny .dbt{ padding-top:200px;}
.ny .dbt h1{ font-size:42px;  line-height:56px; color:#3b74c5;}
.ny .dbt h2{ font-size:18px; font-weight:normal;}
.ny .zw{ margin-top:210px;height:100%;}
.ny .zw .n_left{ width:260px; border:1px #ddd solid; margin-right:50px;}
.ny .zw .n_left h1{ background:#3b74c5; font-weight:normal; padding-left:28px; line-height:48px; height:48px; display:block; color:#FFF;}
.ny .zw .n_left .menu{}
.ny .zw .n_left .menu li{ line-height:42px; }
.ny .zw .n_left .menu li:hover{}

.ny .zw .n_left .menu li a{ font-size:16px; display:block;padding-left:34px; border-bottom:1px #ddd solid;background:url(../img/jt.jpg) no-repeat -9px 17px;}

.ny .zw .n_left .menu li a:hover{background:url(../img/jt.jpg) no-repeat 34px 17px #f8f8f8; padding-left:46px; text-decoration:none;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out; color:#666}
.ny .zw .n_left .menu li.on a{background:url(../img/jt.jpg) no-repeat 34px 17px #f8f8f8;padding-left:46px;}

.ny .zw .n_left .menu .menux{}
.ny .zw .n_left .menu .menux li{ background:none; line-height:32px;}
.ny .zw .n_left .menu .menux li a{ font-size:13px; border-bottom:none; padding-left:60px;  background:url(../img/jt2.jpg) no-repeat 50px;}
.ny .zw .n_left .menu .menux li a:hover{color:#3b74c5;}
.ny .zw .n_left .menu .menux li.on a{color:#3b74c5;}
.ny .zw .n_right{ width:887px;}
.ny .zw .n_right .nbt{ background:url(../img/local.png) no-repeat left; height:30px; font-size:14px; padding-left:30px; line-height:30px; font-weight:bold;}
.ny .zw .n_right .nzw{ padding-top:50px; font-size:14px; line-height:30px;}
.ny .zw .n_right .nzw .pro{ margin-top:-10px;}
.ny .zw .n_right .nzw .pro li{ border:1px #CCCCCC solid; float:left; margin-right:12px; margin-bottom:20px;box-shadow: 0 0 8px rgba(35,24,21,.18); width:210px;}
.ny .zw .n_right .nzw .pro li:hover{border:1px #3b74c5 solid;-webkit-transition: all 0.5s ease-in;transition: all 0.5s ease-in;}
.ny .zw .n_right .nzw .pro li a{ height:230px; display:block;}
.ny .zw .n_right .nzw .pro li a img{ margin-bottom:10px; width:210px; height:173px;}
.ny .zw .n_right .nzw .pro li a span{ padding:5px 10px; display:block;}
.new { width: 100%; }
.new li { padding: 20px 0px 20px 10px; border-bottom: 1px dashed #ccc; height: 85px; overflow: hidden; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; }
.new li:hover { background: #f1f1f1; }
.new li .img { display:none;float: left; width: 200px; height: 150px; overflow: hidden; border: 1px solid #ccc; margin-right: 20px; background: url(../img/nopic.jpg) no-repeat center center; }
.new li .img img { width: 200px; height: 150px; display: block; }
.new li .info { }
.new li .info a { padding: 2px 4px; text-decoration: none; font-family: microsoft yahei; }
.new li h4 { }
.new li h4 a { line-height: 28px; font-size:15px; font-weight: bold; padding: 3px 2px; font-family: microsoft yahei; color: #333;}
.new li h4 a:hover{ background:#005bac }
.new li p { line-height: 24px; color: #666; text-indent: 0; }
.new li p a:hover{ background:#005bac}
.new li .info a:hover { text-decoration: none; color: #fff; }
.new li .time { display: block; margin-top: 10px; color: #999; }

.pro1 .proinform{}
.pro1 .proinform .img{ margin-right:30px;}
.pro1 .proinform .inform{ width:458px;}
.pro1 .proinform .inform h1{ font-size:24px; margin-bottom:20px;}
.pro1 .tab{ margin-top:30px; border:1px #ddd solid;}
.pro1 .tab .hd{ background:#eee; height:36px; border-bottom:1px #ddd solid;}
.pro1 .tab .hd li{ float:left; cursor:pointer; padding:0 20px; line-height:36px; border-right:1px #CCCCCC solid; border-bottom:1px #ddd solid;}
.pro1 .tab .hd li.on{ background:#FFF; border-top:2px #3b74c5 solid;height:36px; line-height:32px; border-bottom:none;}
.pro1 .tab .bd{ margin-top:20px; padding:10px;}


.cc1 li{ width:286px; position:relative; float:left; margin:0 4px 25px 5px; }
.cc1 li a{ display:block;}
.cc1 li img{ width:280px; height:209px;}
.cc1 li span{ /*background:url(images/000.png) no-repeat; */display:block; width:286px; height:215px; position:absolute; top:0; left:0; background:#89a4bf;filter:alpha(opacity=0); /*IE滤镜，透明度50%*/-moz-opacity:0; /*Firefox私有，透明度50%*/opacity:0;/*其他，透明度50%*/-webkit-transition: all .2s ease-in;transition: all .2s ease-in;}
.cc1 li h1{ color:#333; font-size:16px; font-family:"微软雅黑";  width:100%; text-align:center; line-height:45px;-webkit-transition: all .2s ease-in;transition: all .2s ease-in; height:45px; font-weight:normal;}



.solu_bt{ background:#69C; border-radius:8px; padding:10px; color:#FFF; font-size:16px; font-weight:boldl; width:20px;}
.solu_xq{ margin-top:30px;}
.solu_xq h3{ background:url(../img/plus.jpg) no-repeat left 10px; padding-left:15px;}
.solu_xq li{ background:url(../img/minus.jpg) no-repeat left 12px; padding-left:15px;}


.anli_xq{ margin:7px; width:275px; height:207px; float:left; position:relative;} 
.anli_xq img{ width:275px; height:207px; position:absolute;}
.anli_xq span{ background:url(../img/anli_bg.png) no-repeat; left:0; top:0; width:275px; height:207px; position:absolute; display:block;}





.aaa{ margin-top:30px;}
.aaa li{ float:left; margin-right:29px; margin-bottom:10px;}
.aaa li:nth-child(4n){ margin-right:0;}
.aaa li .img{ position:relative;}
.aaa li .img span{ background:url(../img/ser_logo.png) no-repeat; position:absolute; top:0; left:0; display:block; width:200px; height:150px;}
.aaa li p{ background:url(../img/line.jpg) no-repeat left; padding-left:6px;}