/*样式初始化及公共样式部分*/
*{ margin:0px; padding:0px; }
body{ color:#333; margin:0 auto; background-color:#fff; font-family:"Microsoft YaHei"; overflow-x:hidden; }
a{ color:#333; text-decoration:none; }     
a:hover{transition:0.3s all; }      
div,ul,li,span,p,img,h1,h2,h3,h4,h5,h6,dl,dt,dd{ margin:0px; padding:0px; list-style:none; border:0px; font-weight: lighter; }    
address, caption, cite, code, dfn, em, strong, th, var, optgroup, i{ font-style: inherit; font-weight: lighter; }
b{ font-weight:normal;}
.clear{clear:both; font-size:0px; overflow:hidden; height :0px;}
.cl{ clear: both; height:0px; }  
.fl{ float:left; }     
.fr{ float:right; }     
#copy{ display:none; }      
.page{ width:1300px; margin:0 auto; height:auto; overflow:hidden; }
.page1{ width:1300px; margin:0 auto; position:relative; }
.page3{ width:85%; min-width:1300px; margin:0 auto; height:auto;  }
.box,.footer1{ width:1300px; margin:0 auto; height:auto; }    /*定义版面统一宽度*/
.top30{ margin-top:30px; }
.top40{ margin-top:40px; }
.top30{ margin-top:30px; }
.top50{ margin-top:50px; }
.top60{ margin-top:60px; }

.w1300 {width: 1300px;margin: 40px auto;}
.w1400 {width: 1400px;margin: 0 auto;}



/*head*/
.head{ height: 42px;line-height:42px;border-bottom: 1px #edebeb solid; font-weight:200; background:#fff;}
.head .fl,.head .fr a{letter-spacing: 0.5px; color: #5b5b5b; font-size: 14px;}
.head .fr a {display:inline-block; padding-left: 50px;background: url(images/top1.png) no-repeat 2px 11px; transition: 0.3s all ease-in-out;font-size: 14px;line-height:42px;padding-right:15px;cursor:pointer;position:relative;color:#5b5b5b; float: left;}
.head .fr .tel{background-position:-107px 10px;}
.head .fr .wx{background-position:-223px 12px;}
.head .fr .wx .wxewm {width: 120px;height: 120px;position:absolute;top:42px;z-index:2;left:0;display:none;}
.head .fr .wx .wxewm img{width: 120px;height:120px;display:block;}




/*top*/
.top{height: 161px;}
#top_logo{ float: left; padding-top: 55px;}
#top_img{ float: left; margin-top:46px; margin-left:26px; margin-right: 17px; background: url(images/dh1.jpg) center no-repeat; width: 9px; height: 89px;}
.top_gg{float: left;  margin-top:49px;}
.top_gg1 {font-size: 26px;margin-bottom: 2px;height: 38px;line-height: 38px;font-weight: 300;display: block;}
.top_gg1 span{color: #1657dd; font-weight: bold;}
.top_gg2 {font-size: 18px;height: 32px;color: #333;display: block;line-height: 32px;letter-spacing: 1px;font-weight: 100;}
.top_ggb{float: left;  margin-top:46px; margin-left:40px;}
.top_ggb li{width: 61px; float: left; margin-left: 20px;}
.top_ggb p{width: 43px; float: left; height: 50px; margin-left: 9px;}
.top_ggb span{width: 61px; float: left; line-height: 30px; font-size: 15px; text-align: center; color: #666; font-weight: 100;}
.telt{background:url(images/dh2.png) no-repeat right center;padding-right:64px;margin-top:25px; float: right; text-align: right; height:54px;}
.telt p{font-size:17px;line-height:17px;margin-bottom:8px; color: #333; font-weight: 100; padding-top: 4px;}
.telt em{font-size:31px;font-family:Impact,Arial,SWZ92; line-height:36px; font-style: normal; color: #1657dd;}
.telt em1{font-size:32.5px;font-family:Impact,Arial,SWZ92; line-height:36px; font-style: normal; color: #1657dd;}




/*导航*/
.nav_c{width: 100%;height: 70px; display: flex;align-items: center;justify-content: space-between;background: #1657dd;}
.nav_c ul{width: 100%;max-width: 1300px;display: flex;height: 100%;align-items: center;justify-content: space-between;margin: 0 auto;}
.nav_c ul li{position: relative;width: 13%;height: 100%;display: flex;align-items: center;}
.nav_c ul li.on{background: #333;}
.nav_c ul li a{text-align: center;color: #ffffff;font-size: 16px;width: 100%;height: 100%;line-height: 70px;}
.nav_c>ul>li.on>a{color: #ffffff;}
.nav_c>ul>li:hover>a{color: #ffffff;}
.nav_c>ul>li:hover{background: #333;}



/*banner*/
                .focus { width:100%; height:650px; overflow:hidden; position:relative;}
                .focus ul {height:650px; position:absolute;}
                .focus ul li {float:left; width:100%; height:650px; overflow:hidden; position:relative; background:#222;}
                .focus ul li div {position:absolute; overflow:hidden;}
                .focus .btnBg {position:absolute; width:100%; height:20px; left:0; bottom:0; background:#222; display:none;}
                .focus .btn {position:absolute; width:1400px; left:50%; margin-left:-650px; height:24px; bottom:40px; text-align:right; z-index:100000;}
                .focus .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:24px; line-height:24px; text-align:center; _font-size:0; margin-left:5px; cursor:pointer; background:#ccc;}
                .focus .btn span.on {background:#fff;}
                .focus .preNext {width:45px; height:110px; position:absolute; top:288px; background:url(images/119.png) no-repeat 0 0; cursor:pointer;}
                .focus .pre {left:0;}
                .focus .next {right:0; background-position:right top;}
                .dis { display: none;}
                #banner{overflow:hidden;}
                div#focus002 .preNext {
    top: 155px;
}


/*标题*/
.title {text-align: center;font-size: 42px;color: #1657dd;font-weight: bold;}
.title span {display: block;font-size: 20px;color: #666666;margin: 10px 0 20px 0;font-weight: 300;}
.title b {font-weight: bold;color: #333;}
.title:after{ content:''; display:block; height:17px; background:url(images/btx.png) no-repeat center;}


.title1 {text-align: center;font-size: 42px;color: #fff;font-weight: bold;}
.title1 span {display: block;font-size: 20px;color: #fff;margin: 10px 0 20px 0;font-weight: 300;}
.title1 b {font-weight: bold;color: #fff;}
.title1:after{ content:''; display:block; height:17px; background:url(images/btx.png) no-repeat center;}

.title2 {text-align: center;font-size: 42px;color: #fff;font-weight: bold;}
.title2 span {display: block;font-size: 20px;color: #fff;margin: 10px 0 20px 0;font-weight: 300;}
.title2 b {font-weight: bold;color: #fff;}





.tempWrap {width: 1300px !important;}



/*Brand*/
.brand{height: 780px; background:url(images/tdbg2.jpg)no-repeat top center; padding-top:65px;}
.brand_l{padding-top: 50px;}
.brand_r{ margin-top:40px;}
.brand_title p{margin-bottom: 16px;}
.brand_title span a {font-size: 24px;
line-height: 32px;display: block;font-weight: normal;color: #444;background: url(images/dianji.png) no-repeat right;width: 84%;}
.brand_title i{display: block;width: 58px;height: 3px;background:#1657dd;margin: 50px 0 30px;}
.brand_tab li{width: 180px;height:350px;float: left;text-align: center;background: #fff;box-shadow: -3px 1px 20px rgba(204, 204, 204, 0.4);padding: 0 22px 0 27px;padding-top:45px;transition: 0.5s;position:relative;}
.brand_tab li:after{position:absolute;content:'';bottom: 0;left: 0;width: 0;height: 2px;background:#1657dd;transition: 0.5s;}
.brand_tab li:hover:after{width:100%;transition:0.5s;}
.brand_tab li b{width: 80px;height: 80px;display: block;margin: 0 auto;text-align: center;line-height: 76px;background: rgba(38, 70, 210, 0.1);border-radius: 100%;color: #fff;font-size: 18px;position:relative;margin-bottom: 36px;}
.brand_tab li b span{color: #fff;line-height: 76px;position: relative;z-index: 2;font-size: 18px;transition: 0.5s;}
.brand_tab li b:before,.brand_tab li b:after{position:absolute;content:'';top: 50%;left: 50%;border-radius: 100%;z-index: 1;transition: 0.5s;}
.brand_tab li b:before{width:66px;height:66px;background: rgba(2, 41, 197, 0.3);margin-left: -33px;margin-top: -33px;transition: 0.5s;}
.brand_tab li b:after{width:52px;height:52px;background:#1657dd;margin-left: -26px;margin-top: -26px;transition: 0.5s;}
.brand_tab li p {line-height: 30px;color: #666;font-size: 15px;}
.brand_r{position:relative;padding:53px;;transition: 0.5s;}
.brand_r:before{position:absolute;content:'';width:550px;height:550px;background: #fff;box-shadow:0px 0px 20px rgba(238, 238, 238, 0.6);top: 0;left: 0;border-radius: 50%;}
.brand_r li {width: 445px !important;height: 445px !important;overflow: hidden;border-radius: 50%;}
.brand_r li img{border-radius: 50%;}
.pr_more{width:150px;height:40px;border-radius:50px;text-align:center;box-shadow:0px 0px 10px #ededed;margin:40px auto 0;}
.pr_more a{color:#333;font-size:16px;line-height:40px;}
.brand_tab li:hover .pr_more{background:#1657dd;}
.brand_tab li:hover .pr_more a{color:#fff;}




/*应用领域*/
.apply_bg {height: 815px;padding-top: 65px;}
.apply {padding-top: 40px;}
.apply_fl{width:633px;height:575px; float:left;}
.apply *{display: block;}
.apply a img{transition: all .3s linear;}
.apply a:hover img{transform: scale(1.2);}
/* 第一个应用 */
.apply_fl a p{overflow: hidden;}
.apply_fl t{height:100px;line-height:100px;padding:0 40px; background: #f5f5f5;position: relative;transition: all 0.3s;}
.apply_fl t:after{content:"";display:block;width:0px;height:100px; background: #1657dd;position: absolute;left: 0; transition: all 0.2s;}
.apply .apply_fl a:hover t:after{width: 634px;}
.apply_fl span{float:left;font-size: 17px;position: relative;z-index: 2;}
.apply .apply_fl a:hover span{color:#fff;}
.apply_fl i{float:right;width:140px;height:46px;line-height: 46px;margin-top: 27px;font-size: 18px;color:#fff;text-align: center;font-style: normal;position: relative;z-index: 2;}
.apply_fl a:hover .apply_fl_i div:nth-child(1) {color: #ffffff;transition: all 0.2s ease;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;transform: rotateX(0deg);-webkit-transform: rotateX(0deg);-moz-transform: rotateX(0deg);}
.apply_fl a:hover .apply_fl_i div:nth-child(2) {background-color: #f1b133;transition: all 0.2s ease;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;transform: rotateX(-90deg);-webkit-transform: rotateX(-90deg);-moz-transform: rotateX(-90deg);}
/*第二第三个应用*/
.apply_fr_t{height:290px;}
.apply_fr_t a{float: left;width:302px;height:270px;background: #f5f5f5;position: relative;transition: all 0.3s;}
.apply_fr_t a:first-child{margin-right: 30px;}
.apply_fr_t a p{height:220px;overflow: hidden;}
.apply_fr_t a span,.apply_fr_b a span{height:50px;line-height: 50px;font-size: 16px;color:#555;text-align: center;position: relative;z-index: 2;}
.apply_fr_t a:after,.apply_fr_b a:after{content:"";display:block;width:0%;height: 50px;background: #1657dd;position: absolute;bottom: 0;transition: all 0.3s;}
.apply_fr a:hover:after{width: 100%;}
.apply_fr a:hover span{color:#fff;}
/*第四个应用*/
.apply_fr_b{margin-top: 8px;}
.apply_fr_b a{width:634px;height:275px;background: #f5f5f5;position: relative;}
.apply_fr_b a p{height:225px;overflow: hidden;}


.share_button {perspective: 500px;-webkit-perspective: 500px;-moz-perspective: 500px;}
.share_button div{width: 100%;position: absolute;text-align: center;pointer-events: none;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.share_button div:nth-child(1) {color: #000000;background-color: #ffbd22;transform: rotateX(90deg);-webkit-transform: rotateX(90deg);-moz-transform: rotateX(90deg);transition: all 0.2s ease;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;transform-origin: 50% 50% -23px;-webkit-transform-origin: 50% 50% -23px;-moz-transform-origin: 50% 50% -23px;}
.share_button div:nth-child(2) {color: #fff;background-color: #1657dd;transform: rotateX(0deg);-webkit-transform: rotateX(0deg);-moz-transform: rotateX(0deg);transition: all 0.2s ease;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;transform-origin: 50% 50% -23px;-webkit-transform-origin: 50% 50% -23px;-moz-transform-origin: 50% 50% -23px;}
.share_button:hover div:nth-child(1) {color: #ffffff;transition: all 0.2s ease;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;transform: rotateX(0deg);-webkit-transform: rotateX(0deg);-moz-transform: rotateX(0deg);}
.share_button:hover div:nth-child(2) {background-color: #f1b133;transition: all 0.2s ease;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;transform: rotateX(-90deg);-webkit-transform: rotateX(-90deg);-moz-transform: rotateX(-90deg);}




 /*优势*/
.adv_bg{background: url(images/adv1.jpg)no-repeat top; padding-top:65px;}
.adv_t p,.adv_t dd{color: #fff;}
.adv_t i{background: #fff;}
.adv_cont{padding: 50px;background: #fff;border-radius: 30px;box-shadow: 0px 0px 50px rgba(0,0,0,0.4); display: table;}
.adv_list li{width: 25%;float: left;text-align: center;cursor: pointer;}
.adv_list li p{font-size: 26px;color: #333;transition: 0.3s ease all;}
.adv_list li d{font-size: 20px;color: #9e9e9e;line-height: 36px;}
.adv_list li i{display: block;width: 10px;height: 10px;background: #1657dd;border-radius: 50%;margin: 10px auto 0;border: 10px solid #fff;box-sizing: content-box;transition: 0.3s ease all;}
.adv line{width: 100%;height: 1px;background: #f5f5f5;display: block;margin-top: -15px;}
.adv_list li.on p{font-weight: bold;color: #1657dd;}
.adv_list li.on i{border: 10px solid rgb(214, 227, 255);background-clip:padding-box;}
.adv_box i{width: 78px;height: 78px;background: url(images/adv2.jpg)no-repeat center;font-size: 35px;color: #fff;font-weight: bold;font-family: '思源宋体';font-style: normal;line-height: 78px;text-align: center;}
.adv_tit{margin-left: 20px;margin-top: 5px;}
.adv_tit p{font-size: 30px;font-weight: bold;color: #333;}
.adv_tit d{font-size: 15px;color: #ccc;line-height: 32px;}
.adv_l{width: 650px;padding-top: 20px;}
.adv_l span{width: 100%;height: 1px;background: #f0f0f0;display: block;margin: 35px 0;}
.adv_l dd{margin-bottom: 20px;font-size: 15px;font-weight: lighter;color: #666;background: url(images/adv3.png)no-repeat left 8px;padding-left: 40px;line-height: 35px;}
.adv_tel p{font-size: 16px;color: #666;background: url(images/adv4.jpg)no-repeat left center;padding-left: 15px; margin-bottom:10px;}
.adv_tel d{font-size: 25px;color: #1657dd;font-weight: bold;}
.adv_box a{width: 184px;height: 50px;background: #1657dd;border-radius: 10px;display: block;text-align: center;line-height: 50px;text-align: center;color: #fff;font-size: 16px;transition:all .3s ease; margin-top:37px;}
.adv_box a:hover{width:250px;}
.adv_r img {border: 4px solid #f5f5f5;width: 550px;}
.adv_tel {margin-top: 29px;}




/*流程*/
.pcul{ font-size:0; margin:45px 0 50px 0; position:relative; text-align:center;}
.proc {padding-top: 65px;}
.pcul:after{ content:''; display:block; position:absolute; width:100%; height:0; top:0; bottom:0; margin:auto 0; z-index:-1; border-top:1px solid #e7e7e7;}
.pcul li{ display:inline-block; vertical-align:top; width:173px; height:234px; border:1px solid #e7e7e7; border-radius:10px; background:#fff; position:relative; font-size:18px; color:#222222; font-weight:lighter;transition:all .3s ease;}
.pcul li+li{ margin-left:50px;}
.pcul li+li:after{ content:''; display:block; position:absolute; width:0; height:0; border-left:6px solid #5b5b5b; border-top:6px solid transparent; border-bottom:6px solid transparent; left:-30px; top:0; bottom:0; margin:auto 0;}
.pcicon{ display:inline-block; width:80px; height:80px; background:url(images/lc1.png) no-repeat left top; margin:25px 0 10px 0; transition:all .3s ease;}
.pcul li span {display: block;font-size: 36px;color: #555;margin-bottom: 13px;font-weight: normal;}
.pcul li:nth-child(2) .pcicon{ background-position-x:-80px;}
.pcul li:nth-child(3) .pcicon{ background-position-x:-160px;}
.pcul li:nth-child(4) .pcicon{ background-position-x:-240px;}
.pcul li:nth-child(5) .pcicon{ background-position-x:-320px;}
.pcul li:nth-child(6) .pcicon{ background-position-x:-400px;}
.pcul li:nth-child(7) .pcicon{ background-position-x:-480px;}
.pcul li:hover{ border-color:#1657dd; color:#1657dd;}
.pcul li:hover .pcicon{ background-position-y:-80px;}
.pcul li:hover span{color:#1657dd;}


.feedback_nor {width: 1260px;margin: auto;padding: 20px;box-shadow: 0 0 10px #eee;}
.feedback_kuan form {width: 100%; margin: auto;}
.feedback_nor .button.btn_message{display: inline-block;zoom: 1;vertical-align: baseline;outline: none;cursor: pointer;text-align: center;text-decoration: none;padding: 0 54px;line-height: 70px;background: #1657dd;
font-size: 16px;color: #fff;}
.feedback_nor li{width:21%;float:left;}
.feedback_nor li+li{ margin-left:1%;}  
.feedback_nor .wbf-input { font-size: 14px;width: 100%;height: 70px;border:none;padding: 20px 25px;  background: #fff;line-height: normal;box-sizing: border-box;     border: 1px solid #f5f5f5; }
.feedback_nor input.button.btn_message{display: inline-block;zoom: 1;vertical-align: baseline;margin-left: 55%;outline: none;cursor: pointer;text-align: center;text-decoration: none;padding: 0 30px;border-radius: 30px;line-height: 40px;background: #666;font-size: 16px;color: #fff;border: none;}
.feedback_nor .feedback_form input,
.feedback_nor .feedback_form textarea{border: 1px solid #eee; font-size: 14px;border-radius: 5px;}
.feedback_nor.fb_message textarea{width: 100%;padding: 15px 15px;background: #f5f5f5; }
.feedback_nor .wbf-code {width: 114px;border: 1px solid #fff;height: 70px;padding: 12px 20px;margin: 0 10px 0 0;line-height: normal;box-sizing: border-box;float: left;}
.feedback_nor .yzma { width:19%;background: #fff; border: 1px solid #f5f5f5;}
.feedback_nor .yzma img{ float: left;display: block;padding-top: 21px;}
.feedback_nor .wbf-textarea { font-size: 14px; border: none;  width: 100%; background: #fff;height: 70px;padding: 20px 25px; line-height: 22px;box-sizing: border-box; border: 1px solid #f5f5f5;}
ul.feedback_content {height: 70px;}




/* 简介 */
.jj-w {width: 100%;min-width: 1300px;height: 670px;background: url(images/abbj.jpg)no-repeat top center;overflow: hidden;background-attachment: fixed;padding-top: 65px;margin-top: 75px;}
.jj-w .page1 {height: 450px;padding-top: 53px;padding-left: 50px;box-sizing: border-box;margin-top: 51px;background-color: #fff;}
.jj-cont{width: 540px;}
.jj-cont p {font-size: 30px;color: #333;font-weight: normal;text-transform: uppercase;}
.jj-cont .line {width: 100px;height: 3px;background-color: #1657dd;margin: 27px 0 32px 0;}
.jj-cont span{font-size: 15px;color: #777;line-height: 35px;}
.jj-more{font-size: 15px;color: #1c64ee;display: block;width: 140px;height: 40px;border: 1px solid #1c64ee;border-radius: 20px;text-align: center;line-height: 40px;margin-top: 28px;transition: all 0.3s linear;}
.jj-more:hover{color: #fff;background-color: #febf2b;border-color: #febf2b;transition: all 0.3s linear;}
.jj-pic {position: absolute;top: 46px;right: 45px;width: 599px;height: 355px;}
.about_btn{ margin-top:50px;}
.about_btn a{ display:block; width:164px; height:44px; color:#fff; text-align:center; line-height:44px; float:left;-webkit-transition:0.8s;transition:0.8s;}
.about_btn a:nth-child(1){ background:#222;}
.about_btn a:nth-child(2){ background:#1657dd;}
.about_btn a:hover{ width:200px; -webkit-transition:0.8s; transition:0.8s;}




/*友情*/
.link {background: #2f2f2f;line-height:88px;}
.link_til{float: left;font-size:18px;color:#f8f8f8;  background:url(images/yqlz.png) no-repeat left; padding-left:40px;}
.link .link_nor a{color:#f8f8f8 !important;line-height:90px;}


/*版权*/
.crcon{ padding:70px 0 55px; border-bottom:1px solid #2f2f2f;background: #232323;}
.footer {width: 725px;float: left;}
.kslj {width: 100%;}
.kslj span{ font-size:20px; color:#fff;}
.kslj span:after{ content:''; display:block; width:36px; height:2px; background:#5d5d5d; transition:all .3s ease; margin:20px 0 20px 0;}
.kslj li:hover span:after{ width:72px; background:#fff;}
.kslj li a{ display:block; font-size:15px;color:#999; line-height:38px;}
.kslj li a:hover{ color:#fff;}
.kslj li {margin-right: 18%;float: left;}
.kslj li:last-child {margin-right: 0;}



.crconcat{ width:400px;}
.code {display: flex;align-items: center;justify-content: space-around;}
.code div{width: 20px;line-height: 17px;color: #b0b0b0; padding-left: 24px;}
.cr_tel{ padding:0 0 15px 20px; border-bottom:1px solid #2e2e2e; background:url(images/bq1.png) no-repeat right top; margin-bottom:17px; font-size:17px; color:#afafaf;}
.cr_tel em {display: block;font-size: 27px;color: #fff;font-family: Arial;font-weight: bold;padding-top: 10px;}
.craddr{ margin-left:20px; font-size:17px; color:#b0b0b0; line-height:35px;}
.craddr p{ padding-left:28px; background:url(images/bq2.png) no-repeat left center;}
.craddr p:nth-child(1) {background: url(images/bq2.png) no-repeat left 10px;}
.craddr p:nth-child(2){background:url(images/bq3.png) no-repeat left center;}
.craddr p:nth-child(3){background:url(images/bq4.png) no-repeat left center;}
.code img {width: 162px;}   
.end{ text-align:center; padding:35px 0;background: #242424;}
.end,.end a{ font-size:14px; color:#b0b0b0; font-weight:lighter; line-height:35px;}