@charset "utf-8";
/* CSS Document */

a:hover{ text-decoration:none;color: #549ac1; list-style-position:  none;}
/*内页店铺*/
body p{ font-family:"微软雅黑"!important;}
* {transition-property: all; -ms-transition-property: all;-moz-transition-property: all;-webkit-transition-property: all;-o-transition-property: all;}
html, body {font-size:14px;background:#fff;width:100%;margin:0px;padding:0px;font-family: "Microsoft YaHei", Helvetica Neue, Tahoma, Arial, "微软雅黑", "宋体", "黑体";}
img {border:0px;}
ul, li, p {margin:0px;padding:0px;}
a {text-decoration: none;}
ul, li {list-style-type:none;}

.main1{ margin:0 auto; width:1200px; padding:50px 0 70px 0;}
.main1-nav{ overflow:hidden; clear:both; margin-bottom: 50px;}
.main1-conent1{ float:left;margin-bottom: 10px;}
.main1-01{ width:270px; height:530px; border:1px solid #e5e5e5; border-right:none; margin-top:30px; z-index: -1; }
.main1-01.last{ border-right:1px solid #e5e5e5;}

.main1-01 .main1-h{ height:125px; padding:25px 0 30px 0; text-align:center; background:#eff4f8; border-bottom:1px solid #e5e5e5;}
.main1-01 .main1-h h2{ font-size:24px; color:#666666; font-weight:bold;}
.main1-01 .main1-h p{ font-size:14px; color:#666666;}
.main1-01 .main1-b{ padding:15px 0 50px 0;}
.main1-01 .main1-b li{ font-size:14px; color:#515151; margin-top:30px; text-align:center;}
.main1-conent2{ overflow:hidden; clear:both;}
.main1-01s{ width:370px; height:593px; background:#fff; position: relative; border:1px solid #36b6c7; -webkit-box-shadow:0px 0px 10px #2891e2; -moz-box-shadow:0px 0px 10px #2891e2; box-shadow:0px 0px 10px #2891e2; margin-top:0px; float:left;position:relative;overflow: hidden;}
.dh_div{width:358px;opacity: 0;position: absolute;top:300px;}
.main1-01s .main1s-h{padding:20px 25px;}
/*产品服务*/
.pros { width:100%; height: auto; overflow: hidden; }
.pros_a { width: 1220px; height:auto; overflow: hidden; margin:0 auto; }
.pros_top { width: 100%; font-size: 16px; color: #6d6d6d; height: auto; font-size:16px; overflow: hidden; padding-bottom: 40px; margin:0 auto; padding-top: 60px; text-align:  center; }
.pros_top h1 { font-size: 36px; color: #464646; font-weight:normal; }
.pros_top em { width: 40px; height:3px; background: #e41f2b; display: block; margin:0 auto; margin-top:20px; margin-bottom: 20px;}
.yts { width: 100%; height:180px; border-bottom: 1px solid #e5e5e5; background: #eff4f8; text-align: center; }
.yjs_right { width:900px; float:left;}
.yjs_right_top { width:100%; height: auto; overflow:hidden;}
.yjs_u { width:100%; height:270px; overflow:hidden;}
.yjs_u_left { width:360px; height:270px; background:#ffe506; float:left;}
.yjs_u_right { width:540px; height:270px; background:#f26161; float:left;}
.yts img { padding-top: 20px; }
.yts span { font-size: 22px; color: #fff; display: block; padding-top: 14px; }
.yts { color: #666666; line-height: 30px; }
 .yts_p li {  width: 50%; height: 26px; overflow: hidden; float: left; line-height: 26px;  margin:0 auto; border: 0; }
 .yts_p { width: 86%;  margin:30px 25px ; border-bottom: 1px dashed #dcdfdf; padding-bottom: 15px; overflow: hidden; }
 .yts_p span { font-size: 20px; color:#555555; display: block; padding-bottom: 9px; }
 .yts_p font { width: 4px; height: 4px; border-radius:100%; background: #666666; display: block; float: left; margin-top:10px; margin-right: 6px; }
 .yts_p li a { color: #666; }
 .yts_o  li { width: 100px; margin-bottom: 20px; float: left; margin-top:0; height: 33px; border: 1px solid #cacaca; text-align: center; line-height: 33px;  border-radius:5px; }
 .yts_o { width: 221px; margin:30px 25px; overflow: hidden; }
 .yts_o  li:nth-child(2n+2) { float: right; }
 .yts_o  li:hover { border: 1px solid #2991e1; }
 .yts_o  li a { display: block; color: #555555 }
 .yts_o  li a:hover { background: #3097e5; color: #fff;  display: block;}
.yts_p2 li {  width: 50%; height: 26px; overflow: hidden; float: left; line-height: 26px;  margin:0 auto; border: 0; }
.yts_p2 { width: 86%;  margin:9px 25px ; border-bottom: 1px dashed #dcdfdf; padding-bottom: 15px; overflow: hidden; }
.yts_p2 span { font-size: 20px; color:#555555; display: block; padding-bottom: 9px; padding-top: 20px; }
.yts_p2 font { width: 4px; height: 4px; border-radius:100%; background: #666666; display: block; float: left; margin-top:10px; margin-right: 6px; }
.yts_p2 li a { color: #666; }
.yts_o2  li { width: 100px; margin-bottom: 20px; margin-top:0; height: 33px; border: 1px solid #cacaca; text-align: center; line-height: 33px;  border-radius:5px; }
.yts_o2 { width: 86%; margin:30px 25px; overflow: hidden; }
.yts_o2  li:nth-child(2n+2) { float: right; }
.yts_o2  li:hover { border: 1px solid #2991e1; }
.yts_o2  li a { display: block; color: #555555 }
.yts_o2  li a:hover { background: #3097e5; color: #fff;  display: block;}


.ytsh {  height: 180px; background: #eff4f8; text-align: center; line-height: 30px; font-size: 14px; color: #666666;}
.ytsh  img { padding-top: 18px; }
.ytsh span  { font-size: 22px; color: #666666; display: block; padding-top: 16px; }

.yts {  height: 210px;
filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#64b9fa',endColorStr='#2892e2',gradientType='1'); 
  background: -ms-linear-gradient(left, #64b9fa,  #2892e2);   background:-moz-linear-gradient(left,#64b9fa,  #2892e2);
background:-webkit-gradient(linear, 0% 0%, 100% 0%,from(#63b8fa), to(#2891e2)); color: #fff;}

.yts .hr1 { display:none; }

.yts .hr1 { display: none!important; }

.dh_div{width:358px;opacity: 0;position: absolute;top:300px;}


.main1-01s:hover .daoh_yus { top:211px;  outline: 1; 
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease; }


.daoh { display: none; }
.daoh { width: 85%; margin:18px 20px; overflow: hidden;  } 
.daoh li { width: 100%; height: auto; line-height: 22px; overflow: hidden; border: 0; margin-top: 0; }
.daoh li span { color: #555555; font-size: 16px; }
.daoh li p { color: #9e9e9e; font-size: 12px; position: relative; }
.daoh li a { display: block; color: #666; width: 100px; height: 30px; border: 1px solid #cacaca; text-align: center; line-height: 30px; border-radius:8px; margin-top: 10px; margin-bottom: 15px; }
.daoh li a:hover { background: #3097e5; color: #fff; border:1px solid #3097e5; }
.daoh li p img { margin-top: -15px; position: absolute; top:15px;  }
.daoh li p:nth-child(1) { padding-top: 7px; }
.daoh ul { width: 100%; overflow: hidden; }
.daoh2 { }
.daoh2 { width: 85%; margin:18px 20px; overflow: hidden; } 
.daoh2 li { width: 100%; height: auto; line-height: 22px; overflow: hidden; border: 0; margin-top: 0; }
.daoh2 li span { color: #555555; font-size: 16px; padding-top: 0px;  }
.daoh2 li p { color: #9e9e9e; font-size: 12px; position: relative; }
.daoh2 li a { display: block; color: #666; width: 100px; height: 30px; border: 1px solid #cacaca; text-align: center; line-height: 30px; border-radius:8px; margin-top: 10px; margin-bottom: 15px; }
.daoh2 li a:hover { background: #3097e5; color: #fff; border:1px solid #3097e5; }
.daoh2 li p img { margin-top: -15px; position: absolute; top:15px;  }
.daoh2 li p:nth-child(1) { padding-top: 7px; }
.daoh2 ul { width: 100%; overflow: hidden; }
.daoh3 { width: 85%; margin:18px 20px; overflow: hidden; } 
.daoh3 li { width: 100%; height: auto; line-height: 22px; overflow: hidden; border: 0; margin-top: 0; }
.daoh3 li span { color: #555555; font-size: 16px; }
.daoh3 li p { color: #9e9e9e; font-size: 12px; position: relative; }
.daoh3 li a { display: block; color: #666; width: 100px; height: 30px; border: 1px solid #cacaca; text-align: center; line-height: 30px; border-radius:8px; margin-top: 10px; margin-bottom: 15px; }
.daoh3 li a:hover { background: #3097e5; color: #fff; border: 1px solid #3097e5; }
.daoh3 li p img { margin-top: -15px; position: absolute; top:15px;  }
.daoh3 li p:nth-child(1) { padding-top: 7px; }
.daoh3 ul { width: 100%; overflow: hidden; }
.daoh { display: block; }
.daoh  .yts_p  { display: block; }
.on .yts_ph  { display: block; }
.yts_ph li {  width: 50%; height: 26px; overflow: hidden; float: left; line-height: 26px;  margin:0 auto; border: 0; }
.yts_ph { width: 86%;  margin:11px 25px ; border-bottom: 1px dashed #dcdfdf; padding-bottom: 15px; overflow: hidden; }
.yts_ph span { font-size: 20px; color:#555555; display: block; padding-bottom: 9px; padding-top:20px; }
.yts_ph font { width: 4px; height: 4px; border-radius:100%; background: #666666; display: block; float: left; margin-top:10px; margin-right: 6px; }
.yts_ph li a { color: #666; }
.yts_ph li a:hvoer { color: #2891e2!important; }