html, body, div, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td {margin: 0; padding: 0; }
img { border: 0 none; vertical-align: top; }
ul,li,dl,dd,dt { list-style-type: none; }
i,em,cite { font-style: normal; }
body {  -webkit-text-size-adjust:none;  font-family:"Microsoft Yahei";overflow:-Scroll;overflow-x:hidden; font-size:14px; font-weight:normal;}
a{ text-decoration: none; color:#222}
.clear{clear:both;}
a,area { blr:expression(this.onFocus=this.blur()) }   
a:focus { outline: none; }  
input,button,select,textarea{ outline:none; border:none; background:none;}
input{ background-color:rgba(255,255,255,0.6);}
input:-webkit-autofill { transition:background-color 5000s ease-in-out 0s;}
textarea{resize:none; overflow: hidden; clip:  rect(   )}
.box{-moz-box-shadow: 0 2px 10px 0 rgba(0,0,0,0.1);-webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,0.1); box-shadow: 0 2px 10px 0 rgba(0,0,0,0.1);}
.webkit{transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s;}
.radius{-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
img:hover{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.moreall{ width:100%; float:left;}
#More{ width:20%; height:50px; line-height:50px; float:left; text-align:center; margin-left:40%; border:#fff 2px solid; margin-bottom:50px; margin-top:30px; cursor:pointer;}
#More:hover{ border:#a4c5e7 2px solid;-moz-box-shadow: 0px 0px 10px 5px #c1d8f0; -webkit-box-shadow: 0px 0px 10px 5px #c1d8f0; box-shadow: 0px 0px 10px 5px #c1d8f0}

.all{ width:100%; margin:0 auto;}
.w1120{ width:1120px; margin:0 auto;}

.header ,.content , .footer { width:1120px; margin:0 auto;font-family:"Microsoft Yahei";}




.welcome{ height:40px; line-height:40px; color:#111; background: url(../images/welcome.jpg) repeat-x; border-bottom:#DDDDDD 1px solid; overflow:hidden;}
.welcome .fr a{ display:block; float:left;color:#111; font-size:16px; line-height:40px; margin:0px 5px;}
.welcome .fr a:hover{ color:#1974C7}


.logo{ height:130px;}
.logo .fl img{ height:90px; margin:20px 0px;}
.logo .fl img:hover{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);}


.logo .fr{ width:400px;}
.logo .fr .telall{ width:100%; height:40px; float:left; margin-top:25px;}
.logo .fr .tel{ float:right; line-height:40px; font-size:16px; color:#4B4B4B; font-family:Arial; background:url(../images/adv-tel.png) left no-repeat; text-indent:40px;}
.logo .fr .tel i{ font-size:28px; color:#f00}
.logo .fr .email{ text-align:right; width:100%; float:left;}
.logo .fr .email a{ color:#f00; font-size:28px;}


.menu{ height:50px; background: url(../images/menu_bg.jpg) repeat-x;}
.menu ul,.menu ul li{ float:left;}
.menu ul li{ width:140px; height:50px; position:relative;}		
.menu ul li>a{ display:block; width:100%; height:50px; float:left; line-height:50px; color:#fff; font-size:18px; text-align:center; background: url(../images/menuli.jpg) left no-repeat;}
.menu ul li.curr,.menu ul li:hover{ background: url(../images/menu_bg_h.jpg) repeat-x;}

.menu ul li .nav{ width:100%; height:100%; top:50px; position:absolute; z-index:999; display:none; left:1px; }
.menu ul li .nav .navli{ width:100%; height:25px; line-height:25px; overflow:hidden; background:#1786F9;}
.menu ul li .nav .navli>a{ display:block; width:86%; margin-left:7%; color:#fff; line-height:25px; font-size:14px;}
.menu ul li .nav .navfoot{ width:100%;  background:#1786F9;}

.menu ul li:hover .nav{ display:block;}






.foot{ height:100%; overflow:hidden; border-top:#095BAD 3px solid; background:#2E3338}
.foot .footli{ width:750px; float:left; margin-top:45px; margin-bottom:40px;}
.foot .footli b{ display:block; width:100%; height:40px; line-height:40px; float:left; overflow:hidden; color:#fff; font-size:18px;}
.foot .footli p{ display:block; width:100%; float:left; line-height:20px; margin:5px 0px; color:#CECCCC;}
.foot .footli p a{ color:#CECCCC; font-size:14px;}
.foot .footli p a:hover{ color:#f00}
.foot .footli b:hover{ color:#f00}

.foot .fr{ width:180px}
.foot .fr img{ width:140px; height:140px; margin:20px; float:left; margin-top:55px;}
.foot .fr p{ display:block; width:140px; height:20px; margin:0px 20px; text-align:center; line-height:20px; overflow:hidden;color:#CECCCC;}




.bottom{ height:100%; overflow:hidden; background:#282C30; color:#CECCCC; line-height:40px; text-align:center;}
.bottom a{ color:#CECCCC;}
.bottom a:hover{ color:#f00}


.infoall{ height:100%; overflow:hidden; background:#F5F5F5}

.leftall{ float: left; width: 100%; height: auto; text-align: center; overflow: hidden;  margin: 20px 0;}
.leftall .leftul{display: table; margin: 0 auto;}
.leftall .leftul .leftli{ float: left; text-align: center;  margin: 8px;  background: #fff; font-size: 14px; position: relative; cursor: pointer;}
.leftall .leftul .leftli a{ display: block; padding: 6px; color: #333; background: #FFF; border: 2px solid #FFF;}
.leftall .leftul .leftli:hover a { border:#a4c5e7 2px solid;-moz-box-shadow: 0px 0px 10px 5px #c1d8f0; -webkit-box-shadow: 0px 0px 10px 5px #c1d8f0; box-shadow: 0px 0px 10px 2px #c1d8f0; background:#2c8df0; color:#fff;}
.leftall .leftul .leftli a.cur{border:#a4c5e7 2px solid;-moz-box-shadow: 0px 0px 10px 2px #c1d8f0; -webkit-box-shadow: 0px 0px 10px 5px #c1d8f0; box-shadow: 0px 0px 10px 2px #c1d8f0; background:#2c8df0; color:#fff;}

.leftpro{ float: left; width:240px; height: auto; text-align: center; overflow: hidden;  margin: 40px 0; margin-right:20px; background:#fff;}
.leftpro .leftul{display: table; margin: 0 auto;}
.leftpro .left-name{ width:100%; float:left; border-bottom:#EAEAEA 1px solid; height:40px; line-height:40px; font-weight:bold; font-size:18px;}
.leftpro .leftul .leftli{ float: left; text-align: center; width:90%; margin-left:5%; margin-top:8px; margin-bottom:8px;  background: #fff; font-size: 14px; position: relative; cursor: pointer;}
.leftpro .leftul .leftli a{ display: block; padding: 4px 10px; color: #333; background: #FFF; border: 2px solid #FFF;}
.leftpro .leftul .leftli:hover a { border:#a4c5e7 2px solid;-moz-box-shadow: 0px 0px 10px 5px #c1d8f0; -webkit-box-shadow: 0px 0px 10px 5px #c1d8f0; box-shadow: 0px 0px 10px 5px #c1d8f0}
.leftpro .leftul .leftli a.cur{border:#a4c5e7 2px solid;-moz-box-shadow: 0px 0px 10px 5px #c1d8f0; -webkit-box-shadow: 0px 0px 10px 5px #c1d8f0; box-shadow: 0px 0px 10px 5px #c1d8f0; background:#2c8df0; color:#fff;}





.infoall .info-cont{ width:1118px; height:100%; overflow:hidden; background:#fff; float:left; margin-bottom:40px;}

.pos{ width:100%; border-bottom:#EAEAEA 1px solid; height:40px; overflow:hidden; line-height:40px; color:#666; font-size:14px; background:#fff;}
.pos b{ display:block; float:left;font-size:18px;color: #666666; text-indent: 10px;}
.pos b font{ font-size:12px; font-family:Arial;}
.pos i{ display:block; float:right; font-size:14px; color:#666; margin-right:10px; background: url(../images/n_r_wz.png) left no-repeat; text-indent:20px;}
.pos i a{ color:#666} 
.pos i a:hover{ color:#f00}


.info-content{ width:1078px; padding:20px 20px 40px 20px; font-size:14px; color:#666; line-height:30px; min-height:300px;}
.info-content img{ max-width:100%;}
.info-content img:hover{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);}


.gbooklist{ width:680px; float:left; margin-left:200px;}


.info-products{ width:100%;padding:20px 20px 40px 20px; font-size:14px; color:#666; line-height:30px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.info-products .infoli{ float:left; width:23%; margin:0px 1%; margin-bottom:20px; border:#efefef 1px solid; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; padding-bottom:10px;}
.info-products .infoli .info-img{ width:100%; float:left; height:100%; overflow:hidden;}
.info-products .infoli .info-img img{ width:100%; float:left;}
.info-products .infoli .info-name{ width:90%; height:20px; line-height:20px; overflow:hidden; margin-left:5%; font-size:12px;}
.info-products .infoli .info-name2{ width:90%; height:40px; line-height:40px; overflow:hidden; margin-left:5%; text-align:center;}
.info-products .infoli:hover{ border:#a4c5e7 1px solid;-moz-box-shadow: 0px 0px 10px 5px #c1d8f0; -webkit-box-shadow: 0px 0px 10px 5px #c1d8f0; box-shadow: 0px 0px 10px 5px #c1d8f0;}



.info-pro{ width:100%;padding:20px 20px 40px 20px; font-size:14px; color:#666; line-height:30px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.info-pro .info-pro-img{ width:300px; height:300px; float: left; overflow:hidden; margin-left:50px; margin-right:50px; margin-top:20px;}
.info-pro .info-pro-img img{ width:100%; float:left;}
.info-pro .info-pro-name{ width:380px; float:left; border-bottom:#EAEAEA 1px solid; line-height:40px; font-size:24px; padding:0px 10px; margin-top:20px;}
.info-pro .info-pro-desc{ width:380px; float:left; border-bottom:#EAEAEA 1px solid; line-height:25px; font-size:14px; padding:20px 10px;}
.info-pro .info-pro-link{width:380px; float:left; line-height:25px; font-size:14px; padding:50px 10px; text-align:center;}
.info-pro .info-pro-link a{ padding:10px 20px; border:#efefef 1px solid;}
.info-pro .info-pro-link a:hover{ border:#a4c5e7 1px solid;-moz-box-shadow: 0px 0px 10px 5px #c1d8f0; -webkit-box-shadow: 0px 0px 10px 5px #c1d8f0; box-shadow: 0px 0px 10px 5px #c1d8f0;}
.info-pro .info-pro-cont{ width:90%; float:left; margin:0px 39px; border-top:#eaeaea 1px solid; padding:20px 0px; margin-top:30px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}

.info-pro .info-pro-cont iframe{ height:1100px;}
#viewerContainer{ height:1100px;}

.info-case{ width:1078px;padding:20px 20px 40px 20px; font-size:14px; color:#666; line-height:30px;}
.info-case .info-case-name{ width:978px; float:left; border-bottom:#EAEAEA 1px solid; line-height:40px; margin-left:50px; text-align:center; font-size:24px; padding:0px 10px; margin-top:20px;}
.info-case .info-case-img{ width:978px; float: left; margin-left:50px; text-align:center; margin-top:20px;}
.info-case .info-case-img img{ max-width:100%; padding:40px 0px;}
.info-case .info-case-cont{ width:1000px; float:left; margin-left:39px; border-top:#eaeaea 1px solid; padding:20px 0px; margin-top:30px;}
.info-case .info-case-ymd{ width:100%; float:left; text-align:center; margin-top:20px;}
.info-case .info-case-ymd a{ background: url(../images/time.png) left no-repeat; padding:10px; padding-left:30px; color:#666}

.info-news{ width:1078px;padding:20px 20px 40px 20px; font-size:14px; color:#666; line-height:30px;}
.info-news .infoli{ float:left; width:48%; margin:0px 1%; margin-bottom:20px; border:#efefef 1px solid; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.info-news .infoli .info-img{ width:240px; height:180px; float:left; overflow:hidden; margin:20px;}
.info-news .infoli .info-img img{width:240px; height:180px; float:left;}
.info-news .infoli .info-name{ width:90%; height:40px; line-height:40px; overflow:hidden; font-size:18px; margin-top:0px; margin-left:5%}
.info-news .infoli .info-cont{ width:90%; float:left; margin:5px 0px; color:#666; font-size:14px; overflow:hidden; line-height:30px; height:60px; margin-left:5%;}
.info-news .infoli .info-ymd{ width:90%; float:left; background:url(../images/time.png) left no-repeat; height:21px; line-height:21px; text-indent:30px; margin-left:5%; margin-bottom:10px;}
.info-news .infoli:hover{ border:#a4c5e7 1px solid;-moz-box-shadow: 0px 0px 10px 5px #c1d8f0; -webkit-box-shadow: 0px 0px 10px 5px #c1d8f0; box-shadow: 0px 0px 10px 5px #c1d8f0;}



.info-jobs{ width:1078px;padding:20px 20px 40px 20px; font-size:14px; color:#666; line-height:30px;}
.info-jobs .infoli{ float:left; width:98%; margin:0px 1%; padding:15px; margin-bottom:20px; border:#efefef 1px solid; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.info-jobs .infoli .jobs-tr{ margin:0px 20px; width:96%; float:left;border-right:#EAEAEA 1px solid;border-top:#EAEAEA 1px solid; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.info-jobs .infoli .jobs-tr .jobs-td1{ width:20%; float:left; border-left:#EAEAEA 1px solid;  box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; height:30px; line-height:30px; overflow:hidden;}
.info-jobs .infoli .jobs-tr .jobs-td1 font{ display:block; float:right; margin-right:10px;}
.info-jobs .infoli .jobs-tr .jobs-td2{ width:30%; float:left; border-left:#EAEAEA 1px solid;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; text-indent:10px; height:30px; line-height:30px; overflow:hidden;}
.info-jobs .infoli .jobs-tr .jobs-td2 b{ font-size:24px; font-weight:normal; color:#f00}

.info-jobs .infoli .jobs-tr .jobs-td3{ width:80%; float:left; border-left:#EAEAEA 1px solid;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; text-indent:10px; line-height:30px; overflow:hidden;}

.info-jobs .infoli:hover{ border:#a4c5e7 1px solid;-moz-box-shadow: 0px 0px 10px 5px #c1d8f0; -webkit-box-shadow: 0px 0px 10px 5px #c1d8f0; box-shadow: 0px 0px 10px 5px #c1d8f0;}




.nybanner{ width:100%; height:250px; text-align:center; position:relative;}
.nybanner img{ width:1920px; height:250px; float:left; position:absolute; left:50%; margin-left:-960px;}
.nybanner img:hover{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);}

.pageall{float: left; width: 100%; height: auto; text-align: center; overflow: hidden;  margin: 20px 0;}
.pageul{ display: table; margin: 0 auto;}
.pageli{float: left; text-align: center; margin: 15px 8px; background: #fff;font-size: 14px; cursor: pointer;}
.pageall a{ padding:10px 20px; border:#efefef 1px solid;}
.pageall a:hover{ border:#a4c5e7 1px solid;-moz-box-shadow: 0px 0px 10px 5px #c1d8f0; -webkit-box-shadow: 0px 0px 10px 5px #c1d8f0; box-shadow: 0px 0px 10px 5px #c1d8f0;}

.back{ width:100%; float:left; margin:20px 0px; text-align:center;}
.back a{ padding:10px 20px; border:#efefef 1px solid;}
.back a:hover{ border:#a4c5e7 1px solid;-moz-box-shadow: 0px 0px 10px 5px #c1d8f0; -webkit-box-shadow: 0px 0px 10px 5px #c1d8f0; box-shadow: 0px 0px 10px 5px #c1d8f0;}

.prevnext{ width:100%; float:left; padding:20px; color:#666;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.prevnext a{ color:#666}
.prevnext a.prev{ float:left;}
.prevnext a.next{ float:right;}
.prevnext a:hover{ color:#f00}


.form{ width:70%; float:left; margin-left:15%;}
.form h3{ color:#BD362F; text-align:center; font-size:18px; display:block; width:100%; float:left; height:50px; line-height:50px; margin-bottom:50px;}
.form .input{ width:100%; float:left; height:40px; margin-bottom:25px; position:relative;}
.form .input input{ width:60%; float:left; height:40px; line-height:40px; border:#f1f1f1 1px solid; padding:0px 28% 0px 2%; margin-left:5%; margin-right:5%;}
.form .input .spa{ display:block; height:30px; line-height:30px; float:left; padding:0px 2%; background:#fff; z-index:1; position:absolute; top:5px; right:5%;}


.form .textarea{ width:100%; float:left; height:160px; margin-bottom:25px; position:relative;}
.form .textarea textarea{ width:86%; float:left; height:160px; border:#f1f1f1 1px solid; line-height:40px; padding:0px 2%; margin-left:5%; margin-right:5%;}
.form .textarea .spa{ display:block; height:30px; line-height:30px; float:left; padding:0px 2%; background: none; z-index:1; position:absolute; bottom:5px; right:5%;}
.form button{ display:block; border:#fff 2px solid; width:120px; margin-left:300px; float:left; cursor:pointer; height:40px; line-height:40px; text-align:center; margin-top:40px; margin-bottom:40px;}
.form button:hover{ border:#a4c5e7 2px solid;-moz-box-shadow: 0px 0px 10px 5px #c1d8f0; -webkit-box-shadow: 0px 0px 10px 5px #c1d8f0; box-shadow: 0px 0px 10px 5px #c1d8f0}


        .f_bj {
            color: #aaa;
            clear: both;
            font-family: "Microsoft Yahei";
            background: #303030;
            height: 278px;
            line-height: 24px;
            padding: 31px 0 0;
            border-top: solid 4px #1078C3;

        }
        
        .f_bj a {
            color: #aaa;
        }
        
        .ontop {
            width: 74px;
            height: 69px;
            display: block;
            left: 50%;
            margin-left: -37px;
            top: -41px;
        }
        
        .ontop a {
            width: 74px;
            height: 69px;
            display: block;
            background: url(../images/ontop.png) no-repeat;
        }
        
        .f_nav {
            height: 74px;
            white-space: nowrap;
            line-height: 74px;
            border-bottom: solid 1px #424242;
            color: #646464;
            text-align: center;
            margin-bottom: 40px;
        }
        
        .f_nav a {
            color: #fff;
            padding: 0 21px;
            display: inline-block;
        }
        
        .f_con {
            clear: both;
            height: 166px;
        }
        
        .f_code {
            width: 230px;
        }
        
        .f_code p {
            width: 100px;
            float: left;
            padding: 0 0 0 14px;
            text-align: center;
            line-height: 21px;
            color: #949494;
            font-size: 12px;
        }
        
        .f_code p img {
            width: 94px;
            height: 94px;
            background: #fff;
            border: solid 1px #faeeef;
            padding: 2px;
            display: block;
        }
        
        .f_text {
            width: 700px;
            padding: 16px 0 0;
            overflow: hidden;
            white-space: nowrap;
        }
        
        .f_text h3 {
            display: block;
            font-size: 16px;
            line-height: 36px;
            font-weight: normal;
            color: #fff;
        }
        
        .f_text p span {
            width: 278px;
            display: inline-block;
            background: url(../images/f_ico4.gif) no-repeat 0 6px;
            padding-left: 25px;
        }
        
        .f_text p span.f_conl1 {
            background: url(../images/f_ico1.gif) no-repeat 0 6px;
        }
        
        .f_text p span.f_conl2 {
            background: url(../images/f_ico2.gif) no-repeat 0 6px;
            width: 178px;
        }
        
        .f_text p span.f_conl3 {
            background: url(../images/f_ico3.gif) no-repeat 0 6px;
            width: 102px;
        }
        
        .f_logo {
            padding: 8px 40px 0 0;
        }
        
        .f_logo,
        .f_logo img {
            width: 221px;
            height: 98px;
            display: block;
        }
    

        .client-2 {
            position: fixed;
            right:20px;
            top: 50%;
            z-index: 900;
        }
        
        .client-2 li a {
            text-decoration: none;
        }
        .client-2 li {
            margin-top: 1px;
            clear: both;
            height: 71px;
            position: relative;
        }
        
        .client-2 li i {
            background: url(../images/fx.png) no-repeat;
            display: block;
            width: 30px;
            height: 27px;
            margin: 0px auto;
            text-align: center;
        }
        
        .client-2 li p {
            height: 20px;
            font-size: 14px;
            line-height: 20px;
            overflow: hidden;
            text-align: center;
            color: #fff;
        }
        
        .client-2 .my-kefu-qq i {
            background-position: 4px 5px;
        }
        
        .client-2 .my-kefu-tel i {
            background-position: 0 -21px;
        }
        
        .client-2 .my-kefu-liuyan i {
            background-position: 4px -53px;
        }
        
        .client-2 .my-kefu-weixin i {
            background-position: -34px 4px;
        }
        
        .client-2 .my-kefu-weibo i {
            background-position: -30px -22px;
        }
        
        .client-2 .my-kefu-ftop {
            display: none;
        }
        
        .client-2 .my-kefu-ftop i {
            width: 33px;
            height: 35px;
            background-position: -27px -51px;
        }
        
        .client-2 .my-kefu-left {
            float: left;
            width: 71px;
            height: 47px;
            position: relative;
        }
        
        .client-2 .my-kefu-tel-right {
            font-size: 16px;
            color: #fff;
            float: left;
            height: 24px;
            line-height: 22px;
            padding: 0 15px;
            border-left: 1px solid #fff;
            margin-top: 14px;
        }
        
        .client-2 .my-kefu-right {
            width: 20px;
        }
        
        .client-2 .my-kefu-tel-main {
            background: #c41019;
            color: #fff;
            height: 56px;
            width: 247px;
            padding:9px 0 6px;
            float: left;
        }
        
        .client-2 .my-kefu-main {
            background: #095BAD;
            width:71px;
            height: 56px;
            position: relative;
            padding:9px 0 6px;
            float: left;
			cursor:pointer;
			    -moz-box-shadow: 0 4px 10px 0 rgba(0,0,0,0.8);
    -webkit-box-shadow: 0 4px 10px 0 rgba(0,0,0,0.8);
    box-shadow: 0 4px 10px 0 rgba(0,0,0,0.8);
        }
        
        .client-2 .my-kefu-weixin-pic {
            position: absolute;
            left: -130px;
            top: -24px;
            display: none;
            z-index: 333;
        }
        
        .my-kefu-weixin-pic img {
            width: 115px;
            height: 115px;
        }