body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */ dl, dt, dd, ul, ol, li, /* list elements 列表元素 */ pre, /* text formatting elements 文本格式元素 */ form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */ th, td /* table elements 表格元素 */ { margin: 0; padding: 0; }

a { color: #000 }

a:hover { text-decoration: none; }

ul, ol { list-style: none; }

body, .navbar-fixed-top, .navbar-fixed-bottom { min-width: 1200px; font-family: 'Microsoft YaHei', '宋体', 'lucida Grande', verdana; }

/* Don't let the lead text change font-size. */

.lead { font-size: 16px; }

/* Finesse the page header spacing */

.page-header { margin-bottom: 30px; }

.page-header .lead { margin-bottom: 10px; }

/* Non-responsive overrides

 *

 * Utilize the following CSS to disable the responsive-ness of the container,

 * grid system, and navbar.

 */



/* Reset the container */

.container { width: 1200px; max-width: none !important; margin: 0 auto; }

.container h2 { font-size: 30px; }

.col-xs-4 { float: left; width: 33.3%; }

/* Demonstrate the grids 

.col-xs-4 {padding-top: 15px;padding-bottom: 15px;background-color: #eee;background-color: rgba(86,61,124,.15);border: 1px solid #ddd;border: 1px solid rgba(86,61,124,.2);

}*/



.container .navbar-header, .container .navbar-collapse { margin-right: 0; margin-left: 0; }

/* Always float the navbar header */

.navbar-header { float: left; }

/* Undo the collapsing navbar */

.navbar-collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; visibility: visible !important; }

.navbar-toggle { display: none; }

.navbar-collapse { border-top: 0; }

.navbar-brand { margin-left: -15px; }

/* Always apply the floated nav */

.navbar-nav { float: left; margin: 0; }

.navbar-nav > li { float: left; }

.navbar-nav > li > a { padding: 15px; }

/* Redeclare since we override the float above */

.navbar-nav.navbar-right { float: right; }

/* Undo custom dropdowns */

.navbar .navbar-nav .open .dropdown-menu { position: absolute; float: left; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .15); border-width: 0 1px 1px; border-radius: 0 0 4px 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175); }

.navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #333; }

.navbar .navbar-nav .open .dropdown-menu > li > a:hover, .navbar .navbar-nav .open .dropdown-menu > li > a:focus, .navbar .navbar-nav .open .dropdown-menu > .active > a, .navbar .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar .navbar-nav .open .dropdown-menu > .active > a:focus { color: #fff !important; background-color: #428bca !important; }

.navbar .navbar-nav .open .dropdown-menu > .disabled > a, .navbar .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #999 !important; background-color: transparent !important; }

/* Undo form expansion */

.navbar-form { float: left; width: auto; padding-top: 0; padding-bottom: 0; margin-right: 0; margin-left: 0; border: 0; -webkit-box-shadow: none; box-shadow: none; }

/* Copy-pasted from forms.less since we mixin the .form-inline styles. */

.navbar-form .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; }

.navbar-form .form-control { display: inline-block; width: auto; vertical-align: middle; }

.navbar-form .form-control-static { display: inline-block; }

.navbar-form .input-group { display: inline-table; vertical-align: middle; }

.navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn, .navbar-form .input-group .form-control { width: auto; }

.navbar-form .input-group > .form-control { width: 100%; }

.navbar-form .control-label { margin-bottom: 0; vertical-align: middle; }

.navbar-form .radio, .navbar-form .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; }

.navbar-form .radio label, .navbar-form .checkbox label { padding-left: 0; }

.navbar-form .radio input[type="radio"], .navbar-form .checkbox input[type="checkbox"] { position: relative; margin-left: 0; }

.navbar-form .has-feedback .form-control-feedback { top: 0; }

/* Undo inline form compaction on small screens */

.form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; }

.form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; }

.form-inline .form-control-static { display: inline-block; }

.form-inline .input-group { display: inline-table; vertical-align: middle; }

.form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control { width: auto; }

.form-inline .input-group > .form-control { width: 100%; }

.form-inline .control-label { margin-bottom: 0; vertical-align: middle; }

.form-inline .radio, .form-inline .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; }

.form-inline .radio label, .form-inline .checkbox label { padding-left: 0; }

.form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { position: relative; margin-left: 0; }

.form-inline .has-feedback .form-control-feedback { top: 0; }

.clear { clear: both; }

.top { height: 42px; background-color: #eeeeee; color: #666666; font-size: 14px; }

.top a { color: #666; }

.top01 { line-height: 42px; }

.top02 { line-height: 42px; text-align: right; }

.top03 { padding: 40px 0px; }

.search { height: 30px; width: 500px; height: 50px; border: 2px solid #ff4e00; margin: 0 auto; }

.search input { display: inline-block; border: none; font-size: 15px; }

.search_input { width: 387px; height: 46px; line-height: 36px; padding: 5px 10px; }

.search_sub { background: #ff4e00; width: 105px; height: 46px; font-size: 14px; color: #FFF; float: right; }

.top04 { font-size: 14px; color: #666666; }

.top04 i { font-size: 35px; color: #666666; position: absolute; left: -10px; }

.top04 span { color: #ff4e00; font-size: 33px; font-weight: bold; padding-left: 10px; }

.menu01 { height: 50px; }

.menu01 li { width: 150px; text-align: center; float: left; text-align: center; font-size: 18px; line-height: 50px; }

.menu01 li a { display: block; line-height: 50px; text-decoration: none; }

.menu01_son { position: absolute; display: none; width: 190px; padding: 0 10px; padding-bottom: 10px; background: #FFF; margin-left: -15px; z-index: 999 }

.menu01_son p a { display: block; line-height: 38px; border-bottom: 1px solid #eeeeee; font-size: 14px; }

.menu01 li:hover a { color: #ff4e00 }

.menu01 li:hover p a { color: #000 }

.menu01 li:hover .menu01_son { display: block; }

.menu01 li .menu01_son p:hover a { color: #ff4e00; border-bottom: 1px solid #ff4e00; }

.banner01 { background: url(../images/banner.jpg) no-repeat top center; height: 657px; }

.banner_need { min-height: 450px; width: 340px; padding: 15px 20px; background: url(../images/ico01.png); position: absolute; top: 300px; right: 47px; z-index: 999 }

.banner_need01 { font-size: 18px; color: #FFF; text-align: center; background: none; background: url(../images/ico02.png) no-repeat center center; }

.banner_need02 { text-align: center; font-size: 13px; color: #FFF; margin: 10px 0px; }

.banner_need04 { color: #FFF; text-align: center; line-height: 30px; }

.banner_need03_input { border: none; height: 50px; width: 300px; line-height: 50px; display: block; margin-bottom: 10px; color: #999; font-size: 13px; padding-left: 50px; }

.banner_need03_1 { background: url(../images/ico03.jpg) no-repeat 6px center #FFF; }

.banner_need03_2 { background: url(../images/ico04.jpg) no-repeat 6px center #FFF; }

.banner_need03_3 { background: url(../images/ico05.jpg) no-repeat 6px center #FFF; }

.need_sub { height: 50px; width: 300px; color: #FFF; font-size: 16px; border: none; border-radius: 25px; background-color: #ffa800; font-weight: bold; }

.index_title { padding: 30px 0px; }

.index_title div { text-align: center; font-size: 26px; font-weight: bold; color: #ff4e00; margin-top:

}

.index_title p { text-align: center; text-transform: uppercase; font-size: 12px; color: #0c1729 }

.index_title span { text-align: center; display: block; color: #ff4e00; }

.server { height: 360px; margin-bottom: 30px; overflow: hidden; position: relative; }

.server01 { width: 270px; height: 360px; background: url(../images/s01.jpg) no-repeat center top; margin: 0 auto; /*position: absolute;*/ }

.server02 { width: 270px; height: 360px; background: url(../images/s02.jpg) no-repeat center top; margin: 0 auto; }

.server03 { width: 270px; height: 360px; background: url(../images/s03.jpg) no-repeat center top; margin: 0 auto; }

.server04 { width: 270px; height: 360px; background: url(../images/s04.jpg) no-repeat center top; margin: 0 auto; }

.server05 { width: 270px; height: 360px; background: url(../images/s05.jpg) no-repeat center top; margin: 0 auto; }

.server06 { width: 270px; height: 360px; background: url(../images/s06.jpg) no-repeat center top; margin: 0 auto; }

.server07 { width: 270px; height: 360px; background: url(../images/s07.jpg) no-repeat center top; margin: 0 auto; }

.server08 { width: 270px; height: 360px; background: url(../images/s08.jpg) no-repeat center top; margin: 0 auto; }

.server_hover { width: 270px; display:;

height: 360px; padding: 10px 0px 0px 10px; position: absolute; background: url(../images/ico01.png); top: 370px; left: 55px; }

/*.server_hover:hover{background: url(../images/ico01.png);}

.server_hover:hover .server_body{ border-radius: 5px; outline:1px solid  #f0b196;  }*/



.server_body { width: 250px; height: 340px; border-radius: 5px; outline: 1px solid #f0b196; }

.server_body01 { text-align: center; padding-top: 45px; }

.server_body01 i { font-size: 60px; text-align: center; color: #FFF; }

.server_body02 { text-align: center; }

.server_body03 { text-align: center; font-size: 18px; color: #FFF; margin: 30px 0px; font-size: 13px; color: #FFF; line-height: 20px }

.server_body03 a { font-size: 13px; color: #FFF; line-height: 20px }

.server_body04 { width: 120px; height: 30px; margin: 0px auto; text-align: center; line-height: 30px; color: #FFF; border: 1px solid #FFF; border-radius: 15px; font-size: 13px }

.solutions { background-color: #162b49; }

.solution { height: 600px; z-index: 99; overflow: hidden; }

.solution a:hover { text-decoration: none; }

/*.solution:hover{ background-color: #75bc21 }*/

.solution01 { height: 150px; line-height: 150px; color: #fffffe; font-size: 20px; text-align: center; }

.solution02 { text-align: center; }

.solution03 { text-align: center; margin-top: 40px; margin-bottom: 20px; }

.solution04 { text-align: center; line-height: 23px; color: #FFF; }

.solution05 { display: none; margin: 40px auto; width: 135px; height: 45px; background: #d6ebbd; border-radius: 22px; color: #7fc138; font-size: 20px; text-align: center; line-height: 45px }

.advantage_table { border-collapse: collapse; border: 1px solid #ff4e00; }

.advantage_table tr { border-collapse: collapse; border: 1px solid #ff4e00; }

.advantage_table tr td { border-collapse: collapse; border: 1px solid #ff4e00; vertical-align: top; width: 400px; }

.advantage_left { width: 100px; float: left; text-align: center; padding-top: 60px; }

.advantage_right { width: 160px; float: left; padding-top: 25px; }

.advantage_right p { font-size: 16px; font-weight: bold; margin-bottom: 25px; }

.advantage_right div { font-size: 12px }

.process { height: 700px; background: url(../images/ico08.jpg) no-repeat center top; margin-top: 50px; }

.process01 { text-align: center; margin-bottom: 50px; }

.process_list { width: 276px; height: 397px; border: 1px solid #FFF; }

.process_list01 { width: 120px; height: 30px; background: #FFF; border-radius: 5px; margin: 20px auto; font-size: 16px; font-weight: bold; text-align: center; line-height: 30px; }

.process_list02 { border: 1px solid #FFF; padding: 10px; line-height: 25px; color: #FFF; width: 250px; margin: 20px auto; text-align: center; }

.process_list03 { text-align: center; }

.process_list:hover { border-color: #ff4e00; }

.index_news_title { height: 29px; background: url(../images/ico10.jpg) no-repeat left top; line-height: 29px; border-bottom: 1px solid #ff4e00; padding: 0px 10px; font-size: 16px; color: #FFF; }

.index_news_title span { position: absolute; right: 10px; color: #bfbfbf; font-size: 14px; }

.index_news_ul { margin-top: 10px; }

.index_news_ul li { line-height: 30px; padding: 0px 10px; }

.index_news_ul li a { color: #333; display: block; }

.index_news_ul li a:hover { color: #ff4e00; display: block; }

.index_news_ul li a span { position: absolute; right: 10px; }

.index_product { background-color: #f3f3f3; background: url(../images/index_product.jpg) 100%; margin-top: 40px; padding-bottom: 80px; }

.case_img { border: 1px #e0e0e0 dashed; max-width: 220px; max-height: 300px; cursor: pointer; }

.case_img:hover { border: 1px #ff4e00 dashed; }

.hzhb { height: 564px; background: url(../images/hzhb.jpg) no-repeat center top; }

.hzhb_list { padding-top: 186px }

.hzhb_list li { float: left; margin-right: 40px; width: 270px; height: 100px; margin-bottom: 41px; }

.hzhb_list li img { width: 270px; height: 101px }

.bottom { height: 360px; background-color: #0e1b2d; padding-top: 30px; }

.bottom01 { color: #FFF; float: left; }

.bottom01 ul li a { color: #FFF; line-height: 23px; }

.bottom01 ul li { color: #FFF; padding: 0px 50px; }

.bottom01_title { margin-bottom: 15px; border-right: 1px solid #FFF; }

.bottom01_title a { font-size: 16px; font-weight: 700; }

.bottom02 { float: right; ; }

.bottom03 { color: #CCC; font-size: 18px; margin-top: 90px; }

.bottom03_list { padding-left: 50px; }

.bottom03 i { color: #FFF; font-size: 50px; position: absolute; left: 0; top: -25px; }

.bottom04 { background-color: #0a1421; color: #FFF; font-size: 14px; height: 60px; line-height: 60px; text-align: center; }

.banner_icp { background: url(../images/banner_icp.jpg) no-repeat top center; height: 590px; overflow: hidden; }

.banner_qygs { background: url(../images/banner_qygs.jpg) no-repeat top center; height: 590px; overflow: hidden; }

.banner_idc { background: url(../images/banner_idc.jpg) no-repeat top center; height: 590px; overflow: hidden; }

.banner_whjy { background: url(../images/banner_whjy.jpg) no-repeat top center; height: 590px; overflow: hidden; }

.banner_gb { background: url(../images/banner_gb.jpg) no-repeat top center; height: 590px; overflow: hidden; }

.banner_about { background: url(../images/banner_about.jpg) no-repeat top center; height: 590px; overflow: hidden; }

.about_gsjj_t { width: 363px; height: 130px; margin: 0 auto; background: #dcdcdc; padding: 25px 15px; text-align: center; font-size: 30px; margin-top: 50px; }

.about_gsjj_t span { text-transform: uppercase; font-size: 20px; display: block; text-align: center; }

.about_gsjj01 { background: url(../images/ab01.jpg) no-repeat center top; height: 360px; margin-top: 50px; }

.about_gsjj01 p { width: 480px; line-height: 30px; font-size: 16px; margin-left: 50px; }

.about_gsjj02 { background: url(../images/ab02.jpg) no-repeat center top; height: 400px; }

.about_gsjj02 p { padding-left: 800px; padding-top: 150px; font-size: 16px; margin-left: 50px; }

.about_gsjj03 { background: url(../images/ab03.jpg) no-repeat center top; height: 400px; font-size: 16px; background-size: 363px }

.about_gsjj04 { background: url(../images/ab04.jpg) no-repeat center top; height: 400px; font-size: 16px; }

.about_gsjj05 { background: url(../images/ab05.jpg) no-repeat center top; height: 400px; font-size: 16px; }

.c_title { font-size: 24px; padding: 30px; text-align: center; font-family: 'Microsoft Yahei', "微软雅黑"; font-weight: 400; }

.c_title span { text-transform: uppercase; display: inline-block; padding: 0px 15px; font-weight: bold; background: url(../images/ico12.jpg) no-repeat center; margin-right: 15px; }

.c_title02 { font-size: 24px; padding: 30px; font-family: 'Microsoft Yahei', "微软雅黑"; font-weight: 400; }

.c_title02 span { color: #FFF; text-align: center; display: inline-block; padding: 0px 15px; line-height: 72px; width: 72px; font-weight: bold; background: url(../images/c_title02.jpg) no-repeat center; margin-right: 15px; }

.c_title03 { font-size: 24px; padding: 30px; font-family: 'Microsoft Yahei', "微软雅黑"; font-weight: 400; color: #1f86c1; text-align: center; }

.icp01 { background: url(../images/ico13.jpg) no-repeat center top; height: 430px; width: 970px; margin: 0 auto; }

.icp01 ul { padding: 100px 0px 0px 80px }

.icp01 ul li { font-size: 18px; margin-bottom: 30px; }

.icp01 ul li span { width: 50px; height: 50px; line-height: 50px; color: #FFF; text-align: center; font-size: 20px; font-weight: 400; border-radius: 25px; display: inline-block; background-color: #ffd02c }

.c_contact { width: 444px; height: 50px; border: 2px solid #0e83ea; border-radius: 25px; margin: 50px auto; transition: all 0.5s ease 0s; }

.c_contact:hover { width: 500px; }

.c_contact_left { width: 280px; height: 50px; line-height: 50px; text-align: center; float: left; font-size: 16px; }

.c_contact_left span { color: #1081e1; font-size: 16px; font-weight: bold; }

.c_contact_right { width: 160px; height: 48px; text-align: center; float: right; background: #0e83ea; border-radius: 25px; color: #FFF; margin-top: -1px; margin-right: -1px; }

.c_contact_right01 { margin: 0 auto; width: 90px; }

.c_contact_right01 i { font-size: 30px; display: inline-block; float: left; }

.c_contact_right01 span { display: inline-block; margin-top: 11px; float: right; font-size: 14px; }

.xkz { width: 530px; margin-bottom: 30px; }

.xkz_left { float: left; width: 66px; line-height: 50px; }

.xkz_left i { font-size: 40px; float: left; width: 50px; line-height: 50px; color: #115acd; }

.xkz_right { float: left; width: 450px; }

.xkz_right div { font-size: 20px; font-weight: bold; }

.xkz_right p { font-size: 14px; color: #7b7b87; line-height: 23px; }

.who { height: 800px; background: url(../images/ico15.jpg) no-repeat center bottom #f3f3f3; }

.who_c { height: 200px; width: 200px; margin: 0 auto; }

.who_c:hover { border-radius: 100px; height: 200px; width: 200px; margin: 0px auto; border: 1px dashed #0e83ea; }

.who_c:hover .wlwh02_content_list { background: #FFF; border-radius: 90px; }

.who_c:hover .wlwh02_content_list i { color: #0e83ea }

.wlwh02_content_list { height: 180px; width: 180px; margin: 10px auto; }

.wlwh02_content_list div { color: #666; text-align: center; padding-top: 40px }

.wlwh02_content_list div i { font-size: 40px; }

.wlwh02_content_list h3 { color: #666; font-family: 'Adobe 黑体 Std'; font-size: 14px; text-align: center; }

.wlwh02_content_list p { color: #666; font-size: 12px; text-align: center; }

.why_list01 { height: 110px; width: 330px; border: 1px solid #cccccc; }

.why_list01 h3 { font-size: 16px; font-weight: bold; text-align: center; padding: 12px; }

.why_list01 p { font-size: 12px; padding: 0px 30px; text-align: center; color: #7c7d92 }

.how { background: #f1faff; height: 520px; }

.how_c { background: url(../images/ico19.jpg) no-repeat center center; height: 200px; margin-top: 50px; }

.how_list { width: 20%; float: left; }

.how_list h3 { font-size: 14px; width: 200px; text-align: center; line-height: 23px }

.how_list p { width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 20px; background: #e0e9ee; }

.how_list p i { font-size: 20px; color: #6670a1 }

.how_list:hover h3 { font-weight: bold; }

.how_list:hover p { width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 20px; background: #4ac1fb }

.how_list:hover p i { color: #FFF }

.how_list01 { }

.how_list01 h3 { position: relative; top: 75px; left: 55px; }

.how_list01 p { position: relative; top: 125px; left: 150px; }

.how_list02 h3 { position: relative; top: 130px; left: 30px; }

.how_list02 p { position: relative; top: -10px; left: 115px; }

.how_list03 h3 { position: relative; top: -15px; left: 30px; }

.how_list03 p { position: relative; top: 25px; left: 115px; }

.how_list04 h3 { position: relative; top: 140px; left: -10px; }

.how_list04 p { position: relative; top: -10px; left: 60px; }

.how_list05 h3 { position: relative; top: 50px; left: -60px; }

.how_list05 p { position: relative; top: 90px; left: 30px; }

.sqcl_list li { font-size: 14px; height: 70px; margin-bottom: 30px; padding: 20px 0px }

.sqcl_list li span { display: block; width: 70px; height: 70px; border: 1px solid #538ef2; border-radius: 35px; text-align: center; position: absolute; margin-left: -100px; margin-top: -20px; }

.sqcl_list li span i { font-size: 50px; color: #538ef2 }

.sqcl_list li:hover span { background: #538ef2 }

.sqcl_list li:hover span i { color: #FFF }

.sqcl01 { width: 250px; float: left; margin-left: 125px; }

.sqcl02 { text-align: center; padding-top: 30px; float: left; }

.sqcl03 { width: 222px; float: left; margin-left: 150px; }

.zcxy { padding: 30px 0px; background: url(../images/ico23.jpg) no-repeat left 50px #f5f5f5; height: 890px; }

.zcxy_list { padding-left: 160px; }

.zcxy_list p { line-height: 30px; font-size: 16px; font-weight: 500; }

.zcxy_list a { line-height: 30px; font-size: 16px; font-weight: 500; }

.wt_list { height: 270px; background: url(../images/ico33.jpg) no-repeat center top; margin: 30px 0px; }

.wt_list ul li { width: 330px }

.wt_list ul li a { font-size: 14px; color: #464646 }

.wt_list01 { position: relative; left: 80px; top: 5px; text-align: right; }

.wt_list02 { position: relative; left: 780px; top: -15px; }

.wt_list03 { position: relative; left: 70px; top: 50px; }

.wt_list04 { position: relative; left: 780px; top: 30px; }

.wt_list05 { position: relative; left: 70px; top: 129px; }

.wt_list06 { position: relative; left: 780px; top: 90px; }

.fwxm_list { height: 170px; border-bottom: 1px dashed #3383e6; padding: 0px 30px; }

.fwxm_list ul li { width: 222px; height: 170px; float: left; text-align: center; margin-top: 1px; border: 1px dashed #FFF; }

.fwxm_list ul li a { display: block; height: 170px; text-decoration: none; }

.fwxm_list ul li div { padding-top: 25px; }

.fwxm_list ul li div i { font-size: 40px; color: #666 }

.fwxm_list ul li p { font-size: 14px; }

.fwxm_list ul li:hover { border: 1px dashed #3383e6; border-bottom: none; background: #FFF; }

.fwxm_list ul li:hover div i { color: #3383e6; }

.solution-list { position: relative; height: 412px; z-index: 9; width: 1200px; margin: 0 auto; }

.solution-list ul li { float: left; width: 200px; position: relative; height: 412px; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; box-shadow: 0 5px 40px rgba(0,0,0,.5); }

.solution-item-wrapper { width: 200px; height: 412px; }

.lc01 { height: 160px; background: #f8f8f8; padding: 30px 20px; font-size: 20px; color: #2d2d2d }

.lc01 i { font-size: 30px; color: #6ec5a2; }

.lc02 { height: 269px; background: #FFF; padding: 30px 20px; color: #2d2d2d; font-size: 14px; line-height: 30px; }

.active .lc01 { background: #2c85eb; font-size: 20px; color: #FFF; }

.active .lc01 i { font-size: 30px; color: #FFF; }

.active .solution-item-wrapper { position: absolute; z-index: 9; top: -62px; left: -51px; width: 341px; height: 526px; background: #FFF; -webkit-box-shadow: 0 5px 40px rgba(0,0,0,.5); -moz-box-shadow: 0 5px 40px rgba(0,0,0,.5); box-shadow: 0 5px 40px rgba(0,0,0,.5) }

.whowho { height: 710px; padding-top: 50px; }

.whowholist { box-shadow: 0 5px 40px rgba(0,0,0,.5); }

.whowho_c { height: 200px; width: 200px; margin: 0 auto; }

.byx { height: 690px; width: 787px; margin: 0 auto; background: url(../images/ico35.png) no-repeat center top; transition: All 1s ease-in-out; -webkit-transition: All 1s ease-in-out; -moz-transition: All 1s ease-in-out; -o-transition: All 1s ease-in-out; }

.byx:hover { transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); }

.byx ul li { width: 330px; text-align: center; }

.byx ul li a { font-size: 16px; color: #FFF; }

.byx01 { position: relative; left: 220px; top: 100px; }

.byx02 { position: relative; left: 30px; top: 180px; }

.byx03 { position: relative; left: 422px; top: 160px; }

.byx04 { position: relative; left: 29px; top: 355px; }

.byx05 { position: relative; left: 235px; top: 450px; }

.byx06 { position: relative; left: 425px; top: 305px; }

.xkjj { width: 1300px; }

.xkjj ul li { height: 450px; width: 215px; float: left; margin-right: 24px; }

.xkjj01 { height: 230px; border: 1px dashed #2c85eb; border-bottom: none; }

.xkjj02 { width: 70px; position: relative; height: 70px; margin: 0 auto; margin-top: -35px; z-index: 999; border-radius: 35px; border: 1px solid #FFF; background: #2c85eb; color: #FFF; font-size: 25px; line-height: 70px; text-align: center; }

.xkjj03 { background: #2c85eb; height: 218px; margin-top: -35px; position: relative; }

.xkjj04 { width: 130px; height: 130px; background: #f4f5f7; border-radius: 65px; text-align: center; line-height: 130px; margin: 35px auto 0px auto; }

.xkjj04 i { color: #2c85eb; font-size: 60px; }

.xkjj03 p { padding: 60px 30px 10px 30px; color: #FFF; font-size: 14px; text-align: center; }

.xkjj ul li:hover .xkjj01 { background: #2c85eb; }

.xkjj ul li:hover .xkjj02 { background: #2c85eb; color: #FFF; }

.xkjj ul li:hover .xkjj03 { background: #ffffff; border: 1px dashed #2c85eb; }

.xkjj ul li:hover .xkjj04 { background: #f4f5f7; border-radius: 65px; }

.xkjj ul li:hover .xkjj04 i { color: #2c85eb; }

.xkjj ul li:hover .xkjj03 p { color: #2c85eb; }

.zhunbei { background: url(../images/ico27.jpg) no-repeat top center; height: 1320px; padding-top: 30px; }

.zhunbei .c_title { padding-top: 50px; }

.zhunbei01 { padding-left: 200px; width: 730px; padding-top: 100px }

.edi_title02 { font-size: 14px; font-weight: bold; line-height: 50px; margin-top: 30px; }

.edi01_01 { line-height: 30px; color: #7d7d7d; font-size: 14px; }

.edi_title02 { font-size: 18px; color: #666; padding: 10px 0px; margin: 0; font-weight: bold; }

.shenpi01 { width: 410px; margin-left: 200px; float: left; }

.shenpi02 { width: 410px; margin-left: 150px; float: left; }

.shenpi03 { font-size: 16px; color: #3d657f; text-align: center; line-height: 30px; padding-top: 50px; text-align: center; }

.biangen { margin-top: 80px; }

.biangen ul li { width: 360px; height: 334px; background: url(../images/ico43.jpg) no-repeat; float: left; margin-left: 150px; margin-bottom: 100px; }

.biangen01 { width: 90px; height: 90px; line-height: 90px; background: #FFF; text-align: center; border: 3px solid #2a86e9; position: relative; top: -45px; right: -130px; }

.biangen01 i { font-size: 50px; color: #f7d663 }

.biangen01 { font-size: 50px; color: #f7d663 }

.biangen02 { width: 339px; height: 319px; margin: 0 auto; padding: 90px 30px 0px 30px; margin-top: -89px; }

.biangen02 h3 { text-align: center; padding-bottom: 20px; font-size: 18px; font-weight: bold; }

.biangen02 p { line-height: 23px; }

.biangen ul li:hover .biangen01 { color: #f7d663; background: #f7d663; border-color: #f7d663 }

.biangen ul li:hover .biangen01 i { color: #FFF }

.biangen ul li:hover .biangen01 { color: #FFF }

.biangen ul li:hover .biangen02 { background: #04558a; color: #FFF }

.hzlc { height: 640px; background: url(../images/ico44.jpg) no-repeat top center; }

.fwys04 { width: 950px; margin: 0 auto; }

.fwys04_left { width: 470px; float: left; border-right: 6px solid #7ccaf1; height: 1120px; padding: 30px 0px; }

.fwys04_left01 { height: 195px; margin-bottom: 150px; }

.fwys04_left02 { width: 380px; height: 190px; border: 2px solid #7ccaf1; border-radius: 10px; float: left; }

.fwys04_left02 h3 { font-size: 20px; font-weight: bold; padding: 30px; text-align: center; }

.fwys04_left02 p { font-size: 14px; color: #757575; padding: 0px 50px; text-align: center; }

.fwys04_left03 { width: 100px; height: 8px; border: 2px solid #7ccaf1; border-right: none; float: left; margin-left: -16px; margin-top: 95px; }

.fwys04_right { width: 470px; float: left; height: 1120px; padding: 30px 0px; }

.fwys04_right01 { height: 195px; margin-top: 150px; }

.fwys04_right02 { width: 380px; height: 190px; border: 2px solid #7ccaf1; border-radius: 10px; float: left; margin-left: -16px; }

.fwys04_right02 h3 { font-size: 20px; font-weight: bold; padding: 30px; text-align: center; }

.fwys04_right02 p { font-size: 14px; color: #757575; padding: 0px 50px; text-align: center; }

.fwys04_right03 { width: 100px; height: 8px; border: 2px solid #7ccaf1; border-left: none; float: left; margin-top: 95px; }

.fwys04 ul li:hover .fwys04_left02 { border-color: #2a86e9; }

.fwys04 ul li:hover .fwys04_left03 { border-color: #2a86e9; }

.fwys04 ul li:hover .fwys04_right02 { border-color: #2a86e9; }

.fwys04 ul li:hover .fwys04_right03 { border-color: #2a86e9; }

.c_ti { width: 1100px; line-height: 23px; margin: 20px auto; text-align: center; font-size: 14px; }

.idc_img { text-align: center; padding: 10px 0px }

.sqlc { height: 421px; width: 700px; background: url(../images/idc50.jpg) no-repeat center; margin: 0 auto; }

.sqlc ul li { width: 200px; }

.sqlc ul li h3 { font-size: 14px; font-weight: bold; }

.sqlc ul li p { line-height: 23px; color: #484848 }

.sqlc01 { margin-left: 520px; }

.sqlc02 { margin-top: 35px; margin-left: 55px; }

.sqlc03 { margin-left: 520px; margin-top: 20px; }

.sqlc04 { margin-top: 35px; margin-left: 55px; }

.lcxj { height: 305px; background: url(../images/idc51.jpg) no-repeat center top; }

.lcxj li { width: 200px; float: left; padding: 0px 10px; }

.lcxj01 { margin-top: 200px; font-size: 12px; }

.lcxj02 { margin-top: 10px; font-size: 12px; }

.lcxj03 { margin-top: 185px; font-size: 12px; line-height: 12px; }

.lcxj04 { margin-top: 10px; font-size: 12px; }

.lcxj05 { margin-top: 185px; font-size: 12px; line-height: 14px; }

.lcxj06 { margin-top: 10px; font-size: 12px; }

.glpc { height: 350px; background: url(../images/ico53.jpg)no-repeat center top; }

.glpc li { line-height: 25px; font-size: 14px; }

.glpc01 { padding-left: 300px; padding-top: 50px; }

.glpc02 { padding-left: 800px; }

.glpc03 { padding-left: 240px; }

.ptzj { background: url(../images/ico54.jpg) no-repeat center; height: 295px; }

.ptzj ul li { width: 190px; float: left; margin-left: 45px; padding-top: 110px; line-height: 23px; font-size: 14px; color: #FFF }

.ptyz { background: url(../images/ico55.jpg) no-repeat center top; height: 522px; padding-top: 30px; }

.ptyz ul li { width: 350px; line-height: 23px; font-size: 14px; color: #575757 }

.ptyz01 { margin-left: 850px; }

.ptyz02 { margin-left: 80px; margin-top: 50px; }

.ptyz03 { margin-left: 850px; margin-top: 30px; }

.zjyq { width: 600px; margin: 0 auto; }

.zjyq ul li { margin-bottom: 50px; }

.zjyq_left01 { float: left; width: 130px; margin-right: 20px; height: 70px; line-height: 70px; text-align: center; background: url(../images/ico56.jpg) no-repeat center top; font-size: 16px; font-weight: bold; color: #FFF; }

.zjyq_left02 { float: left; width: 450px; line-height: 35px; font-size: 14px; }

.xtjsbz { width: 330px; margin: 0 auto; }

.xtjsbz div { height: 175px; width: 110px; margin: 0 auto; background: url(../images/ico58.jpg) no-repeat center top; line-height: 130px; text-align: center; font-size: 30px; color: #FFF; }

.xtjsbz p { line-height: 23px; color: #6f6f6f; margin-top: 20px; text-align: center; }

.gnxq { width: 1000px; margin: 0 auto; background: url(../images/ico59.jpg) no-repeat center top; height: 360px; }

.gnxq li { width: 260px; height: 160px; float: left; margin-bottom: 40px; }

.gnxq01 { margin-left: 20px; margin-top: 10px }

.gnxq02 { margin-left: 440px; margin-top: 10px }

.gnxq03 { margin-left: 20px; }

.gnxq04 { margin-left: 440px; }

.pcyz { width: 250px; margin: 0 auto; }

.pcyz div { height: 190px; width: 190px; margin: 0 auto; background: url(../images/ico60.jpg) no-repeat center top; line-height: 190px; text-align: center; font-size: 16px; color: #FFF; }

.pcyz p { line-height: 23px; color: #6f6f6f; margin-top: 20px; text-align: center; }

.xtjg { text-align: center; }

.xtjg p { padding: 20px 0px; font-size: 14px; }

.fwys { margin-bottom: 30px; }

.fwys01 { width: 300px; height: 220px; margin: 0 auto; }

.fwys01 p { width: 250px; height: 50px; line-height: 50px; text-align: center; font-size: 14px; background: #4c4c4c; color: #FFF; margin: 0 auto; border-radius: 25px; }

.fwys01 div { padding: 45px 30px 0px 30px; text-align: center; font-size: 14px; width: 300px; height: 200px; margin: 0 auto; background: #f8f8f8; border: 1px dashed #c8c4c4; border-radius: 10px; margin-top: -25px; z-index: -99; position: relative; }

.fwys01:hover p { background: #a4a4a4; color: #FFF; }

.w_bl { height: 400px; background: url(../images/wh01.jpg) no-repeat center top; margin-bottom: 50px; }

.w_bl01 li { width: 350px; height: 150px; padding-top: 5px; font-size: 16px; text-align: center; float: left; }

.w_bl01 li:hover { width: 350px; height: 150px; padding-top: 5px; font-size: 16px; text-align: center; float: left; border-width: 3px; }

.w_bl01 li p { margin-top: 5px }

.w_bl03 { border: 1px solid #92d14f; border-radius: 5px; margin-left: 8px; margin-top: 6px; }

.w_bl04 { border: 1px solid #00a99e; border-radius: 5px; margin-left: 811px; margin-top: -150px }

.w_bl05 { border: 1px solid #f45e77; border-radius: 5px; margin-left: 8px; margin-top: 90px; }

.w_bl06 { border: 1px solid #01b0f1; border-radius: 5px; margin-left: 815px; margin-top: -150px; }

.w_bz { height: 730px; background: #fbfbfb; }

.w_bz_c { width: 190px; height: 200px; margin: 0 auto; }

.w_bz_c_content_list { }

.w_bz_c_content_list div { height: 120px; width: 120px; margin: 0 auto; text-align: center; line-height: 120px; border-radius: 60px; margin-bottom: 15px; }

.w_bz_c_content_list div i { font-size: 40px; color: #FFF; }

.w_bz_c_content_list h3 { color: #666; font-family: 'Adobe 黑体 Std'; font-size: 14px; text-align: center; margin-bottom: 10px; }

.w_bz_c_content_list p { color: #666; font-size: 12px; text-align: center; }

.wh03 li { width: 580px; height: 178px; border-radius: 5px; float: left; margin-right: 15px; margin-bottom: 15px; }

.wh03 li h2 { width: 350px; padding-left: 20px; padding-top: 30px; padding-bottom: 20px; font-size: 20px; font-weight: bold; color: #FFF }

.wh03 li p { width: 350px; padding-left: 20px; color: #FFF; font-size: 14px; }

/*.wh03 li:hover h2{font-size: 22px}

.wh03 li:hover p{ width:350px; padding-left: 20px; color: #FFF; font-size: 16px;}*/



.wh03_01 { background: url(../images/wh06.jpg) no-repeat center top; }

.wh03_02 { background: url(../images/wh07.jpg) no-repeat center top; }

.wh03_03 { background: url(../images/wh08.jpg) no-repeat center top; }

.wh03_04 { background: url(../images/wh09.jpg) no-repeat center top; }

.wh03_05 { background: url(../images/wh10.jpg) no-repeat center top; }

.wh03_06 { background: url(../images/wh11.jpg) no-repeat center top; }

.wh04 { height: 499px; background: url(../images/wh12.jpg) no-repeat center top; margin-top: 20px; }

.wh05 ul li { width: 340px; height: 340px; background: url(../images/wh15.jpg) no-repeat left top; float: left; margin-left: 50px; }

.wh05 ul li h2 { width: 155px; height: 70px; line-height: 70px; color: #47a5cb; border-bottom: 3px solid #47a5cb; font-size: 18px; font-weight: bold; text-align: center; margin: 50px auto; }

.wh05 ul li p { width: 200px; margin: 0px auto; font-size: 14px; text-align: center; }

.wh05 ul li:hover { width: 340px; height: 340px; background: url(../images/wh14.jpg) no-repeat -1px top; }

.wh05 ul li:hover h2 { color: #fe0003; border-color: #fe0003; }

.wh06 { height: 750px; background: #f1faff; }

.wh06_01 { background: url(../images/wh16.jpg) no-repeat #f1faff center; height: 450px; margin-top: 30px; }

.wh06_01 ul li { height: 95px; width: 480px; font-size: 16px; line-height: 95px; margin-top: -10px; }

.wh06_01 ul li:hover { font-weight: bold; }

.wh06_02_right { background: url(../images/wh18.jpg) no-repeat top left; margin-left: 690px; padding-left: 100px }

.wh06_02_left { background: url(../images/wh17.jpg) no-repeat top left; padding-left: 50px }

.wh06_02_1:hover { color: #35bc9b }

.wh06_02_2:hover { color: #7bb92a }

.wh06_02_3:hover { color: #3cbad1 }

.wh06_02_4:hover { color: #fdc903 }

.wh06_02_5:hover { color: #e63641 }

.wh07 { height: 736px; background: url(../images/wh20.jpg) no-repeat top center; }

.wh08_01 { background: url(../images/wh22.jpg) no-repeat 50px top; height: 450px; }

.wh08_02 { background: url(../images/au_03.jpg) no-repeat 50px top; height: 450px; }

.wh08_01 ul { margin-left: 600px; padding-top: 100px; }

.wh08_01 ul li { font-size: 16px; color: #6c6c6c; width: 600px; margin-bottom: 20px; }

.wh08_01 ul li span { font-size: 36px; color: #0498f2; font-family: 'Impact'; line-height: 30px; overflow: hidden; display: block; float: left; margin-right: 5px; }

.wh08_01 ul li a { line-height: 30px; color: #666; display: block; float: left; }

.wh10_01 { margin-bottom: 30px; }

.wh10_01 img { margin-bottom: 30px; width: 560px; }

.wh09 ul li:hover { font-weight: bold; }

.wh09_02 { width: 150px; text-align: center; font-size: 14px; float: left; margin-left: 2px; }

.wh09_03 { width: 150px; text-align: center; font-size: 14px; float: left; margin-left: 200px; }

.wh09_04 { width: 150px; text-align: center; font-size: 14px; float: left; margin-left: 191px; }

.wh09_05 { width: 90px; text-align: center; font-size: 14px; float: left; margin-left: 226px; }

/*效果一：360°旋转 修改rotate(旋转度数)*/

.xiaoguo1 { transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; }

.xiaoguo1:hover { transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); }

/*效果二：放大 修改scale(放大的值)*/

.xiaoguo2 { transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; }

.xiaoguo2:hover { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); }

.icp01 li:hover span { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); }

.xiaoguo22 { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); }

/*效果三：旋转放大 修改rotate(旋转度数) scale(放大值)*/

.xiaoguo3 { transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; }

.xiaoguo3:hover { transform: rotate(360deg) scale(1.2); -webkit-transform: rotate(360deg) scale(1.2); -moz-transform: rotate(360deg) scale(1.2); -o-transform: rotate(360deg) scale(1.2); -ms-transform: rotate(360deg) scale(1.2); }

.w_bz_c_content_list:hover .xiaoguo3 { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); }

.xkz:hover .xiaoguo3 { transform: rotate(360deg) scale(1.2); -webkit-transform: rotate(360deg) scale(1.2); -moz-transform: rotate(360deg) scale(1.2); -o-transform: rotate(360deg) scale(1.2); -ms-transform: rotate(360deg) scale(1.2); }

/*效果四：上下左右移动 修改translate(x轴,y轴)*/

.xiaoguo4 { transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; }

.advantage_table tr td:hover .xiaoguo4 { transform: translate(0, -10px); -webkit-transform: translate(0, -10px); -moz-transform: translate(0, -10px); -o-transform: translate(0, -10px); -ms-transform: translate(0, -10px); }

.wh03 ul li:hover .xiaoguo4 { transform: translate(0, -10px); -webkit-transform: translate(0, -10px); -moz-transform: translate(0, -10px); -o-transform: translate(0, -10px); -ms-transform: translate(0, -10px); }

.xiaoguo4:hover { transform: translate(0, -10px); -webkit-transform: translate(0, -10px); -moz-transform: translate(0, -10px); -o-transform: translate(0, -10px); -ms-transform: translate(0, -10px); }

/*自下而上*/

.xiaoguo5 { width: 100px; height: 100px; background: red; position: absolute; animation: myfirst 5s; -webkit-animation: myfirst 1s; animation-fill-mode: forwards; }

@-webkit-keyframes myfirst /* Safari and Chrome */ { 0% {

background:red;

left:500px;

bottom:50px;

}

 100% {

background:red;

left:500px;

height:210px;

bottom:50px;

}

}

/*<div class="wk_case_xian">

<span class="wk_span_1"></span>

<span class="wk_span_2"></span>

<span class="wk_span_3"></span>

<span class="wk_span_4"></span>

</div>*/

.wk_case_xian { left: 5px; top: -95px; width: 260px; height: 91px; position: relative; }

.wk_case_xian span { background: rgb(13, 223, 186); transition: 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); position: absolute; -o-transition: all .3s cubic-bezier(.25, .46, .45, .94); -webkit-transition: all .3s cubic-bezier(.25, .46, .45, .94); -moz-transition: all .3s cubic-bezier(.25, .46, .45, .94); }

.wk_span_1 { left: 0px; top: 0px; width: 0px; height: 2px; }

.wk_span_2 { top: 0px; width: 2px; height: 0px; right: 0px; }

.wk_span_3 { width: 0px; height: 2px; right: 0px; bottom: 0px; }

.wk_span_4 { left: 0px; width: 2px; height: 0px; bottom: 0px; }

.hzhb_list li:hover .wk_span_1 { width: 100%; }

.hzhb_list li:hover .wk_span_3 { width: 100%; }

.hzhb_list li:hover .wk_span_2 { height: 100%; }

.hzhb_list li:hover .wk_span_4 { height: 100%; }

.know_nav { width: 1200px; margin: 20px auto; }

.know_nav h1 { font-size: 14px; font-weight: normal }

.know_nav li { background-color: #ccc; margin: 0px 10px; width: 120px; height: 30px; line-height: 30px; display: inline-block; text-align: center; border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; -webkit-border-radius: 20px }

.know_nav li.on { background-color: #E94C18; color: #fff }

.know_nav li:hover { background-color: #E94C18; color: #fff }

.shadow { background: url(../images/1pxshadow.png) repeat-x; height: 10px; }

/*qq*/



.commonposition { _position: absolute; _top: expression(documentElement.scrollTop + 200 + "px");

position: fixed; top: 30%; right: 0px; z-index: 999999; display: block; }

.commonposition a { display: block; width: 45px; height: 45px; position: relative; background-color: #e20000; background-image: url(../images/icon.png); background-repeat: no-repeat; margin-top: 1px; }

.commonposition a span { display: none; position: absolute; right: 0px; top: 0px; height: 45px; padding-left: 50px; color: #fff; line-height: 45px; font-size: 14px; background-color: #262626; }

.commonposition a.HomeQQ { background-position: -362px -186px; }

.commonposition a.Homedianhua { background-position: -362px -231px; }

.commonposition a.Homexuqiu { background-position: -362px -275px; }

.commonposition a.Homeweixin { background-position: -362px -322px; }

.commonposition a.Hometop { background-position: -362px -370px; background-color: #4e4e4e; }

.commonposition a span.QQbggray { background-position: -360px -186px; background-image: url(../images/icon.png); background-repeat: no-repeat; width: 160px; }

.commonposition a span.weixinerweima { right: 45px; padding: 0px; }

.commonposition a span.dianhuabggray { background-position: -362px -231px; background-image: url(../images/icon.png); background-repeat: no-repeat; width: 160px; }

.commonposition a span.Homexuqiu { background-position: -362px -275px; background-image: url(../images/icon.png); background-repeat: no-repeat; width: 160px; }

.about_qywh01 { height: 358px; background: url(../images/ab08.jpg) no-repeat 140px top; }

.about_qywh02 { width: 360px; height: 350px; float: left; margin-left: 30px; padding: 20px 15px; }

.about_qywh02 span { font-size: 20px; line-height: 30px; color: #2e2e2e; font-weight: bold; }

.about_qywh02:hover { background: #967b50; color: #FFF; }

.line { border: 1px solid #2e2e2e; margin: 10px; width: 50px; }

.about_qywh03 { height: 600px; background: #f1f1f2; }

.about_qywh04 { width: 450px; height: 580px; font-size: 16px; line-height: 30px; border: 1px solid #ebebeb; float: left; margin-left: 100px }

.about_qywh04 p { padding: 30px; }

.about_gywm02_a { width: 260px; height: 260px; background: #fffff5; border: 3px solid #dedede; border-radius: 130px; float: left; margin-left: 230px; }

.about_gywm02_a p { padding: 50px; text-align: center; font-size: 14px; }

.about_gywm02_a p i { font-size: 50px; }

.about_gywm02_b { width: 260px; height: 260px; background: #fffff5; border: 2px solid #dedede; border-radius: 130px; float: left; margin-left: 230px; }

.about_gywm02_b p { padding: 50px; text-align: center; font-size: 14px; }

.about_gywm02_b p i { font-size: 50px; }

.about_gywm03 { width: 1110px; margin: 0 auto; }

.about_jrwm { background: url(../images/ab13.jpg) no-repeat top center; height: 1469px; }

.dt01 { padding-top: 95px; padding-left: 282px; }

.dt02 { display: block; background-image: url(../images/dt01.png); width: 600px; height: 240px; }

.dt02 { opacity: 0; }

.dt02 { opacity: 1; }

.dt02 { -ms-transition: 1s 1s; -webkit-transition: 1s 1s; -moz-transition: 1s 1s; transition: 1s 1s; }

.dt02 { animation: 1s 1s bounceInLeft; -webkit-animation: 1s 1s bounceInLeft; }

.dt03 { width: 450px; height: 35px; overflow: hidden; margin-top: 130px; margin-left: 100px; }

.dt03 i { background-image: url(../images/dt02.png); display: block; float: left; height: 35px;/*width: 35px;*/ background-repeat: no-repeat; margin-left: 3px; }

.dt03 i.i_1 { background-position: 0 0; width: 42px; }

.dt03 i.i_2 { background-position: -42px 0; width: 33px; }

.dt03 i.i_3 { background-position: -75px 0; width: 34px; }

.dt03 i.i_4 { background-position: -108px 0; width: 45px; }

.dt03 i.i_5 { background-position: -165px 0; width: 275px; }

.dt03 i { opacity: 1 }

.dt03 i.i_1 { transition: .3s .5s }

.dt03 i.i_2 { transition: .3s .8s }

.dt03 i.i_3 { transition: .3s 1.1s }

.dt03 i.i_4 { transition: .3s 1.4s }

.dt03 i.i_5 { transition: .3s 1.7s }

.dt03 i.i_2 { animation: 1s .8s bounceInRight; -webkit-animation: 1s .8s bounceInRight }

.dt03 i.i_3 { animation: 1s 1.1s bounceInRight; -webkit-animation: 1s 1.1s bounceInRight }

.dt03 i.i_4 { animation: 1s 1.4s bounceInRight; -webkit-animation: 1s 1.4s bounceInRight }

.dt03 i.i_5 { animation: 1s 1.7s bounceInRight; -webkit-animation: 1s 1.7s bounceInRight }

.qygs01 { padding-top: 95px; padding-left: 100px; }

.qygs02 { display: block; background-image: url(../images/qygs01.png); width: 650px; height: 320px; }

.qygs02 { opacity: 0; }

.qygs02 { opacity: 1; }

.qygs02 { -ms-transition: 1s 1s; -webkit-transition: 1s 1s; -moz-transition: 1s 1s; transition: 1s 1s; }

.qygs02 { animation: 1s 1s bounceInLeft; -webkit-animation: 1s 1s bounceInLeft; }

.qygs03 { width: 450px; height: 35px; overflow: hidden; margin-top: 20px; margin-left: 10px; }

.qygs03 i { background-image: url(../images/qygs02.png); display: block; float: left; height: 35px;/*width: 35px;*/ background-repeat: no-repeat; margin-left: 3px; }

.qygs03 i.i_1 { background-position: 0 0; width: 42px; }

.qygs03 i.i_2 { background-position: -42px 0; width: 33px; }

.qygs03 i.i_3 { background-position: -75px 0; width: 34px; }

.qygs03 i.i_4 { background-position: -108px 0; width: 45px; }

.qygs03 i.i_5 { background-position: -165px 0; width: 275px; }

.qygs03 i { opacity: 1 }

.qygs03 i.i_1 { transition: .3s .5s }

.qygs03 i.i_2 { transition: .3s .8s }

.qygs03 i.i_3 { transition: .3s 1.1s }

.qygs03 i.i_4 { transition: .3s 1.4s }

.qygs03 i.i_5 { transition: .3s 1.7s }

.qygs03 i.i_2 { animation: 1s .8s bounceInRight; -webkit-animation: 1s .8s bounceInRight }

.qygs03 i.i_3 { animation: 1s 1.1s bounceInRight; -webkit-animation: 1s 1.1s bounceInRight }

.qygs03 i.i_4 { animation: 1s 1.4s bounceInRight; -webkit-animation: 1s 1.4s bounceInRight }

.qygs03 i.i_5 { animation: 1s 1.7s bounceInRight; -webkit-animation: 1s 1.7s bounceInRight }

/*.dt04{ width:400px; height: 215px; background:url(../images/dt03.png) 100% 100%; background-size: 400px 215px; margin-top: 170px; margin-left: 100px; }

.dt04{animation:1s bounceInLeft; -webkit-animation:1s bounceInLeft;}*/



.dt04 { width: 400px; height: 400px; float: left; margin-top: 100px; margin-left: 500px; background: url(../images/bpbj.png) no-repeat; }

.dt04 #xzbox { width: 236px; height: 236px; margin: 80px auto 0 83px; background: url(../images/bpnr.png) no-repeat; border-radius: 140px; -webkit-animation: run 6s linear 0s infinite; }

.dt04 #xzbox:hover { -webkit-animation-play-state: paused; }

@-moz-keyframes run {  0% {

 -moz-transform:rotate(0deg);

}

 100% {

 -moz-transform:rotate(360deg);

}

}

 @-webkit-keyframes run {  0% {

 -webkit-transform:rotate(0deg);

}

 100% {

 -webkit-transform:rotate(360deg);

}

}

 @keyframes run {  0% {

 transform:rotate(0deg);

}

 100% {

 transform:rotate(360deg);

}

}

.dt05 { background-image: url(../images/dt04.png); width: 240px; height: 590px; margin-left: 100px; }

/*.dt05{ -ms-transition:1s 1s; -webkit-transition:1s 1s; -moz-transition:1s 1s;transition:1s 1s;}

.dt05{animation:1s 1s bounceInLeft; -webkit-animation:1s 1s bounceInLeft;}*/









.dt06 { background-image: url(../images/dt05.png); width: 570px; overflow: hidden; height: 320px; animation: 1s .8s bounceInRight; -webkit-animation: 1s .8s bounceInRight; margin-top: 100px; margin-left: 20px; }

.dt09 { background-image: url(../images/dt13.png); width: 570px; overflow: hidden; height: 320px; animation: 1s .8s bounceInRight; -webkit-animation: 1s .8s bounceInRight; margin-top: 80px; margin-left: 20px; }

.dt10 { background-image: url(../images/dt14.png); width: 570px; overflow: hidden; height: 320px; animation: 1s .8s bounceInRight; -webkit-animation: 1s .8s bounceInRight; margin-top: 100px; margin-left: 20px; }

.dt11 { background-image: url(../images/dt15.png); width: 570px; overflow: hidden; height: 320px; animation: 1s .8s bounceInRight; -webkit-animation: 1s .8s bounceInRight; margin-top: 100px; margin-left: 20px; }

.dt_iso9000 { background-image: url(../images/dt_iso9000.png); width: 570px; overflow: hidden; height: 320px; animation: 1s .8s bounceInRight; -webkit-animation: 1s .8s bounceInRight; margin-top: 100px; margin-left: 20px; }

.dt_iso27000 { background-image: url(../images/dt_iso27000.png); width: 600px; overflow: hidden; height: 320px; animation: 1s .8s bounceInRight; -webkit-animation: 1s .8s bounceInRight; margin-top: 100px; margin-left: 20px; }

.dt_kxwz { background-image: url(../images/dt_kxwz.png); width: 570px; overflow: hidden; height: 320px; animation: 1s .8s bounceInRight; -webkit-animation: 1s .8s bounceInRight; margin-top: 100px; margin-left: 20px; }

.dt_wxrz { background-image: url(../images/dt_wxrz.png); width: 570px; overflow: hidden; height: 320px; animation: 1s .8s bounceInRight; -webkit-animation: 1s .8s bounceInRight; margin-top: 100px; margin-left: 20px; }

.dt07 { background-image: url(../images/dt06.png); width: 500px; overflow: hidden; height: 190px; animation: 1s .8s bounceInUp; -webkit-animation: 1s .8s bounceInUp; margin-top: 160px; margin-left: 180px; }

.dt08 { background-image: url(../images/dt07.png); width: 240px; height: 70px; transition: .3s 1.7s; animation: 1s 1.7s bounceInUp; -webkit-animation: 1s 1.7s bounceInUp; overflow: hidden; margin-left: 330px; margin-top: 20px; }

.business .box { width: 1024px; margin: 0 auto; position: relative; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; margin-top: 20px; z-index: 1; }

.business .box ul.items { margin: 0 auto; }

.business .box ul.items li { width: 260px; height: 350px; margin: 0 39px; background: url(../images/yellow.jpg) no-repeat 0px 500px; overflow: hidden; display: inline-block; padding-top: 10px; }

.business .box ul.items li i { display: block; position: relative; margin: 0 auto; margin-top: 36px; height: 69px; }

.business .box ul.items li.pc i { width: 59px; background: url(../images/i1.png) no-repeat; }

.business .box ul.items li.mobi i { width: 46px; background: url(../images/i2.png) no-repeat; }

.business .box ul.items li.sys i { width: 59px; background: url(../images/i3.png) no-repeat; }

.business .box ul.items li.pc1 i { width: 59px; background: url(../images/ii1.png) no-repeat; }

.business .box ul.items li.mobi1 i { width: 58px; background: url(../images/ii2.png) no-repeat; }

.business .box ul.items li.sys1 i { width: 59px; background: url(../images/ii3.png) no-repeat; }

.business .box ul.items li u { display: block; position: absolute; width: 130px; height: 130px; margin-left: 64px; background: url(../images/circle.png) no-repeat; -webkit-transition: all .5s ease-in-out 0s; -moz-transition: all .5s ease-in-out 0s; -ms-transition: all .5s ease-in-out 0s; -o-transition: all .5s ease-in-out 0s; transition: all .5s ease-in-out 0s; }

.business .box ul.items li u.cl { clip: rect(0px, 130px, -10px, 65px); }

.business.active .box ul.items li u.cl { clip: rect(0px,130px,130px,65px); }

.business .box ul.items li u.cr { clip: rect(130px,65px,130px,0px); }

.business.active .box ul.items li u.cr { clip: rect(0px,65px,130px,0px); }

.business .box ul.items li strong { display: block; margin-top: 70px; font-size: 16px; font-weight: normal; text-align: center; color: #222; }

.business .box ul.items li p { position: relative; top: 220px; color: #333; padding: 0 30px; line-height: 24px; font-size: 12px; }

.business .box ul.items li:hover { background-position: 0px 0px; background-size: 100% 100%; -webkit-transition: all .5s ease-in-out .3s; -moz-transition: all .5s ease-in-out .3s; -ms-transition: all .5s ease-in-out .3s; -o-transition: all .5s ease-in-out .3s; transition: all .5s ease-in-out .3s; }

.business .box ul.items li:hover i { -webkit-transition: all .5s ease-in-out .4s; -moz-transition: all .5s ease-in-out .4s; -ms-transition: all .5s ease-in-out .4s; -o-transition: all .5s ease-in-out .4s; transition: all .5s ease-in-out .4s; }

.business .box ul.items li.pc:hover i { background: url(../images/i4.png) no-repeat; }

.business .box ul.items li.mobi:hover i { background: url(../images/i5.png) no-repeat; }

.business .box ul.items li.sys:hover i { background: url(../images/i6.png) no-repeat; }

.business .box ul.items li.pc1:hover i { background: url(../images/ii4.png) no-repeat; }

.business .box ul.items li.mobi1:hover i { background: url(../images/ii5.png) no-repeat; }

.business .box ul.items li.sys1:hover i { background: url(../images/ii6.png) no-repeat; }

.business .box ul.items li:hover u.cl { clip: rect(0px, 156px, -10px, 78px); }

.business .box ul.items li:hover u.cr { clip: rect(156px,78px,156px,0px); }

.business .box ul.items li:hover strong { -webkit-transition-delay: .4s; -moz-transition-delay: .4s; -ms-transition-delay: .4s; -o-transition-delay: .4s; transition-delay: .4s; }

.business .box ul.items li:hover p { top: 20px; -webkit-transition: all .3s ease-in-out .5s; -moz-transition: all .3s ease-in-out .5s; -ms-transition: all .3s ease-in-out .5s; -o-transition: all .3s ease-in-out .5s; transition: all .3s ease-in-out .5s; }

.business .box label { display: block; margin: 0 auto; margin-top: -40px; width: 297px; height: 21px; background: url(../images/words.png) no-repeat 0px -333px; }



















 @media all and (min-width: 0) and (max-width: 767px) {



	body, .navbar-fixed-top, .navbar-fixed-bottom {

		min-width: auto;

	}



.banner_bg {

    height: auto;

}



.banner {

    width: auto !important;

    height: auto !important;

	margin-top: 0 !important;

}



.bg_first_box {

    width: auto;

    margin: 0;

    padding: 10px 15px;

}



.bg_se_box {

    float: none !important;

    margin: 0 !important;

    padding: 15px !important;

    width: auto !important;

}

.bg_first_box ul {

    height: 35px;

}



.bg_first_box ul li {

    font-size: 14px;

	line-height: 35px;

}



.bg_first_box p {

    font-size: 16px;

    line-height: 35px;

}

.link_a {

    width: 100%;

    overflow: hidden;

    padding: 0 15px 15px;

    box-sizing: border-box;

}

.link_a li {

    width: 49%;

    margin-left: 0;

}



.link_a li:nth-child(2n) {

	float: right;

}



.container {

    width: auto;

}



.container h2 {

    font-size: 18px;

    line-height: 35px !important;

}



.bg_box3 h2 {

	margin-bottom: 5px;

    font-size: 18px;

    line-height: 40px;

}



.bg_box3_ul1 {

    width: auto;

}



.bg_box3_ul1 li {

    width: 25%;

    float: left;

    margin-right: 0;

}



.bg_box3_ul1 .list_li1 a i {

    background: url(../images/zhuan_ico01.png) no-repeat center center;

	background-size: 43px 43px;

}

.bg_box3_ul1 .list_li2 a i {

    background: url(../images/zhuan_ico02.png) no-repeat center center;

	background-size: 43px 43px;

}

.bg_box3_ul1 .list_li3 a i {

    background: url(../images/zhuan_ico03.png) no-repeat center center;

	background-size: 43px 43px;

}.bg_box3_ul1 .list_li4 a i {

    background: url(../images/zhuan_ico04.png) no-repeat center center;

	background-size: 43px 43px;

}







.bg_box3_ul1 li a i {

	margin-bottom: 10px;

    width: 43px;

    height: 43px;

    font-size: 12px;

    line-height: 35px;

}



.bg_box3_ul1 li a p {

	padding-bottom: 10px;

    text-align: center;

    line-height: 20px;

    font-size: 14px;

    color: #FFFFFF;

}



.bg_box3_ul1 li.aaa a p {

    line-height: 20px;

    font-size: 12px;

}



.bg_box3 {

    padding-bottom: 10px;

    padding-top: 10px;

}



.bg_box3_ul2,

.bg_box3_ul4 {

    width: 100%;

    padding: 15px;

	box-sizing: border-box;

}



.bg_box3_ul2 li,

.bg_box3_ul4 li {

    width: 50%;

    float: left;

    font-size: 12px;

    color: #666666;

    line-height: 28px;

    margin-left: 0 !important;

}



.a_link {

    width: auto;

    margin: 15px auto 0;

	padding: 0 15px;

}



.a_link li {

    width: 49%;

}



.a_link li:nth-child(2n) {

	float: right;

}

.a_link li a {

    width: 100%;

    line-height: 36px;

    font-size: 14px;

    background: url(../images/a_link.png) no-repeat;

    background-size: 100% 100%;

}













}