body, dl, dd, ul, ol ,h1, h2, h3, h4 ,form, input, button, textarea, p, th, td{ margin:0; padding:0;}
body{ font:12px/1.5 arial,'Microsoft YaHei'; color:#343434; font-size:12px;}
img{vertical-align: middle; border:none;}
ul,ol{list-style:none outside none;}
table{border-collapse:collapse; border-spacing:0;}
button, input, select, textarea {font-size: 100%; vertical-align:middle;}
a{ color:#333333; text-decoration:none; blr:expression(this.onFocus=this.blur()); }
a:hover{ text-decoration:none; }
:focus {outline: 0 none;}
h1,h2,h3{ font-size:100%; font-weight:normal;}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer; -webkit-appearance: button;-moz-appearance: button;}
.text,.btn,textarea{font-family:arial,'Microsoft YaHei';}
.clearfix:after{ content:"."; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1;}
em,i{ font-style:normal;}
li{ list-style:none;}
/* head */

.head{ height:80px; width:100%;min-width:1200px; position:absolute; left:0; top:0; position:fixed; z-index:99; background:#ffffff;}
.box{ width:1200px;min-width:1200px;  margin:0 auto;}
h1{ float:left; padding-top:14px;}
.nav{ float:left; margin-left:0px;}
.nav li{ float:left; width:121px; height:80px; margin-left:20px;}
.nav li a{ display:block; width:121px; height:80px; text-align:center; line-height:80px; font-size:14px; color:#474747;transition:all 0.5s ease 0s; overflow:hidden;}
.nav li a:hover{ background:#0077d5; color:#fff; transition:all 0.5s ease 0s;}
.head_right{ width:155px; float:right;}
.head_right .language{ color:#474747; font-size:12px; height:30px; line-height:30px; text-align:right;}
.head_right .language a{color:#474747; transition:all 0.5s ease 0s;}
.language a:hover,.language a.on{ color:#0077d5; transition:all 0.5s ease 0s;}
.search{ background:#f0f0f0; border-radius:20px; height:30px; width:155px;}
.search .search_txt{ float:left; width:114px; padding-left:10px; height:30px; line-height:30px; background:none; border:none; color:#474747;}
.search .search_sub{ background:url(../images/search.png) left center no-repeat; width:14px; height:30px; float:left; border:none; cursor:pointer;}







/* foot */
.foot{ background:#2e3192; padding:70px 0 38px 0; position:relative; }
#top{ background:url(../images/top.png) left top no-repeat; width:106px; height:58px; display:block; position:absolute; left:50%; margin-left:-53px; top:-58px;}
.foot_left{ float:left; width:980px;}
.foot_right{ float:right; width:180px; text-align:right;}
.foot_right span{ display:block; font-size:16px; color:#fff; height:38px; line-height:38px; overflow:hidden;}
.foot_right em{display:block; font-size:24px; color:#fff; height:38px; line-height:38px; overflow:hidden;}
.foot_right p{color:#fff; height:25px; line-height:25px; overflow:hidden; font-size:14px;}
.foot_nav{ float:left; width:16%;}
.foot_two{ float:left; width:36%; padding-left:60px; box-sizing:border-box;}
.foot_nav span{ display:block; color:#fff; font-size:16px; height:36px; line-height:36px; overflow:hidden;}
.foot_nav a{ display:block; color:#fff; font-size:14px; height:36px; line-height:36px; overflow:hidden;}
.foot_nav a:hover,.add a:hover{ color:#fff; text-decoration:underline;}
.add{ height:50px; line-height:50px; text-align:center; background:#1b1464; color:#fff; font-size:14px;}
.add a{ color:#fff; margin-left:8px;}

/* biology */
.biology{ padding:10px 0 40px 0;}
.biology dl{ padding:30px 0; border-bottom:1px solid #e8e8e8;}
.biology dt{ float:left; width:240px; height:144px; overflow:hidden; margin-right:50px;}
.biology dt img{width:240px; height:144px; overflow:hidden; opacity:.7;transition:all 0.8s ease 0s;}
.biology dt:hover img{ opacity:1; transition:all 0.8s ease 0s;}
.biology dd{ float:left; width:910px;}
.biology_left{ float:left; width:665px;}
.biology_right{ float:right; width:147px; border-left:1px solid #e8e8e8; height:118px; margin-top:12px; text-align:center; color:#474747;}
.biology_right span{ display:block; height:57px; line-height:57px; font-size:48px; padding-top:16px; }
.biology_right em{height:30px; line-height:30px;}
.biology_left a{ display:block; height:58px; line-height:58px; overflow:hidden; font-size:16px; color:#474747; font-weight:bold;transition:all 0.5s ease 0s; }
.biology_left a:hover{ transition:all 0.5s ease 0s; transform:translateX(10px); color:#0077d5;}
.biology_left p{ height:58px; line-height:28px; overflow:hidden; color:#656565; font-size:14px;}

.release{ padding:48px 0 10px 0; border-bottom:1px solid #e8e8e8; text-align:center;}
.release h3{ height:44px; line-height:44px; font-size:24px; font-weight:bold; color:#0077d5; overflow:hidden;}
.release span{ height:32px; line-height:32px; font-size:14px; color:#656565; display:block; overflow:hidden;}

.news_word{ padding:30px 0 50px 0;line-height:30px; font-size:14px; color:#656565; border-bottom:1px solid #e8e8e8}
.return{ display:block; float:right; font-size:14px; text-align:center; margin:40px 0; width:178px; height:43px; line-height:43px; border:1px solid #e8e8e8; color:#656565;transition:all 0.5s ease 0s;}
.return:hover{ background:#0077d5; border:1px solid #0077d5; color:#fff; transition:all 0.5s ease 0s;}

.sol_tit{ margin:56px 0;}
.sol_tit h3{ height:30px; line-height:30px; text-align:center; font-weight:bold; font-size:22px; color:#0077d5; background:url(../images/lin3.png) center center no-repeat;}
.sol_tit span{ display:block; font-size:14px; text-align:center; color:#d3d3d3; height:20px; line-height:20px; overflow:hidden; text-transform:uppercase;}
.catalog{ position:relative; height:50px;}
.cata_div{ width:1200px;min-width:1200px;  position:absolute; left:0; top:0; overflow:hidden; height:50px;}
.cata_div ul{ width:10000px;}
.cata_div ul li{ margin-right:15px; width:228px; text-align:center; height:50px; float:left;}
.cata_div ul li a{ height:48px; border:1px solid #d3d3d3; line-height:48px;width:226px; display:block; font-size:16px; color:#656565;transition:all 0.5s ease 0s;}
.cata_div ul li a:hover,.cata_div ul li a.on{ transition:all 0.5s ease 0s; border:1px solid #0077d5; color:#fff; background:#0077d5;}
.catalog #left{ background:url(../images/left.png) left top no-repeat; width:10px; height:17px; position:absolute; left:-50px; top:50%; margin-top:-8.5px;}
.catalog #right{ background:url(../images/right.png) left top no-repeat; width:10px; height:17px; position:absolute; right:-50px; top:50%; margin-top:-8.5px;}

.sol_div{ margin:30px 0 138px 0;}
.sol_div ul{ margin-left:-30px;}
.sol_div ul li{ float:left; width:380px; height:280px; margin:30px 0 0 30px; position:relative; overflow:hidden;}
.sol_div ul li img{ width:380px; height:280px; overflow:hidden; transition:all 1s ease 0s;}
.sol_div ul li span{ position:absolute; left:0; bottom:0; height:57px; line-height:57px; display:block; color:#fff; font-size:16px; overflow:hidden; padding-left:20px; transition:all 1s ease 0s;}
.sol_div ul li:hover img{ transform:scale(1.1,1.1); transition:all 1s ease 0s;}
.sol_div ul li:hover span{ transition:all 1s ease 0s; transform:translateX(10px)}

/* pro */
.pro_div{ padding:60px 0 120px 0;}
.pro_div ul{ margin-left:-30px;}
.pro_div ul li{ float:left; margin:0 0 0 30px; width:380px; overflow:hidden;}
.pro_div ul li em{ display:block; width:380px; height:280px; overflow:hidden;}
.pro_div ul li img{ width:380px; height:280px; overflow:hidden; opacity:.8; transition:all 0.5s ease 0s;}
.pro_div ul li:hover img{ opacity:1; transition:all 0.5s ease 0s;}
.pro_div ul li span{ display:block; height:70px; line-height:70px; text-align:center; font-size:16px; color:#656565; overflow:hidden;transition:all 0.5s ease 0s;}
.pro_div ul li:hover span{ color:#0077d5; transition:all 0.5s ease 0s; transform:translateY(-10px)}


/* video */
.video{ padding:55px 0 80px 0;}
.video ul{ margin-left:-28px;}
.video ul li{ float:left; margin-left:28px; width:380px;}
.video ul li span{ width:380px; height:280px; position:relative; display: block; overflow:hidden;}
.video ul li span img{width:380px; height:280px; overflow:hidden; transition:all 1s ease 0s;}
.video ul li:hover span img{ transform:scale(1.1,1.1);transition:all 1s ease 0s;}
.video ul li span a{ background:url(../images/video.png) left top no-repeat; width:61px; height:61px; top:50%; left:50%; margin-left:-30.5px;margin-top:-30.5px; display:block; position:absolute;}
.video ul li em{ height:70px; line-height:70px; font-size:16px; color:#656565; overflow:hidden; text-align:center; display:block;transition:all 0.5s ease 0s;}
.video ul li:hover em{ color:#0077d5; transition:all 0.5s ease 0s; transform:translateY(-10px)}
.video_hover{ width:770px; background:#efefef; height:520px; position:fixed; left:50%; top:50%; margin-left:-385px; margin-top:-260px; padding:10px; box-sizing:border-box; z-index:999999999999999999999;display:none;}
.back{ background:url(../images/back.png) left top; width:100%;position:fixed; height:100%; top:0; left:0; z-index:9999; display:none;}

/* index */

.flexslider {position: relative;width: 100%;height: auto; margin:0 auto; overflow:hidden;}
.slides li .banner_img{ width:100%;min-width:1200px; height:auto;}
.slides li { position:relative; width:100%;min-width:1200px; height:auto;}
.slides {width:100%;min-width:1200px; height:auto;}
.flex-control-nav { width:100%;min-width:1200px; text-align:center; bottom:20px; z-index:99999999; left:0; position:absolute; font-size:0;}
.flex-control-nav li{ display:inline-block; margin:0 5px;}
.flex-control-nav li a{ background:url(../images/nav.png) left top no-repeat; display:block; width:15px; height:15px;}
.flex-control-nav li a.flex-active{background:url(../images/nav1.png) left top no-repeat;}

.epitome{ margin-top:20px;}
.epitome ul{ margin-left:-15px;}
.epitome ul li{ float:left; margin-left:15px; width:390px; overflow:hidden;transition:all 0.5s ease 0s;}
.epitome ul li span{ display:block; width:390px; height:199px; overflow:hidden;}
.epitome ul li span img{width:390px; height:199px; overflow:hidden; transition:all 1s ease 0s;}
.epitome ul li:hover img{ transition:all 1s ease 0s; transform:scale(1.2,1.2)}
.epitome ul li em{ display:block; overflow:hidden; padding-top:11px; height:34px; line-height:34px; font-size:16px; color:#474747;transition:all 0.5s ease 0s;}
.epitome ul li:hover em{ transition:all 0.5s ease 0s; color:#0077d5;}
.epitome ul li p{ height:36px; line-height:18px; overflow:hidden; color:#a1a1a1; font-size:14px;}
.epitome ul li:hover{-webkit-transform:translateY(-8px);-ms-transform:translateY(-8px);transform:translateY(-8px);	-webkit-box-shadow: 0px 0px 10px #e4e4e4;transition:all 0.5s ease 0s;}
.section2{ background:url(../images/pages.jpg) center top no-repeat; background-size:cover;}
.svg_inner{width:1200px;min-width:1200px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.index_tit h3{ height:40px; line-height:40px; text-align:center; font-size:30px; color:#fff;}
.index_tit h3 a{color:#fff;}
.ser_box .index_tit h3 a{color:#333333;}
.index_tit span{ display:block; height:20px; line-height:20px; overflow:hidden; text-align:center; color:#fff; margin-bottom:5px; font-size:14px; text-transform:uppercase;}
.index_tit em{ width:35px; height:2px; background:#0077d5; display:block; margin:0 auto;}
.solu{ margin-top:80px;}
.solu_left{ width:1020px; float:left;height:448px; overflow:hidden;}
.solu_img{ width:1020px; height:448px; overflow:hidden;}
.solu_img img{ width:1020px; height:448px; overflow:hidden; transition:all 1s ease 0s;}
.solu_img:hover img{ transform:scale(1.1,1.1);transition:all 1s ease 0s;}
.solu_right{ width:180px; float:right;}
.solu_right li{  width:180px; height:88px; margin-bottom:2px; font-size:14px; color:#fff; text-indent:30px; line-height:88px; cursor:pointer;}
.solu_right li.solu_btn1{background:url(../images/hover1.png) left top no-repeat;}
.solu_right li.solu_btn2{ background:url(../images/hover2.png) left top no-repeat; }
.solu_right li.solu_btn3{ background:url(../images/hover3.png) left top no-repeat; }
.solu_right li.solu_btn4{ background:url(../images/hover4.png) left top no-repeat; }
.solu_right li.solu_btn5{ background:url(../images/hover5.png) left top no-repeat; }
.solu_right li.solu_btn1.on{ background:url(../images/hover11.png) left top no-repeat; }
.solu_right li.solu_btn2.on{ background:url(../images/hover22.png) left top no-repeat; }
.solu_right li.solu_btn3.on{ background:url(../images/hover33.png) left top no-repeat; }
.solu_right li.solu_btn4.on{ background:url(../images/hover44.png) left top no-repeat; }
.solu_right li.solu_btn5.on{ background:url(../images/hover55.png) left top no-repeat; }

.section3{background:url(../images/pages.jpg) center top no-repeat; background-size:cover; }
.vision { padding-top:80px;}
.vision li{ float:left; margin-left:-60px; cursor:pointer;}
.vision li img{width:330px; height:410px; overflow:hidden; opacity:.7;transition:all 0.5s ease 0s;}
.vision li:hover img{ opacity:1; transition:all 0.5s ease 0s;}
.vision li.on{margin-left:0px; }
.video_box .video_hover img{ width:auto; height:auto; opacity:1;}

.section4{background:url(../images/pages3.jpg) center top no-repeat; background-size:cover;}
.product{ margin-top:105px; background:url(../images/pic.png) left top no-repeat; height:400px;  position:relative;}
.pro_scroll{ width:1200px;min-width:1200px;  height:280px; position:absolute; left:0; top:70px; overflow:hidden;}
.pro_scroll li{ width:300px; float:left; overflow:hidden;}
.pro_scroll li span{ width:300px; height:154px; overflow:hidden; display:block; text-align:center; margin-top:40px; transition:all 0.5s ease 0s;}
.pro_scroll li img{ width:244px; height:154px; overflow:hidden;}
.pro_scroll li .pro_zi{ text-align:center; padding-top:20px; display:none; transition:all 0.5s ease 0s;}
.pro_zi em{ display:block; height:25px; line-height:25px; font-size:18px; overflow:hidden; color:#0068b7}
.pro_zi i{ height:20px; line-height:20px; font-size:14px; display:block; overflow:hidden; color:#333333;}
.pro_zi a{ color:#0068b7; display:block; text-align:center; font-size:14px; height:28px; line-height:28px; overflow:hidden;}
.pro_scroll li:hover span{ margin:0; transition:all 0.5s ease 0s;}
.pro_scroll li:hover .pro_zi{ display:block; transition:all 0.5s ease 0s;} 
.pro_btn{ position:absolute; width:100%;min-width:1200px; text-align:center; bottom:22px;}
.pro_left{ display:inline-block; background:url(../images/pro_left.png) left top no-repeat; width:36px; height:36px; margin:0 10px; transition:all 0.5s ease 0s;}
.pro_right{ display:inline-block; background:url(../images/pro_right.png) left top no-repeat; width:36px; height:36px; margin:0 10px; transition:all 0.5s ease 0s;}
.pro_left:hover{background:url(../images/pro_left11.png) left top no-repeat; transition:all 0.5s ease 0s; }
.pro_right:hover{ background:url(../images/pro_right11.png) left top no-repeat; transition:all 0.5s ease 0s;}


.section5{ background:url(../images/link.jpg) center top no-repeat; background-size:cover;}
.ser_box .index_tit h3{ color:#333333;}
.ser_box .index_tit span{ color:#6d717a;}
.ser{ position:relative; width:824px; margin:110px auto 0; height:412px;}
.ser li{ position:absolute; left:0; top:0; background:url(../images/serbj1.png) left top no-repeat; width:276px; height:276px; overflow:hidden; text-align:center; color:#fff;}

.ser li.serbj2{position:absolute; left:137px; top:137px; background:url(../images/serbj2.png) left top no-repeat;}
.ser li.serbj3{position:absolute; left:411px; top:137px; background:url(../images/serbj3.png) left top no-repeat;}
.ser li.serbj4{position:absolute; left:274px; top:0px; background:url(../images/serbj4.png) left top no-repeat;}
.ser li.serbj5{position:absolute; left:548px; top:0px; background:url(../images/serbj5.png) left top no-repeat;}
/*.ser li a{ display:block; width:100%; height:100%; text-align:center;}
*/.ser li em a { padding-top:90px; display:inline-block;transition:all 0.5s ease 0s;}
.ser li span a { display:block; height:64px; line-height:64px; font-size:16px; color:#fff;transition:all 0.5s ease 0s;}
/*.ser li:hover em,.ser li:hover span{ transition:all 0.5s ease 0s; transform:translateY(-10px)}
*//* about */
.survey{ background:#f8f8fb; padding-bottom:80px;}
.about_tit { text-align:center; padding-top:56px;}
.about_tit h2{ height:30px; line-height:30px;  font-size:22px; font-weight:bold; color:#0077d5; overflow:hidden; background:url(../images/lin3.png) center center no-repeat;}
.about_tit span{ display:block; height:20px; line-height:20px; color:#d3d3d3; font-size:14px; text-transform:uppercase;}

.page_right{width:200px;float:right; }
a{color: #666;text-decoration:none;}
a:hover{color:#136ec2;}
#Catalog_box {position:fixed;top:30%;margin-left:50px;  z-index:99999999999999999;}
#Catalog_box dl{ background:url(../images/dd.png) center center no-repeat; position:relative;  z-index:99999999999999999;}
#Catalog_box .cate-item1{ width:38px; height:38px; border-radius:38px; border:3px solid #0077b2; margin-bottom:23px; overflow:hidden; font-size:14px; color:#0077b2; position:relative; z-index:99999999; background:#fff;}
#Catalog_box .cate-item1 span{ display:none;}
#Catalog_box .cate-item1 a{ width:38px; height:38px; border-radius:38px;font-size:14px; color:#0077b2; display:block; line-height:38px; text-align:center;}
#Catalog_box .cate-item1.active{ border:3px solid #fff; background:#0077b2}
#Catalog_box dd.active a{color:#fff;}
.sur_div{ padding-top:56px;}
.sur_left{ width:600px; height:400px; float:left;}
.sur_left img{ width:600px; height:400px; overflow:hidden;}
.sur_right{ float:right; width:550px;}
.sur_top{ padding-top:33px;}
.sur_top em{  color:#474747; font-size:18px; display:block; text-indent:47px; height:54px; line-height:54px;}
.sur_top span{ font-size:14px; background:#0077d5; color:#fff; width:300px; height:32px; line-height:32px; text-align:center; display:block; margin-left:-110px;}
.sur_bottom{ padding-top:20px; line-height:25px; color:#656565; font-size:14px; height:256px; overflow:hidden;}
#content_1{ height:256px;}
.infor_div{ border-top:1px solid #e8e8e8; margin:55px 0 0px 0; padding:0;}
.infor_see{ width:178px; height:43px; line-height:43px; text-align:center; border:1px solid #e8e8e8; display:block; margin:40px auto 0px; font-size:14px; color:#656565;transition:all 0.5s ease 0s;}
.infor_see:hover{ border:1px solid #0077d5; background:#0077d5; color:#fff; transition:all 0.5s ease 0s;}
.infor{ padding-bottom:60px;}

.honor{ background:url(../images/hon.jpg) center top no-repeat; height:766px; background-size:cover;}
 
.honor_inner{ margin-top:50px; height:540px; position:relative;}
.honor_scroll{ position:absolute; left:0; top:0; width:1200px;min-width:1200px;  overflow:hidden; height:450px;}
.honor_scroll ul{ width:10000px;}
.honor_scroll ul li{ float:left; margin-right:20px; width:285px; cursor:pointer;}
.honor_scroll ul li span{ display:block; border:2px solid #0077d5; overflow:hidden; width:281px; height:391px;transition:all 0.5s ease 0s;}
.honor_scroll span img{ overflow:hidden; width:281px; height:391px;transition:all 1s ease 0s;}
.honor_scroll ul li:hover img{ transform:scale(1.1,1.1);transition:all 1s ease 0s;}
.honor_scroll em{ display:block;  line-height:34px; text-align:center; overflow:hidden; font-size:12px; color:#474747;transition:all 0.5s ease 0s;}
.honor_scroll ul li:hover em{ color:#0077d5; transition:all 0.5s ease 0s;}
.honor_btn{ position:absolute; width:100%;min-width:1200px; text-align:center; left:0; bottom:0;}
.honor_btn a{ display:inline-block; margin:0 10px;  width:48px; height:48px;}
.honor_btn .honor_left{background:url(../images/honor_left.jpg) left top no-repeat;}
.honor_btn .honor_right{background:url(../images/honor_right.jpg) left top no-repeat;}
.honor_btn .honor_left:hover{background:url(../images/honor_left1.jpg) left top no-repeat;}
.honor_btn .honor_right:hover{background:url(../images/honor_right1.jpg) left top no-repeat;}

.recu ul{ cursor:pointer; background:#15af82; height:55px; line-height:55px; margin-bottom:3px;}
.pos dd li{ line-height:55px; color:#494949; height:55px;padding-left:30px; font-size:16px;  position:relative; margin-bottom:2px;background:#f9fafc; font-weight:bold; }
.pos dd li i{ font-style:normal;}
.pos dd li em{ font-size:14px; color:#717171;}
.Requirement{ color:#474747; line-height:34px;  display:none; font-size:14px;  background:#fff; padding:20px 30px; margin-bottom:3px;}
.Requirement em{ color:#0077d5; font-weight:bold;}
.pos li .jia{ position:absolute; top:0px; right:30px; background:url(../images/add1.png) right center no-repeat;  height:50px; width:230px; color:#717171; font-size:14px;}
.pos .act .jia{ position:absolute; top:0px; right:30px; background:url(../images/add.png) right center no-repeat; color:#fff;  }
.recu dd .act li{ color:#fff; background:#0077d5} 
.join_inner{ padding:55px 0;}

.contact{ background:#f9fafc; padding-bottom:100px;}
.contact_ul{ margin:55px 0 0 -23px;}
.contact_ul li{ float:left; margin:0 0 20px 23px; border:1px solid #d3d3d3; padding:0 80px; box-sizing:border-box; height:250px; width:588px; background:#fff;}
.contact_ul li h3{ padding-top:18px; height:80px; line-height:80px; border-bottom:1px solid #d3d3d3; font-size:18px; color:#474747; font-weight:bold; position:relative; margin-bottom:23px; overflow:hidden;}
.contact_ul li h3 span{ display:block; width:37px; height:3px; background:#0077d5; position:absolute; left:0; bottom:-2px;}
.contact_ul li .contact_div{ height:98px; overflow:hidden;}
.contact_div p{ line-height:25px; font-size:14px; color:#474747; height:25px; overflow:hidden}

.pro_top{ margin:60px 0 36px 0; border:1px solid #e6e6e6; padding:25px 30px; box-sizing:border-box;}
.pro_top dt{ float:left; margin-right:70px; width:418px; height:308px; overflow:hidden;}
.pro_top dt img{width:418px; height:308px; overflow:hidden;}
.pro_top dd{ float:left; width:650px;}
.pro_top dd span{ display:block; height:60px; line-height:60px; overflow:hidden; font-size:18px; color:#0077d5; margin-bottom:10px; background:#f7f8fa;text-indent:30px;}
.pro_top dd em{ display:block; height:30px; line-height:30px; color:#777777; font-size:14px; overflow:hidden;}
.pro_top dd p{color:#777777; font-size:14px; line-height:30px; height:60px; overflow:hidden;}
.pro_top dd a{ width:148px; height:43px; line-height:43px; background:#0077d5; border:1px solid #0077d5; font-size:14px; color:#fff; display:block; text-align:center; float:right; margin-top:74px; transition:all 0.5s ease 0s;}
.pro_top dd a:hover{ transition:all 0.5s ease 0s; background:none; color:#0077d5;}

.pro_bottom{border:1px solid #e6e6e6; padding:0px 30px 60px 0; margin-bottom:120px;}
.pro_bottom p{ font-size:14px; line-height:30px; color:#777777; padding-left:30px;}
.pro_bottom h3{ height:50px; background:#f7f8fa  url(../images/shu.jpg) 30px center no-repeat;  font-size:14px; color:#777777; font-weight:bold; padding-left:42px; line-height:50px;}
.sol_top{ padding:30px 0 0 0;}
.sol_top span{ display:block; height:84px; line-height:84px; text-align:center; overflow:hidden; font-size:24px; color:#0077d5; font-weight:bold;}
.sol_bottom{ padding:30px 0 100px 0;}
.sol_bottom h2{ font-size:16px; color:#656565; font-weight:bold; background:url(../images/line.png) right center no-repeat; height:20px; line-height:20px; padding-left:15px; border-left:10px solid #0077d5; margin:40px 0 30px 0;}
.sol_bottom p{ line-height:30px; color:#656565; font-size:14px;}

.support{ background:#f8f8fb; padding-bottom:100px;}
.support_div{ margin:50px 0 0px 0; position:relative;}
.support_left{  width:664px; height:356px; overflow:hidden; position:absolute; left:-25px; top:0;}
.support_left img{width:664px; height:356px; overflow:hidden;}
.support_right{ float:right; width:610px; padding:45px 50px 0 70px; box-sizing:border-box; height:300px; background:#fff; margin-top:60px; }
.support_right dt{ background:url(../images/supp.jpg) left center no-repeat; padding:0 0 0 103px;  line-height:25px; color:#0077d5; font-size:12px; font-weight:bold; overflow:hidden; margin-bottom:24px;}
.support_right dt span{  overflow:hidden; padding-top:5px; display:block;}
.support_right dd{ line-height:24px; color:#656565; font-size:14px; height:98px; overflow:hidden;}
.support_right em{ font-weight:bold; display:block; height:24px; line-height:24px; overflow:hidden;}
.support_right p{height:24px; line-height:24px; overflow:hidden;}

.after{ background:#fff;}
.after .support_left{ width:611px; height:300px; left:0;}
.after .support_left img{width:611px; height:300px;}
.after .support_right{ margin-top:30px; border:3px solid #ececec;}

.down{ background:#f9fafc; padding-bottom:60px;}
.down_div{ height:500px; position:relative; margin:50px 0 0 0;}
.down_scroll{ position:absolute; left:0; top:0; height:400px; overflow:hidden; width:1200px;min-width:1200px; }
.down_scroll ul{ width:10000px;}
.down_scroll ul li{ width:1220px; overflow:hidden; }
.down_scroll .down_li { display:block; height:60px; width:588px; margin-right:20px; float:left;margin-bottom:25px;}
.down_scroll .down_li span{ display:block; width:507px; height:58px; border:1px solid #d3d3d3; border-right:0; float:left; text-indent:30px; overflow:hidden; line-height:58px; font-size:16px; color:#474747;transition:all 0.5s ease 0s;}
.down_scroll .down_li em{ width:78px; height:58px; border:1px solid #0077d5; background:#0077d5 url(../images/down.jpg) center 15px no-repeat; float:left; display:block;transition:all 0.5s ease 0s;}
.down_scroll .down_li:hover span{ color:#0077d5; transition:all 0.5s ease 0s;}
.down_scroll .down_li:hover em{background:#0077d5 url(../images/down.jpg) center 20px no-repeat;transition:all 0.5s ease 0s; }
.down_bnt,.faq_bnt{ width:100%;min-width:1200px; text-align:center; bottom:0; left:0; position:absolute;}
.down_bnt a,.faq_bnt a{ display:inline-block; margin:0 10px;  width:48px; height:48px;}
.down_bnt .down_left,.faq_bnt .faq_left{background:url(../images/honor_left.jpg) left top no-repeat;transition:all 0.5s ease 0s;}
.down_bnt .down_right,.faq_bnt .faq_right{background:url(../images/honor_right.jpg) left top no-repeat;transition:all 0.5s ease 0s;}
.down_bnt .down_left:hover,.faq_bnt .faq_left:hover{background:url(../images/honor_left1.jpg) left top no-repeat;transition:all 0.5s ease 0s;}
.down_bnt .down_right:hover,.faq_bnt .faq_right:hover{background:url(../images/honor_right1.jpg) left top no-repeat; transition:all 0.5s ease 0s;}

.faq_div{ padding-bottom:45px; margin-top:50px; height:695px; position:relative;}
.faq_scroll{ height:612px; overflow:hidden; width:1200px;min-width:1200px;  position:absolute; left:0; top:0;}
.faq_scroll dl{ padding:30px 0 24px 0; border-bottom:1px dashed #e1e1e1;}
.faq_scroll dt{ display:block; background:url(../images/q.jpg) left top no-repeat; padding-left:44px; height:24px; line-height:24px; font-size:16px; color:#474747; overflow:hidden; margin-bottom:14px;}
.faq_scroll dd{background:url(../images/a.jpg) left top no-repeat; padding-left:44px; line-height:30px; color:#656565; font-size:14px; height:60px; overflow:hidden;}
.faq{ margin-bottom:50px;}
.message{ background:#f9fafc;}
.message_div{ margin-top:50px;}
.message_left{ float:left; width:268px; height:410px; overflow:hidden;}
.message_left img{width:268px; height:410px; overflow:hidden;}
.message_right{ float:right; width:800px;}
.message_right .mess_div{ margin-bottom:20px; }
.message_right .mess_txt{border:1px solid #cdcdcd; background:#ffffff; height:46px; width:790px; padding-left:8px; font-size:14px; color:#ababab;}
.message_right textarea{border:1px solid #cdcdcd; background:#ffffff; height:130px; width:790px; padding:8px 0 0 8px; font-size:14px; color:#ababab; resize:none;}
.message_right .yz_txt{ width:210px; margin-right:20px;}
.message_right .mess_sub{ width:178px; height:46px; display:block; cursor:pointer; text-align:center; line-height:46px; border:1px solid #cdcdcd; background:none; margin-right:20px; float:left; font-size:14px; color:#676566;transition:all 0.5s ease 0s;}
.message_right .mess_sub:hover{ background:#0077d5; color:#fff; border:1px solid #0077d5; transition:all 0.5s ease 0s;}
.message_inner{ margin-bottom:100px;}


.active  .index_tit{-webkit-animation:fadeInDown 0.8s linear 0.2s both; animation:fadeInDown 0.8s linear 0.2s both;}
.active  .product,.active  .ser{-webkit-animation:fadeInUp 0.8s linear 0.2s both; animation:fadeInUp 0.8s linear 0.2s both;}
.active .solu_left{-webkit-animation:fadeInLeft 0.6s linear 0.2s both; animation:fadeInLeft 0.6s linear 0.2s both;}
.active .solu_right{-webkit-animation:fadeInRight 0.6s linear 0.2s both; animation:fadeInRight 0.6s linear 0.2s both;}
/*.active .vision li:nth-child(1){-webkit-animation:fadeInRight 0.6s linear 0.2s both; animation:fadeInRight 0.6s linear 0.2s both;}
.active .vision li:nth-child(2){-webkit-animation:fadeInRight 0.6s linear 0.4s both; animation:fadeInRight 0.6s linear 0.4s both;}
.active .vision li:nth-child(3){-webkit-animation:fadeInRight 0.6s linear 0.6s both; animation:fadeInRight 0.6s linear 0.6s both;}
.active .vision li:nth-child(4){-webkit-animation:fadeInRight 0.6s linear 0.7s both; animation:fadeInRight 0.6s linear 0.7s both;}*/



@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(40px)}
100%{opacity:1;-webkit-transform:translateY(0)}}
@-moz-keyframes fadeInUp{0%{opacity:0;-moz-transform:translateY(40px)}
100%{opacity:1;-moz-transform:translateY(0)}}
.fadeInUp{-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-40px)}
100%{opacity:1;-webkit-transform:translateY(0)}}
@-moz-keyframes fadeInDown{0%{opacity:0;-moz-transform:translateY(-40px)}
100%{opacity:1;-moz-transform:translateY(0)}}

@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px)}
100%{opacity:1;-webkit-transform:translateX(0)}}
@-moz-keyframes fadeInLeft{0%{opacity:0;-moz-transform:translateX(-20px)}
100%{opacity:1;-moz-transform:translateX(0)}}
.fadeInLeft{-webkit-animation-name:fadeInLeft;-moz-animation-name:fadeInLeft}
@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px)}
100%{opacity:1;-webkit-transform:translateX(0)}}
@-moz-keyframes fadeInRight{0%{opacity:0;-moz-transform:translateX(20px)}
100%{opacity:1;-moz-transform:translateX(0)}}

.video_box{ width:1200px;min-width:1200px;  position:absolute; left:50%; margin-left:-600px; height:560px; margin-top:-280px; top:50%; overflow:hidden;}
.video_box .video_hover{ position:absolute;}
.section6 .foot{ margin:0;}

.float_box{ position:fixed; right:80px; top:50%; margin-top:-175px; }
.right_ul{background:url(../images/dd.png) center center no-repeat;}
.right_ul li{  width:38px; height:38px; border-radius:38px; border:3px solid #0077b2; margin:15px 0; overflow:hidden; font-size:14px; color:#0077b2; position:relative; z-index:99999999; background:#fff;cursor:pointer;}
.right_ul li a{ width:38px; height:38px; border-radius:38px;font-size:12px; color:#0077b2; display:block; line-height:38px; text-align:center;}
.right_ul li.active {  border:3px solid #fff; background:#0077b2 }
.right_ul li.active a{ color:#fff;} 
#fp-nav.right{ display:none!important;}

.flex-direction-nav{ display:none;}
.nav li.act a{    background: #0077d5;color: #fff;}
.sub_box{ margin:0 auto; width:1036px;  padding-left:180px; box-sizing:border-box; }
.subbox{ position: absolute; left: 0%;top: 80px; width:100%;min-width:1200px; z-index:9999999999999999999999999;  background:url(../images/navbj.png) left top; padding:10px 0 60px 0; display:none; }
.sub_nav{ width:140px; float:left; box-sizing:border-box; margin-right:30px;}
.nav li .sub_nav span{ display:block; font-size:14px; color:#0075d5; height:26px; line-height:26px; overflow:hidden; text-align:center; font-weight:bold;}




.all .flexslider{ height:430px;}
.all .a_banner{ margin-top:65px!important; }
.all .float_box{ right:10px;}
.quan .ser,.quan .product,.quan .solu{ margin-top:30px}
.quan .vision{ padding-top:50px;}
.begin .solu{ margin-top:10px;}
.begin .svg_inner{ transform:translate(-50%,-45%)}
.all .subbox{ top:65px;}
.all .head{ height:65px;}
.all h1{ padding-top:7px;}
.all .nav li,.all .nav li a{ height:65px; line-height:65px;}
.begin .vision{ padding-top:20px;}
.begin .video_box{ top:60%;}
.begin .product,.begin .ser{ margin-top:40px;}
.all .page_right{ width:60px;}
.all #Catalog_box{ margin:0;}
.begin .epitome{ margin-top:10px;}
.begin .epitome ul li span{height:120px;}
.begin .epitome ul li em{ height:20px; padding-top:5px; line-height:20px; font-size:14px;}
.begin .epitome ul li p{ line-height:16px; font-size:14px; height:30px;}
.begin .flexslider{ height:400px;}

.nav li .sub_nav a{ display:block; color:#474747; height:30px; line-height:30px; overflow:hidden; padding:0;background:none;}
.nav li .sub_nav a:hover{ padding:0; background:none; color:#0075d5}

.search_box li{ height:40px; line-height:40px; overflow:hidden; border-bottom:1px solid #eee;}
.search_box li a{ display:block; height:40px; line-height:40px; overflow:hidden; float:left; width:70%;}
.search_box li span{ float:right; width:10%; text-align:right;}

.about_tit h2 em{ display:block; display:none; width:38px; height:38px; line-height:38px; overflow:hidden;}
.sol_bottom h2 em{display:none; width:38px; height:38px; line-height:38px; overflow:hidden;}