@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,lo,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img {margin:0; padding:0;}
table {border-collapse:collapse; border-spacing:0px;}
fieldset,img {border:none;}
adress,caption,cite,code,dfn,em,th,var {font-style:normal; font-weight:normal;}
dl,ol,ul,li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
q:before,q:after {content:"";}
abbr,acronym {border:0;}
input,button,select,textarea,a{ outline:none;} 
html,body {font:12px/1.6em "微软雅黑",Verdana, Geneva, sans-serif, simsun;color:#686868; font-size:14px;}
body{ min-width: 980px; margin: 0 auto; background: #fff;}
img{ max-width: 100%; vertical-align: top;}
a{ color:#818181;text-decoration:none;}
a:hover {text-decoration:none;}

.clear{ clear: both; }

.hide{ text-indent: -999999px !important; overflow: hidden !important; margin: 0 !important; padding: 0 !important; }



#Toper{ position: relative; z-index: 10; }
#Top{ position: relative; z-index: 9; }
.header{ width: 1000px; margin: 0 auto; padding: 18px 0;}
.header .logo{ float: left; width: 206px; height: 36px;}
.header .logo2{ float: left;height: 29px; padding: 5px 0 0 10px;}
.header .header_right{ float: right;}
.header .header_right > div{ float: left; }
.header .top_wx,.header .top_tj,.header .top_qq{ width: 42px; height: 37px; margin-right: 13px;}
.header .top_wx{ background: url(../images/top_wx.jpg) no-repeat; position: relative; }
.header .top_wx img{ max-width: none; width: 96px; height: 96px; position: absolute; left: 50%; top: 38px; margin-left: -50px; display: none; border: 2px solid #237fd6;}
.header .top_tj{ float: left; background: url(../images/top_tj.jpg) no-repeat; }
.header .top_qq{ float: left; background: url(../images/top_qq.jpg) no-repeat; }

.header .top_tel{ background: url(../images/top_tel.png) no-repeat left center; padding-left: 57px; height: 37px; line-height: 37px; color: #4285f4; font-size: 22px; }


.navbar{ border-top: 1px solid #dcdcdc; height: 48px; font-size: 16px; position: relative;}
.navbar .nav{ width: 1000px; margin: 0 auto; }
.navbar .nav > li{ float: left; width: 10%; text-align: center; position: relative; height: 48px;}
.navbar .nav_pro > li{ width: 16.6%; }

.navbar .nav > li span{ display: block; }
.navbar .nav > li span a{ display: block; padding-top: 13px; }
.navbar .nav > li:hover span a,.navbar .nav .onnav span a{ border-top: 7px solid #4285f4; padding-top: 6px; color: #4285f4;}

.navbar .navslide{ font-size: 14px; width: 178px; background: #fff; position: absolute; left: 50%; margin-left: -89px; top: 48px; line-height: 30px; padding-bottom: 10px; display: none; overflow: hidden;}
.navbar .navslide .img{ padding-top: 10px; color: #4286f5; clear: both;}
.navbar .navslide a{ color: #818181; }
.navbar .navslide a:hover{ color: #4285f4; }

.navbar .nav_pro{ position: relative; }
.navbar .nav_pro #nav2{ position: static; }
.navbar .nav_pro #nav2 .navslide{ width: 980px; left: 0; top: 48px; margin: 0; padding-bottom: 0;}
.navbar .nav_pro #nav2 .navslide .ul{ padding: 20px 20px 10px;}
.navbar .nav_pro #nav2 .navslide div{ float: left; width: 15%; }
.navbar .nav_pro #nav2 .navslide .ul > li{ overflow: hidden; border-bottom: 1px solid #4285f4; padding: 10px 0;}
.navbar .nav_pro #nav2 .navslide .ul > li:last-child{ border-bottom: none; }
.navbar .nav_pro #nav2 .navslide div a{ font-size: 18px; font-weight: bold; color: #4285f4; }
.navbar .nav_pro #nav2 .navslide .nav_menu{ overflow: hidden; float: right; width: 85%;}
.navbar .nav_pro #nav2 .navslide .nav_menu li{ float: left; margin: 0 10px; border-bottom: none;}


.Bottomer{ border-top: 10px solid #335df4; background: #252525; color: #fff;}
.Bottomer a{ color: #fff; }
.footer{ width: 980px; margin: 0 auto; padding: 30px 0; font-weight: bold;}
.footer .div{ float: left; width: 24%; font-size: 15px;}
.footer .div .title{ font-size: 16px; font-weight: bold; width: 92px; border-bottom: 1px solid #fff; padding-bottom: 10px; margin-bottom: 20px;}
.footer .div li{ padding-bottom: 12px; }

.footer .div1{ padding-top: 40px; width: 28%;}

.footer .div4{ text-align: center; }
.footer .div4 > div{ padding: 5px 0; line-height: 32px; }
.footer .div4 .footer_ewm img{ background: #fff; border-radius: 10px; width: 142px;}



.copyright{ border-top: 1px solid #5c5c5c; clear: both; text-align: center; padding: 10px 0; line-height: 30px;}




.Banner{ height: 400px; position: relative; z-index: 1;}
.Banner .bd li{ height: 400px; width: 100%; }

.Banner .hd{ position: absolute; left: 0; bottom: 5px; width: 100%; text-align: center; }
.Banner .hd li{ display: inline-block; width: 36px; margin: 0 8px; height: 8px; background: #395cf3; cursor: pointer;}
.Banner .hd li.on{ background: #ce9d37; }

.info-banner{ height: 400px; position: relative; z-index: 1;}
.info-banner .bd,.info-banner .bd ul{ height: 100%; }
.info-banner .bd li{ height: 100%; width: 100%; }

.info-banner .hd{ position: absolute; left: 0; bottom: 22px; width: 100%; text-align: center; }
.info-banner .hd li{ display: inline-block; width: 36px; margin: 8px; height: 8px; background: #395cf3; cursor: pointer;}
.info-banner .hd li.on{ background: #ce9d37; }
.info-banner .btn{ width: 138px; height: 36px; background: url(../images/banner_btn.png); display: block; position: absolute; top: 340px; left: 430px;}

.news-banner{ height: 400px; }


.home_about{ border-bottom: 1px solid #686868; position: relative; }
.home_about .center{ width: 980px; margin: 0 auto; padding: 30px 0 20px; }
.home_about li{ float: left; width: 25%; text-align: center; font-size: 16px;}
.home_about .num{ font-size: 40px; font-weight: bold; color: #ff9600; line-height: 40px; padding-bottom: 10px; font-family: Impact;}
.home_about .blue .num{ color: #4285f4; }
.home_about .img{ position: absolute; left: 50%; margin-left: -142px; bottom: -3px; }


.home_probg{ padding: 30px 0 40px; background: #f1f1f5;}
.home_probg .pro_btn{ text-align: center; padding-top: 40px;}
.home_probg .pro_btn a{ display: inline-block; width: 200px; height: 59px; background: url(../images/home_pro_btn.png) no-repeat; }
.home_probg .title-txt{ text-align: center; font-size: 26px; padding-bottom: 30px; }
.home_pro{ width: 1074px; margin: 0 auto; position: relative; }
.home_pro .bd{ overflow: hidden; }
.home_pro .li1,.home_pro .li2{ float: left; width: 280px; }
.home_pro .box{ width: 232px; background: #fff; border: 1px solid #e1e1e2; height: 385px;}
.home_pro .box .t{ text-align: center; width: 150px; margin: 0 auto; height: 55px; line-height: 55px; font-size: 19px; border-bottom: 2px solid #e6e6e6; color: #4285f4; font-weight: bold;}
.home_pro .box .t img{ float: left; }
.home_pro .box .txt{ height: 74px; padding-top: 14px; line-height: 20px; text-align: center; }
.home_pro .box .list li{ position: relative; border: 1px solid #e1e1e2; left: -1px; width: 232px; height: 54px; line-height: 54px; font-size: 16px; transition: all 300ms; -webkit-transition: all 300ms;}
.home_pro .box .list li a{ display: block; padding-left: 99px; }
.home_pro .box .list li.li4{ top: -1px; }
.home_pro .box .list li.li5{ top: -2px; }
.home_pro .box .list li.li6{ top: -3px; }
.home_pro .box .list1 li a{ background-image: url(../images/home_pro_11.png); background-repeat: no-repeat; }
.home_pro .box .list2 li a{ background-image: url(../images/home_pro_2.png); background-repeat: no-repeat; }
.home_pro .box .list3 li a{ background-image: url(../images/home_pro_33.png); background-repeat: no-repeat; }
.home_pro .box .list4 li a{ background-image: url(../images/home_pro_44.png); background-repeat: no-repeat; }
.home_pro .box .list5 li a{ background-image: url(../images/home_pro_5.png); background-repeat: no-repeat; }
.home_pro .box .list .li3 a{ background-position: left top; }
.home_pro .box .list .li4 a{ background-position: left -54px; }
.home_pro .box .list .li5 a{ background-position: left -108px; }
.home_pro .box .list .li6 a{ background-position: left -162px; }
.home_pro .box .list .on{ padding: 10px 0; background: #f1f1f5; border: 1px solid #558fef; z-index: 3;}
.home_pro .li2 .box .t{ color: #ff9600; }
.home_pro .li2 .box .list .on{ border-color: #ff9600; }
.home_pro .prev,.home_pro .next{ position: absolute; top: 50%; width: 25px; height: 43px; margin-top: -21.5px;}
.home_pro .prev{ left: -66px; background: url(../images/home_pro_prev.png) no-repeat;}
.home_pro .next{ right: -66px; background: url(../images/home_pro_next.png) no-repeat;}


/*
.home_pro .title{ text-align: center; padding-bottom: 40px;}
.home_pro .list{ width: 981px; margin: 0 auto; border:1px solid #d1d4d8; border-right: none;}
.home_pro .list ul{ width: 100%; }
.home_pro .list .li{ float: left; width: 20%; border-right: 1px solid #d1d4d8; height: 146px; box-sizing: border-box;}
.home_pro .list .li .img{ text-indent: -999999999px; width: 100%; height: 146px; cursor: pointer; background-repeat: no-repeat; background-position: center top;}
.home_pro .list .li:hover,.home_pro .list .li.on{ background: url(../images/home_probg.jpg) repeat center center; }
.home_pro .list .li:hover .img,.home_pro .list .li.on .img{ background-position: center bottom; }

.home_pro .list .li1 .img{ background-image: url(../images/home_pro1.png); }
.home_pro .list .li2 .img{ background-image: url(../images/home_pro2.png); }
.home_pro .list .li3 .img{ background-image: url(../images/home_pro3.png); }
.home_pro .list .li4 .img{ background-image: url(../images/home_pro4.png); }
.home_pro .list .li5 .img{ background-image: url(../images/home_pro5.png); }


.home_pro .conter.on{ display: block; }
.home_pro .conter{ width: 980px; margin: 0 auto; padding-top: 40px; display: none;}
.home_pro .conter > div{ float: left; }
.home_pro .left{ width: 250px; padding: 0 26px 0 54px; height: 195px; background: url(../images/home_pro1.jpg) no-repeat 12px top; font-size: 20px; line-height: 55px;}
.home_pro .cen{ width: 100px; height: 195px; background: url(../images/home_pro2.jpg) no-repeat center center;}
.home_pro .right{ width: 540px; padding-left: 10px; text-align: center;}
.home_pro .right li{ float: left; width: 180px; height: 60px;}
.home_pro .right li a{ display: block; width: 180px; height: 60px; margin: 0;}

.home_pro .right .pro_sj li{ background: url(../images/pro_sj.jpg) no-repeat; }
.home_pro .right .pro_xxl li{ background: url(../images/pro_xxl.jpg) no-repeat; }
.home_pro .right .pro_ss li{ background: url(../images/pro_ss.jpg) no-repeat; }
.home_pro .right .pro_sp li{ background: url(../images/pro_sp.jpg) no-repeat; }
.home_pro .right .pro_hw li{ background: url(../images/pro_hw.jpg) no-repeat; }

.home_pro .right li.pro_weixin{ background-position: 0 0; }
.home_pro .right li.pro_linked{ background-position: 0 -60px; }
.home_pro .right li.pro_weibo{ background-position: 0 -120px; }
.home_pro .right li.pro_momo{ background-position: 0 -180px; }
.home_pro .right li.pro_gdt{ background-position: 0 -240px; }
.home_pro .right li.pro_pyq{ background-position: 0 -300px; }

.home_pro .right li.pro_qtt{ background-position: 0 -360px; }
.home_pro .right li.pro_uctt{ background-position: 0 -240px; }
.home_pro .right li.pro_fenghuang{ background-position: 0 -180px; }
.home_pro .right li.pro_jrtt{ background-position: 0 -300px; }
.home_pro .right li.pro_meitu{ background-position: 0 -120px; }
.home_pro .right li.pro_shhs{ background-position: 0 -60px; }
.home_pro .right li.pro_xlfy{ background-position: 0 0px; }

.home_pro .right li.pro_shenma{ background-position: 0 -180px; }
.home_pro .right li.pro_google{ background-position: 0 0; }
.home_pro .right li.pro_sougouss{ background-position: 0 -60px; }
.home_pro .right li.pro_biying{ background-position: 0 -120px; }

.home_pro .right li.pro_douyin{ background-position: 0 -180px; }
.home_pro .right li.pro_youtube{ background-position: 0 -60px; }
.home_pro .right li.pro_aiqiyi{ background-position: 0 0; }
.home_pro .right li.pro_kuaishou{ background-position: 0 -120px; }

.home_pro .right li.pro_guge{ background-position: 0 0; }
.home_pro .right li.pro_yahu{ background-position: 0 -180px; }
.home_pro .right li.pro_Youtube{ background-position: 0 -60px; }
.home_pro .right li.pro_Biying{ background-position: 0 -120px; }

.home_pro .right a{ display: inline-block; margin-top: 15px;}
*/




/*.home_server{ height: 570px; background: url(../images/home_server.jpg) no-repeat center top; }
.home_server ul{ width: 1040px; margin: 0 auto; }
.home_server ul li{ float: left; width: 25%; height: 359px; background-position: center center; background-repeat: no-repeat; text-align: center; box-sizing: border-box;}
.home_server .img{ padding: 50px 0 3px; }
.home_server .title{ font-size: 20px; font-weight: bold; color: #4286f5; line-height: 30px;}
.home_server .txt{ text-align: left; padding: 10px 0 0 60px; font-size: 14px; line-height: 26px;}

.home_server .li1{ background-image: url(../images/server_1.png); }
.home_server .li2{ background-image: url(../images/server_2.png); }
.home_server .li3{ background-image: url(../images/server_3.png); }
.home_server .li4{ background-image: url(../images/server_4.png); }
*/

.home_server{ width: 1068px; margin: 0 auto; padding-bottom: 50px;}
.home_server ul{ padding-top: 40px; }
.home_server li{ float: left; width: 233px; border: 2px solid #4285f4; border-radius: 30px; overflow: hidden; margin: 0 15px; text-align: center; padding-top: 15px; height: 322px; position: relative;}
.home_server .title{ color: #4286f5; padding: 20px 0; font-size: 18px; }
.home_server .txt{ font-size: 16px; line-height: 30px; }
.home_server .num{ position: absolute; right: 0; bottom: 0; }



.home_case{ background: #eee; text-align: center; padding: 30px 0; }
.home_case .title{ padding-bottom: 30px; }
.home_case ul{ width: 980px; margin: 0 auto; }
.home_case li{ float: left; width: 163px; margin-bottom: 8px;}
.home_case .pro_btn{ text-align: center; padding-top: 40px;}
.home_case .pro_btn a{ display: inline-block; width: 200px; height: 59px; background: url(../images/home_server_btn.png) no-repeat; }



.home_news{ padding: 30px 0; width: 980px; margin: 0 auto;}
.home_news .title{ text-align: center; padding-bottom: 30px; position: relative;}
.home_news .title .hr{ width: 1px; height: 298px; background: url(../images/news_bg.jpg) no-repeat; position: absolute; top: 80px;}
.home_news .title .hr1{ left: 310px; }
.home_news .title .hr2{ left: 666px; }
.home_news .li{ float: left; width: 274px; }
.home_news .li2{ margin: 0 79px; }

.home_news .li li{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 20px 0 12px; border-bottom: 1px solid #a7c6fa;}
.home_news .li li.last{ border-bottom: none; text-align: right; }
.home_news .li li.last a{ color: #1482FF; }


.home_par{ text-align: center; padding: 30px 0;}
.home_par .title{ padding-bottom: 20px; }
.home_par .list{ width: 930px; margin: 0 auto; position: relative; height: 59px;}
.home_par .list li{ float: left; width: 143px; height: 57px; border: 1px solid #918f8f; margin: 0 5px;}
.home_par .list .prev,.home_par .list .next{ position: absolute; top: 50%; margin-top: -18px; width: 35px; height: 35px; }
.home_par .list .prev{ left: -67px; background: url(../images/parter_prev.jpg) no-repeat;}
.home_par .list .next{ right: -67px; background: url(../images/parter_next.jpg) no-repeat;}



.MenuList{ border-bottom: 1px solid #8d8d8d; margin-bottom: 30px; text-align: center;}
.MenuList ul{ width: 980px; margin: 0 auto; }
.MenuList li{ float: left; width: 20%; text-align: center; background: url(../images/menu_bg.jpg) no-repeat right center; position: relative;}
.MenuList li:last-child{ background: none; }
.MenuList li a{ display: block; padding: 30px 0; line-height: 52px; font-size: 22px; color: #afafaf;}
.MenuList li a img{ padding-right: 10px; }
.MenuList li i{ display: block; width: 100%; height: 6px; background: url(../images/menu.jpg) no-repeat center center; position: absolute; left: 0; bottom: -4px; display: none;}
.MenuList li:hover i,.MenuList li.onmenu i{ display: block; }

.MenuList2 li{ width: 33.33%; }
.MenuList2 li a{ line-height: 56px; }
.MenuList2 li i{ width: 240px; left: 50%; margin-left: -120px; }

.MenuList_about li{ float: none; display: inline-block; width: auto; margin-left: -4px;}
.MenuList_about li a{ padding: 30px 19px; }

.MenuList_jobs li a{ position: relative; }
.MenuList_jobs li a span{ position: absolute; font-size: 14px; bottom: 0; width: 100%; left: 0; }

.MenuList_case li{ width: 50%; }




.intro-title{ padding: 30px 0; text-align: center; font-size: 30px; line-height: 54px; color: #fff; }
.intro-title2{ color: #5f5d5b; }
.intro-title img{ margin-right: 20px; }
.intro-sjgg{ background:url(../images/intro-sjggbg.jpg) no-repeat center top; }
.intro-xxlgg{ background:url(../images/intro-xxlggbg.jpg) no-repeat center top; }
.intro-ssgg{ background:url(../images/intro-ssggbg.jpg) no-repeat center top; }
.intro-spgg{ background:url(../images/intro-spggbg.jpg) no-repeat center top; }
.intro-hwgg{ background:url(../images/intro-hwggbg.jpg) no-repeat center top; }

.intro-gg .list{ width: 980px; margin: 0 auto; padding-top: 60px;}
.intro-gg .list li{ float: left; width: 390px; height: 120px; padding: 50px 20px 0; background: #fff; border-radius: 10px; position: relative; box-shadow: 0 0 32px rgba(52,92,243,0.8); margin: 0 30px 70px;}
.intro-gg .list .logo{ position: absolute; left: 55px; top: -60px; border-radius: 50%; overflow: hidden; border: 1px solid #d6d6d6; }
.intro-gg .list .txt{ color: #5f5d5b; font-size: 16px; line-height: 30px; }


.info-casebg{ background: #f2f2f2; }
.info-case .list{ overflow: hidden; width: 1128px; margin: 0 auto; padding-bottom: 20px;}
.info-case .list li{ float: left; width: 166px; height: 120px; margin: 0 10px 30px; border: 1px solid #c5c5c5;}

.info-case.info-sjgglogo .list li{ background: url(../images/hudong/case_logo.jpg) no-repeat left top;}
.info-case.info-xxlgglogo .list li{ background:url(../images/zsad/case_logo.jpg) no-repeat center top; }
.info-case.info-ssgglogo .list li{ background:url(../images/jingzhun/case_logo.jpg) no-repeat center top; }
.info-case.info-spgglogo .list li{ background:url(../images/video/case_logo.jpg) no-repeat center top; }
.info-case.info-hwgglogo .list li{ background:url(../images/mobile/case_logo.jpg) no-repeat center top; }

.info-case .list li.li2{ background-position: 0 -120px; }
.info-case .list li.li3{ background-position: 0 -240px; }
.info-case .list li.li4{ background-position: 0 -360px; }
.info-case .list li.li5{ background-position: 0 -480px; }
.info-case .list li.li6{ background-position: 0 -600px; }
.info-case .list li.li7{ background-position: 0 -720px; }
.info-case .list li.li8{ background-position: 0 -840px; }
.info-case .list li.li9{ background-position: 0 -960px; }
.info-case .list li.li10{ background-position: 0 -1080px; }
.info-case .list li.li11{ background-position: 0 -1200px; }
.info-case .list li.li12{ background-position: 0 -1320px; }


.info-news{ width: 980px; margin: 0 auto; padding-bottom: 20px;}
.info-news li{ float: left; width: 450px; margin: 0 20px 10px; font-size: 16px; border-bottom: 1px solid #4285f4;}
.info-news li a{  display: block; padding-bottom: 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}



.prosub_cont{ margin: 30px auto; width: 980px; position: relative;}
.prosub_cont a{ margin-left:124px;}
.prosub_cont .btn{ text-indent: -9000em; overflow: hidden; margin:0; width: 185px; height: 54px; position: absolute; right: 0; bottom: 0;}
.prosub_cont .title{ width: 100%; font: 22px/30px "微软雅黑"; color: #0054A7;}
.prosub_cont .text{ font: 16px/27px "微软雅黑"; margin: 20px 0 10px;}
.prosub_cont img{ margin: 12px 0 0;}
/*.prosub_cont a{ background: none; text-indent: -999px; overflow: hidden; margin: 0; width: 185px; height: 54px; position: absolute; right: 0; bottom: 0;}
.prosub_cont a:hover{ color: #00a7ff;}*/


.prosub_fixed{ position: fixed; left: 0; bottom: 0; width: 100%; background: rgba(51,51,51,0.87); z-index: 33; display: none;}
.prosub_fixed div{ width: 1204px; margin: 0 auto; position: relative; }
.prosub_fixed div a{ display: block; width: 199px; height: 38px; position: absolute; top: 13px; right: 87px; }



.news_list{ width: 980px; margin: 0 auto; }
.news_list li{ overflow: hidden; border-bottom: 1px solid #d6d6d6; padding: 15px 0;}

.news_list li .left{ width: 294px; float: left; height: 200px; overflow: hidden;}
.news_list li .left img{ width: 294px;}

.news_list li .right{ width: 640px; float: right; }
.news_list .right .title{ font-size: 24px; color: #333;}
.news_list .right .title span{ font-size: 14px; float: right; padding-left: 10px;}
.news_list .right .txt{ font-size: 16px; padding: 25px 0; line-height: 24px; word-wrap : break-word;}
.news_list .right .more{ float: right; font-size: 20px; width: 134px; height: 48px; text-align: center; line-height: 48px; background: #4285f4; color: #fff;}


.hyal_list{ width: 1167px; margin: 0 auto; overflow: hidden;}
.hyal_list li{ float: left; width: 337px; border: 1px solid #d2d2d2; margin: 0 25px 50px; transition: all 300ms; -webkit-transition:all 300ms;}
.hyal_list li:hover{ border-color: #0fb0fc; }

.hyal_list_title{ font-size: 32px; line-height: 32px; text-align: center; padding: 20px 0;}

.hyal_list .link{ display: block; width: 124px; height: 39px; line-height: 39px; margin: 0 auto 30px; color: #4285f4; border: 1px solid #4285f4; border-radius: 3px; transition: all 300ms; -webkit-transition: all 300ms; clear: both; text-align: center;}
.hyal_list .link:hover{ color: #fff; background: #4285f4; }


.hyal_info{ font-family: "微软雅黑"; font-size: 16px; line-height: 2em; text-align: justify;}
.hyal_info .title{}



.ttsxy{ width: 1200px; }
.ttsxy .left_con{ width: 780px; float: left; }
.ttsxy li .left{ width: 227px; }
.ttsxy li .right{ width: 490px; padding: 10px 30px 0 0; }
.ttsxy .right .time{ font-size: 14px; }
.ttsxy .right .txt{ padding: 10px 0; }
.ttsxy .right .more{ font-size: 14px; height: 28px; line-height: 28px; width: 76px; }

.ttsxy .right_con{ width: 380px; float: right; }
.ttsxy .yxpro .title{ height: 25px; line-height: 25px; padding-left: 18px; font-size: 24px; color: #5f5d5b; position: relative;}
.ttsxy .yxpro .title span{ display: block; width: 3px; height: 25px; position: absolute; left: 0; top: 0; background: #05c5fe; }
.ttsxy .yxpro .box{ margin-top: 45px; border: 2px solid #dcdcdc; position: relative; padding: 15px 10px;}
.ttsxy .yxpro .box .name{ color: #1296db; font-size: 18px; }
.ttsxy .yxpro .box .txt{ padding-top: 5px; }
.ttsxy .yxpro .box .img{ position: absolute; right: 30px; top: -34px; border-radius: 50%; border: 2px solid #dcdcdc; overflow: hidden; }



.ttsxy_info .location{ border-bottom: 1px dashed #dcdcdc; margin: 25px 0; }

.ttsxy_info{ width: 1200px !important; }
.ttsxy_info .info_content{ max-width: none !important; }
.ttsxy_info .left_con{ width: 760px; float: left; border: 1px solid #7d7d7d; padding: 30px 25px;}
.ttsxy_info .right_con{ width: 348px; float: right; }
.ttsxy_info .right_con .title{ height: 25px; line-height: 25px; padding-left: 18px; font-size: 24px; color: #5f5d5b; position: relative;}
.ttsxy_info .right_con .title span{ display: block; width: 3px; height: 25px; position: absolute; left: 0; top: 0; background: #05c5fe; }




.more_pro{ margin-top: 20px; padding: 30px 20px 20px; box-shadow: 0px 0px 17px rgba(0,0,0,0.2);}
.more_pro .list{ overflow: hidden; padding-top: 20px; text-align: center;}
.more_pro .list a{ display: inline-block; border: 1px solid #959595; width: 94px; height: 22px; line-height: 22px; border-radius: 20px; overflow: hidden; margin: 0 7px 10px;}

.ttsxy_info .more_pro .list a{ margin: 0 1px 10px; }
.ttsxy_info .pro_content{ box-shadow: 0px 0px 17px rgba(0,0,0,0.2); text-align: center;}
.ttsxy_info .pro_content .t{ height: 84px; background: url(../images/ttsxy/bg.jpg) no-repeat center center; position: relative; margin-bottom: 40px;}
.ttsxy_info .pro_content .t .img{ position: absolute; left: 50%; bottom: -40px; background: #fff; padding: 5px; width: 80px; border-radius: 50%; overflow: hidden; background: #fff; margin-left: -45px;}
.ttsxy_info .pro_content .img img{ border: 1px solid #0bc5fe; border-radius: 50%; overflow: hidden; }
.ttsxy_info .pro_content .name{ color: #1296db; font-size: 18px; line-height: 45px; }
.ttsxy_info .pro_content .txt{ text-align: left; padding: 0 23px; line-height: 25px; }
.ttsxy_info .pro_content .more{ display: inline-block; width: 105px; height: 28px; line-height: 28px; color: #fff; background: #adadad; margin: 10px 0; transition: all 300ms; -webkit-transition: all 300ms;}
.ttsxy_info .pro_content .more:hover{ background: #1f8af8; }
.ttsxy_info .pro_content .zx_swt{ display: inline-block; color: #fff; font-size: 18px; font-weight: bold; background: url(../images/ttsxy/bg.jpg) no-repeat center center; border-radius: 20px; overflow: hidden; width: 169px; height: 32px; line-height: 32px; }
.ttsxy_info .pro_content .tel{ display: inline-block; padding-left: 26px; color: #1f8af8; background: url(../images/ttsxy/9.jpg) no-repeat left center; height: 20px; line-height: 20px; margin: 13px 0; }



.contact{ width: 980px; margin: 0 auto; }

.contact_add{ border-bottom: 1px dashed #b6b6b6; }
.contact_add .td1{ padding: 30px 0; }
.contact_add .td2{ padding-left: 40px; font-size: 18px; line-height: 36px; }
.contact_add .td2 .icon{ display: inline-block; width: 19px; height: 24px; background: url(../images/icon.png) no-repeat; cursor: pointer; vertical-align: middle; margin-left: 5px; }

.contact_tel table{ width: 100%; }
.contact_tel td{ width: 33.33%; padding: 50px 0; color: #4185f3; font-size: 24px; line-height: 40px;}
.contact_tel td img{ padding-bottom: 20px; }

.contact_yhzh{ padding-bottom: 30px; overflow: hidden; width: 1200px; margin-left: -110px;}
.contact_yhzh li{ float: left; width: 368px; margin: 0 15px; border: 1px solid #0985e6; text-align: center; height: 413px; border-radius: 5px;}
.contact_yhzh .name{ font-size: 30px; line-height: 38px; height: 38px; color: #4185f3; margin-top:30px; background: url(../images/contact/8.jpg) no-repeat center center; }
.contact_yhzh .text{ text-align: left; line-height: 25px;}
.contact_yhzh .t{ font-size: 16px; font-weight: bold; color: #4185f3; padding: 10px 0 13px; }
.contact_yhzh b{ font-size: 16px; }
.contact_yhzh .li1 .text{ padding: 0 60px; }
.contact_yhzh .li2 .text{ padding: 0 30px; }
.contact_yhzh .li3 .text{ padding: 0 15px; }



.contact_online{ padding-bottom: 50px; background: #eee; }
.contact_online .txt{ font-size: 18px; line-height: 36px; text-align: center; padding-bottom: 20px;}
.contact_online .box{ width: 980px; margin: 0 auto; overflow: hidden; padding-top: 40px; border-top: 1px solid #bfbfbf;}
.contact_online .text{ background: #eee; border: 1px solid #bfbfbf; height: 48px; line-height: 48px; padding: 0 20px 0 60px; font-size: 16px; background: url(../images/contact/7.jpg) no-repeat 14px 0; margin:0 40px 30px 0; width: 388px;}
.contact_online .text2{ background-position: 14px -48px; }
.contact_online .text3{ background-position: 14px -96px; }
.contact_online .text4{ background-position: 14px -144px; }
.contact_online .btn{ display: block; text-align: center; font-size: 24px; color: #fff; background: #4285f4; line-height: 50px; width: 500px; margin: 0 auto; }



.about-title{ padding: 30px 0; text-align: center; font-size: 30px; line-height: 54px; color: #fff; }
.about-title2{ color: #5f5d5b; }
.about-title img{ margin-right: 20px; }


.about{ width: 1080px; margin: 0 auto; font-size:16px;line-height:180%}
.about_1{ position: relative; z-index: 3; }
.about_1 .con1{ position: relative; height: 388px;}
.about_1 .con1 .left{ float: left; width: 535px; position: relative; z-index: 2; position: absolute; left: 0; top: 0;}
.about_1 .con1 .left .text{ width: 590px; padding: 25px; box-shadow: -3px 5px 15px rgba(52,92,243,0.2); background: #fff;}

.about_1 .con1 .right{ float: right; width: 600px; position: relative; z-index: 2; top: 50px;}
.about_1 .con1 .right img{ width: 545px; }

.about_1 .con2{ padding: 15px 0 20px;}

.about_2{ position: relative; padding-bottom: 20px;}
.about_2 .text{ padding-top: 20px; float: left; width: 578px; border-top: 1px solid #4285f4; position: relative; z-index: 2;}
.about_2 .img{ width: 564px; position: absolute; right: -60px; top: -70px;}


.about_hr{ width: 7px; height: 110px; background: #4285f4; position: absolute; }

.about_1 .about_hr{ right: -20px; top: 223px; }
.about_2 .about_hr{ left: -20px; top: 400px; }


.about_3{ text-align: center; padding-bottom: 40px;}
.about_3 ul{ padding-top: 20px; }
.about_3 li{ float: left; width: 190px; background: #fff; margin: 0 38px; height: 105px; border: 2px solid #4185f3; font-size: 14px; padding-top: 35px; position: relative; border-radius: 20px; }
.about_3 li img{ border-radius: 50%; border: 2px solid #4185f3; position: absolute; left: 50%; top: -30px; margin-left: -30px;}
.about_3 li .title{ font-size: 24px; color: #4285f4; padding: 0 0 10px; }
.about_3 li .txt{ line-height: 22px; }
.about_3 .img{ padding: 40px 0 60px;  }
.about_3 .img img{ max-width: 600px; }


.about_4 .txt1{ text-align: center; font-size: 28px; color: #4185f3; }
.about_4 .txt2{ text-align: center; padding: 100px 0 40px; }
.about_4 .con1{ padding-bottom: 20px; }
.about_4 .con1 li{ float: left; width: 470px; text-align: center; margin: 0 18px; border: 2px solid #a0c2f9; border-radius: 20px; padding: 15px 15px 5px; position: relative;}

.about_4 .con1 .li1{ position: relative; }
.about_4 .con1 .li1 img{ height: 388px; width: 100%; }
.about_4 .con1 .li1 .text{ position: absolute; left: 50%; bottom: 20px; width: 280px; height: 166px; background: #fff; margin-left: -140px;}
.about_4 .con1 li .title{ color: #4185f3; font-size: 28px; position: absolute; left: 0; top: -14px; width: 100%;}
.about_4 .con1 li .title span{ background: #fff; display: inline-block; position: relative; height: 28px; line-height: 28px; padding: 0 20px;}
.about_4 .con1 li .title i{ display: inline-block; width: 10px; background: #a0c2f9; height: 10px; position: absolute; top: 9px; border-radius: 50%;}
.about_4 .con1 li .title i.i1{ left: 0; }
.about_4 .con1 li .title i.i2{ right: 0; }
/*.about_4 .con1 li .txt{ text-align: center; padding: 10px 20px;}

.about_4 .con1 .li2{ margin: 0 3.5%; }*/
.about_4 .con1 li .text{ }
.about_4 .con1 li video{ width: 100%; height: 279px; }
.about_4 .con1 li .txt{ padding: 10px 60px; }

/*.about_4 .con1 .li3 video{ width: 100%; height: 279px; }
.about_4 .con1 .li3 .txt{ padding: 10px 60px; }*/

.about_4 .con2 .left{ width: 460px; float: left; text-align: center;}
.about_4 .con2 .left video{ width: 100%; height: 260px; }
.about_4 .con2 .right{ float: right; width: 570px; position: relative; margin-top: 11px;}
.about_4 .right .hr{ position: absolute; z-index: 2; left: 11px; top: 0; width: 3px; height: 410px; background: #4185f3;}
.about_4 .right ul{ position: relative; z-index: 3 }
.about_4 .right li{ padding-left: 40px; font-size: 18px;}
.about_4 .right .title{ color: #4185f3; font-size: 30px; position: relative;}
.about_4 .right .txt{ padding: 10px 0 70px; }
.about_4 .right .title .on{ position: absolute; left: -40px; top: 0; width: 20px; height: 20px; background: #fff; border-radius: 50%; border: 3px solid #4185f3; }


.about_5{ background: #eee; text-align: center; padding-bottom: 50px;}
.about_5 .txt1{ font-size: 28px; color: #4185f3; line-height: 34px; padding-bottom: 30px;}
.about_5 .txt2{ font-size: 30px; font-weight: bold; }
.about_5 .txt3{ margin: 50px 0; height: 1px; background: #4285f4; position: relative;}
.about_5 .txt3 strong{ font-size: 34px; font-weight: bold; position: relative; bottom: 12px; display: inline-block; color: #4285f4; background: #eee; padding: 0 10px;}
.about_5 .new{ border-bottom: 1px solid #4285f4; }
.about_5 li{ float: left; font-size: 16px;}
.about_5 li img{ background: #fff; border-radius: 20px;}
.about_5 li .title{ padding: 10px 0; }
.about_5 .new li{ margin: 0 40px; font-size: 18px; }
.about_5 .new li img{ width: 180px; }

.about_5 .old{ padding: 40px 0 20px; width: 900px; margin: 0 auto;}
.about_5 .old li{ width: 25%;}
.about_5 .old li .img{ padding: 0 20px; }

.about_7{ width: 1108px; margin: 0 auto; overflow: visible; position: relative;}
.about_7 ul{ width: 1108px; float: left; padding-top: 20px; }
.about_7 li{ float: left; height: 270px; width: 515px; border: 2px solid #cce4f0; margin: 0 17px 60px; text-align: center; position: relative; border-radius: 20px; transition: all 300ms; -webkit-transition: all 300ms;}
.about_7 li:hover{ border-color: #4285f4; }
.about_7 .t{ width: 168px; height: 30px; line-height: 30px; text-align: center; background: #d6e3fa; color: #4285f4; border: 2px solid #4285f4; position: absolute; left: 50%; top: -16px; margin-left: -84px; border-radius: 20px; font-size: 18px; font-weight: bold;}
.about_7 .txt{ padding: 40px 0 20px; font-size: 14px; line-height: 24px; color: #5f5d5b; letter-spacing: -1px;}
.about_7 .img{ padding: 0 6px; }
.about_7 .img > div{ position: relative; float: left; margin: 0 7px; }
.about_7 .img .num{ position: absolute; left: 17px; top: -7px; width: 25px; height: 27px; display: block; background: url(../images/jobs/01.png) no-repeat; }
.about_7 .img .num2{ background: url(../images/jobs/02.png) no-repeat; }

.about_7 .prev,.about_7 .next{ position: absolute; top: 50%; width: 25px; height: 43px; margin-top: -21.5px;}
.about_7 .prev{ left: -66px; background: url(../images/home_pro_prev.png) no-repeat;}
.about_7 .next{ right: -66px; background: url(../images/home_pro_next.png) no-repeat;}



.dsj{ width: 1200px; margin: 0 auto; position: relative; }

.dsj_menu{ text-align: center; overflow: hidden;}
.dsj_menu li{ display: inline-block; width: 234px; height: 67px; line-height: 67px; margin-left: -4px; border: 1px solid #d1d4d8; border-right:none; cursor: pointer; font-size: 16px; color: #4185f3; font-weight: bold;}
.dsj_menu li:last-child{ border-right: 1px solid #d1d4d8; }
.dsj_menu li.on{ background: url(../images/dsj/1.jpg) no-repeat; color: #fff;}


.ttry_menu li{ font-size: 30px; margin-left: -5px;}



.dsj_main{ position: relative; margin: 50px 0;}
.dsj_main .ol{ position: relative; z-index: 2; display: none;}
.dsj_main .ol.on{ display: block; }
.dsj_main .hr{ position: absolute; left: 50%; top: 0; height: 100%; width: 1px; background: #4285f4; z-index: 1;}
.dsj_main .hr-bottom{ position: absolute; left: 50%; bottom: 0; height: 23px; width: 23px; background: #4285f4; z-index: 1; margin-left: -11px; border-radius: 50%;}
.dsj_main .ol li{ padding-bottom: 20px; }
.dsj_main .ol .year{ position: relative; font-size: 32px; color: #4185f3; font-weight: bold; line-height: 47px; padding-bottom: 50px; text-align: right; padding-right: 650px;}
.dsj_main .ol .year span{ display: block; position: absolute; top: 0; width: 47px; height: 47px; background: url(../images/dsj/2.jpg) no-repeat; left: 577px;}
.dsj_main .ol .year.left{ padding-left: 650px; padding-right: 0; text-align: left;}
.dsj_main .ol .text{ padding-right: 640px; text-align: right; padding-bottom: 5px;}
.dsj_main .ol .text.left{ padding-left: 640px; padding-right: 0; text-align: left; }
.dsj_main .ol .text .moner{ font-size: 18px; font-weight: bold; padding-bottom: 10px;}



.ttry_main{ width: 1080px; margin: 0 auto; position: relative; }
.ttry_hyry .ttry_hr{ width: 1px; height: 100%; background: #4285f4; position: absolute; left: 13px; top: 0; }
.ttry_hyry .ol{ display: none; position: relative;}
.ttry_hyry .ol.on{ display: block; }
.ttry_hyry .ol .t{ padding-left: 37px; font-size: 32px; color: #4185f3; height: 28px; line-height: 28px; background: url(../images/ttry/time.jpg) no-repeat left center;}
.ttry_hyry .box{ padding: 16px 0 0 40px; text-align: justify; overflow: hidden;}
.ttry_hyry .box .con{ padding: 0 10px 20px; text-align: center; display: inline-block; margin-left: -4px; vertical-align: top; width: 188px;}
.ttry_hyry .box .img{ border: 1px solid #4dabe8; width: 186px; height: 186px; overflow: hidden; border-radius: 50%; position: relative; background: #dcdcdc;}
.ttry_hyry .box .img img{ max-width: 80%; padding-top: 30px;}
.ttry_hyry .box .title{ line-height: 20px; color: #6a6262; font-size: 14px; padding-top: 15px;}
.ttry_hyry .ol li:last-child{ background: #fff; }


.ttry_zfry{ display: none; padding-top: 30px; }
.ttry_zfry li{ float: left; width: 25%; text-align: center; height: 208px; }
.ttry_zfry li .img img{ border: 1px solid #4dabe8;}
.ttry_zfry li .title{ line-height: 20px; color: #6a6262; font-size: 14px; padding-top: 15px;}



.jobs{ margin: 0 auto; width: 980px; padding: 25px 0; }
.jobs .box{ border-bottom: 1px dashed #d6d6d6; padding-bottom: 25px;}
.jobs_name{ color: #4185f3; font-size: 22px; padding-top: 25px;}
.jobs_name span{ font-size: 16px; padding-left: 10px; }
.jobs_city{ padding: 20px 0; font-size: 15px;}
.jobs_city span{ padding: 0 12px; height: 28px; line-height: 28px; background: #f6faff; border: 1px solid #c9dcfc; border-radius: 5px; color: #4185f3; margin-right: 20px; }
.jobs .text{ line-height: 24px; color: #686868; padding-bottom: 20px; }
.jobs .btn{ width: 168px; height: 44px; background: url(../images/jobs/1.png) no-repeat; display: block; margin: 0 auto; }
.hr_tel{ width: 980px; margin: 0 auto; padding: 25px 0 50px; font-size: 18px; line-height: 1.6em; }
.hr_tel h1{ background: url(../images/jobs/2.png) no-repeat left center; padding-left: 57px; height: 40px; line-height: 40px; color: #4285f4; font-size: 22px; font-weight: bold; font-size: 20px;}


.poput_formbg{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 99999; background: rgba(0,0,0,0.5); display: none;}
.poput_form{ position: fixed; width: 770px; height: 440px; background: #fff; left: 50%; top: 50%; margin: -220px 0 0 -385px; z-index: 999999; display: none;}
.poput_form .box{ padding: 20px; }
.poput_form .box .close{ position: absolute; right: -10px; top: -10px; width: 20px; height: 20px; border-radius: 50%; text-align: center; line-height: 20px; color: #fff; background: #4185f3; cursor: pointer;}
.poput_form .title{ text-align: center; color: #000; font-size: 1.5em; padding-bottom: 10px;}
.poput_form .red{ color: red; display: inline-block; vertical-align: middle; }
.poput_form ul{ }
.poput_form li{ float: left; width: 50%; text-align: center; padding: 10px 0;}
.poput_form li input.text{ height: 30px; line-height: 30px; padding: 0 10px;border: 1px solid #ccc; width: 310px; margin-left: 5px;}
.poput_form li .select{ display: inline-block; position: relative; width: 332px; height: 32px; }
.poput_form li .select .text{ margin: 0; cursor: pointer;}
.poput_form li .select span{ width: 0; height: 0; border-width: 5px; border-style: solid; border-color: #ccc transparent transparent transparent; position: absolute; right: 10px; top: 13px;}
.poput_form li .select ul{ position: absolute; left: 0; top: 32px; background: #fff; border: 1px solid #ccc; border-top: none; width: 330px; display: none;}
.poput_form li .select ul li{ height: 32px; padding:0 0 0 5%; cursor: pointer; margin: 0; float: none; text-align: left; line-height: 32px; width: 95%;}
.poput_form li.last{ width: 100%; text-align: left;}
.poput_form .btn{ display: block; width: 150px; height: 40px; text-align: center; line-height: 40px; color: #fff; background: #ff8a00; margin: 0 auto;}


.fuli_menu{ text-align: center; overflow: hidden;}
.fuli_menu li{ display: inline-block; width: 234px; height: 67px; line-height: 67px; border: 1px solid #d1d4d8; border-right:none; cursor: pointer; font-size: 16px; color: #4185f3; font-weight: bold;}
.fuli_menu li:last-child{ border-right: 1px solid #d1d4d8; }
.fuli_menu li.on{ background: url(../images/dsj/1.jpg) no-repeat; color: #fff;}


.fuli_main{ padding: 70px 0; width: 720px; margin: 0 auto;}
.fuli_main > li{ display: none; }
.fuli_main > li.on{ display: block; }
.fuli_main .icon{ width: 7px; height: 7px; display: inline-block; vertical-align: middle; background: url(../images/jobs/4.jpg) no-repeat; }
.fuli_main .border{ width: 96px; height: 27px; display: inline-block; border: 1px solid #a9c7fa; border-radius: 5px; background: #f0f7ff; text-align: center; line-height: 27px; color: #4185f3; font-size: 15px; }
.fuli_main .title{ font-size: 24px; color: #5f5d5b; text-align: center; padding-bottom: 35px; }

.fuli_main > .li1 .li{ padding: 12px 0; }
.fuli_main > .li1 .border{ margin: 0 10px; }

.fuli_main > .li3 .list li{ padding-bottom: 20px; overflow: hidden;}
.fuli_main > .li3 .img{ float: left; }
.fuli_main > .li3 .r{ float: right; width: 530px; }
.fuli_main > .li3 .r .border{ margin-left: 11px; max-width: none; width: auto; padding: 0 16px; }
.fuli_main > .li3 .r .txt{ padding: 10px 0 0 18px; }

.fuli_main > .li4{ width: 1108px; position: relative; left: 50%; margin-left: -554px; overflow: hidden; }
.fuli_main > .li4{ overflow: visible; }
.fuli_main > .li4 li{ float: left; height: 270px; width: 515px; border: 2px solid #cce4f0; margin: 0 17px 80px; text-align: center; position: relative; border-radius: 20px; transition: all 300ms; -webkit-transition: all 300ms;}
.fuli_main > .li4 li:hover{ border-color: #4285f4; }
.fuli_main > .li4 .t{ width: 168px; height: 30px; line-height: 30px; text-align: center; background: #d6e3fa; color: #4285f4; border: 2px solid #4285f4; position: absolute; left: 50%; top: -16px; margin-left: -84px; border-radius: 20px; font-size: 18px; font-weight: bold;}
.fuli_main > .li4 .txt{ padding: 40px 0 20px; font-size: 14px; line-height: 24px; color: #5f5d5b; letter-spacing: -1px;}
.fuli_main > .li4 .img{ padding: 0 6px; }
.fuli_main > .li4 .img > div{ position: relative; float: left; margin: 0 7px; }
.fuli_main > .li4 .img .num{ position: absolute; left: 17px; top: -7px; width: 25px; height: 27px; display: block; background: url(../images/jobs/01.png) no-repeat; }
.fuli_main > .li4 .img .num2{ background: url(../images/jobs/02.png) no-repeat; }




.newinfo{ margin: 0 auto; width: 980px; padding-bottom: 30px;}
.newinfo .info_title{ font-size: 20px; font-weight: bold; text-align: center; }
.newinfo .info_time{ padding: 20px 0; text-align: center;}
.newinfo .info_content{ padding-bottom: 20px; max-width: 680px; margin: 0 auto; font-size: 16px; line-height: 2em; text-align: justify;}
.newinfo .info_content img{ height: auto !important; }
.newinfo .info_content p{ /*margin-bottom: 20px !important;*/ }

.prev_next > span{ width: 47%; padding: 10px; background: #f8f8f8; }
.prev_next .more{ margin: 0 auto; padding-top: 20px; text-align: center;}
.prev_next .more a{ font-size: 20px; color: #1482FF; }

.newinfo .fl{ float: left; }
.newinfo .fr{ float: right; text-align: right;}

.pagelist{ text-align: center; }
.pagelist span,.pagelist a{ display: inline-block; padding: 0 10px; border: 1px solid #ccc; }
.pagelist .current{ color: #fff; background: #4285f4; }



.case_list{}
.case_list ul{ width: 1128px; margin: 0 auto; }
.case_list li{ float: left; width: 166px; height: 121px; margin: 0 10px 20px; border: 1px solid #c5c5c5; }