﻿@charset "utf-8";
/*==========@@HTML默认 开始@@==========*/
/*基本*/
*{ padding:0px; margin:0px }
body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, pre, code,form,fieldset, 
legend, input, button,textarea, p, blockquote, th, td { margin: 0; padding: 0;}
body{color:#696868;	margin:0px auto; font-family: Microsoft YaHei; font-size:14px; background:#fff; }
div{ margin:0; padding:0; border:0; }
img{ margin:0; padding:0; border:0; }
p{ margin: 0px; line-height:1.8em}
b,strong {font-weight: bold;}
table { border-collapse: collapse; border-spacing: 0; /* Remove most spacing between table cells.*/}
li{ list-style: none outside none;}

/*链接*/
a{ text-decoration:none; color:#626262; background: transparent;  outline:none; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
a:visited { color:#aaa; }
a:focus { outline:none; }
a:hover{ color:#000;}
a:active{ outline:none;}

/*标题*/
h1 { font-size: 1.3em;margin:  0;}
h2 {font-size: 1.2em; margin: 0;}
h3 { font-size: 1.17em;margin: 0;}
h4 {font-size: 1em;margin:0;}
h5 {font-size: 0.83em;margin: 0;}
h6 { font-size: 0.67em;margin: 0;}

/*表单*/
form {margin: 0;}
button,input,select,textarea { font-size: 100%;margin: 3px; vertical-align: baseline; *vertical-align: middle; }
button,select {text-transform: none;}
input{padding:2px;background-color: #FFFFFF;border: 1px solid #ccc;width:99%;line-height: normal;}
textarea{padding: 2px;color: #000000;background-color: #fff;width:99%;}

/*其它*/
blockquote {margin: 1em 40px;}
dfn {font-style: italic;}
hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 0;}
code, kbd, pre, samp {font-size: 1em;}
pre {margin: 1em 0; white-space: pre;white-space: pre-wrap;word-wrap: break-word; }
small {font-size: 80%;}
sub,sup {font-size: 75%;line-height: 0; position: relative;vertical-align: baseline; /* Prevent `sub` and `sup` affecting `line-height` in all browsers.*/}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
dl{margin: 1em 0;}
dd {margin: 0 0 0 40px;}
/*==========@@HTML默认  结束@@==========*/

/*==========@@元件 开始@@==========*/
/*常用颜色*/
.blue {color: #00F !important;}
.green {color: #0F0 !important;}
.red {color: #F00 !important;}
.black {color: #000000 !important;}
.white {color: #FFFFFF !important;}
.gray { color:gray; !important; }
.purple { color:purple;  !important;}

/*浮动*/
.clear { display:block; clear:both; height:3px; overflow:hidden; line-height:3px; }
.float_left { float:left; }
.float_right { float:right; }

/*对齐方式*/
.left { text-align: left}
.right {text-align: right}
.center{ text-align: center}

/*按钮*/
.btn {-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;  -o-border-radius: 3px;  border-radius: 3px;
  display: -moz-inline-stack;  display: inline-block;  *display: inline;  vertical-align: middle;  *vertical-align: auto;
  zoom: 1;    height: 32px;  line-height: 32px;  padding: 0px 20px;font-weight: 300;  font-size: 14px; 
  margin: 0; text-decoration: none; text-align: center; text-indent:0; cursor:pointer;
  border: 1px solid #d4d4d4; color: #666666; }
/*默认样式*/
.btn {  background-color: #3aa314;  color: #fff; }
.btn:hover {  background-color: #52a314; color:#fff;}
.btn:active {  background: #52a314;  color: #374f00;}
/*按钮大小*/
.btn-large {font-size: 19px;  height: 38.4px;  line-height: 38.4px;  padding: 0px 26px;}
.btn-small {  font-size: 12px; height: 25.6px; line-height: 25.6px;  padding: 0px 16px;}
.btn-tiny {  font-size: 12px;  height: 22.4px;  line-height: 22.4px; padding: 0px 13px;}
/*块按钮*/
.btn-block {display: block;}

/*表单类*/
.form_text, .form_text_verifycode{border-color: #a0a0a0 #cbd9eb #cbd9eb #a0a0a0;
border-width:1px; height:20px; line-height:20px;clip: rect;padding: 2px; color: #000000;border: 1px solid #eee;}
.form_text {  width:350px; background-position:  0px 0px;height: 35px;border: 1px solid #eee;}
/*
.form_text:hover {background-position: 0px -37px;}
*/
.form_text_verifycode { width:88px; margin-right:3px;background-position:  0px 0px;height: 28px;}
/*
.form_text_verifycode:hover {background-position: 0px -37px;}
*/
.form_radio{ width:auto; border:0;}
.form_checkbox{ width:auto; border:0}
.form_select { height:25px; }
.form_textarea { width:70%; height:120px; border-color: #a0a0a0 #cbd9eb #cbd9eb #a0a0a0;border-width:1px; padding:2px;border: 1px solid #eee;}
.form_button { width:auto; vertical-align:middle; border:0 none;margin-left: 135px;margin-top: 25px;/*解决ie焦点是有黑色边框*/}
input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, 
input[type="file"] > input[type="button"]::-moz-focus-inner{ border:none;padding:0; }
.required{ color:red; font-weight:bold; text-align:left; padding-left:3px;}

/*其它*/
.hide { display:none; }  /*隐藏*/
.more{ float: right; padding-right:5px; display:none;} /*more链接*/
.code_image{ cursor: pointer; padding-bottom:6px; } /*验证码图片样式*/

/*频道*/
.ChannelContent{ line-height:2.0em; font-size:16px;}
.ChannelSContent, .ChannelSContent p{ line-height:1.8em}
.ChannelContent a{ color: #ff9d02}
.ChannelSContent{color:#FFF;  line-height:25px; height:200px;overflow:hidden; margin-bottom:10px;}
.ChannelSContent a{ color: #ff9d02}
.ChannelSContent img, .InfoContent img{ max-width:100% }

/*信息*/
.InfoTitle{ font-weight:normal; text-align:center; vertical-align:middle; padding:10px 0px;}
.InfoTitle h1{ font-size:28px; line-height: 1.5em; font-weight:normal;}
.InfoTime{color:#999; text-align:left;  padding:2px 0px; height:25px}
.InfoContent, .InfoContent p{ line-height:2.0em; font-size:16px; padding-bottom:10px;}
.InfoAttachment{ padding:10px 0px; text-align:center; width:81px; margin:0 auto;}
.InfoPicture{ }
.InfoPicture img{ width:100%; max-width:100%}
.info_from_wrap{ padding:0 10px; text-align:center; color:#999; border:0px dashed #ccc; line-height:30px; margin-bottom:15px;font-size:15px;}
.info_from_wrap a { color:#999; }
.info_from_wrap a:hover { color:#555; }
#ReadLevelTip{ font-weight:bold; color:red;}
.Tag{ text-align: left; font-weight:bold; }
.Tag a{ padding:0 3px; font-weight:normal; text-decoration:none;}
.info_previous_next_wrap{ background:#f5f5f5; padding:5px; border:1px solid #f5f5f5; color:#333; line-height:1.8em}
.Next a{ }
.Previous a{ }
.slideBox { padding:20px; background:#0256ac; overflow:hidden; border-radius:6px;}
.slideBox .hd { float:left; width:230px; padding:10px; background:#fff; border-radius:6px;}
.slideBox .bd { float:right; width:870px;}
/*==========@@元件 结束@@==========*/

/*==========@@模块  开始@@==========*/
/*左侧*/
/*主体左侧样式*/
.left_title{}
.left_title h2 {}
.left_body { overflow:hidden; zoom:1;  color:#000; }
.left_bottom {margin-bottom:5px;}

.left_title1 { text-align:center; }
.left_title1 p { line-height:28px; font-size:32px; font-weight:bold; color:#e0e0e0; font-family:Arial; text-transform:uppercase;}
.left_title1 h2 { text-align:center; font-size:24px; color:#0256ac;}
.left_title1 h2 a { font-size:24px; color:#0256ac; padding:0 20px;}
.left_body1 { overflow:hidden; zoom:1; color:#000; padding:10px 10px 5px;}
.left_body1 .viewmore { width:139px; height:26px; line-height:26px; border:#c5c5c5 solid 1px; display:block; text-align:center; margin:0 auto;font-size:14px; color:#6d6d6d; margin-top:30px;}
.left_body1 .viewmore:hover{ color:#0256ac; border:#0256ac solid 1px; }
.left_body1 .next { float:left; margin-right:20px; position:relative; top:80px;}
.left_body1 .prev { float:right; margin-left:20px; position:relative; top:80px;}
.left_bottom1 { margin-bottom:5px;}

.left_title2 { text-align:left; }
.left_title2 span { line-height:28px; font-size:26px; font-weight:bold; color:#e0e0e0; font-family:Arial; text-transform:uppercase;}
.left_title2 h2 { font-size:24px; color:#000; display:inline-block;}
.left_title2 h2 a { font-size:24px; color:#000; }
.left_body2 { overflow:hidden; zoom:1; padding:10px 0;}
.left_body2 .viewmore { float:left; width:139px; height:26px; line-height:26px; border:#c5c5c5 solid 1px; display:block; text-align:center; margin:0 auto;font-size:14px; color:#6d6d6d; margin-top:30px;}
.left_body2 .viewmore:hover{ color:#0256ac; border:#0256ac solid 1px; }
.left_bottom2 { margin-bottom:5px;}

.left_title3{ text-align:center; height:100px; line-height:100px; background:#2E4967;}
.left_title3 h2 { color:#fff; font-size:22px;}
.left_body3 { overflow:hidden; zoom:1;  color:#000; padding:10px 0; background:#f6f6f6;}
.left_bottom3 { margin-bottom:5px; background:#2E4967;}
.left_bottom3 h2 { color:#fff; font-weight:normal; font-size:16px; padding:20px 30px 0;}
.left_bottom3 h2 img { vertical-align:middle;}
.left_bottom3 p { color:#fff; font-size:22px; font-family:Impact; padding:0px 30px 20px;}

.left_title4 { text-align:left; }
.left_title4 p { line-height:28px; font-size:32px; font-weight:bold; color:#cdcecb; font-family:Arial; text-transform:uppercase;}
.left_title4 h2 { font-size:24px; color:#0256ac;}
.left_body1 { overflow:hidden; zoom:1; color:#000; padding:10px 10px 5px;}
.left_bottom1 { margin-bottom:5px;}
/*主体右侧*/
/*样式1*/
.right_title {}
.right_title h2 { font-size:30px; font-weight:normal; text-align:center; padding:15px 0; color:#01673A;   }
.right_body { padding:5px 0px; overflow:hidden; zoom:1;  border-top:0; border-bottom:0 }
.right_bottom {}
/*样式2*/
.right_title1 { line-height:58px; background:url(../images/right_title1.jpg) left bottom repeat-x;}
.right_title1 h2 { 
/*
    font-size:18px; 
*/
    font-size:24px; 
    font-weight:normal; 
    text-align:left; 
    color:#2E4967;
}
.right_body1 { padding:5px 15px; overflow:hidden; zoom:1;  border-top:0; border-bottom:0;border-left: 1px solid #f5f5f5;border-right: 1px solid #f5f5f5;border-bottom: 1px solid #f5f5f5;line-height:25px;}
.right_bottom1 {height: 5px;  line-height:5;  overflow:hidden; font-size:0px; margin-bottom:5px;}
/*样式3*/
.right_title2 { height:69px; line-height:69px;  }
.right_title2 h2 { font-size:20px;   font-weight:normal;  text-indent:40px; color:#FFF;}
.right_body2 { padding:5px; overflow:hidden; zoom:1; border-top:0; border-bottom:0}
.right_bottom2 { height: 5px; font-size: 0px; line-height:0;  overflow:hidden; margin-bottom:5px;}
/*==========@@模块  结束@@==========*/

/*==========@@频道布局  开始@@==========*/
/*模型body*/
.body_index, .body_article, .body_download, .body_picture, .body_product, .body_single, .body_video, .body_job, .body_feedback, .body_guestbook{}
.index, .single, .article, .picture, .download, .video, .product, .job, .guestbook, .feedback{ width:1200px;margin:5px auto; }
#top, #logo, #navigation, #banner, #announcement, #link, #copyright, #floor_1, #floor_2, #floor_3, #floor_4, #floor_5, #floor_6, #floor_7 { width:1200px;  margin:0 auto; overflow:hidden; border:0px dashed red;}
#left { float:left; width:240px; }
#right { float:right; width:940px; }
#right1 { float:left; width:1200px;}
/*===首页 开始===*/
#floor_1_main { padding:40px 0;}
#floor_1 {}
#floor_1_1 { float:left; width:610px; font-size:15px; color:#505050; text-align:left; }
#floor_1_2 { float:right; width:550px; height:340px; border:7px solid rgb(255, 255, 255);}
#floor_1_2 img { width:400px; display:block; margin:0 auto;}

#floor_2_main { background:url(../images/floor_2_main.jpg) center top no-repeat; height:300px; background-size:100% 100%;}
#floor_2 {padding:40px 0;}
#floor_2_1 { float:right; width:43%;}

#floor_4_main { background:#f8f8f8; padding:40px 0;}
#floor_4 { text-align:center;}

#floor_5_main { background:url(../images/floor_7_main.jpg) center top no-repeat; background-size:100% 100%; padding: 40px 0;}
#floor_5 { }
#floor_5_1 { width:440px; float:left;}
#floor_5_1 img{ width:440px;}
#floor_5_2 { width:730px; float:right;}

#floor_6_main { background:#f8f8f8; padding:40px 0;}
#floor_6 { text-align:center;}

#floor_7_main{
   /*background:#2E4967; */
   background:#2e2430;
   background-size:100% auto; 
   padding: 30px 0;
}
#floor_7_1{float: left;width: 66%;}
#floor_7_2{float: right;width: 34%;}
#floor_7_2 .WeChat img {  float: left;  width: 102px;  padding: 20px 30px 0 0;  }
#floor_7_2 .bdsharebuttonbox .LShare {  display: block;  line-height: 24px;  height: 24px;  cursor: pointer;  margin: 6px 6px 6px 0;  font-size: 16px;  color: #fff;  }
.bdshare-button-style0-24 {  padding-top: 30px;  }
/*===首页 结束===*/

/*===产品模型 开始===*/
.product  .info_product_detail_wrap{ line-height: 2.2em;}
.product  .info_product_detail_wrap b{color: #626262; font-weight:bold;}
.product  .info_product_detail_wrap table.detail_table{ width:100%; }
.product  .info_product_detail_wrap table.detail_table th{ width: 200px;}
.product  .ProductDescription{ height:40px; color:01673A; margin-top:10px;padding-left:35px; line-height:40px; font-size:16px; font-weight:bold; display:none;}
.product  .info_product_detail_wrap img{ width:380px; height:380px;float:left;  text-align:left; margin-right:10px; }
.product  .InfoTitle{  font-size:16px; font-weight:bold; text-align:left; padding:10px 0px 5px 0px;border-bottom:1px solid #E5E5E5;margin-bottom: 10px;}
.product  .f2{ padding:5px 0px}
.product  .f1{ padding:5px 0px}
.product  .InfoHit{ padding:5px 0px; font-weight:bold; color:#990000}
.product  .InfoTime{ padding:5px 0px; }
/*===产品模型 结束===*/

/*===招聘频道  开始===*/
.job{ }
.joblist { }
.joblist li {overflow: hidden;}
table.job_table { margin:8px 0px; padding:0px; text-align:center; width:100%; border-collapse:collapse;}
table.job_table td{ padding:8px 5px; border:1px solid #DADBD6;}
table.job_table .Requirement{ text-align:left; padding:8px 5px; line-height:1.5em;}
table.job_table th{color:#333; font-weight:bold; text-align:center; border:1px solid #DADBD6;}
table.job_table .t1 { font-weight:bold;padding:5px 0;width:20%;}
table.job_table .t2 { text-align:left;width:25%;}
table.job_table .t3 {font-weight:bold;width:25%;}
table.job_table .t4 {text-align:left;width:25%;}
table.job_table .operation{text-align:center; margin:0 auto;}
/*应聘*/
table.resume_table { margin:3px; text-align:center; width:97%; border-collapse:collapse;}
table.resume_table th{ font-weight:bold; text-align:left; width:100px;}
table.resume_table td{text-align:left; }
table.resume_table .operation{text-align:center; }
table.resume_table #Detail{ height:200px;}
/*===招聘频道  结束===*/

/*===留言频道  开始===*/
.guestbook{ }
.guestbooklist{}
.guestbooklist li{ padding:10px; border:1px solid #CCC; margin-bottom:10px; }
.MessageTitle { color:#227BAD; line-height:1.5em; font-weight:bold;}
.MessageContent { padding:5px; margin-bottom:10px; }
table.guestbook_table{ width:98%;  }
table.guestbook_table th{ width:100px; text-align:left}
table.guestbook_table td{ text-align:left}
table.guestbook_table .operation{ text-align:center }

/*管理员回复*/
.answer_wrap{ padding:5px; border-top:1px dashed #CCC; line-height:1.5em}
.answer_title{}
.answer_body {}
.Administrator { text-align:right; }
.Reply { text-align:right; }
.AnswerTime{ color:#999 }

/*留言表单*/
.message_title{ height:40px; padding-left:35px; line-height:40px; font-size:16px; color:#333; font-weight:bold;}
.message_body{ padding-left: 10px; padding-right: 10px; color:#626262; }
.message_bottom{}
/*===留言频道  结束===*/

/*===反馈频道 开始===*/
.feedback{ }
table.feedback_table{ width:99%; text-align:center; margin:0 auto;}
table.feedback_table th{ width:100px; text-align:left; font-weight:bold;}
table.feedback_table td{  text-align:left;}
table.feedback_table .operation{text-align:center}
/*===反馈频道 结束===*/
/*==========@@频道布局  结束@@==========*/


/*==========@@公共板块  开始@@==========*/
/* 顶部 */
#top_main { background:#fff; height:30px; border-bottom:#ebebeb solid 1px; }
#top { height:30px; line-height:30px; text-align:right;}
#top_1 { float:left;  text-align:left;}
#top_2 { float:right; text-align:right; }
#top .MobileEdition{ font-weight: bold; color:red;}
#top a { color:#666;  }
#top a:hover { color:#000; text-decoration:none}

/*Logo*/
#logo_main {background:#fff;padding: 0px 0px 10px;}
#logo {overflow:hidden; }
#logo .WebLogo{ float:left;}
#logo .Search{ float:right; width:350px;}
#logo .Language{width:500px;float:right; padding:10px;}
#logo .Language .MobileEdition{ font-weight: bold; color:red;}
#logo .Member { width:500px; height:35px; line-height:35px; float:right; text-align:right;font-weight:bold; }
#logo .Member .MemberName, #logo_main .Member .MemberGroupName{color:#F30}

/*导航*/
#navigation_main { background:#2E4967;}
#navigation { height:60px;  }
#navigation ul.navigationlist li { float:left; line-height:60px; text-align:center;  }
#navigation ul.navigationlist li a { display:block; padding:0px 34px; font-size:16px;color:#FFF; border:0px dashed red;}
/*鼠标移动到导航上，导航变色*/
#navigation ul.navigationlist li a:hover { text-decoration:none;  background:#DA1726; color:#fff; }
#navigation ul.navigationlist .current { background:#DA1726; color:#fff; }
/*导航栏下拉*/
#navigation ul.subnavigationlist{ display:none; position:absolute; background:#2E4967; z-index:100;width: 132px;}
#navigation  ul.subnavigationlist li {  float:none; padding:0px; line-height:35px; display:inline;}
#navigation  ul.subnavigationlist li a { display:block; white-space:nowrap; font-weight:normal; color:#FFF; font-size:14px;text-align:left;padding-top:5px;padding-bottom:5px;}
#navigation  ul.subnavigationlist li a:hover {background:#DA1726;color:#fff;}

/*公告*/
#announcement_main { background:#f8f8f8;}
#announcement { height:45px; line-height:45px;}
#announcement .announcement_title{ float:left;text-indent:35px; background:url(../images/announcement_title.gif) no-repeat 8px center; font-size:15px; font-weight:bold; line-height:45px;}
#announcement .announcement_body{float:left; width:700px;line-height:45px; font-size:14px; color:#555;}
#announcement .announcement_bottom{float:right; width:280px;}
.announcementlist{ }
.announcementlist li { line-height:45px;}
.announcementlist li span{ margin-left:30px;}

/*Js幻灯片样式*/
#banner_main {position:relative; border:0px solid blue; }
#banner {  border:0px solid red; margin:0 auto; overflow:hidden; width:100%}
.bannerlist{}
.bannerlist li{ position:relative; text-align:center; border:0px dashed red; overflow:hidden; display:block;}
.bannerlist li img{ margin:0 auto; display:block; }
.bannerlist li .BannerText { position:absolute; top:20%; width:100%; text-align:center;}
/*幻灯片上的字体*/
.bannerlist li .BannerText h2 { color:#FFF; font-size:60px;display:none;}
.bannerlist li .BannerText p { color:#FFF; font-size:36px;display:none;}

#banner_main .hd{ width:100%; position:relative; bottom:35px; left:0; height:5px; line-height:5px; text-align:center; }
#banner_main .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:12px; height:12px; 
background:#222222; border-radius:50%; margin-right:15px; overflow:hidden; font-size:0px;}
#banner_main .hd ul li.on{  background:#3aa314;}

/*Flash幻灯片样式*/
/*#banner_main {border:0px solid blue; }
#banner {  border:0px solid red; margin:0 auto; overflow:hidden;} */

/*当前位置*/
#location_main { } 
#location { color:#999; float:right; height:15px;}
#location a {color:#999;}

/*子频道列表*/
.subchannel_main{ margin:10px 0;}
.subchannel{}
.subchannellist { text-align:center;}
.subchannellist li { display:block; line-height:50px; background:#f6f6f6; border-bottom:#e5e5e5 solid 1px; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.subchannellist li a { font-weight:normal; display:block; color:#000;}
.subchannellist li:hover { background:#DA1726; color:#FFF;}
.subchannellist li:hover a{ color:#FFF;}
.subchannellist #current a { background:#DA1726; color:#FFF;}
.subchannellist .depth1{ font-size:16px; font-weight:bold; }
.subchannellist .depth2{ font-size:14px; text-indent:1.5em; background:none; }
.subchannellist .depth2 a{ border:none;}
.subchannellist .depth3{ font-size:14px; text-indent:3em}
.subchannellist .depth4{ font-size:14px; text-indent:4.5em}
.subchannellist .depth5{ font-size:14px; text-indent:6em}
.subchannellist .depth6{ font-size:14px; text-indent:7.5em}

.subchannellist1 { text-align:center;}
.subchannellist1 li { display:block;line-height:60px; border:1px solid #D2D2D2; border-radius:6px; background:#0256ac;}
.subchannellist1 li a { display:block; color:#FFF; }
.subchannellist1 li a:hover { background:#3aa314;  color:#FFF;text-decoration:none; border-radius:6px; }
.subchannellist1 li.on a { background:#3aa314; border-radius:6px;}

/*搜索 */
table.search_table{ width:99%; text-align:center;}
table.search_table th{ vertical-align:middle; text-align:center; padding:0px 3px;}
table.search_table td{ vertical-align:middle; width:60px; padding:0px 3px;}
.form1{ line-height:59px;}
.form_text1 { float:left; width:73%; height:28px; line-height:28px; text-indent:10px; outline:none; border:2px solid #0256ac; margin:3px 0;}
.form_button1{
width:50px;
height:36px;
background:#0256ac; border:0; outline:none; color:#FFF; margin:3px 0;
width: 30px;
height: 30px;
background: url(../images/serachPic1.png) no-repeat;
float: right;
cursor: pointer;
position: relative;
right: 35px;
}
.sousrig2{margin-top:22px;}
#qhbpsousrig div.sousrig2{margin-top:10px;}



/*联系我们*/
.contact_wrap{ line-height:1.8em; color:#FFF;}
.contact_wrap b{ font-weight:bold;}
.contact_wrap .WebUrl{ color:#F00;}
/*联系我们1*/
.contact_wrap1{ line-height:26px;;background:url(../images/contact.png) no-repeat; width:315px; height:154px;padding-left: 30px; padding-top: 20px; color:#FFF; overflow:hidden;}
.contact_wrap1 b{ font-weight:normal;}
.contact_wrap1 .ico1{ background:url(../images/phone.gif) no-repeat 8px center; padding: 5px 0px 5px 25px;}
.contact_wrap1 .ico2{ background:url(../images/fax.gif) no-repeat left center; padding: 5px 0px 5px 25px;}
.contact_wrap1 .ico3{ background:url(../images/email.gif) no-repeat 1px center; padding: 5px 0px 5px 25px;}
.contact_wrap1 .ico4{ background:url(../images/address.gif) no-repeat left center; padding: 5px 0px 5px 25px;}

/*公共百度地图*/
#Map{ overflow:hidden; width:100%;}
#Map .MapInfo{ float:left; border: 1px dashed #ccc; padding:8px;}
#Map .MapInfo #MapContainer{ width:870px; height:380px; }
#Map .ContactInfo{ width:300px; float:right; line-height:2.7em;}
#Map .ContactInfo .Company{ font-size:24px; margin-bottom:8px;}
#Map .ContactInfo img{ width: 18px; vertical-align:middle; margin-right:8px;}

/*订购*/
.order{margin:0px auto}
.order .WantOrder h1{ border-bottom:1px dotted #999999; padding: 5px 0px;}
.order .f1{ float:right; color:red;}
table.order_table{ width:98%;  }
table.order_table th{ width:100px; text-align:left;}
table.order_table td{text-align:left}
table.order_table .operation{ text-align:center}

/* 友情链接 */ 
#link_main {margin: 15px; }
#link { padding:0;border: 1px solid #D6D6D6; }
.link_title { line-height:59px; height:59px;  color:#fff;  }
.link_title h2 { font-size:24px; color:#333; font-weight: normal; text-indent:15px;}
.link_body { color:#000; border-top:0px; border-bottom:0px; }
.link_bottom{}
.link_pic { overflow:auto; zoom:1;  }
.link_pic ul li { float:left; padding:1px 5px; text-align:center; width:112px;}
.link_pic img { width:86px; height:30px; padding:2px; border:1px solid #CCC; }
.link_pic ul li a:hover img { border:1px solid #00a4ef; }
.link_text { overflow: hidden; zoom:1; padding:8px 0 8px 0; }
.link_text ul li { float:left; text-align:center; padding:1px 15px; overflow:hidden;white-space:nowrap;}
.link_text a { line-height:22px; color:#666; }
.link_text a:hover { line-height:22px; color:#00a4ef; }

/* 版权信息 */
#copyright_main { 
   color:#FFF; 
  /* background:#273B52; */
   background:#211A21; 
}
#copyright { line-height:40px; font-size:14px;/*border-top: 1px solid #83A0BF;*/padding-top: 10px;}
#copyright .bottom_navigation{text-align: center;padding: 5px 0px; }
#copyright a {color: #FFF; text-decoration: none;}
#copyright a:hover {color:#00a4ef; text-decoration: none;}
#copyright .bottom_info{ text-align:center;padding-top:5px; padding-right:10px; line-height:20px; }
#copyright .TechnicalSupport{ float:right; margin:0}

.bottom_navigation {  overflow: hidden;  float: left;  }
.bottom_navigation li {  float: left;  width: 120px;  margin-right: 15px;  overflow: hidden;  }
.bottom_navigation li a {  display: block;  text-align: left;  font-size: 18px;  margin-bottom: 10px;  color: #fff;  font-weight: bold;  }
.bottom_navigation li a:hover {  color:#00a4ef;}
.bottom_navigation .subnavigationlist1 li {  float: none;  padding: 0;  line-height: 28px;  display: block;  }
.bottom_navigation .subnavigationlist1 li a { color: #fff;  display: block;  line-height: 30px;  font-weight: normal;  padding: 0;  margin: 0;  font-size: 13px;  text-align: left;  }
.bottom_navigation .subnavigationlist1 li a:hover{color:#00a4ef;}

/*分页样式*/
.page { padding:10px 20px 20px 0px; float:right; clear:both;}
.page a, .page span { float:left; display:block; border:1px solid #D3D1D1; padding:8px 10px; margin-left:4px; line-height:22px; }
.page a:link, .page a:visited { text-decoration:none; }
.page a:hover { background:#0256ac; color:#ff9900; }
.page .current{ background:#0256ac; color:#FFF;}
.page #total{color:red}

/*会员*/
/*会员登录*/
table.login_table{ width:40%; text-align:center; margin:0 auto;}
table.login_table th{ width:100px; text-align:left; font-weight:bold;}
table.login_table td{ text-align:left;}
table.login_table .operation{text-align:center}
table.login_table .quick_login td{text-align:left; padding:10px 0;}
table.login_table .quick_login td img{ margin-right:8px; float:left;}

/*会员注册*/
table.reg_table{ width:40%; text-align:center; margin:0 auto;}
table.reg_table th{ width:140px; text-align:left; font-weight:bold;}
table.reg_table td{  text-align:left; }
table.reg_table .operation{text-align:center}
table.reg_table .MemberCode{  text-align:left; width:70px;}
table.reg_table #SmsCode{width:50px;}

/*忘记密码 第一步*/
table.forget_table1{ width:40%; text-align:center; margin:0 auto;}
table.forget_table1 th{ width:100px; text-align:left; font-weight:bold;}
table.forget_table1 td{ text-align:left; }
table.forget_table1 .operation{text-align:center}
/*忘记密码 第二步*/
table.forget_table2{ width:40%; text-align:center; margin:0 auto;}
table.forget_table2 th{ width:100px; text-align:left; font-weight:bold;}
table.forget_table2 td{text-align:left}
table.forget_table2 .operation{text-align:center}
table.forget_table2 #SmsCode{ width:60px;}
table.forget_table2 .PasswordQuestion, table.forget_table2 .MemberMobile, table.forget_table2 .FindPwdWay{ padding:3px 0;}

/*网站地图列表*/
.maplist{ }
.maplist li { padding:1px; }
.maplist li a { background:#d1e8fc; line-height:25px; display:block; padding:0 20px; border:0px solid #A6CC93; }
.maplist li a:hover { text-decoration:none; background:#FFF; }
.maplist .depth1{font-weight:bold;text-indent:0px; font-weight:bold}
.maplist .depth2{text-indent:2em}
.maplist .depth3{text-indent:4em}
.maplist .depth4{text-indent:6em}
.maplist .depth5{text-indent:8em}
.maplist .depth6{text-indent:10em}
/*==========@@公共板块  结束@@==========*/


/*==========@@通用列表 开始@@==========*/
/*文字列表*/
.textlist{ }
.textlist li { line-height:40px; height:40px;text-indent:24px; background:url(../images/textlist.png) no-repeat 0 center; overflow:hidden;width:100%;/*解决ie6bug*/border-bottom: 1px dashed #999999;}
.textlist li a{  }
/*文字列表*/
.textlist1{ overflow:hidden;}
.textlist1 li { text-align:left; margin-top:15px; height:120px; width:520px; border:1px solid #e7e7e7; background:#FFF; position:relative; padding:10px 0;}
.textlist1 li.li0{ float:left; margin-left:36px;}
.textlist1 li.li1{ float:right;}
.textlist1 li .InfoTitle{ display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:left; font-size:18px; text-indent:58px;}
.textlist1 li a:hover{ color:#0256ac;}
.textlist1 li p{ margin-left:35px; padding:0 20px; color:#5d5d5d; font-size: 14px;}
.textlist1 li .time{ float:left; width:56px; background:#0256ac; color:#FFF; line-height:25px; padding:10px 8px; position:absolute; left:-37px; top:34.5px; text-align:center; }
.textlist1 li .time .day { font-size:28px; font-weight:bold;}
.textlist1 li .time .month{ float:left;width:56px;}
.textlist1 li .time .year{ float:left; font-size:18px;width:48px;}
/*带缩略图文字列表*/
.thumblist{}
.thumblist li {}

/*橱窗列表*/
#right .gridlist{ margin-top:5px; }
#right .gridlist li { float:left; width:295px;height:405px;border: 1px solid #DEDEDE;margin-bottom:15px; margin-right:9px; text-align:center; overflow:hidden; display:inline /*解决ie6 双边距bug*/; }
#right .gridlist li.n2 { float:right; margin-right:0; }
#right .gridlist li img {width:295px;height:295px;}
#right .gridlist li a { overflow:hidden; display:block; white-space:nowrap; text-overflow:ellipsis; line-height:28px;}
#right .gridlist li:hover{border:1px solid #1D3843;}
/*
#right .gridlist li a:hover img { border:1px solid #0256ac;}
*/

#right1 .gridlist{ margin-top:5px; }
#right1 .gridlist li { float:left; width:296px; margin-bottom:10px; margin-right:4px; text-align:center; overflow:hidden; display:inline /*解决ie6 双边距bug*/; }
#right1 .gridlist li img { border:1px solid #D6D6D6; width:294px;}
#right1 .gridlist li a { overflow:hidden; display:block; white-space:nowrap; text-overflow:ellipsis; line-height:28px;}
#right1 .gridlist li a:hover img { border:1px solid #0256ac;}

/*橱窗列表1*/
.gridlist1{ overflow:hidden;}
.gridlist1 li { position:relative; float:left; text-align:center; overflow:hidden; display:inline /*解决ie6 双边距bug*/;
text-overflow:ellipsis; white-space:nowrap; margin-right:25px;}
.gridlist1 li.n2 { float:right; margin-right:0;} 
.gridlist1 li img { width:273px; vertical-align:middle;}
.gridlist1 li a { display:block; white-space:nowrap; line-height:28px; color:#FFF;}

/*橱窗列表2*/
.gridlist2{ overflow:hidden; width:100%; }
.gridlist2 li { width:342px; position:relative; float:left; text-align:center; margin-right:16px; overflow:hidden; display:inline /*解决ie6 双边距bug*/;
text-overflow:ellipsis; white-space:nowrap; border:#e7e7e7 solid 1px; box-shadow:#ddd 0 0 7px; padding:4px; margin-top:15px;}
.gridlist2 li img { vertical-align:middle; width:340px; border:1px solid #e7e7e7;}
.gridlist2 li a { white-space:nowrap; line-height:28px; display:block; }

/*视频列表*/
.videolist{ margin-top:5px; }
.videolist li { float:left; width:215px; margin-bottom:10px; margin-right:26px; text-align:center; overflow:hidden; display:inline /*解决ie6 双边距bug*/; }
.videolist li.n2 { float:right; margin-right:0;}
.videolist li img { border:1px solid #D6D6D6; width:100%;}
.videolist li a { position: relative; overflow:hidden; display:block; white-space:nowrap; text-overflow:ellipsis; line-height:28px;}
.videolist li a:hover img { border:1px solid #0256ac;}
.videolist li i{ position:absolute; width:100%; height:100%; top: 0;left: 0;background:url(../images/play.png) center center no-repeat; cursor:pointer;}

.videolist1{ }
.videolist1 li {    text-align:center; overflow:hidden;}
.videolist1 li img { border:1px solid #E1E1E1; width:100%; }
.videolist1 li .InfoTitle {display:block;width: 100%;height:30px;line-height: 30px;font-weight: normal;padding:0; text-align: center;}

.albumlist1 { padding-top:10px;}
.albumlist1 li { text-align:left; float:left; width:100%; height:40px; line-height:40px; font-size:16px; color:#333;}
.albumlist1 li img { width:20px; vertical-align:middle; margin-right:10px;}

.channelalbumlist{ overflow:hidden; }
.channelalbumlist li { float:left; margin-top:10px;}
.channelalbumlist li img{ display: block; width:290px; margin-right:10px;}
/*==========@@通用列表  结束@@==========*/

/*===产品详情介绍标题   开始=====*/
.p14-prodcontent-1-tit {
    height: 40px;
    font-size: 24px;
    line-height: 40px;
    border-bottom: 2px solid #d4d4d4;
    margin-bottom: 20px;
    margin-top:30px;
}
.p14-prodcontent-1-tit span {
    display: inline-block;
    height: 40px;
    color: #464646;
    border-bottom: 2px solid #ef8201;
    padding-left: 34px;
    background: url(../images/productjieshaopic1.png) no-repeat 2px center;
}
.p14-prodcontent-1-tit em {
    font-size: 18px;
    font-family: Arial;
    text-transform: uppercase;
    font-style: normal;
    color: #c2c2c1;
}
/*===产品详情介绍标题   结束=====*/

/*产品详情页   推荐产品   样式开始*/
.p14-product-2-list{padding-left:7px;}
.p14-product-2-list dl {
    float: left;
    width: 215px;
    border: 1px solid #dfdfdf;
    margin-right: 10px;
    margin-bottom:20px;
    box-sizing: border-box;
}
.p14-product-2-list dl img {
    display: block;
    width: 213px;
    height:213px;
}
.p14-product-2-list dd {
    padding: 10px 28px 10px 10px;
    margin-right: 2px;
    position: relative;
}
.p14-product-2-list h4 {
    height: 30px;
    font-size: 16px;
    font-weight: normal;
    line-height: 30px;
    color: #191919;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.p14-product-2-list h4 a {
    color: #191919;
}
.p14-product-2-desc {
    font-size: 14px;
    line-height: 24px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/*产品详情页   推荐产品   样式结束*/

/*服务流程   样式开始*/
.fulc{
    background: url(../images/lc_bg.jpg) no-repeat center 0;
    height: 392px;
    overflow: hidden;
}
div.fulc .content {
    width: 1280px;
    margin: 0 auto;
    font-family: "Microsoft Yahei";
}
.fulc h3 {
    overflow: hidden;
    padding-top: 40px;
    height: 155px;
    color: #fff;
    text-align: center;
}
.fulc h3 i {
    display: block;
    overflow: hidden;
    padding-bottom: 15px;
    border-bottom: 1px solid #615145;
    width: 410px;
    margin-bottom: 17px;
    margin: 10px auto;
}
.fulc h3 i b {
    display: inline-block;
    float: left;
    font-size: 42px;
    letter-spacing: 3px;
    line-height: 100%;
}
.fulc h3 i em {
    display: inline-block;
    float: left;
    padding-left: 52px;
    font-weight: normal;
    font-size: 13px;
    background: url(../images/lc_tel.png) no-repeat 20px 5px;
    line-height: 100%;
    margin-top: 5px;
    text-align:left;
}
.fulc h3 i em span {
    display: block;
    font-size: 23px;
    line-height: 100%;
    padding-top: 5px;
}
.fulc h3 strong {
    display: block;
    font-weight: normal;
    font-size: 26px;
    color: #fff;
    font-weight: normal;
    letter-spacing: 3px;
    margin-top:15px;
}
.fulc h4 {
    float: left;
    width: 107px;
    height: 102px;
    background: #fff;
    text-align: center;
    margin-left: 45px;
}
.fulc h4 a {
    color: #DA1726;
    font-size: 24px;
    font-weight: bold;
}
.fulc h4 span {
    display: block;
    padding: 25px 0 7px 0;
}
.fulc h4 a {
    color: #da1726;
    font-size: 24px;
    font-weight: bold;
}
.fulc p {
    background: url(../images/lc.png) no-repeat;
    width: 1100px;
    height: 102px;
    float: left;
    color: #fff;
    box-sizing: border-box;
    padding: 20px 0 0 78px;
}
.fulc p i {
    display: inline-block;
    float: left;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    padding-right: 91px;
}
.fulc p i span {
    display: block;
}
/*服务流程   样式结束*/

/*   公司简介    样式开始  */
.qhbpcomjj{width:100%;height:550px;background:url(../images/qhbpgsjjzongbj.jpg) center top no-repeat;background-size: 100% 100%;}
.qhbpcomjjContent{width:1200px;height:460px;margin: 0 auto;}
.qhbpcomjjContentleft{width:550px;height:565px;float:left;margin-top:50px;overflow: hidden;}
.qhbpcomjjContentleft img{cursor:pointer;transition:all 1s;}
.qhbpcomjjContentleft img:hover{transform:scale(1.1);}
.qhbpcomjjContentright{width:1200px;height:400px;float:right;margin-top:15px;text-align:center;}
.qhbpcomjjContentrighbt p{font-size:45px;}
.qhbpcomjjContentrighbt span{margin-top: 10px;display: block;color:#DA1726;}
.qhbpcomjjContentrighbtbtn{width: 100%;height: 85px;}
.qhbpcomjjContentrighbtbtn a{width: 105px;height: 35px;border: 1px solid #DA1726;border-radius: 10px;display: block;line-height: 35px;text-align: center;float: left;margin-right:30px;margin-top:20px;color: #DA1726;}
.qhbpcomjjContentrighbtbtn a:hover{background:#DA1726;color:#fff;}
.qhbpcomjjContentrighys1{width: 290px;height: 90px;float: left;}
.qhbpcomjjContentrighys2{width: 290px;height: 90px;float: right;}
.qhbpcomjjContentrighys3{width: 290px;height: 90px;float: left;}
.qhbpcomjjContentrighys4{width: 290px;height: 90px;float: right;}
.qhbpcomjjContentrighys1left{width: 40px;height: 40px;float: left;margin-top: 15px;}
.qhbpcomjjContentrighys1right{width: 240px;float: right;margin-top: 15px;}
.qhbpcomjjContentrighys1right p{color:#333;font-size:16px;font-weight:bold;}
.qhbpcomjjContentrighys1right span{font-size: 14px;line-height: 1.5;color: #666;}
/*   公司简介    样式结束  */

/*底部样式     开始*/

/*底部留言表单样式    开始*/

.footerly{width: 100%;height: 259px;padding-top: 100px;box-sizing: border-box;background: url(../images/footerly_bg.jpg) center no-repeat;}

form#frmGuestBook div:nth-child(1){width: 45%;margin-bottom:10px;float:left;}
form#frmGuestBook div:nth-child(2){width: 47%;margin-bottom:10px;float:right;}

form#frmGuestBook div:nth-child(1) input#GuestName{
    margin-right: 24px;
    background: url(../images/in1.png) left center no-repeat;
}
form#frmGuestBook div:nth-child(2) input#Contact{
    background: url(../images/in2.png) left center no-repeat;
}

.footerly .gg_main .inform .inputs > input {
    width: 260px;
    height: 40px;
    border: solid 1px #e4e4e4;
    box-sizing: border-box;
    padding: 0 10px 0 74px;
}
.footerly .gg_main .inform input {
    color: #fff;
}
/*
.footerly .gg_main .inform .inputs #userPhone {
    background: url(../images/in2.png) left center no-repeat;
}
*/
.footerly .gg_main .inform .inputs > input {
    width: 260px;
    height: 40px;
    border: solid 1px #e4e4e4;
    box-sizing: border-box;
    padding: 0 10px 0 74px;
}
.footerly .gg_main .inform input {
    color: #fff;
}
.myclearfix:after {
    content: "";
    display: block;
    clear: both;
}
*:before, *:after {
    box-sizing: content-box;
}
.footerly .gg_main .inform .in_item {
    width: 100%;
}
.footerly .gg_main .inform .in_item textarea {
    float: left;
    width: 260px;
    height: 69px;
    border: solid 1px #e4e4e4;
    box-sizing: border-box;
    background: url(../images/in3.png) left top no-repeat;
    padding: 12px 12px 12px 75px;
}
.footerly .gg_main .inform textarea {
    color: #fff;
}
.footerly .gg_main .inform .in_item .code {
    width: 180px;
    margin-left: 30px;
}
.leftl {
    float: left;
}
.footerly .gg_main .inform .in_item .code > input {
    display: block;
    width: 100%;
    height: 40px;
    border: solid 1px #e4e4e4;
    box-sizing: border-box;
    padding: 0 10px 0 74px;
    background: url(../images/in4.png) left top no-repeat;
}
.footerly .gg_main .inform input {
    color: #fff;
}
.footerly .gg_main .inform .in_item .code > img {
    display: block;
    width: 180px;
    height: 23px;
    margin-top: 5px;
    cursor: pointer;
}
.footerly  .gg_main .inform .in_item > button {
    width: 69px;
    height: 69px;
    background-color: #DA1726;
    cursor: pointer;
    font-size: 16px;
    color: #fff;
    line-height: 69px;
    border: 2px solid #E4E4E4;
}
.rightr {
    float: right;
}
.button span {
    text-align: center;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.button span i:nth-child(1) {
    --d: 0.05s;
}
.button span i {
    display: inline-block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-style: normal;
}
.button span i:nth-child(2) {
    --d: 0.1s;
}
.button span i {
    display: inline-block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-style: normal;
}
.myclearfix:after {
    content: "";
    display: block;
    clear: both;
}
*:before, *:after {
    box-sizing: content-box;
}
/*底部留言表单样式    结束*/

.qhbp_footer_daohang{
   width:1200px;
   margin: 0 auto;
   height:45px;
 /*  border-bottom:2px solid #39587C; */
   border-bottom:2px solid #4D4050;
}
.qhbp_footer_daohang p a{
   font-size:16px;
   color:#ffffff;
   padding:0 26px;
 /*  border-right:2px solid #39587C;   */
  border-right:2px solid #4D4050; 
}

.qhbp_footer_lxfs{width:1200px;height:210px;margin:0 auto;}
.qhbp_footer_lxfs h1{float: left;margin-top: 71px;}
.qhbp_footer_lxfs h1 img{width: 239px;height: 67px;}
.qhbp_footer_lxfs .foo_z{
   float: left;
   padding-left: 55px;
  /* border-left: 1px dashed #39587C; */
   border-left: 1px dashed #4D4050;
   font-size: 14px;
   color: #f4f4f4;
   line-height: 35px;
   margin-top: 35px;
   margin-left: 25px;
}
.qhbp_footer_lxfs .foo_z span{margin: 0 30px;}
.qhbp_footer_lxfs .foo_z span a{color:#fff;}
.qhbp_footer_lxfs .foo_w{float: right;margin-top:52px;}
.qhbp_footer_lxfs .foo_w em{display:block;float:left;margin-right:50px;font-size:14px;color:#fff;text-align:center;}
.qhbp_footer_lxfs .foo_w em img{width: 110px;height:110px;float: left;margin-bottom:10px;}
.qhbp_footer_lxfs .foo_w em span{
   display:block;
   float:left;
   width:14px;
   height:100px;
   /* border:1px solid #85baa2; */
   border:1px solid #4D4050;
   text-align:center;
   font-size:14px;
   color:#ffffff;
   line-height:15px;
   padding:0 7px;
   padding-top:8px;
}
#copyright ul a{display:block;float:left;margin-right: 10px;}
/*底部样式     结束*/

/*服务系统   开始*/
#fuwutixibg{
    background: url(../images/fuwutixipicbg.jpg) no-repeat center top;
}
.index-setvies {
    height: 718px;
    width: 100%;
    position: relative;
    height: 830px;
   /* background: url(../images/index-gg.jpg) no-repeat center top; */
}
.index-vie {
    width: 480px;
    height: 480px;
    position: absolute;
    left: 50%;
    margin-left: -225px;
    top: 9%;
}
.index-vie .des {
    width: 100%;
    height: 480px;
    position: relative;
    z-index: 1;
}
.index-vie .des::before {
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #d25358;
    box-sizing: border-box;
}
.index-vie .des::after {
    width: 360px;
    height: 360px;
    content: '';
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    border: 1px solid #d25358;
    box-sizing: border-box;
}
.index-vie .des i {
    width: 8px;
    height: calc(50% + 4px);
    position: absolute;
    left: 50%;
    margin-left: -4px;
    top: -4px;
    z-index: 2;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    /* transform: rotate(
45deg); */
}
.ito {
    -webkit-animation-name: ito;
    animation-name: ito;
}
.index-vie .des i::before {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fff;
    display: block;
    content: '';
}
.index-vie .des em {
    width: 4px;
    height: calc(209px + 4px);
    position: absolute;
    left: 50%;
    margin-left: -4px;
    top: calc(50% - 213px);
    z-index: 2;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}
.emto {
    -webkit-animation-name: emto;
    animation-name: emto;
}
.index-vie .des em::before {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fff;
    display: block;
    content: '';
}
.index-vie .des .daves {
    width: 234px;
    height: 234px;
    border-radius: 50%;
    background: #cd3f44;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -117px;
    margin-left: -117px;
    z-index: 2;
    padding-top: 50px;
    box-sizing: border-box;
}
.index-vie .des .daves h6 {
    font-size: 33px;
    color: #fff;
    font-weight: 400;
    line-height: 1.5;
}
.index-vie .des .daves img {
    display: block;
    margin: 5px auto 10px;
}
.index-vie .des .daves a {
    font-size: 15px;
    color: #fcf5f6;
}
.index-vie .des .tdes:nth-of-type(2) {
    left: 380px;
    top: 233px;
}
.index-vie .des .tdes {
    width: 72px;
    height: 72px;
    background: #cd3f44;
    text-align: center;
    border-radius: 50%;
    position: absolute;
    left: 39px;
    top: 233px;
    z-index: 2;
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.index-vie .des .tdes .desc {
    width: 72px;
    height: 72px;
    padding-top: 18px;
    box-sizing: border-box;
    border-radius: 50%;
    position: relative;
    text-align: center;
}
.index-vie .des .tdes .desc::before {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    border: 1px solid #fff;
    box-shadow: 0px 0px 8px #fff;
    border-radius: 50%;
    z-index: -1;
    animation: shaketo 1.5s infinite;
    -webkit-animation: shaketo 1.5s infinite;
}
.index-vie .des .tdes a {
    font-size: 15px;
    color: #fff;
    line-height: 18px;
    transition: color .3s;
    cursor: pointer;
}
.index-vie .des .tdes:nth-of-type(3) {
    left: 210px;
    top: 385px;
}
.index-vie .des .tdes {
    width: 72px;
    height: 72px;
    background: #cd3f44;
    text-align: center;
    border-radius: 50%;
    position: absolute;
    left: 39px;
    top: 233px;
    z-index: 2;
}
.index-vie .desves {
    width: 157px;
    height: 157px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    border-radius: 50%;
    padding-top: 34px;
    box-sizing: border-box;
    z-index: 1;
}
.index-vie .desves h6 {
    font-size: 26px;
    color: #c7292f;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-weight: normal;
}
.index-vie .desves p {
    color: #333;
    padding-top:10px;
}
.index-setvies .title {
    width: 100%;
    position: absolute;
    left: 50px;
    top: 50px;
}
.index-set2 .w1400 {
    width: 1200px;
}
.index-setvies .title p {
    font-size: 16px;
    color: #fbf1f1;
}
.index-setvies .title h5 {
    font-size:25px;
    color: #fff;
    line-height: 46px;
    font-weight: normal;
    margin-top: 12px;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.index-setvies .txt {
    position: absolute;
    right: 60px;
    text-align: right;
    bottom: 50px;
}
.index-setvies .txt p {
    font-size: 18px;
    color: #fbf1f1;
}
.index-setvies .txt p a {
    font-size: 18px;
    color: #fbf1f1;
    display: inline-block;
    margin: 0 10px;
}
.index-setvies .txt span {
    color: #f8eaeb;
    font-size: 14px;
}
.tofist {
    -webkit-animation-name: tofist;
    animation-name: tofist;
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
/*   标识服务案例   开始   */
.qhbpfwaliContent_1_biaoti{
   width:1200px;height:50px;line-height:50px;margin:0 auto;
}
.qhbpfwaliContent_1_biaoti ul{
   width:930px;height:50px;margin-left:135px;
}
.qhbpfwaliContent_1_biaoti ul li{
   float:left;margin-left:20px;
}
.qhbpfwaliContent_1_biaoti ul li a{
   border-left:4px solid #c81e2b;padding:0px 8px;
}
.qhbpfwaliContent_1_neirong{
   width:1200px;height:400px;margin:0 auto;margin-top:20px;
}
.qhbpfwaliContent_1_neirong ul{
   width:1160px;height:400px;margin-left:20px;
}
.qhbpfwaliContent_1_neirong ul li{
   float:left;width:280px;height:400px;margin:0px 5px;
   overflow: hidden;
}
.qhbpfwaliContent_1_neirong ul li a img{
   width:280px;height:400px;
    transition:all 1s;
}
.qhbpfwaliContent_1_neirong ul li a img:hover{
   transform:scale(1.1);
}
/*首页地图样式*/
.qhbpsymap{
   background:url(../images/hqxtfabg.jpg) no-repeat center 0;
}


