@charset "UTF-8";
/* css reset */
blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*{margin:0;padding:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
img { border:0; }
:focus { outline:0; }
address,caption,cite,code,dfn,th,var,optgroup { font-style:normal; font-weight:normal; }
strong { font-weight:normal; }
em { font-style:normal; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
abbr,acronym { border:0; font-variant: normal; }
code,kbd,samp,tt { font-size:100%; }
input,button,textarea,select { *font-size:100%; border:none; }
body { background:#fff; color:#5e5e5e; font:14px/1.5 "Source Han Sans CN","PingFang SC", "微软雅黑", "Microsoft YaHei", Helvetica, "Helvetica Neue", Tahoma, Arial, sans-serif; }
ol,ul { list-style:none; }
:link,:visited,ins { text-decoration:none; }
a:link,a:visited { color:#5e5e5e; cursor:pointer; }
a:hover { color:#00A3E4; }
a:active { color:#666; }
.clearfix:after { content:'\0020'; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { *zoom:1; }

/*2021-11-8*/
html,body { width:100%; height:auto; background-color:#fff; min-width:1200px; }
body { min-width:1200px; background-color:#fff; overflow-y:auto; padding-top:0; transition: transform 0.3s ease; -webkit-transition:transform 0.3s ease; }
.container { margin:0 auto; width:1200px; }
.bigtit { position:relative; margin:80px 0 0; width:100%; text-align:center; border-bottom:4px solid #F1F5F6; }
.bigtit .cn { display:block; width:100%; margin:0 auto; font-size:26px; font-weight:500; line-height:1; color:#333; }
.bigtit .en { display:block; width:100%; margin:10px auto 0; font-size:12px; line-height:1; color:#333; }
.bigtit .line { position:relative; display:block; width:100px; margin:10px auto -5px; height:6px; background-color:#00a3e4; z-index:20; }
/* headerbox */
.headerbox { position: absolute; left:0; right:0; top:0; z-index:20; }
.headerbox .container { position:relative; overflow:hidden; margin:0 auto; }
.headerbox .logo { float:left; margin:18px auto 0 0; }
.headerbox .logo img { display:block; }
.headerbox .menus { float:right; }
.headerbox .menus li { float:left; }
.headerbox .menus li a { display:block; padding:0 42px; width:auto; height:82px; line-height:78px; font-size:18px; color:#fff; position:relative; transition: all ease-in-out .1s; }
.headerbox .menus li a:after { display:block; content:''; position:absolute; left:50%; bottom:0; margin-left:-36px; width:72px; height:4px; background-color:#00A3E4; z-index:30; opacity:0; transition: all ease-in-out .1s; }
.headerbox .menus li a:hover,
.headerbox .menus li a.now { color:#00A3E4; }
.headerbox .menus li a:hover:after { color:#00A3E4; opacity:1; }
.headerbox .menus li a.now:after { color:#00A3E4; opacity:1; }

/* bannerbox */
.bannerbox { position:relative; z-index:10; }
.bannerbox .index-banner { position:relative; overflow:hidden; padding-top:100px; width:100%; height:800px; background:url(../images/bg-index.jpeg) no-repeat center bottom; background-size:cover; } 
.bannerbox .index-banner .swiper-container { margin:0 auto; width:1200px; height:700px; position:relative; z-index:10; }
.bannerbox .index-banner .dot { margin:53px auto 0; width:80px; height:80px; position:relative; }
.bannerbox .index-banner .dot img { display:block; width:100%; }
.bannerbox .index-banner .h1 { margin:55px auto 0; width:100%; font-size:78px; line-height:78px; font-weight:500; color:#fff; text-align:center; }
.bannerbox .index-banner .h20 { margin:40px auto 0; width:100%; font-size:20px; line-height:32px; font-weight:400; color:#fff; text-align:center; }
.bannerbox .index-banner .btns { margin:70px auto 0; width:auto; text-align:center; }
.bannerbox .index-banner .btns .btn { display:inline-block; margin:0 30px; width:202px; height:60px; border:3px solid #00a3e4; border-radius:33px; font-size:20px; line-height:54px; font-weight:700; text-align:center; color:#00a3e4; }
.bannerbox .index-banner .btns .btn:hover { background-color:#00a3e4; color:#fff; transition: all ease-in-out .1s; }
.bannerbox .index-banner .btns .btn.btn-l { background-color:#00a3e4; color:#fff; }
.bannerbox .index-banner .btns .btn.btn-no { background-color:#ccc; color:#fff; }
.bannerbox .index-banner .arrow-l { position:absolute; left:0; top:300px; width:27px; height:50px; z-index:20; background:url(../images/arrow-l.png) no-repeat 0 0; background-size:100% 100%; cursor:pointer; }
.bannerbox .index-banner .arrow-r { position:absolute; right:0; top:300px; width:27px; height:50px; z-index:20; background:url(../images/arrow-r.png) no-repeat 0 0; background-size:100% 100%; cursor:pointer; }
.bannerbox .page-banner { position:relative; overflow:hidden; padding-top:100px;  width:100%; height:600px; background:url(../images/bg-page.png) no-repeat center bottom; background-size:cover; }
.bannerbox .page-banner .h1 { margin:120px auto 0; width:100%; font-size:78px; line-height:78px; font-weight:500; color:#f9f9f9; text-align:center; }
.bannerbox .page-banner .h2 { margin:32px auto 0; width:100%; font-size:36px; line-height:40px; font-weight:400; color:#f9f9f9; text-align:center; letter-spacing:2px; }
.bannerbox .page-banner .h20 { margin:18px auto 0; width:100%; font-size:20px; line-height:32px; font-weight:400; color:#f9f9f9; text-align:center; letter-spacing:1px; }

/* index-productsbox */
.index-productsbox { position:relative; overflow:hidden; }
.index-productsbox .container { position:relative; overflow:hidden; }
.index-productsbox .one{ float:left; width:25%;  position:relative; overflow:hidden; transition: all ease-in-out .1s; cursor:pointer; }
.index-productsbox .one .pic { display:block; margin:64px auto 0; width:136px; height:136px; background:url(../images/dot-index-p1.png) no-repeat 0 0; background-size:100% 100%; transition: all ease-in-out .1s;}
.index-productsbox .one .pic1 { background-image:url(../images/dot-index-p1.png); }
.index-productsbox .one .pic2 { background-image:url(../images/dot-index-p2.png); }
.index-productsbox .one .pic3 { background-image:url(../images/dot-index-p3.png); }
.index-productsbox .one .pic4 { background-image:url(../images/dot-index-p4.png); }
.index-productsbox .one:hover .pic1 { background-image:url(../images/dot-index-p1a.png); }
.index-productsbox .one:hover .pic2 { background-image:url(../images/dot-index-p2a.png); }
.index-productsbox .one:hover .pic3 { background-image:url(../images/dot-index-p3a.png); }
.index-productsbox .one:hover .pic4 { background-image:url(../images/dot-index-p4a.png); }
.index-productsbox .one .tit { margin:30px auto 0; text-align:center; font-size:40px; line-height:40px; color:#333; font-weight:500; }
.index-productsbox .one .tit-s { margin:10px auto 0; text-align:center; font-size:28px; line-height:28px; color:#333; font-weight:500; }
.index-productsbox .one .txt { margin:30px auto 80px; width:250px; text-align:center; font-size:14px;; line-height:20px; color:#999; font-weight:500; }

.index-aboutbox { position:relative; overflow:hidden;}
.index-aboutbox .row { position:relative; overflow:hidden; width:100%; height:518px; background-color: #1A1F48;  }
.index-aboutbox .row .col-l { float:left; width:50%; height:100%;  background:url(../images/pic-index-about.png) no-repeat right top; background-size:auto 100%; }
.index-aboutbox .row .col-r { float:right; padding:62px 0 0 80px; width:50%; height:100%; }
.index-aboutbox .row .bigtit { margin:0 auto 0 0; width:510px; border-bottom:3px solid #f9f9f9;   }
.index-aboutbox .row .bigtit .cn { margin:0 auto 0 0; font-size:26px; color:#f9f9f9; line-height:1; text-align:left;  }
.index-aboutbox .row .bigtit .en { margin:12px auto 0 0; font-size:14px; color:#f9f9f9; line-height:1; text-align:left;  }
.index-aboutbox .row .bigtit .line { margin:11px auto -3px 0; width:173px; height:3px;  }
.index-aboutbox .row .txts { margin:0 auto 0 0; width:510px; text-align:left; color:#f9f9f9; }
.index-aboutbox .row .txts .tit { margin:34px 0 0 0; font-size:22px; font-weight:500;  line-height:1; }
.index-aboutbox .row .txts .txt { margin:22px 0 0 0; font-size:14px;  line-height:1.8; }
.index-aboutbox .row .btn { display:block; margin:82px 0 0 0; width:184px; height:40px; border:3px solid #00a3e4; font-size:14px; line-height:34px; color:#00a3e4; text-align:center; border-radius:20px; }

.index-worksbox { position:relative; overflow:hidden; }
.index-worksbox .row { position:relative; overflow:hidden; margin-left:-24px; margin-right:-24px; padding:120px 0 160px 0; }
.index-worksbox .row .col { float:left; width:33.3333%; }
.index-worksbox .row .btn { display:block; width:368px; height:215px;  background-color:#1A1F48; cursor:pointer; transition: all ease-in-out .1s; position:relative; overflow:hidden; }
.index-worksbox .row .btn .pic { display:block; background-color:#1A1F48; }
.index-worksbox .row .btn .pic img { display:block; width:100%; height:100%; opacity:.5; }
.index-worksbox .row .btn .txt { display:block; position:absolute; left:50%; top:50%; margin-left:-108px; margin-top:-20px; width:216px; height:40px; border:3px solid #f9f9f9; border-radius:20px; font-size:14px; line-height:34px; text-align:center; color:#f9f9f9;  transition: all ease-in-out .1s;}
.index-worksbox .row .btn:hover .txt { color:#f9f9f9; background-color:#00A3E4; border-color:#00A3E4; }

.index-newsbox { position:relative; overflow:hidden; width:100%; height:797px; background:url(../images/index-news-bg.png) no-repeat center center #31344D; background-size:auto 100%; }
.index-newsbox .bigtit { border-bottom:2px solid #f1f5f6; }
.index-newsbox .bigtit .cn { color:#f9f9f9; }
.index-newsbox .bigtit .en { color:#f9f9f9; }
.index-newsbox .bigtit .line { margin-bottom:-4px; }
.index-newsbox .row { position:relative; overflow:hidden; margin-left:-24px; margin-right:-24px; padding:0; }
.index-newsbox .row .col { float:left; width:33.3333%; }
.index-newsbox .row .btn { display:block; margin:0 ; padding:82px 0 92px 0; cursor:pointer; transition: all ease-in-out .1s; position:relative; overflow:hidden; }
.index-newsbox .row .btn .pic { display:block; margin:0 auto; width:360px; height:280px; border:3px solid rgba(0,163,228,0); border-radius:15px; overflow:hidden; transition: all ease-in-out .1s; }
.index-newsbox .row .btn .pic img { display:block; width:100%; height:100%; }
.index-newsbox .row .btn .tit { margin:20px auto; width:360px; line-height:20px; font-size:20px; color:#f9f9f9; text-align:center; transition: all ease-in-out .1s;}
.index-newsbox .row .btn .txt { margin:22px auto; width:360px; height:60px; line-height:30px; font-size:16px; color:#f9f9f9; text-align:left; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: all ease-in-out .1s;}
.index-newsbox .row .btn .more { margin:50px auto 0; width:184px; height:40px; border:3px solid #f9f9f9; border-radius:20px; font-size:14px; line-height:34px; font-weight:700; text-align:center; color:#f9f9f9; opacity:0;  transition: all ease-in-out .1s;}
.index-newsbox .row .btn:hover .pic { border-color:#00A3E4; }
.index-newsbox .row .btn:hover .more { opacity:1; color:#00A3E4; border-color:#00A3E4; }
.index-newsbox .row .btn:hover .tit { color:#00A3E4; }
.index-newsbox .row .btn:hover .txt { color:#00A3E4; }

.index-valuebox { position:relative; overflow:hidden; }
.index-valuebox .row { position:relative; overflow:hidden; margin:120px 0; }
.index-valuebox .row .col { float:left; width:400px; height:200px; background-color:#F1F5F6; }
.index-valuebox .row .pic img { display:block; width:100%; height:100%; }
.index-valuebox .row .txts { position:relative; text-align:left; }
.index-valuebox .row .txts .t1 { position: absolute; left:31px; top:87px; font-size:26px; line-height:1; color:#333; font-weight:500; }
.index-valuebox .row .txts .t2 { position: absolute; left:100px; top:77px; right:10px; font-size:18px; line-height:1; color:#333;  }
.index-valuebox .row .txts .t3 { position: absolute; left:100px; top:105px; right:10px; font-size:18px; line-height:1; color:#333;  }

.footerbox { position:relative; overflow:hidden; background:#1E234E; }
.footerbox .foot-logo { padding:10px 0; border-bottom:1px solid #f9f9f9; }
.footerbox .foot-logo img { display: inline-block; height:49px; }
.footerbox .foot-cont .container { position:relative; overflow:hidden; padding:32px 0 22px; }
.footerbox .col-l { float:left; width:190px; height:70px; border-right:1px solid #f9f9f9; position:relative; } 
.footerbox .col-l:before { display:block; content:''; position:absolute; left:75px; top:0; margin-top:2px; width:1px; height:10px; background-color:#f9f9f9; z-index:10; }
.footerbox .col-l:after { display:block; content:''; position:absolute; left:75px; top:58px; margin-top:2px; width:1px; height:10px; background-color:#f9f9f9; z-index:10; }
.footerbox .col-l >a { cursor:pointer; display:block; font-size:12px; line-height:1.2; color:#f9f9f9; }
.footerbox .col-l .btn1 { position:absolute; left:0; top:0; z-index:10; }
.footerbox .col-l .btn2 { position:absolute; left:104px; top:0; z-index:10; }
.footerbox .col-l .btn3 { position:absolute; left:0; top:58px; z-index:10; }
.footerbox .col-l .btn4 { position:absolute; left:104px; top:58px; z-index:10; }
.footerbox .col-m { float:left; padding:0 40px; width:610px; height:70px; font-size:12px; color:#f9f9f9; line-height:1.5; border-right:1px solid #f9f9f9; } 
.footerbox .col-r { float:left; width:400px; height:70px; position:relative; overflow:hidden } 
.footerbox .col-r .txt { position:absolute; left:0; top:0; width:138px; height:70px; font-size:14px; line-height:70px; color:#f9f9f9; text-align:center; z-index:10; }
.footerbox .col-r .list { margin:0 0 0 138px; position:relative; }
.footerbox .col-r .list .one { margin:0 0 10px 0; position:relative; overflow:hidden; height:16px; }
.footerbox .col-r .list .one i { display:block; float:left; width:16px; height:16px; background-size:100% 100%; background-repeat:no-repeat; background-position:0 0;  }
.footerbox .col-r .list .one i.tel { background-image:url(../images/dot-foot-tel.png); }
.footerbox .col-r .list .one i.email { background-image:url(../images/dot-foot-email.png); }
.footerbox .col-r .list .one i.addr { background-image:url(../images/dot-foot-addr.png); }
.footerbox .col-r .list .one span { float:left; margin-left:10px; font-size:12px; line-height:16px; width:236px; color:#f9f9f9; }
.footerbox .copyright { padding:20px 0; font-size:14px; line-height:20px; text-align:center; color:#f9f9f9;  background-color:#1A1F48; }

.elevatorbox { position:fixed; z-index:100; top:50%; right:50px; margin-top:-126px; width:50px; }
.elevatorbox a { display:block; position: relative; margin-bottom:6px; width:60px; height:60px; border-radius:10px; background-color:#999; background-repeat:no-repeat; background-position:center center; background-size:30px 30px; cursor:pointer; transition: all ease-in-out .1s; }
.elevatorbox a:hover { background-color:#1A1F48; }
.elevatorbox a.elevator-tel { background-image:url(../images/dot-elevator-tel.png); }
.elevatorbox .elevator-tel-box { display: none; opacity: 0; position: absolute; left: 0; top:0; margin-left:-210px; padding-right: 10px; }
.elevatorbox .elevator-tel-box .con { display: block; width:200px; height:60px; border-radius:6px; background-color:#f1f5f6; font-size:18px; line-height:60px; color:#6E8AA7; text-align: center;  }
.elevatorbox a.elevator-jd { background-image:url(../images/dot-elevator-jd.png); }
.elevatorbox a.elevator-weixin { background-image:url(../images/dot-elevator-weixin.png); }
.elevatorbox .elevator-weixin-box { display: none; opacity: 0; position: absolute; left: 0; top:0; margin-left:-136px; padding-right: 10px; }
.elevatorbox .elevator-weixin-box .con { display: block; padding: 13px; width:126px; height:126px; border-radius:6px; background-color:#f1f5f6;  }
.elevatorbox .elevator-weixin-box .con img { display: block; width:100px; }
.elevatorbox a.elevator-top { background-image:url(../images/dot-elevator-top.png); }
.elevatorbox a:hover .elevator-tel-box { display: block; opacity: 1; }
.elevatorbox a:hover .elevator-weixin-box { display: block; opacity: 1; }


.popbox { display:none; position:fixed; z-index:1000; left:0; top:0; right:0; bottom:0; background-color:rgba(18,24,56,0.50);}
.modal { position:fixed; z-index:1010; left:50%; top:50%; margin-left:-327px; margin-top:-233px; width:653px; height:466px; }
.modal .box { display:block; width:100%; height:100%; background-color:#fff; position:relative; overflow: hidden; }
.modal .box .tit { margin:0 60px;  padding:47px 0 29px 0; font-size:28px; line-height:1; color:#00A3E4; text-align:center; border-bottom:1px solid #ddd; }
.modal .box >.form1 {}
.form1 .lay1 { margin:23px auto 0 auto; width:400px; border-bottom:1px solid #ccc; position:relative; overflow:hidden; }
.form1 .lay1:after { display:block; content:''; position:absolute; z-index:5; left:0; top:50%; margin-top:-10px; width:20px; height:20px; background:url(../images/dot-input-tel.png) no-repeat center center ; background-size:20px 20px; }
input::-webkit-input-placeholder{color: #999;}
input::-moz-input-placeholder{color: #999;}
input::-ms-input-placeholder{color: #999;}
.form1 .input1 { display:block; padding-left:40px; width:400px; height:60px; font-size:20px; line-height:60px; background-color:transparent; border:0; position:relative; z-index:10; }
.form1 .lay2 { margin:30px auto 0 auto; width:400px; height:57px; background-color:#f1f5f6; position:relative; }
.form1 .lay2 .arrow { display:block; position:absolute; left:0; top:0; width:57px; height:57px; border:1px solid #999; background:url(../images/dot-input-arrow.png) no-repeat center center #fff; background-size:20px 20px; z-index:10; }
.form1 .lay2 span { display:block; position:absolute; left:77px; top:0; font-size:20px; line-height:57px; color:#999; z-index:5; }
.form1 .lay3 { margin:40px auto 0 auto; width:400px; }
.form1 .submit { display:block; width:400px; height:60px; border:3px solid #00A3E4; border-radius:30px; color:#00A3E4; background-color:#fff; font-size:24px; line-height:54px; text-align:center; cursor:pointer; font-weight:500; transition: all ease-in-out .1s; }
.form1 .submit:hover { color:#fff; background-color:#00A3E4; }
.modal .box .txt { margin:20px auto 0 auto; width:100%; font-size:20px; line-height:1; color:#999; text-align:center; }
.modal .box .close { position:absolute; top:18px; right:18px; z-index:20; }
.modal .box .btn-close { width:24px; height:24px; display:block; background:url(../images/dot-close.png) no-repeat center center; background-size:100% 100%; cursor:pointer; }

.routerbox { }
.router { position:relative; overflow:hidden; padding-top:20px; font-size:16px; line-height:1; color:#999; text-align:left; }
.router i,
.router span { display:inline-block; margin-right:5px; font-style:normal; }
.router a { display:inline-block; margin-right:5px;  cursor:pointer; }


.page-productsbox {}
.page-productsbox .bigtit { margin-top:44px; }
.page-productsbox .boxcont { }
.productlist .one { margin:80px 0 0 0; width:100%; height:225px; position:relative; overflow:hidden; }
.productlist .one:after { display:block; content:''; position: absolute; right:0; top:0; width:10px; height:100%; background-color:#00A3E4; opacity:.6; z-index:10; }
.productlist .one .pic { position:absolute; left:0; top:0; width:400px; height:225px; z-index:20; }
.productlist .one .pic img { display:block; width:100%; height:100%; }
.productlist .one .txts { margin:0 0 0 420px; padding:0 50px 0 30px; height:100%; overflow:hidden; }
.productlist .one .tit { margin:18px 0 0 0; font-size:24px; line-height:1; font-weight:500; color:#333; }
.productlist .one .txt { margin:34px 0 0 0; font-size:16px; line-height:26px; color:#999; }
.productlist .one-r:after { left:0; top:0; right:auto; }
.productlist .one-r .pic { left:auto; right:0; top:0; width:400px; height:225px; z-index:20; }
.productlist .one-r .txts { margin:0 420px 0 0; padding:0 30px 0 50px; background-color:#f1f5f6; }
.productlist .one-r .tit { margin-top:34px; }

.page-pro2box {}
.page-pro2box .boxcont .ontxt { margin:80px 0; font-size:20px; line-height:1; color:#333; font-weight:500; text-align:center; }
.page-pro2box .row { position:relative; overflow:hidden; width:100%; text-align:center; vertical-align:top; }
.page-pro2box .row .col { display:inline-block; width:267px; height:332px; background:url(../images/5.png) no-repeat 0 0; background-size:100% 100%;  vertical-align:top;} 
.page-pro2box .row .col .pic { margin:45px auto 0; width:60px; height:60px; }
.page-pro2box .row .col .tit { margin:35px auto 0; font-size:30px; line-height:1; color:#f9f9f9; font-weight:500; }
.page-pro2box .row .col .txt { margin:28px auto 0; width:240px; font-size:15px; line-height:1.6; color:#f9f9f9; text-align:center; }
.page-pro2box .row .col-add { width:177px; background:none;  vertical-align:top;}
.page-pro2box .row .col-add .dot { display:block; width:50px; height:50px; margin:140px auto 0; background:url(../images/dot-add.png) no-repeat 0 0; background-size:100% 100%; }

.page-pro3box { margin-bottom:80px;}
.page-pro3box .row { position:relative; overflow:hidden; margin-left:-15px; margin-right:-15px; padding-top:15px; }
.page-pro3box .row .col { float:left; padding:15px; width: 33.3333%; }
.page-pro3box .row .col .fa { margin:0 auto; width:380px; height:127px; background-color:#00a3e4; box-shadow:0 2px 6px rgba(0,0,0,.1); font-size:48px; font-weight:500; text-align:center; line-height:120px; color:#f9f9f9; position:relative; z-index:20; }
.page-pro3box .row >.col:nth-child(2) .fa { background-color:#03418a; }
.page-pro3box .row >.col:nth-child(3) .fa { background-color:#007cc2; }
.page-pro3box .row >.col:nth-child(4) .fa { background-color:#00a3e4; }
.page-pro3box .row .col .txts { margin:0 auto; width:380px; height:97px; background-color:#f1f5f6; z-index:10; position:relative; overflow:hidden; }
.page-pro3box .row .col .t1 { margin:14px 0 0 0; height:97px; font-size:20px; line-height:32px; text-align:center; color:#333; }
.page-pro3box .row .col-top { margin:53px auto 15px; width:1200px; height:225px; position:relative; }
.page-pro3box .row .col-top .fa { position:absolute; left:0; top:0; padding-top:40px; padding-left:57px; width:252px; height:225px; background-color:#efc622; box-shadow:0 2px 6px rgba(0,0,0,.1); font-size:68px; font-weight:500; text-align:left; line-height:80px; color:#f9f9f9; z-index:20; }
.page-pro3box .row .col-top .txts { margin:15px 15px auto 252px; width:948px; height:225px; background-color:#f1f5f6; z-index:10; position:relative; overflow:hidden; }
.page-pro3box .row .col-top .t1 { margin:65px 30px 0 35px; font-size:20px; line-height:32px; text-align:left; color:#333; letter-spacing:1px; }
.page-pro3box .row .col-top .t2 { margin:5px 30px 0 35px; font-size:18px; line-height:32px; text-align:left; color:#999; letter-spacing:1px; }

.page-clientbox { }
.page-clientbox .bigtit { margin-top:44px; }
.clientlist { position:relative; overflow:hidden; margin:70px -28px 80px -28px; }
.clientlist .one { float:left; width:25%; height:200px; }
.clientlist .one a { display:block; width:100%; height:100%; position:relative; overflow:hidden; }
.clientlist .one img { display:block; margin:0 auto; height:100%; max-width:258px; }
.page-client3box .clientlist { margin-bottom:160px; }

.page-devbox { position:relative; overflow:hidden; margin:0 auto; width:100%; height:400px; background:url(../images/bg-dev.png) no-repeat center center #32354D; background-size: auto 100%; }
.page-devbox .bigtit { margin-top:40px; border-bottom-width:2px; }
.page-devbox .bigtit .cn { color:#f9f9f9; }
.page-devbox .bigtit .en { color:#f9f9f9; }
.page-devbox .bigtit .line {  margin-bottom:-4px;; }
.page-devbox .txts { margin:66px auto 0; font-size:18px; line-height:55px; color:#f9f9f9; text-align:center; }

.page-worksbox { position:relative; overflow:hidden; }
.page-worksbox .row { position:relative; overflow:hidden; margin-left:-24px; margin-right:-24px; padding:80px 0 0 0; }
.page-worksbox .row .col { float:left; width:33.3333%; }
.page-worksbox .row .btn { display:block; width:368px; height:215px;  background-color:#1A1F48; cursor:pointer; transition: all ease-in-out .1s; position:relative; overflow:hidden; }
.page-worksbox .row .btn .pic { display:block; background-color:#1A1F48; }
.page-worksbox .row .btn .pic img { display:block; width:100%; height:100%; opacity:.5; }
.page-worksbox .row .btn .txt { display:block; position:absolute; left:50%; top:50%; margin-left:-108px; margin-top:-20px; width:216px; height:40px; border:3px solid #f9f9f9; border-radius:20px; font-size:14px; line-height:34px; text-align:center; color:#f9f9f9;  transition: all ease-in-out .1s;}
.page-worksbox .row .btn:hover .txt { color:#f9f9f9; background-color:#00A3E4; border-color:#00A3E4; }

.page-aboutbox {}
.page-aboutbox .bigtit { margin-top:40px; }
.about { position:relative; overflow:hidden; margin:80px auto 0 auto; }
.about .pic { float:left; width:550px; }
.about .pic img { display:block; width:100%; }
.about .txts { float:left; margin-left:60px; width:550px; }
.about .txts .tit { margin:0; }
.about .txts .tit .h1 { display:block; font-size:24px; line-height:1; color:#333; font-weight:500; }
.about .txts .tit .line1 { display:block; margin-top:17px; width:371px; height:4px; background-color:#f1f5f6; position:relative; z-index:10; }
.about .txts .tit .line2 { display:block; margin-top:-5px; width:67px; height:4px; background-color:#00A3E4; position:relative; z-index:15; }
.about .txts .txt { margin:40px 0 0 0; font-size:14px; color:#333; line-height:22px; }

.page-teambox {}
.team { position:relative; overflow:hidden; width:100%; }
.team .ontxt { margin:80px auto 0 auto; font-size:28px; line-height:1; color:#333; font-weight:500; text-align:center; }
.team .teampic { margin:80px auto 0 auto; height:276px; position:relative; z-index:10; }
.team .teampic img { display:block; height:100%; margin:0 auto; }
.team .teamtxt { position: absolute; z-index:15; bottom:0; left:50%; margin-left:169px; margin-top:-100px; width:315px; font-size:18px; line-height:1.5; color:#C0C0CF; } 

.page-historybox { margin-bottom:160px; }
.page-historybox .history { position:relative; overflow:hidden; margin-top:80px; width:100%; }
.page-historybox .history img { display:block; max-width:100%; margin:0 auto;  }

.page-newsbox {}
.page-newsbox .bigtit { margin-top:40px; }
.newslist { margin:80px -20px 0 -20px; position:relative; overflow:hidden; }
.newslist .one { float:left; width:33.3333%; }
.newslist .one a { display:block; margin: 0 auto 60px auto; width:344px; height:380px; border:3px solid rgba(0,163,228,0); border-radius:20px;transition:all ease-in-out .1s; position:relative; z-index:10; cursor:pointer; }
.newslist .one .pic { margin:12px auto 0; width:314px; height:118px; border-radius:15px; overflow:hidden; position:relative; }
.newslist .one .pic img { display:block; width:100%; height:100%; }
.newslist .one .tit { margin:30px auto 0; width:314px; height:20px; font-size:20px; line-height:1; color:#333; font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.newslist .one .txt { margin:18px auto 0; width:314px; height:78px; line-height:26px; font-size:16px; color:#999;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.newslist .one .more { float:left; margin:35px auto 0 13px; font-size:16px; line-height:1; color:#999; }
.newslist .one .date { float:right; margin:35px 13px 0 auto; font-size:16px; line-height:1; color:#999; }
.newslist .one .line { position:absolute; left:0; bottom:0; right:0; margin-bottom:0; height:1px; background-color:#ccc; z-index:15; }
.newslist .one a:hover { border:3px solid rgba(0,163,228,1); border-radius:20px; }
.newslist .one a:hover .line { display:none; }
.pagination { text-align:center; }
.pagination li { display:inline-block; vertical-align:top; }
.pagination li a { display:block; height:25px; width:25px; color:#00A3E4; background-color:#fff; border:1px solid #ccc; font-size:16px; text-align:center; line-height:23px; position:relative;  vertical-align:top; cursor:pointer; transition:all ease-in-out .1s; }
.pagination li a i { display:block; width:100%; height:100%; background:url(../images/pic-arrow-l.png) no-repeat center center; background-size:auto; transition:all ease-in-out .1s; }
.pagination li a i.arrow-r { background-image:url(../images/pic-arrow-r.png); }
.pagination li.active a,
.pagination li:hover a { color:#f9f9f9; background-color:#00A3E4; border-color:#00A3E4;  }
.pagination li:hover a i.arrow-l { background-image:url(../images/pic-arrow-l-a.png); }
.pagination li:hover a i.arrow-r { background-image:url(../images/pic-arrow-r-a.png); }
.page-newsbox .pagination { margin:80px auto 160px;}

.page-detailbox {}
.detail { margin:40px auto 120px auto; padding:50px; position:relative; overflow:hidden; width:100%; background-color:#f1f5f6; }
.news-head { padding:0 0 38px 0; border-bottom:1px solid #707070; }
.news-head h1 { font-size:26px; line-height:1.2; color:#333; font-weight:700; }
.news-head .other { margin:24px 0 0 0; font-size:18px; line-height:1; color:#333; }
.news-head .other span { display:inline-block; margin-right:30px; }
.news-body { padding:20px 0; font-size:16px; line-height:1.8; color:#333;  border-bottom:1px solid #707070; }
.news-body p { margin:30px 0; }
.news-body img { display:block; margin:10px auto; max-width:100%; }
.news-foot { padding:20px 0; position:relative; overflow: hidden; }
.news-foot .one { display:block; margin:30px 0; font-size:18px; line-height:1.2; color:#333; }
.news-foot .one .btn:link { color:#333; }
.news-foot .btn:hover { color:#00A3E4; }
.news-foot .btn-back { display:block; position:absolute; right:0; top:0; margin-top:47px; width:182px; height:66px; border-radius:33px; border:3px solid #00A3E4; font-size:20px; line-height:66px; text-align:center; color:#00A3E4; z-index:10; transition: all ease-in-out .1s; }
.news-foot .btn-back:hover { background-color:#00A3E4; color:#f9f9f9; }