﻿@charset "utf-8";
/* CSS Document */
/*公用*/
*{margin:0;padding:0;}
html,body{-webkit-text-size-adjust:none;position: relative;}
body{font-size:13px;color:#333;background:#2cc8ff; font-family:"微软雅黑";font-weight:normal;
text-align:justify;
text-justify:distribute-all-lines;
}

ol li,ul li{list-style-type:none; vertical-align:middle;}
img{border:none;vertical-align:middle;}
input{vertical-align:middle;outline: none;}
font{font-size:12px;}
table{border-collapse: collapse;border-spacing: 0;}
h1,h2,h3,h4,h5,h6,strong{font-weight:normal;}
a{text-decoration:none;}

@font-face {
  font-family: "SIMYOU";
  src: url("../font/SIMYOU.woff2") format("woff2"),
       url("../font/SIMYOU.woff") format("woff"),
       url("../font/SIMYOU.ttf") format("truetype"),
       url("../font/SIMYOU.eot") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "GoodDog";
  src: url("../font/GoodDog.woff2") format("woff2"),
       url("../font/GoodDog.woff") format("woff"),
       url("../font/GoodDog.ttf") format("truetype"),
       url("../font/GoodDog.eot") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Arlrdbd";
  src: url("../font/Arlrdbd.woff2") format("woff2"),
       url("../font/Arlrdbd.woff") format("woff"),
       url("../font/Arlrdbd.ttf") format("truetype"),
       url("../font/Arlrdbd.eot") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}

.fl{float:left;}
.fr{float:right;}

/* clear float */
.clear, .clearfix:after {clear: both;}
.clear, .clearfix:before, .clearfix:after {display: block;overflow: hidden;visibility: hidden;width: 0; height: 0;}
.clearfix:before, .clearfix:after {content: '';}
.clearfix {*zoom: 1;}


.w1015{width:1015px;margin:0 auto;position: relative;}

.header{height:175px;background:url(../images/header.png) repeat-x;position:absolute;left:0;top:0;right:0; z-index: 99;border-bottom:2px solid #00b5ff;}

.logo{padding:14px 30px 0;width:202px;text-align:center;height:138px;box-sizing: border-box;}

.search{padding-top:16px;}
.search p{float:left;height:30px;line-height:30px;border: 5px solid #55c2fb; background: #fff;border-radius: 15px; overflow: hidden;}
.search p input{display: block;float:left;}
.search span{display: block;float:left;height:30px;line-height:30px;padding:5px 10px;}
.search span a{color:#fff;font-size:16px;}

.input_ss{height:30px;line-height:30px;border:none;padding-left:12px;font-size:15px;color: #333;width:175px;}
.btn_ss{margin-top:5px;margin-right:8px;}

.top_nav{position: absolute;right:0;bottom:37px;width:627px;height:66px;box-sizing: border-box;padding:13px 13px 0; background: url(../images/menu_bg.png) no-repeat;}
.top_nav dt{width:118px;text-align:center;height:53px; cursor: pointer;position: relative;}
.top_nav dt h3{height:53px;line-height:52px;color:#fff;font-size:16px;font-family: "SIMYOU";}
.top_nav dt::after{content: "";position: absolute;left:0;bottom:0;right:0;height:8px; background: url(../images/bg_1.png) repeat;}
.top_nav dt strong{display: block;font-size:16px;color:#fff;line-height:20px;padding-top:8px;font-family: "SIMYOU";}
.top_nav dt span{display: block;font-size:14px;color:#ffe950;line-height:16px;}
.top_nav dd{display: none;}
.top_nav dl:hover dt::after{display: none;}
.top_nav dl:hover dd{display: block;}

.bg_m1{position: absolute;left:0px;top:66px;width:627px;height:330px; background: url(../images/bg_m1.png) no-repeat;}
.bg_m2{position: absolute;left:0px;top:66px;width:627px;height:330px; background: url(../images/bg_m2.png) no-repeat;}
.bg_m3{position: absolute;left:0px;top:66px;width:627px;height:330px; background: url(../images/bg_m3.png) no-repeat;}
.bg_m4{position: absolute;left:0px;top:66px;width:627px;height:330px; background: url(../images/bg_m4.png) no-repeat;}


.menu-left{height:37px;line-height:37px;font-family: "SIMYOU";}
.menu-left li{float:left;position: relative;width:198px;text-align:center;border-left:2px solid #01aaf6;}
.menu-left li strong a{display: block;color:#fff;font-size:16px;}
.menu-left li:hover strong a{color:#fff; background: #10a2ff;}
.menu-left li p{display: none; position: absolute;left:-2px;top:37px;text-align:center;width:100%; background: #4bd0ff;border:2px solid #01aaf6;border-top:none;}
.menu-left li p a{display: block;text-align:center;height:37px;line-height:37px;font-size:15px;color:#0583df;}
.menu-left li p a:hover{color:#031f70; background: #7dddff;}
.menu-left li:hover p{display: block;}

.menu-right{height:37px;line-height:37px;font-family: "SIMYOU";}
.menu-right li{float:left;width:199px;text-align:center;border-left:1px solid #16bfff;border-right:1px solid #16bfff; background: #10a2ff;}
.menu-right li a{display: block;color:#fff;font-size:16px;}
.menu-right li a:hover{color:#fff; background: #2cc8ff;}

.footer{height:89px; background: url(../images/footer.png) repeat-x;position: relative;}

.contact{padding-top:35px;width:650px;position: relative;height:61px;box-sizing: border-box;}
.contact strong{display: block;font-size:12px;color:#fff;line-height:20px;padding-bottom:24px;}
.contact p{position: absolute;left:150px;top:35px;font-size:12px;color:#fff;line-height:20px;}

.lab{padding-top:28px;}
.lab ul{width:210px;}
.lab li{float:left;padding-right:10px;padding-top:8px;width:50px;}
.lab li img{width:35px;}
.lab p{padding-top:15px;width:160px;}
.lab p img{width:100%;}

.copy{color:#3e3a39;height:27px;line-height:27px;font-size:12px;}

.backTop{display: none;position: fixed;right:20px;bottom:27px; bottom: 0; z-index: 99;cursor: pointer;width:2       60px;}
.backTop img{width:100%;}

.bgBlue{ background: #2cc8ff;}

.logobi{padding:70px 60px 80px;}
.shengji{width:450px;text-align:center;margin-right:60px;padding-top:40px;}
.shengji h3{font-size:30px;line-height:50px;font-family: "SIMYOU";color:#012675;}
.shengji p{color:#ffffff;font-size:16px;line-height:30px;padding:10px 0 30px;text-align: left;}
.shengji span{display: block;}
.shengji sp a{display: inline-block;width:190px;height:48px;line-height:48px;text-align:center;color:#ff9c04;font-size:24px;background: #ffe10c;border-radius: 10px;}

.banner-tit-r1{position: absolute;left:50%;top:50%;margin-left:100px;text-align:center;margin-top:-160px; z-index: 9;width:420px;font-family: "SIMYOU";}
.banner-tit-r1 p{padding:10px 0 25px;font-size:38px;color:#3e3a39;font-family: "SIMYOU";line-height:48px;text-shadow: 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #fff, 0 0 50px #fff;}
.banner-tit-r1 img{width:100%;}
.banner-tit-r1 a{display: block;width:186px;margin:0 auto;}


.banner-tit-r{position: absolute;left:50%;top:50%;margin-left:80px;text-align:center;margin-top:-240px; z-index: 9;width:420px;}
.banner-tit-r p{padding:10px 0 25px;font-size:38px;color:#3e3a39;font-family: "SIMYOU";line-height:48px;text-shadow: 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #fff, 0 0 50px #fff;}
.banner-tit-r img{width:100%;}
.banner-tit-r a{display: block;width:186px;margin:0 auto;}

.banner-tit-l{position: absolute;right:50%;top:50%;margin-left:-60px;text-align:center;margin-top:-240px; z-index: 9;width:420px;}
.banner-tit-l p{padding:10px 0 25px;font-size:38px;color:#3e3a39;font-family: "SIMYOU";line-height:48px;text-shadow: 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #fff, 0 0 50px #fff;}
.banner-tit-l img{width:100%;}
.banner-tit-l a{display: block;width:186px;margin:0 auto;}

.banner_ph{position: absolute;left:40px;top:45px;}

.banner-aid{position: absolute;left:50%;bottom:30px;z-index: 5;margin-left:-504px;width:1009px;height:205px; background: url(../images/bg_2.png) no-repeat;}
.banner-aid ul{padding-left:360px;padding-top:60px;}
.banner-aid li{float: left;width:284px;height:88px;text-align:center;padding:0 12px;position: relative;}
.banner-aid li::after{content: '';position: absolute;left:50%;bottom:-13px;margin-left:-163px;width:326px;height:13px; background: url(../images/bg_3.png) no-repeat;}
.banner-aid li strong{display: block;color:#fff;font-size:20px;line-height:32px;padding-top:20px;font-family: "SIMYOU";}
.banner-aid li strong:hover{color:#fce751;}
.banner-aid li span{display: block;color:#fce751;font-size:16px;text-decoration: underline;line-height:24px;}


.banner-ad{position: absolute;left:50%;bottom:30px;z-index: 5;margin-left:-504px;width:1009px;height:205px; background: url(../images/bg_2.png) no-repeat;}
.banner-ad ul{padding-left:360px;padding-top:60px;}
.banner-ad li{float: left;width:284px;height:88px;text-align:center;padding:0 12px;position: relative;}
.banner-ad li::after{content: '';position: absolute;left:50%;bottom:-13px;margin-left:-163px;width:326px;height:13px; background: url(../images/bg_3.png) no-repeat;}
.banner-ad li strong{display: block;color:#fff;font-size:20px;line-height:32px;padding-top:20px;font-family: "SIMYOU";}
.banner-ad li strong:hover{color:#fce751;}
.banner-ad li span{display: block;color:#fce751;font-size:16px;text-decoration: underline;line-height:24px;}

.menu_nav{padding:0 13px;}
.menu_nav li{float:left;width:25%;padding:10px; box-sizing: border-box;}
.menu_nav li span{display: block;font-size:12px;color:#fff;line-height:12px;text-align:left;height:28px;padding:5px 5px 5px;}
.menu_nav li:hover span{color:#ece35c;}
.menu_nav li em{display: block;border:1px dashed #fff;border-radius: 10px;padding:4px;text-align:center;}
.menu_nav li em img{border-radius: 10px;width:100%;}
.menu_nav li strong{display: block;color:#ece35c;text-align:center;line-height:20px;padding:10px 0 5px;font-family: "SIMYOU";font-size:12px;}
.menu_nav li p{color:#fff;font-size:12px;line-height:20px;padding:0 5px;}
.menu_nav li:hover p{color:#ece35c;}

.bg_4{background: url(../images/bg_4.png) no-repeat  center top;}
.bg_5{background: url(../images/bg_5.png) no-repeat  center top;}
.bg_6{background: url(../images/bg_6.png) no-repeat  center top;}
.bg_7{background: url(../images/bg_7.png) no-repeat  center top;}

.w1000{width:900px;margin:0 auto;}

.site{width:900px;margin:0 auto;padding:20px 30px 10px;font-size:14px;line-height:40px;color:#fff;box-sizing: border-box;}
.site a{display: inline-block;padding:0 10px;color:#fff;}
.site a:hover{color:#031f70;}
.site span{display: inline-block;padding:0 10px;color:#031f70;}

.site1{width:900px;margin:0 auto;padding:210px 30px 0px;font-size:14px;line-height:20px;color:#fff;box-sizing: border-box; text-align: left;}
.site1 a{display: inline-block;padding:0 10px;color:#fff;}
.site1 a:hover{color:#031f70;}
.site1 span{display: inline-block;padding:0 10px;color:#031f70;}


.main{background: #fff;padding:40px 0 0;position: relative;}
.ph_left{width:370px;text-align:center;box-sizing: border-box;padding-left:30px;position: relative;}
.ph_left em{display: block;position: absolute;left:-70px;top:0px;}

.producfs{width:440px;padding-left:80px;}

.ad{width:810px;height:52px;margin:0 auto; background: url(../images/bg_ad.png) no-repeat; background-size:100% 100%;}
.ad li{float:left;height:52px;line-height:52px;color:#fff;font-size:12px;padding-right:13px;}
.ad li strong{display: block;float:left;font-family: "GoodDog";height:52px;line-height:48px;font-size:22px;padding:0 10px 0 65px;}
.ad li span{display:block;float:left;}

.img_h{position: absolute;left:50%;bottom:-35px;width:89px;height:96px;margin-left:-44px;}


.prod_tit em{display: block;padding:5px 0 5px;font-style: normal;font-size:12px;color:#000000;}
.prod_tit em img{margin-top:-5px;}
.prod_tit em font{display: inline-block;font-size:12px;padding-left:10px;}
.prod_tit h3{display: block;font-size:24px;color:#002575;line-height:30px;font-family: "Arlrdbd";}
.prod_tit strong{display: block;font-size:15px;color:#002575;line-height:20px;}
.prod_tit span{display: block;color:#727171;font-size:15px;line-height:24px;padding:10px 0 15px;}
.prod_tit a{display: block;}

.prod_list{padding:20px 0;}
.prod_list li{padding-top:25px;width:100%; clear: both; overflow: hidden;}
.prod_list li em{display: block;float:left;}
.prod_list li p{float:left;padding:5px 0 5px 20px;font-size:12px;line-height:18px;color:#727171;}
.prod_list li strong{display: block;color:#002575;font-weight: bold;}

.producfs_list{padding:70px 10px 80px;}
.producfs_list li{float:left;width:200px;margin-left:70px;padding-bottom:12px;text-align:center;background: #fff;border-radius: 20px;box-shadow: 2px 2px 8px #ccc; overflow:hidden;}
.producfs_list li h3{color:#fff;height:42px;line-height:40px;font-size:26px; background: #00b5ff url(../images/ico_line.png) no-repeat center bottom;font-family: "GoodDog"; background-size:100%;}
.producfs_list li em{display: block;text-align:center;padding:18px 0 22px; background: url(../images/ico_line3.png) no-repeat center bottom;background-size:100%;}
.producfs_list li em img{width:160px;}
.producfs_list li strong{display: block;color:#012675;font-size:12px;line-height:18px;padding:5px 5px 0;}
.producfs_list li strong b{display: block;font-weight:normal;font-size:14px;height:18px; overflow: hidden;font-family: "Arlrdbd";}

.xing{display: block;padding:5px 0 10px;font-style: normal;font-size:12px;color:#000000;}
.xing img{margin-top:-5px;margin-right:0px;}
.xing font{display: inline-block;font-size:12px;padding-left:10px;}

.producfs_list1{margin:70px 45px 40px;border-radius: 20px; background: #fdd000;padding:6px;}
.producfs_list1 ul{border:1px dashed #fff; border-radius: 20px;padding:20px 0;}
.producfs_list1 li{float:left;width:200px;margin:0 32px;padding-bottom:12px;text-align:center;background: #fff;border-radius: 20px;box-shadow: 2px 2px 8px #d4ae03; overflow:hidden;}
.producfs_list1 li h3{color:#012675;height:42px;line-height:40px;font-size:26px; background: #ffdc05 url(../images/ico_line4.png) no-repeat center bottom;font-family: "GoodDog";background-size:100%;}
.producfs_list1 li em{display: block;text-align:center;padding:18px 0 22px; background: url(../images/ico_line3.png) no-repeat center bottom;background-size:100%;}
.producfs_list1 li em img{width:160px;}

.producfs_list1 li strong{display: block;color:#012675;font-size:12px;line-height:18px;padding:5px 5px 0;}
.producfs_list1 li strong b{display: block;font-weight:normal;font-size:14px;height:18px; overflow: hidden;font-family: "Arlrdbd";}

.producfs_list2{padding:75px 70px 70px; background: url(../images/ico_line6.png) no-repeat center top;background-size:90%;}
.producfs_list2 li{width:310px;padding-bottom:20px;text-align:center;background: #fff;border-radius: 20px;box-shadow: 2px 2px 8px #ccc; overflow:hidden;}
.producfs_list2 li h3{color:#fff;height:70px;line-height:66px;font-size:36px; font-family: "GoodDog";}
.producfs_list2 li:first-child h3{background: #00b5ff url(../images/ico_line7.png) no-repeat center bottom;background-size:100%;}
.producfs_list2 li:last-child h3{color:#012675;background: #ffdc05 url(../images/ico_line8.png) no-repeat center bottom;background-size:100%;}
.producfs_list2 li em{display: block;text-align:center;padding:18px 0 22px; background: url(../images/ico_line9.png) no-repeat center bottom; background-size:100%;}
.producfs_list2 li em img{width:270px;height:216px;}
.producfs_list2 li strong{display: block;color:#012675;font-size:15px;line-height:22px;padding:10px 5px 0;}
.producfs_list2 li strong b{display: block;font-size:18px;height:22px; overflow: hidden;font-family: "Arlrdbd";font-weight: normal;}


.accom{width:710px;margin:-80px auto 0;text-align:center;}
.accom h3{padding-bottom:20px;color:#00226f;font-size:14px;line-height:20px;font-weight: bold;}
.accom h3 b{display: block;color:#af5bd9;font-size:16px;font-weight: normal;}
.accom p{color:#fff; background: #af5bd9;border-radius: 10px;font-size:14px;line-height:20px;padding:15px 10px 35px;}
.accom p strong{display: block;font-size:13px;line-height:24px;}
.accom p font{font-size:14px;color:#fad322;font-weight: bold;}

.accom span{display: block;margin:-20px 25px 0; background: #fff;height:41px;line-height:41px;font-size:17px;border-radius: 23px;box-shadow: 0 4px 2px #e5e5e5; font-weight: bold;}
.accom span a{display: inline-block;padding:0 6px;color:#cfbdfa;}
.accom span a:hover,.accom span a.hover{color:#00226f;}

.page{position: relative;width:790px;margin:0 auto;height:48px; background: #ffdb01;border:1px dashed #00226f;border-radius: 24px;}
.page p{text-align:center;color:#00226f;font-size:30px; line-height:48px;font-weight: bold;padding:0 200px;}
.page span{display: block;padding:5px;position: absolute;top:0;color:#00226f;font-size:20px;line-height:38px;font-weight: bold;}
.page span a{color:#00226f;}
.page span img{margin-top:-3px;}
.page strong{display: inline-block;padding:0 15px;font-family: "Arlrdbd";}
.page span:first-child{left:0;}
.page span:last-child{right:0;}

.ph_img{padding:100px 0 0 90px;}

.text{width:390px;padding-right:120px;padding-top:50px;padding-bottom:50px;}
.text h3{color:#af5bd9;font-size:24px;line-height:50px;font-weight: bold;}
.text p{color:#4c4948;font-size:12px;line-height:20px;}
.text strong{display: block;color:#00226f;font-size:12px;line-height:20px;font-weight: bold;}
.text b{color:#00226f;font-size:12px;line-height:24px;font-weight: bold;}

.w550{width:500px;}

.us_bg{margin:-45px auto 0; background: url(../images/ph_10.jpg) no-repeat;width:696px;height:800px; background-size:100% 100%;}

.us_tit{padding-top:200px;text-align:center;}
.us_tit h2{color:#ff018c;font-size:72px;font-family: "GoodDog";}
.us_tit strong{display: block;color:#072d7f;font-size:23px;font-family: "SIMYOU";line-height:30px;padding-top:5px;}
.us_li{padding:15px 0 20px 90px;}
.us_li li{float:left;width:194px;}
.us_li li em{display: block;float:left;}
.us_li li p{float:left;width:72px;color:#014781;font-size:14px;line-height:14px;padding-top:40px;padding-left:10px;}
.us_li li strong{display: block;font-size:16px;color:#10a2ff;line-height:28px;}

.infro{width:520px;margin:0 auto;padding-left:10px;}
.infro h3{color:#10a2ff;padding:20px 0 10px;}
.infro h3 strong{display:block;float:left;color:#01579e;font-family: "GoodDog";font-size:54px;padding-right:20px;line-height:80px;}
.infro h3 sp{display:block;float:left;line-height:40px;font-size:20px;padding-top:28px;font-family: "SIMYOU";}
.infro p{color:#01579e;font-size:12px;line-height:22px;}

.us_ph{text-align:center;padding:40px 0 40px; background: url(../images/ico_line6.png) no-repeat center bottom; background-size:100%;}

.hisfory{padding:60px 100px;}
.hisfory em{display: block;float:left;padding:25px 0 25px 20px;}
.hisfory ul{float:right;width:290px;padding-right:18px;padding-top:35px;}

.hisfory li{padding-top:24px;}
.hisfory li strong{display: block;color:#ffc104;font-size:24px;line-height:30px;font-weight: bold;}
.hisfory li p{color:#595757;font-size:12px;line-height:20px;}

.techn{width:710px;height:686px;margin:75px auto 50px ;position: relative; background: url(../images/ph_13.jpg) no-repeat;}
.techn h3{color:#004ea2;font-size:63px;text-align:center;line-height:75px;font-family: "GoodDog";}
.techn h4{display: block;text-align:center;color:#8902e2;font-size:24px;line-height:48px;font-family: "SIMYOU";}
.techn div{position: absolute;right:50px;top:220px;}
.techn em{position: absolute;left:45px;bottom:80px;}
.techn em img{margin-right:8px;}
.techn p{color:#595757;font-size:12px;line-height:20px;padding-left:50px;width:220px;padding-top:15px;}
.techn ul{padding-top:40px;}
.techn li{display: block;color:#9350bf;font-size:12px;line-height:20px;padding-left:50px;height:54px;}
.techn li font{display: block;color:#595757;}

.mimi{width:710px;margin:0 auto;padding-bottom:60px;}
.mimi em{display: block;float:left;padding:10px;}
.mimi p{float: right;width:491px;}
.mimi strong{display: block;color:#004ea2;font-size:18px;padding-left:80px;line-height:20px;padding-bottom:10px;}
.mimi span{display: block;width:491px;height:130px;box-sizing: border-box;padding-left:80px;line-height:20px;padding-top:35px;;color:#004ea2;font-size:12px; background: url(../images/bg_8.png) no-repeat;}

.brand{padding-left:40px;padding-top:220px;position: relative;width:340px;box-sizing: border-box;}
.brand h3{color:#fff;position: absolute;left:40px;top:65px;line-height:60px;font-size:55px;font-family: "GoodDog";text-shadow: 2px 4px 0 #004ea2;}
.brand strong{display: block;color:#fff;font-size:20px;position: absolute;left:45px;top:130px;line-height:30px; font-family: "SIMYOU";}
.brand p{color:#fff;font-size:12px;line-height:20px;padding-top:10px;}
.brand em{display: block;position: absolute;right:16px;top:145px}


.our{width:270px;padding-top:288px;line-height:20px;padding-right:28px;position: relative;}
.our strong{display: block;color:#ffe10c;font-size:16px;padding-top:10px;}
.our p{font-size:12px;color:#fff;padding-top:10px;width:270px;}
.our span{display: block;color:#ffe10c;font-size:12px;padding-top:10px;}

.our b{display: block;position: absolute;left:-35px;top:-15px; z-index: 9;}
.our em{display: block;position: absolute;left:-5px;top:70px;}

.our h3{color:#fff;position: absolute;left:-3px;top:220px;line-height:60px;font-size:55px;font-family: "GoodDog";text-shadow: 2px 4px 0 #032070;}




.bg_img5{position: relative;;width:708px;height:449px;margin:0 auto;background: url(../images/img_5.png) no-repeat; background-size:100% 100%;}

.bg_img2{ background:#fff url(../images/img_2.png) no-repeat right top;}
.bg_img2a{ background:#fff url(../images/img_2s.png) no-repeat right 575px;}
.bg_img3{ background:#fff url(../images/img_3.png) no-repeat 88% 70px;}

.banner_nav{position: fixed;right:20px;top:50%; z-index: 9999;margin-top:-120px; }
.banner_nav li{position: relative;}
.banner_nav li strong{display: block;height:70px;line-height:70px;padding-left:80px;color:#222;font-size:16px;cursor: pointer;font-weight: bold; background: url(../images/ico_3.png) no-repeat left center;text-shadow: 0 0 20px rgba(250,250,250,1);}
.banner_nav li strong:hover{color:#0484df;}
.ico_n1.active strong{color:#0484df; background: url(../images/ico_n1.png) no-repeat left center;}
.ico_n2.active strong{color:#0484df; background: url(../images/ico_n2.png) no-repeat left center;}
.ico_n3.active strong{color:#0484df; background: url(../images/ico_n3.png) no-repeat left center;}
.ico_n4.active strong{color:#0484df; background: url(../images/ico_n4.png) no-repeat left center;}

.banner .banner-slide{position: relative;width:100%;padding-top:0; overflow: hidden;}
.banner_nav li em{display: block;position: absolute;left:47px;bottom:-13px; z-index: -1;}

.btns{width:120px;height:40px;line-height:40px;background:url(../images/btn_1.png) no-repeat;text-align:right; background-size:100% 100%;}
.btns a{display:inline-block;padding:0 12px 0 10px;color:#fff;font-family: "GoodDog";font-size:23px;}
.btns a:first-child{font-size:25px;}

.title{position: relative;}
.title h3{position: absolute;left:70px;top:70px;font-family: "GoodDog";font-size:80px;color:#fff;line-height:120px;text-shadow: 3px -3px 0 #082c79;}

.title2{position: relative;}
.title2 h3{position: absolute;left:40px;top:55px;font-family: "GoodDog";font-size:90px;color:#00226f;line-height:100px;text-shadow: 2px -3px 0 #fff;}

.more{display: inline-block;width:186px;height:54px;text-align:center; background: url(../images/ico_more.png) no-repeat;font-size:22px;color:#ffe10c;line-height:52px; background-size:100% 100%; font-family: "SIMYOU";}

.shuid{position: absolute;top:215px;right:190px;z-index: 99;}

.sun{position: absolute;right:0;top:1200px;}

.jiqi{position: absolute;right:25px;top:150px;}

.air{position: absolute;right:15px;top:120px;}

.us_logo{position: absolute;left:0;top:0;right:0;text-align:center;}

.line1{position: absolute;left:380px;}

.share{padding-top:54px;margin-left:18px;}
.share li{float:left;position: relative;margin-left:18px;}
.share li a{display: block;width:44px;height:44px;text-indent: -999px; overflow: hidden;}
.share li p{display: none;position: absolute;left:-38px;top:-100px;}
.share li:hover p{display: block;}

.ico_f1{ background: url(../images/ico_f1.png) no-repeat;}
.ico_f1:hover{ background: url(../images/ico_f1a.png) no-repeat;}

.ico_f2{ background: url(../images/ico_f2.png) no-repeat;}
.ico_f2:hover{ background: url(../images/ico_f2a.png) no-repeat;}

.ico_f3{ background: url(../images/ico_f3.png) no-repeat;}
.ico_f3:hover{ background: url(../images/ico_f3a.png) no-repeat;}

.ico_f4{ background: url(../images/ico_f4.png) no-repeat;}
.ico_f4:hover{ background: url(../images/ico_f4a.png) no-repeat;}

.ico_f5{ background: url(../images/ico_f5.png) no-repeat;}
.ico_f5:hover{ background: url(../images/ico_f5a.png) no-repeat;}



/*2018-02-03*/
.prod_tit_purple em{display: block;padding:5px 0 5px;font-style: normal;font-size:12px;color:#000000;}
.prod_tit_purple em img{margin-top:-5px;}
.prod_tit_purple em font{display: inline-block;font-size:12px;padding-left:10px;}
.prod_tit_purple h3{display: block;font-size:24px;color:#9054b7;line-height:30px;font-family: "Arlrdbd";}
.prod_tit_purple strong{display: block;font-size:15px;color:#002575;line-height:20px;}
.prod_tit_purple span{display: block;color:#727171;font-size:15px;line-height:24px;padding:10px 0 15px;}
.prod_tit_purple a{display: block;}

.btns_purple{width:120px;height:40px;line-height:40px;background:url(../images/btn_purple.png) no-repeat;text-align:right; background-size:100% 100%;}
.btns_purple a{display:inline-block;padding:0 12px 0 10px;color:#fff;font-family: "GoodDog";font-size:23px;}
.btns_purple a:first-child{font-size:25px;border-right:1px solid #fff;}

.btns_blue{width:120px;height:40px;line-height:40px;background:url(../images/btn_blue.png) no-repeat;text-align:right; background-size:100% 100%;}
.btns_blue a{display:inline-block;padding:0 12px 0 10px;color:#fff;font-family: "GoodDog";font-size:23px;}
.btns_blue a:first-child{font-size:25px;border-right:1px solid #fff;}


.producfs_list_purple{margin:70px 45px 40px;border-radius: 20px; background: #f8ebdb;padding:6px;}
.producfs_list_purple ul{border:1px dashed #fff; border-radius: 20px;padding:20px 0;}
.producfs_list_purple li{float:left;width:200px;margin:0 32px;padding-bottom:12px;text-align:center;background: #fff;border-radius: 20px;box-shadow: 2px 2px 8px rgba(0,0,0,.2); overflow:hidden;}
.producfs_list_purple li h3{color:#fff;height:42px;line-height:40px;font-size:26px; background: #a46cc8 url(../images/line_pur.png) no-repeat center bottom;font-family: "GoodDog";background-size:100%;}
.producfs_list_purple li em{display: block;text-align:center;padding:18px 0 22px; background: url(../images/ico_line3.png) no-repeat center bottom;background-size:100%;}
.producfs_list_purple li em img{width:160px;}

.producfs_list_purple li strong{display: block;color:#333;font-size:12px;line-height:18px;padding:5px 5px 0;}
.producfs_list_purple li strong b{display: block;font-weight:normal;font-size:14px;height:18px; overflow: hidden;font-family: "Arlrdbd";color:#7b5296;}


.producfs_list_blue{margin:40px 45px 0;border-radius: 20px; background: #f8ebdb;padding:6px;}
.producfs_list_blue ul{border:1px dashed #fff; border-radius: 20px;padding:20px 0;}
.producfs_list_blue li{float:left;width:200px;margin-left:135px;padding-bottom:12px;text-align:center;background: #fff;border-radius: 20px;box-shadow: 2px 2px 8px rgba(0,0,0,.2); overflow:hidden;}
.producfs_list_blue li h3{color:#fff;height:42px;line-height:40px;font-size:26px; background: #093b93 url(../images/line_blue.png) no-repeat center bottom;font-family: "GoodDog";background-size:100%;}
.producfs_list_blue li em{display: block;text-align:center;padding:18px 0 22px; background: url(../images/ico_line3.png) no-repeat center bottom;background-size:100%;}
.producfs_list_blue li em img{width:160px;}

.producfs_list_blue li strong{display: block;color:#333;font-size:12px;line-height:18px;padding:5px 5px 0;}
.producfs_list_blue li strong b{display: block;font-weight:normal;font-size:14px;height:18px; overflow: hidden;font-family: "Arlrdbd";color:#4979b8;}


.line_n{text-align:center;padding:50px 0 10px;}

.fei1{position: absolute;right:0;top:130px;}
.fei2{position: absolute;right:0;top:930px;}


.mar{margin: 0 auto; }

.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt50{margin-top:60px;}
.mt100{margin-top:100px;}
.mt232{margin-top:232px;}

.banner_t1{width:100%;height:350px;padding-top:176px;background:url(../images/banner_t1.jpg) no-repeat center bottom;}
.banner_t2{width:100%;height:350px;padding-top:176px;background:#dee7ee url(../images/banner_t2.jpg) no-repeat right bottom; background-size:auto 350px; }



