html,body {font-family: Signika, sans-serif; font-size:15px; color:#353535; line-height:1.6;  }
a:link { color:#353535; text-decoration:none; }
a:visited { text-decoration:none; color:#353535; }
a:hover { text-decoration:none; color:#0860d2; }
a:active { text-decoration:none; color:#353535; }
a img, img { border:none;vertical-align:middle; max-width:100%  } 
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, blockquote, pre, form,input,select,textarea,button, fieldset, table, th, td, span,form,p,a,img,object,embed  { padding:0px; margin:0px; list-style:none; }
table{border-collapse:collapse;border-spacing:0;border:0;}
input, textarea, select, button, file { vertical-align:middle;font-family: Signika, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-weight:normal}
.bold { font-weight: bold}
.fl { float: left;}
.fr { float: right;}
.fa {  display:inline-block; vertical-align:middle; background-repeat:no-repeat; background-position:center}
.overflow { overflow:hidden }
.clearfix{ clear:both; *zoom: 1;}
.clearfix:after{content: "";display: block;clear: both;}
.text-center { text-align:center }
.none { display:none }
.yellow { color:#0860d2 }  
.block { height:20px; clear:both }
.bg { background:#e9edf0; margin-top:-3%; padding:3% 0 }
.page-wrapper,.wrapper,.page-wrapper-row { width:1400px; margin: 0 auto; max-width:92%; }
@media screen and (max-width: 1600px) {
.page-wrapper,.wrapper { width:1200px; }
}
@media screen and (max-width: 1350px) {
.page-wrapper,.wrapper { width: 90%; }
}
@media screen and (max-width: 960px) {
.page-wrapper,.wrapper { width: 92%; max-width:100%; }
}
.zoom { position: relative; display:block; overflow:hidden; width: 100%; height: 0; padding-bottom: 65%; }
.zoom span{ display: block; position: absolute; width: 100%; height: 100%;  background-position: center; background-repeat: no-repeat; background-size: cover;webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1); transform: scale(1);-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.zoom:hover span {webkit-transform: scale(1.1);-moz-transform: scale(1.1); -o-transform: scale(1.1);transform: scale(1.1); -webkit-transition: all 300ms ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
li:hover .zoom span {webkit-transform: scale(1.1);-moz-transform: scale(1.1); -o-transform: scale(1.1);transform: scale(1.1); -webkit-transition: all 300ms ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
.box-shadow {
-webkit-box-shadow: 0 1px 5px 2px rgba(200, 200, 200, .1);
    -moz-box-shadow: 0 1px 5px 2px rgba(200, 200, 200, .1);
    box-shadow: 0 1px 5px 2px rgba(200, 200, 200, .1); }
.box-shadow:hover {
-webkit-box-shadow: 0 2px 5px 3px rgba(200, 200, 200, .3);
    -moz-box-shadow: 0 2px 5px 3px rgba(200, 200, 200, .3);
    box-shadow: 0 2px 5px 3px rgba(200, 200, 200, .3); }

.ico-share { float:right; }
.ico-share a { 
    display:inline-block; vertical-align:middle;
    width: 30px; height: 30px;
    margin:0 5px; background-position:center; background-repeat:no-repeat; background-size:auto 28px;
}
.line1 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; 
}



.header { position: relative; height: auto; padding:20px 0; width:100%; background-color: rgba(255,255,255,.9); background:#fff; z-index:99; transition: All 0.8s ease; -webkit-transition: All 0.8s ease; -moz-transition: All 0.8s ease; -o-transition: All 0.8s ease;}
.header .wrapper { position:relative }
.header .logo { float:left; height:80px; display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

  -webkit-align-items: center;
  align-items: center; }
.header .logo .logo-img { height:55px; }
.contactbg .header { background: none;}

.headerbg { position:relative; height:100px; }
.navbox { float:right; }
.nav{ height: 80px; }
.nav li { position: relative;float: left; margin:0 25px; }
.nav li>a{ line-height: 80px; font-size:19px; padding:0px; text-transform: capitalize; position:relative }
.nav li.active>a { color:#0860d2 }
.nav li>a::after { background:#2c5ba8; display: block; content: ""; width:0; height:2px; position:absolute; bottom:-12px; left:0; z-index:-1; -webkit-transition: all 300ms ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.nav li:hover a::after { width:100%; }
.nav li.active a::after { }
.nav li .nav-list {z-index:21;position:absolute;display:none;overflow:hidden;top:80px; left:-20px;width:100%; min-width:200px; padding:20px 0; background:#fff; background-color:rgba(255,255,255,.9); }
.nav li .nav-list dl dd { position: relative; padding:0 20px; }
.nav li .nav-list dl dd i{ display:inline-block; position:absolute; right:30px; top:13px;
    height: 8px;
    width: 8px;
    border-width: 2px 2px 0 0;
    border-color: #afafaf;
    border-style: solid;
    -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    border-radius: 1px;
}
.nav li .nav-list dl dd a { display:block; color:#555; height:40px; line-height:40px; overflow:hidden; padding:0 5px; font-size:15px; text-transform:capitalize }
.nav li .nav-list dl dd>a:hover { color:#0860d2 }
.navbtn { display: none; z-index:100; width:50px; height:80px; line-height:80px; font-size:0; float:right; text-align:center; background: url(../image/icon-nav.png) no-repeat center; margin-left:2% }
.nav li .nav-list:hover { overflow:inherit; }
.nav li .nav-list dl dd .nav-list-sub { display:none; background:#fff; background-color:rgba(255,255,255,.9); width: auto; padding:15px 0; position:absolute; left:100%; top:-20px; }
.nav li .nav-list dl dd .nav-list-sub p a { font-size:15px; height:42px; line-height:42px; min-width:160px; overflow: hidden; text-overflow:ellipsis;white-space: nowrap; }
.nav li .nav-list dl dd:hover .nav-list-sub { display:block }
.nav li .nav-list dl dd .nav-list-sub p a:hover { color:#0860d2  }
.searchbtn { float:right; margin-left:2%; display:block; font-size:0; width:40px; height:80px; line-height:80px; background:url(../image/search2.png) no-repeat center;  }
a.en  { float:right; display:block; font-size:16px; width: auto; height:80px; line-height:80px; color:#0860d2; margin:0 2% 0 3% }
a.en::after {
    display: inline-block;
    content: '';
    width: 0;
    height: 0;
    border-top: 8px solid #2c5ba8;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
	margin-left:5px;
	vertical-align: middle;
	border-radius:2px;
}


.search { display:none; position: absolute; top:70px; right:-20px; z-index:99 }
.search form { width:280px; position:relative; height:40px; margin:25px 0 0 0 }
.search input { height:42px; width:100%; line-height:42px; border: none; border:1px solid #eee; background:#fff; color:#333; border-radius:40px; text-indent:15px }
.search button { height:42px; width:42px; line-height:42px; border: none; background:url(../image/search.png) no-repeat center; position:absolute; right:5px; top:0; cursor:pointer  }
.search .search-group { display:none }


@media screen and (min-width: 1080px) {
.iheader { background: none; position: absolute !important; top:0; }
.iheader .nav li>a{ color:#fff; }
.iheader .searchbtn { background:url(../image/search1.png) no-repeat center;  }
.iheader .logo { filter: grayscale(100%) brightness(2000%); }
.iheader .nav li>a::after { background:#fff; }
}





.footer { background:#00a1e8; background: linear-gradient(to top,#0e53ce,#00a1e8); color:#fff; padding:5% 0; }
#footer { margin-top:0 }
.foot-info { float:left; width:35%; max-width:none; color:#e9f0f6 }
.foot-info p { position:relative; font-size:15px; margin-bottom:8px; }
.foot-info p span { }
.foot-qrcode { float:right; width:35% }
.foot-qrcode li { text-align:center; width:40%; float:left; margin-left:10%; font-size:12px; }
.foot-qrcode li img { margin-bottom:10px; height: auto; max-width:80%; }


.foot-nav { margin-bottom:5% }
.foot-nav a { color:#fff }
.foot-nav ul { display:flex; justify-content:space-between; vertical-align:top; }
.foot-nav ul li { line-height:24px; text-align:center }
.foot-nav ul li img { max-width:180px; }
.foot-nav ul li:last-child { }
.foot-nav ul li h3 { font-size:20px; margin-bottom:20px; color:#eee; font-weight:500 }
.foot-nav ul li p { margin-bottom:10px; }
.foot-nav ul li p a { color:#e4edf6 }
.copyright { padding:1px 0;  } 
.copyright a { color:#eee } 




.bottom_tools{position:fixed;z-index:99;right:8px; bottom:8%; }
.bottom_tools dl {  margin-bottom:10px; border-radius:30px; border-bottom:1px solid #eee;
   -webkit-box-shadow: 0 2px 5px 2px rgba(100, 100, 100, .2);
    -moz-box-shadow: 0 2px 5px 2px rgba(100, 100, 100, .2);
    box-shadow: 0 2px 5px 2px rgba(100, 100, 100, .2); }
.bottom_tools dd a { position:relative; display:block; width:48px; height:48px; line-height:48px; border-bottom:1px solid #ddd; background-color:#fff; background-repeat:no-repeat; background-position:center; background-size:24px auto;cursor:pointer;
  -webkit-filter: grayscale(99%);
  -moz-filter: grayscale(99%);
  -ms-filter: grayscale(99%);
  -o-filter: grayscale(99%);
  filter: grayscale(99%);
  filter: gray; }
.bottom_tools dd a:hover,.bottom_tools a.cerrar {
  -webkit-filter: grayscale(0);
  -moz-filter: grayscale(0);
  -ms-filter: grayscale(0);
  -o-filter: grayscale(0);
  filter: grayscale(0);
  filter: none;
}
.bottom_tools dd a.tool_email { background-image: url(../image/tool_email2.png); background-position:center 20px; padding-top:5px; border-radius:30px 30px 0 0; }
.bottom_tools dd a.tool_whatsapp { background-image: url(../image/tool_whatsapp2.png); }
.bottom_tools dd a.tool_whatsapp p {display:none; position:absolute; right:48px; top:-1px; width:200px; height:48px; border:1px solid #ddd; border-right: none;overflow:hidden; color:#333; text-align:center; font-size:18px; background:#fff; }
.bottom_tools dd a.tool_whatsapp:hover p { display:block; }
.bottom_tools dd a.tool_feedback { background-image: url(../image/tool_feedback2.png); }
.bottom_tools dd a.tool_qr { background-image: url(../image/tool_qr2.png); border: none; padding-bottom:5px; background-position:center 13px; border-radius:0 0 30px 30px;}
#scrollup { display:none; border-radius:2px; width:50px; height:50px; margin:0 auto; text-align:center; line-height:45px; background:#f5f5f5 }
#scrollup::after {
    display: inline-block;
    content: '';
    width: 0;
    height: 0;
    border-bottom: 16px solid #0e53ce;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
	vertical-align: middle;
	border-radius:2px;
}
.qr_img{position:absolute; top:0px; right:58px; z-index:99; padding:5px; border:1px solid #ddd; background:#fff; display:none;  }
.qr_img img { width:200px; max-width:none }
.cart { position:relative; background-image: url(../image/cart.png); }
.cart span { position:absolute; right:3px; top:4px; background:#3fa5f0; color:#fff; display:inline-block; width:20px; height:20px; line-height:20px; font-size:13px; border-radius:50%; text-align:center; }
@media screen and (max-width: 1350px) {
.search { padding: 0 2%; margin-left: 4%;}
.nav li { margin:0 15px; }
 
}
@media screen and (max-width: 1080px) {
html,body { font-size:14px; line-height:1.6;  }
.header { padding:0; }
.header .logo { height:60px; line-height:60px; }
.header .logo .logo-img { height:40px; }
.header .wrapper { width:98% }


.navbtn,.searchbtn { height:60px; line-height:60px; }
.navbox { background:#fff; float:none; padding:15px 10px; position: absolute; top:60px; right:-15px; z-index:1000; display: none; min-width:150px;-webkit-box-shadow: 0 0 15px rgba(100, 100, 100, .2);
    -moz-box-shadow: 0 0 15px rgba(100, 100, 100, .5);
    box-shadow: 0 0 15px rgba(100, 100, 100, .5); }
.nav{ height: auto; min-width:180px; }
.nav li { position: relative; float: none; }
.nav li>a{ margin:10px 10px; line-height:30px; font-size:18px; display:inline-block; vertical-align:middle }
.nav li>a::after { bottom:-6px; }
.navbtn { display: block; }
.nav li .nav-list { position:relative; padding:5px 0 20px 0; top:auto; left:auto; min-width: 130px; }
.nav li .nav-ico { display:inline-block; width:30px; height:30px; background: url(../image/icon-right.png) no-repeat center; vertical-align:middle} 
.nav li .nav-ico.nav-icoon { }
 
.search { float: none; position:absolute; right:0; top:40px; display:none }
.foot-nav { float: none; width:100%; margin-bottom:30px; display:none }
.foot-nav ul li { margin-left:30px; }
.foot-feedback { float:none; width:100%; }

.foot-info { float: none; width: auto; padding:5px; }
.foot-info p { font-size:14px; margin-bottom:5px }
 
.foot-qrcode { float:none; width:100%; box-sizing:border-box; padding:15px 20px; }
.foot-qrcode li { width:50%; float:left; margin-left:0; font-size:12px; text-align:center }
.foot-qrcode li img { margin-bottom:10px; height: auto; max-width:90px; }
.copyright { padding:15px 0 0 0; font-size:12px; } 
}



.title { margin:3% auto; font-size:16px; color:#333 } 
.title h2 { font-size:32px; line-height:1.4; color:#333; font-weight:bold; margin-bottom:5px; letter-spacing:1px; text-transform:uppercase; }
.title h3 { font-size:20px; line-height:1.4; color:#0860d2; margin-bottom:5px; text-transform:uppercase; }
.title p { font-size:16px; line-height:1.4; color:#777; margin-top:15px; }
.title h2:after {content:""; display: none; width:80px; height:3px; background:#2c5ba8; margin:20px auto; border-radius:5px } 
.title.white h2,.title.white h3,.title.white p { color:#fff }
.title.white p:after { background:#eee } 


.imore { margin:3% auto; }
.imore a { display:inline-block; height:40px; line-height:40px; font-size:18px; color:#0860d2; letter-spacing:3px; font-weight:500 }
.imore.white a { padding:1px 30px;background:#fff; }
.imore a:hover { }


.menutit { position:relative; font-size:18px; text-transform:uppercase; letter-spacing:1px; color:#666; margin-bottom:30px; line-height:1.2 }
.menutit h3 { position:relative; font-size:28px; color:#111; margin-bottom:8px; }
.menutit p {   }
.menutit .triangle { vertical-align:top; }
.menutit .triangle::after {
    display: inline-block;
    content: '';
	border-radius:2px;
    width: 20px;
    height: 32px;
    background: #00a1e8;
    background: linear-gradient(to top,#0e53ce,#1caae9);
    clip-path: polygon(0 100%, 50% 50%, 100% 100%);
	margin-top:-14px; 
}
.menutit.white { color:#fff }
.menutit.white h3 { color:#fff }
.menutit.white .triangle::after {
   background: #fff;
}
.menutit.blue { color:#023591 }
.menutit.blue h3 { color:#023591 }
.menutit.blue .triangle::after {
   background: #023591;
}



.column-bg { position: relative; width:100%; min-height:60px; padding:13% 0 13% 0; background-color:#f4f4f4; background-size: cover; background-position:center; background-repeat:no-repeat; }
.column-bg .wrapper { position: relative; }
#column-bg { height: auto; padding:16% 0 8% 0;}
.columntit {  opacity:1; transform:translateY(0px); line-height:1.6; font-size:16px; color:#fff; text-shadow: 0 1px 1px rgba(100,100,100,0.2); -webkit-animation: columntit 1.5s; animation: columntit 1.5s; }
.columntit.blue { color:#0860d2 }
.columntit h1 {  position:relative; display:inline-block; vertical-align:top; font-size:42px; letter-spacing:3px; font-weight: bold; text-transform: uppercase; text-shadow: 0 2px 2px rgba(100,100,100,0.2); }
.columntit h3 span { position:relative; font-size:18px;letter-spacing:2px; font-family:Arial, Helvetica, sans-serif; text-transform: uppercase; }
.column-bg .txt { margin-top:5%;  }

.columntit .menutit { margin-bottom:4% }
.columntit21 { color:#023591; }
.columntit22 { color:#74a0d1; padding-top:70px; background:url(../image/ybk.png) no-repeat 10px top; background-size:140px auto; }

.column-bg .msg { margin-top:1%; font-size:14px;  }
.column-bg .msg h3 { font-size:26px; letter-spacing:3px; }
.column-link { position: absolute; right:11%; bottom:30px; color:#fff; font-size:24px;}
.column-link a { color:#fff; }

@-webkit-keyframes columntit {
	0% { opacity:0; transform:translateY(20px); }
	100% { opacity:1; transform:translateY(0px); }
}
@keyframes columntit {
	0% { opacity:0; transform:translateY(20px); }
	100% { opacity:1; transform:translateY(0px); }
}
.column { position: relative; margin-bottom: 3%; padding:0px 0; background: #fff; border-bottom:1px solid #eee; z-index:9;
-webkit-box-shadow: 0 2px 5px 3px rgba(200, 200, 200, .2);
    -moz-box-shadow: 0 2px 5px 3px rgba(200, 200, 200, .2);
    box-shadow: 0 2px 5px 3px rgba(200, 200, 200, .2); }
.column ul { float:right }
.column ul li { position:relative; float:left; text-transform: capitalize; margin-right:40px; padding:0px; line-height:70px } 
.column ul li>a { display:block; font-size:16px; position:relative; padding:0px 0px; }
.column ul li>a::after { background:#2c5ba8; display: block; content: ""; width:0; height:2px; position:absolute; bottom:0px; left:0; z-index:-1 }
.column ul li.active>a::after { width:100% }
.column ul li.active>a { color:#0860d2 }
.column ul li>a i { display:inline-block; 
    height: 8px;
    width: 8px;
    border-width: 0 2px 2px 0;
    border-color: #777;
    border-style: solid;
    -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
	margin-left:8px;
	vertical-align:middle;
	margin-top: -6px;
    border-radius: 1px;}
.column ul li.active>a i { border-color:#0860d2 }
.column .back { position:absolute; right:50px; top:50%; margin-top:-15px; padding-left:35px; background:url(../image/back.png) no-repeat center left; background-size:24px auto; font-size:18px; color:#666; }
.column-subnav { display:none; background:#fff; width: auto; padding:15px 0; position:absolute; left:0; top:100%; z-index:11;
-webkit-box-shadow: 0 2px 5px 2px rgba(100, 100, 100, .2);
    -moz-box-shadow: 0 2px 5px 2px rgba(100, 100, 100, .2);
    box-shadow: 0 2px 5px 2px rgba(100, 100, 100, .2); }
.column-subnav dd a { height:40px; line-height:40px; padding:0 20px; overflow: hidden; text-overflow:ellipsis;white-space: nowrap; font-size:16px; }
.column-subnav dd.active>a { color:#0860d2 }
.column ul li:hover .column-subnav { display:block }



.crumb {  background:#00a1e8; background: linear-gradient(to left,#00a2e8,#0e53ce); color:#a3c8f1; font-size:18px; padding:8px 0; }
.crumb a { display:inline-block; color:#a3c8f1 }
.crumb a:last-child { color:#fff }
.breadcrumb { float:left; font-size:14px; line-height:70px;height:70px; background:url(../image/home.png) no-repeat center left; background-size:16px auto; color:#777; padding:0 0 0 22px;  }
.breadcrumb a { display:inline-block; color:#777 }
.breadcrumb i { display:inline-block; margin:0 1px; font-style:normal; font-family:"Simsun"; }
.breadcrumb .fa-circle { width:10px; height:12px; background-image:url(../image/icon-right.png)}


.search-pagination{ padding:2% 0; clear:both; text-align:center; height: auto; }
.search-pagination ul li{ display: inline-block; line-height:32px;height:32px; border-radius:50px; margin:0 5px;overflow:hidden; background:#fff; border:1px solid #ddd }
.search-pagination ul li a { color:#555; display: inline-block; min-width:32px; }
.search-pagination ul li.total a { padding:0px 20px; }
.search-pagination ul li:hover{ color:#0860d2; text-decoration:none; }
.search-pagination ul li:hover a { color:#00a1e8; }
.search-pagination ul li.active,
.search-pagination ul li.active a,.pagebox ul li.active a:hover { color:#fff; background:#00a1e8  }
.search-pagination ul li.active { }
@media screen and (max-width: 960px) {

.title { font-size:14px; margin:20px auto; } 
.title h2 { font-size:20px; }
.title h3 { font-size:18px; }
.title p { font-size:14px; margin-top:5px; }

.menutit { font-size:15px;margin-bottom:20px; }
.menutit h3 { font-size:20px; margin-bottom:5px; }
.menutit .triangle::after {
    width: 16px;
    height: 24px;
    margin-top: -12px;
}

.imore a { height:36px; line-height:36px; font-size:16px; letter-spacing:2px; }
.imore.white a { padding:1px 20px;  }
.columntit { font-size:13px; }
.columntit h1 { font-size:22px; letter-spacing:2px;   }
.columntit h3 { font-size:16px;  }
.column-bg .txt { margin-top:5%;  }
.column-bg .msg h3 { font-size:18px; line-height:1.2 }
.column ul li {  margin-right:20px; line-height:50px } 
.column ul li>a { font-size:14px; }
.column-link {right:15px; bottom:20px; font-size:16px;}



.crumb { font-size:15px; padding:8px 0; }

.breadcrumb { font-size:12px; line-height:30px;height: auto; display:none }
.breadcrumb .home { padding-left:20px; background-size:14px auto }

.search-pagination ul li{  line-height:30px;height:30px; margin:0 3px; }
 

}




.banner { position:relative; }
.swiper-banner .swiper-slide { position:relative; }
.swiper-banner .swiper-slide .swiper-slide img { width:100% }
.swiper-banner .swiper-slide .detail{
	position:absolute;
	width:60%;
	max-width:800px;
	left:15%;
	bottom:25%;
	height: auto;
	color:#fff;
	font-size:20px;
	opacity:0;
	text-transform:uppercase;
    transition: All 0.8s ease; -webkit-transition: All 0.8s ease; -moz-transition: All 0.8s ease; -o-transition: All 0.8s ease;  
}
.swiper-banner .swiper-slide .detail a { color:#fff }
.swiper-banner .swiper-slide-active .detail{
	bottom:35%;
	opacity:1;
}
.swiper-banner .swiper-slide .detail h2 { font-size:45px; line-height:1.3; font-weight:bold; margin:20px 0 10px 0; }
.swiper-banner .swiper-slide .detail img { width:auto;  }

.banner .swiper-button-prev,.banner .swiper-button-next { display: none; background-image: url(../image/left-white.png); }
.banner .swiper-button-next { background-image: url(../image/right-white.png);  }
.banner:hover .swiper-button-prev,.banner:hover .swiper-button-next { display: block }
.banner .swiper-container .swiper-pagination { bottom: 5%; text-align: center; left:0; }
.banner .swiper-container .swiper-pagination-bullet {
    opacity: 1;
    position: relative;
    width: 30px;
    height: 3px;
    border-radius: 3px;
    margin: 0 8px;
    background-color: rgba(230,230,230,0.8);
    transition: background-color .5s ease;
}
.banner .swiper-container .swiper-pagination-bullet-active { width: 50px; }
.banner .swiper-container .swiper-pagination-bullet::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(2,135,210,.8);
    transform: scaleX(0);
    transform-origin: 0 0;
}
.banner .swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
    animation: sliderPagination 6s linear forwards
}
.banner .swiper-container .swiper-pagination-bullet:hover {
    background-color: #fff;
}
@keyframes sliderPagination {
 	100% {
		transform: scaleX(1);
        opacity: 1;
    }
}
@media screen and (max-width: 960px) {
.swiper-banner .swiper-slide .detail{
	position:absolute;
	width:90%;
	left:5%;
	bottom:10%;
	font-size:12px;
}
.swiper-banner .swiper-slide-active .detail{
	bottom:20%;
	opacity:1;
}
.swiper-banner .swiper-slide .detail h2 { font-size:20px;  margin-bottom:10px; }
.swiper-banner .swiper-slide .detail img { width:auto; height:60px;  }
}



.inav { padding:6% 0 4% 0; background:url(../image/simeirui4.jpg) no-repeat center; background-size: cover;  }
.inav-menu { margin:2% auto 4% auto }
.inav-menu li { position:relative; width:47%; float:left; margin-bottom:1%; background: linear-gradient(to left,#00a1e8,#0e53ce); border-radius:12px; overflow:hidden; background:url(../image/bjbg.jpg) no-repeat center; background-size: cover;  }
.inav-menu li:nth-of-type(2n) { margin-left:6% }
.inav-menu li .text { padding:30px 5% 30px 20%; color:#fff;  }
.inav-menu li .text h3 { font-size:32px; margin-bottom:10px; line-height:1.4  }
.inav-menu li .text p { font-size:22px; display:inline-block; margin-right:30px; }
.inav-menu li .text p::before {
    display: inline-block;
	vertical-align:middle;
	margin-right:5px;
    content: "";
    width: 28px;
    height: 28px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:28px auto;
}
.inav-menu li .text .p1::before { background-image:url(../image/bj1.png); }
.inav-menu li .text .p2::before { background-image:url(../image/bj2.png); }
.inav-menu li .text .p3::before { background-image:url(../image/bj3.png); }
.inav-menu li .text .p4::before { background-image:url(../image/bj4.png); }

.inav-tit {
    position: relative;
    padding: 10px;
    text-align: center;
    color: #fff;
    font-size: 28px;
    margin: 1% auto;
    background-image: linear-gradient(to left, rgba(14, 83, 206, 0.1), rgba(16, 135, 206, 1), rgba(11, 76, 166, 0.99), rgba(14, 83, 206, 0.1));
}
.inav-list { padding:2% 0 0 0 }
.inav-list dd { position:relative; width:49%; float:left; margin-bottom:1%; overflow:hidden }
.inav-list dd:nth-of-type(2n) { margin-left:2% }
.inav-list dd .pic { position:relative; }
.inav-list dd .pic .zoom { padding-bottom:55% }
.inav-list dd .pic .zoom span { }
.inav-list dd .txt { padding:6px 10px; color:#fff;font-size: 20px; width:100%; text-align:center; line-height:1.4; position:absolute; bottom:0; background:rgba(11, 76, 166, 0.8); box-sizing:border-box }
 
 

.iabout { position:relative; background: #00a1e8; background:url(../image/iabouttext.jpg) no-repeat left top; background-size: 35% 100%;  }
.iabout-text { position:relative; float:left; width:33%; box-sizing:border-box; padding:8% 5% 0 5%; background-size: cover;  }
.iabout-list { text-align:center; margin:30% 2% }
.iabout-list li { display:inline-block; float:left; width:46%; height: auto; text-align:center; color:#fff; margin:10% 2%; }
.iabout-list li span { display:inline-block; width:120px; height:120px; border-radius:120px; border:2px solid #fff; text-align:center; color:#fff;  }

.iabout-list li img { margin-top:20px;}
.iabout-pic { position:relative; float:left; width:67%; box-sizing:border-box; background: #00a1e8;}
.iabout-pic .img img { width:100% }
.iabout-pic .txt { padding:6% 8%; background:url(../image/newsbg.jpg) no-repeat center; background-size: cover; font-size:19px; line-height:2 }
.iabout-pic .txt h3 { font-size:22px; }
.iabout-pic .txt h3 strong { font-size:28px; }




.ihonor { background:#00a1e8; padding:5% 0; background:url(404.png) no-repeat center; background-size: cover;}
.ihonor .wrapper { background:#fff }
.ihonor-box { width:48%; float:left; box-sizing:border-box; background:#fff;  }
 
.ihonor-text { font-size:18px; line-height:1.8; margin:10% auto; }
.ihonor-text h3 { font-size:22px; letter-spacing:2px; margin-bottom:20px; line-height:1.2 }
.ihonor-text h3 b { font-size:36px; font-weight:bold; color:#0860d2 }
.ihonor-list h3 { font-size:26px; letter-spacing:3px; position:relative; margin-bottom:5%; line-height:1.4; }
.ihonor-list h3::before {
    display: block;
    content: "";
    position: absolute;
	bottom:0px;
	left:0;
	width:31%;
	height:5px;
	background: #00a1e8; background: linear-gradient(to left,#00a1e8,#0e53ce);
}
.ihonor-list li { width:31%; float:left; margin-right:3.5%; margin-bottom:3%; text-align:center; background: #00a1e8; background: linear-gradient(to left,#00a1e8,#0e53ce); color:#fff; height:40px; line-height:40px; padding:0 10px; box-sizing:border-box; font-size:18px; }
.ihonor-list li:nth-of-type(3n) { margin-right:0 }

.ihonor-pic { position:relative; width:38%; float:right; box-sizing:border-box; z-index:1 }
.ihonor-pic img { width:100% }
.ihonor-pic::before {
    display: block;
    content: "";
    position: absolute;
    top: 30px;
    right:30px;
    width: 100%;
    height: 100%;
    background: #00a1e8;
    background: linear-gradient(to top,#0e53ce,#00a1e8);
	z-index:-1;
}



.inews { padding:6% 0 4% 0; background:url(../image/inews.jpg) no-repeat center; background-size: cover;  }
.inews-list { padding:20px 100px; position:relative }
.inews-list li { position:relative; width:23%; float:left; margin:0 2% 2% 0; background:#fff; background-color: rgba(255,255,255,1); }
.inews-list li:nth-of-type(4n) { margin-right:0 }
.inews-list li .pic { position:relative; }
.inews-list li .pic .zoom { }
.inews-list li .pic .zoom span { }
.inews-list li .text { padding:15px; color:#333 }
.inews-list li .text h3 { font-size:20px; color:#0860d2; margin:3px auto;  }
.inews-list li .text p { min-height:70px }

.inews-list .swiper-button-prev { left:0px; background:none; color:#fff; font-size:36px; text-align:center }
.inews-list .swiper-button-next { right:0px; background:none; color:#fff; font-size:36px;text-align:center }


@media screen and (max-width: 960px) {
.inav-list li {  width:100%; float: none; margin:15px 0 }
.inav-list li:nth-of-type(2n) { margin-left:0 }
.inav-list li .text h3 { font-size:14px;  }
.inav-list li .txt { font-size:14px; }
.inav-list li .more { font-size:14px; }

.inav-menu li { width:100%; float: none; margin-bottom:20px; }
.inav-menu li:nth-of-type(2n) { margin-left:0 }
.inav-menu li .text { padding:20px 5% 20px 10%; color:#fff;  }
.inav-menu li .text h3 { font-size:22px; margin-bottom:10px; line-height:1.4  }
.inav-menu li .text p { font-size:15px; display:inline-block; margin-right:30px; }

.inav-tit {
    padding: 5px;
    font-size: 20px;
}


.iabout { background:url(../image/iabouttext.jpg) no-repeat center; background-size: cover;  }
.iabout-text { float: none; width:100%; box-sizing: border-box; padding:30px 30px 20px 30px; }
.iabout-list { text-align:center; margin:20px 30px }
.iabout-list li { display:inline-block; float:left; width:46%; height: auto; text-align:center; color:#fff; margin:10px 2%; }
.iabout-list li span { display:inline-block; width:75px; height:75px; border-radius:75px; border:1px solid #fff; text-align:center; color:#fff; font-size:12px; }

.iabout-list li img { margin-top:10px; height:30px; margin-bottom:3px; }
.iabout-pic { float: none; width:100%; }
.iabout-pic .txt { padding:5% 15px;font-size: 16px; }
.iabout-pic .txt h3 { font-size:18px; }
.iabout-pic .txt h3 strong { font-size:20px; }
.iabout .imore { text-align:right; margin:20px auto }

.inav-list dd { position:relative; width:100%; float: none; margin-bottom:3%; overflow:hidden }
.inav-list dd:nth-of-type(2n) { margin-left:0 }

.ihonor { padding:40px 0; }
.ihonor-box { width:100%; float: none;  }
.ihonor-text { font-size:16px; line-height:1.8; margin:20px auto; }
.ihonor-text h3 { font-size:20px; }
.ihonor-text h3 b { font-size:28px;  }
.ihonor-list h3 { font-size:20px;  }
.ihonor-list li {  font-size:16px; }
.ihonor-pic { width:80%; margin:20px auto; float: none;  }
.ihonor-pic img { width:100% }
.ihonor-pic::before {
    top: 20px;
    right:20px;}

.inews { padding:40px 0 }
.inews-list { padding:10px 0px;  }
.inews-list .swiper-button-prev { left:0px; background:none; color:#fff; font-size:28px; text-align:center }
.inews-list .swiper-button-next { right:0px; background:none; color:#fff; font-size:28px;text-align:center }
.inews-list li .text p { height:40px; overflow:hidden }


}









.about-nav { position: relative; margin:3% auto 5% auto; border-bottom:1px solid #aaa; z-index:9; }
.about-nav ul {  }
.about-nav ul li { position:relative; float:left; width:33.33%; text-align:center; text-transform: capitalize; line-height:60px;height:60px; overflow:hidden } 
.about-nav ul li>a { display:block; font-size:20px; color:#666; position:relative; padding:0px 0px; }
.about-nav ul li>a::after { background:#2c5ba8; display: block; content: ""; width:0; height:2px; position:absolute; bottom:-1px; left:0; z-index:1 }
.about-nav ul li.active>a { color:#0860d2 }
.about-nav ul li.active>a::after { width:100% }


.aboutus { padding:10% 0; background:#2c5ba8; font-size:24px; background-size: cover; color:#fff; letter-spacing:2px; }
.aboutus h1 { font-size:54px; font-weight:bold; letter-spacing:5px; margin-bottom:10px; }
.aboutus .text h2 { font-size:42px; letter-spacing:3px; }
.aboutus .text h4 { font-size:20px; letter-spacing:1px; text-transform:uppercase }


.aboutusbg { background:url(../image/simeirui4.jpg) no-repeat center top; background-size:100% auto;  }
.aboutusbox { padding:4% 0; }
.aboutus-text { margin:0 auto 4% auto; font-size:17px; }
.aboutus-text h1 { font-size:32px; line-height:1.2 }
.aboutus-text h1 strong { font-size:42px; }
.aboutus-text h3 { font-size:24px; letter-spacing:1px; margin-bottom:10px; }
.aboutus-list ul li { width:25%; float: left; text-align:center; margin-bottom:20px;} 
.aboutus-list ul li b { display:inline-block; width:80px; height:80px; line-height:85px; margin-bottom:5px; font-size:20px; color:#0860d2; background: url(../image/numico.png) no-repeat center;  }
.aboutus-list ul li p { max-width:150px; margin:0 auto; letter-spacing:1px; }
.aboutus-list ul li p span { color:#0860d2; }



.tyran { padding:6% 0 7% 0; margin:2% auto 0 auto; background:#2c5ba8; font-size:24px; background:url(../image/tyran.jpg) no-repeat center; background-size: cover; letter-spacing:1px;  }
.tyran ul li { float:left; width:28%; margin-right:8%; margin-top:3%; background:rgba(255,255,255,0.9); text-align:center;}
.tyran ul li:nth-of-type(3n) { margin-right:0 }
.tyran ul li h3 { font-size:20px; max-width:240px; margin:10px auto 0 auto; min-height:100px; }
.tyran ul li div { padding:10%; background:url(../image/tyranli.png) no-repeat center; background-size:100% 100%;  }
.tyran ul li div img { height:80px }


.vision { margin:2% auto 5% auto }
.vision li { float:left; width:25%; position:relative }
.vision li .zoom { padding-bottom:100% }
.vision li .txt { padding:0 10%; width:80%; text-align:center;position: absolute;top: 50%;transform: translateY(-50%); text-align:center }
.vision li .txt h3 { display:block; font-size:28px; color:#0860d2; margin-bottom:2% }
.vision li .txt p { font-size:20px; } 
.vision li.li1 { width:50%; }
.vision li.li1 .txt { color:#fff;  }
.vision li.li1 .txt h3 { color:#fff; }
.vision li.li2 .txt { margin-top:100%; }
.vision li.li3 .txt { margin-top:-50% }
.vision li.li3 .pic { margin-top:100% }

@media screen and (max-width: 960px) {
 
.about-nav ul li {  line-height:40px;height:40px } 
.about-nav ul li>a { display:block; font-size:15px;  }
.aboutus { font-size:16px;   }
.aboutus h1 { font-size:22px;  }
.aboutus .text h2 { font-size:18px; }
.aboutus .text h4 { font-size:13px; }

.aboutus-text { margin:0 auto 4% auto; font-size:15px; }
.aboutus-text h1 { font-size:24px; line-height:1.2 }
.aboutus-text h1 strong { font-size:32px; }
.aboutus-text h3 { font-size: 20px; }

.aboutus-list ul li {  width:49%; margin-right:2% }
.aboutus-list ul li:nth-of-type(2n) { margin-right:0 }
 



.tyran { font-size:16px; }
.tyran ul li { float:left; width:32%; margin-right:2%; }
.tyran ul li h3 { font-size:12px; min-height:58px }
.tyran ul li div img { height:50px }
.vision li .txt h3 { font-size:20px; }
.vision li .txt p { font-size:15px; } 
.vision li.li1 {
    width: 100%;
}
.vision li {
    width: 50%;
}
}


.history { padding:5% 5%; background:url(../image/simeirui5.jpg) no-repeat center; background-size: cover; }
.history .wrapper { position:relative; }
.history .history-list { position:relative; background-size: cover; }

.history .history-list ul li { width:16.666%; width:240px; float:left; overflow: visible !important }
.history .history-list ul li h3 { position:relative; font-size:24px; color:#0860d2; font-weight:600; line-height:1.4; margin:3px auto }
 
.history .history-list ul li .txt { position:relative; padding:1px 8%; min-height:190px; font-size:13px; color:#666; border-right:1px solid #666; text-align:center;}
.history .history-list ul li:nth-of-type(6n) .txt,.history .history-list ul li:last-child .txt {   }
.history .history-list ul li .pic { position:relative; padding:40px 15px; background:#00a1e8; overflow:hidden }

.history .history-list ul li .pic::before  { content: ""; display:inline-block; height:20px; width:100%; position:absolute; top:10px; background:url(../image/hisico.png) repeat-x top; background-size:auto 100% }
.history .history-list ul li .pic::after  { content: ""; display:inline-block; height:20px; width:100%; position:absolute; bottom:10px; background:url(../image/hisico.png) repeat-x  bottom; background-size:auto 100% }

.history .history-list ul li .txt::after { content: "";
   display:inline-block;
   position:absolute;
   right:-8px;
   bottom:0;
    content: '';
    width: 0;
    height: 0;
    border-bottom: 15px solid #666;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
}
.history .history-list ul li:nth-of-type(6n) .txt::after,.history .history-list ul li:last-child .txt::after { }
 

.honorbg { padding:20% 0; background:url(../image/honourbg.jpg) repeat-y center; background-size: 100% auto;  }
.honor-text { background-color:#00a1e8; background:linear-gradient(to left,#00a1e8,#0e53ce); color:#fff; padding:20px 0; font-size:21px;
 background-image: linear-gradient(to left, rgba(14, 83, 206, 0), rgba(5, 110, 200, 0.8), rgba(14, 83, 206, 1)); }
.honor-text .wrapper { position:relative; }


.honor2 { padding:5% 0 5% 0; background:url(../image/support.jpg) no-repeat center; background-size: cover; }
.honor2-list ul { text-align:center }
.honor2-list ul li { position:relative; width: auto; display:inline-block; margin:10px 3px; background:#fff; background-color: rgba(255,255,255,.5); max-width:42%  }
.honor2-list ul li:nth-of-type(3n) { }
.honor2-list ul li .pic { position:relative; background:#0F3; background:url(../image/honorborder.png) no-repeat center; background-size: 100% 100%; }
.honor2-list ul li .pic img { height:220px; padding:12px; width: auto; box-sizing:border-box}
.honor2-list ul li .text { padding:5px 10px; text-align:center; display:none }
.honor2-list ul li .text h3 { font-size:16px; color:#111 }

.honor2-show { margin:20px 0 10px 6%; width:90% }
.honor2-show li { position:relative; width:25%; float: left; margin:20px -3%; }
.honor2-show li img { width:100% }
.honor2-show li.imglist3 { z-index:9 }
.honor2-show li.imglist4 { z-index:3 }
.honor2-show li.imglist5 { z-index:2 }

.honor3 { padding:5% 0 5% 0; }
.honor3 ul { text-align:center }
.honor3 ul li { position:relative; width: auto; display:inline-block; margin:10px 2%; background:#fff; background-color: rgba(255,255,255,.5); padding:40px 0; max-width:42% }
.honor3 ul li::before { content: ""; height:40px; width:110px;
   display:inline-block;
   position:absolute;
   left:50%;
   margin-left:-55px;
   top:0;
   background:url(../image/honortop.jpg) no-repeat center; 
}
.honor3 ul li::after { content: ""; height:40px; width:100%;
   display:inline-block;
   position:absolute;
   left:0;
   bottom:0;
   background:url(../image/honorbottom.jpg) no-repeat top left;
}
	
.honor3 ul li:nth-of-type(3n) { }
.honor3 ul li .pic { position:relative; }
.honor3 ul li .pic img { height:220px; width: auto }
.honor3 ul li .text { padding:5px 10px; text-align:center; display:none }



@media screen and (max-width: 1320px) {
.history .history-list ul li {}
.history .history-list ul li .txt {  padding:1px 5%;  }
}

@media screen and (max-width: 960px) {
.history { padding:10% 5% }
.history .history-list {  }
.history .history-list ul li .txt { min-height:160px; font-size: 12px; }
.history .history-list ul li {  width:180px; }
.history .history-list ul li h3 {  font-size:16px; }
.history .history-list ul li .pic::before  { height:10px;  }
.history .history-list ul li .pic::after  {  height:10px; }
 
 
.history .history-list ul li .pic {
    padding: 30px 15px;}
.group .tit span{ font-size:20px; }
.group ul li .txt { padding:10px 10px; font-size:14px; margin-bottom:50px; }
.group ul li .txt h3 { font-size:15px; margin-bottom:5px; letter-spacing:1px; line-height:1.2; }
.group ul li .txt2 .txt h3 { font-size:15px;}
.honor-text {  font-size:16px; }
.honor-text .wrapper::before{ left:-20px; top:6px;
    border-left: 12px solid #fff;
    border-bottom: 7px solid transparent;
    border-top: 7px solid transparent;
 }

.honor2-show {
    margin: 20px 0 10px 3%;
    width: 100%;
}
.honor2-show li { margin:10px -3% }
.honor2-list ul li .pic img { height:110px; }
.honor3 ul li { margin:8px 1%; padding: 20px 0; }
.honor3 ul li::before { content: ""; height:20px; width:80px;
 
   left:50%;
   margin-left:-40px;
   background-size:auto 100%;
}
.honor3 ul li .pic img { height:110px; }
.honor3 ul li::after { height:20px; }

}





.keyan1 { padding:6% 0 4% 0; background:url(../image/xuesu2.jpg) no-repeat center; background-size: cover; overflow:hidden }
.keyan1-text { color:#0860d2; padding:15px 0px; font-size:22px; width:110%;
 background-image: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 1)); }

.keyan1-list { padding:3% 0 1% 0 }
.keyan1-list li { position:relative; width:18%; float:left; margin:0 2% 2% 0; background:#fff; background-color: rgba(255,255,255,1); }
.keyan1-list li:nth-of-type(5n) { margin-right:0 }
.keyan1-list li .pic { position:relative; }
.keyan1-list li .pic .zoom { padding-bottom:75%; }
.keyan1-list li .pic .zoom span { }
.keyan1-list li .text { padding:15px 15px; text-align:center; color:#333 }
.keyan1-list li .text h3 { font-size:26px; color:#0860d2; margin-bottom:1px; }
.keyan1-list li .text p { min-height:70px;font-size:19px; }
.keyan1-list .swiper-container-horizontal > .swiper-pagination-bullets { bottom:0; }


.keyan2 { position:relative; overflow:hidden; padding:5% 0 5% 0; background-size: cover;  background: #00a1e8; background: linear-gradient(to top,#0e53ce,#00a1e8);  }
.keyan2-con .text { background:#fff; padding:3% 35% 3% 3%; font-size:20px; line-height:1.7; margin-top:10% }
.keyan2-con .tit { color:#fff; }
.keyan2-con .tit h3 { font-size:24px; margin:6% auto 3% auto; line-height:1.8 }
.keyan2-con .tit h3 span { display:inline-block; border-bottom:1px solid #fff; }
.keyan2-con .tit h3 span b { display:inline-block; font-size:36px; letter-spacing:5px; border-bottom:2px solid #fff }
.keyan2-con .tit p { font-size:18px; line-height:2; margin-bottom:3% }
.keyan2-con .pic { float:right; position:absolute; right:0; bottom:0; width:42%; }
 

.keyan3 { padding:7% 0; background:url(../image/yanbaike2.jpg) no-repeat center; background-size: cover;  }
.keyan3 .wrapper { background-position:right top; background-repeat:no-repeat; background-size: 68% 100% }
.keyan3 .keyan3-list { box-sizing:border-box; width:32%; float:left; padding:3% 5%; background: url(../image/keyan31.jpg) no-repeat left top; background-size: cover;}
.keyan3 .keyan3-list ul li { text-align:center; color:#fff; margin-bottom:20px;} 
.keyan3 .keyan3-list ul li span { display:inline-block; width:80px; height:70px; line-height:75px; margin-bottom:5px; font-size:18px; background: url(../image/keyan3ico.png) no-repeat center;  }
.keyan3 .keyan3-list ul li p { max-width:150px; margin:0 auto; }
.keyan3 .menutit h3 .triangles {
    display: inline-block;
    position: absolute;
    left: -25px;
    top: 5px;
    width: 16px;
    height: 22px;
    border-radius: 3px;
    background: #00a1e8;
    background: linear-gradient(to top,#fff,#fff);
    clip-path: polygon(0 0, 0% 100%, 100% 50%);
}

.keyan3-box { box-sizing:border-box; float:right; width:68%; height:100%;  }
.keyan3-box img { width:100%; display:none }

.keyan4 { padding:7% 0 3% 0; background-size: cover;  }
.keyan4 li { margin:2% auto }
.keyan4 li .tit { background: #00a1e8; background: linear-gradient(to left,#00a2e8,#0e53ce); color: #fff; text-align:center; font-size:24px; padding:5px 0 }
.keyan4 li .txt { padding:2% 1%; } 



@media screen and (max-width: 960px) {
.keyan1-text { padding:15px 0px; font-size:15px }
.keyan1-list li .text { padding:10px;  }
.keyan1-list li .text h3 { font-size:16px;  }
.keyan1-list li .text p { min-height:60px; font-size:14px; }

.keyan2 { padding-bottom:40%;}
.keyan2-con .text { font-size:15px; line-height:1.7; margin-top:7%;padding:4%; }
.keyan2-con .tit { color:#fff; }
.keyan2-con .tit h3 { font-size:20px; margin:3% auto 3% auto; line-height:1.8 }
.keyan2-con .tit h3 span b { font-size:28px; letter-spacing:3px;  }
.keyan2-con .tit p { font-size:16px; line-height:2; margin-bottom:3% }
.keyan2-con .pic { width:48%; }

.keyan3 .wrapper {  }
.keyan3 .menutit { box-sizing:border-box; width:100%; float: none; padding:20px;  background-size: cover; margin-bottom:0 }
.keyan3 .menutit h3 .triangles {
    width: 12px;
    height: 18px;
	left: -20px;
}

.keyan3-box { float: none; width:100%;  }
.keyan3-box .keyan3-text { font-size:16px; line-height:2; margin-bottom:8% }

 
.keyan3 { padding:7% 0; background:url(../image/yanbaike2.jpg) no-repeat center; background-size: cover;  }
.keyan3 .wrapper { background:none !important }
.keyan3 .keyan3-list { width:100%;  float: none; padding:3% 5%;  }
.keyan3 .keyan3-list ul li {  margin-bottom:10px;} 


.keyan3-box { box-sizing:border-box; float: none; width:100%; height:100%;  }
.keyan3-box img { width:100%; display:block }
 
 
 
 
 
 
.keyan4 li .tit { font-size:18px; padding:5px 0 }
}







.xuesu1 { padding:6% 0 4% 0; background:url(../image/keyan.jpg) no-repeat center; background-size: cover;  }
.xuesu1 .menutit { margin-bottom:5% }
.xuesu1-text {   }
.xuesu1-text img { width:100% }

.xuesu1-box { position:relative; width:35%; float:left; z-index:9; margin-right:-30px; margin-left:30px; }
.xuesu1-box li { position:relative; background: #00a1e8; background: linear-gradient(to left,#00a1e8,#0e53ce); padding:12px 30px 12px 120px; color: #fff; margin-bottom:30px; }
.xuesu1-box li i { position:absolute; left:20px; top:50%; margin-top:-35px; display:inline-block; width:80px; height:70px; background: url(../image/xuesu1ico.png) no-repeat center; color:#0e53ce; font-size:24px; text-align:center; line-height:50px; font-style:normal }
.xuesu1-box li h3 { font-size:20px; margin-bottom:5px }
.xuesu1-box li p { font-size:14px; color:#eee; letter-spacing:2px; }
.xuesu1-box li::after {
	position:absolute; right:0; bottom:-19px;
    display: inline-block;
    content: '';
    width: 30px;
    height: 20px;
    background: linear-gradient(to top,#0e53ce,#00a1e8);
    clip-path: polygon(0 0, 0 100%, 100% 0%);

}
.xuesu1-list { position:relative; width:65%; float:left; padding:4% 10% 2% 10%; box-sizing:border-box;
    background: linear-gradient(to top,#2682fc,#9ad3ff); z-index:0; 
}
.xuesu1-list::after {
	position:absolute; left:0; bottom:0px;
    display: inline-block;
    content: '';
	width:100%;
	height:26%;
    background:#b9e7ff; 
}
.xuesu1-list li {}
.xuesu1-list li .pic { margin:0 20px; background:url(../image/xuesuimg.jpg) no-repeat center; background-size:100% 100%; border-radius:8px; padding:15px; }
.xuesu1-list li .zoom { padding-bottom:145%; }
.xuesu1-list li .txt { padding:15px; text-align:center }
.xuesu1-list li .txt h3 { font-size:13px; color:#333 }
 
 
.xuesu2 { padding:5% 0 5% 0; background:#e4e4e4; background-size: cover;  }
.xuesu2-list li { width:21%; float:left; margin-right:5.333%; margin-bottom:4%; }
.xuesu2-list li:nth-of-type(4n) { margin-right:0 }
.xuesu2-list li .pic { padding:10px; background:url(../image/honourico.jpg) no-repeat center; background-size:100% 100% }
.xuesu2-list li .zoom { padding-bottom:140%; }
.xuesu2-list { clear:both; padding-bottom:9%; margin-bottom:1%; background:url(../image/honourbg.png) no-repeat center bottom; background-size:100% auto; }


.biaozhun { padding:4% 0 5% 0; background:url(../image/yanbaike2.jpg) no-repeat center; background-size: cover;  }
.biaozhun-text { margin:2% auto; font-size:20px; line-height:1.8 }
.biaozhun-list li { line-height:1.6; background:#337cda; color:#fff; font-size:20px; text-align:center; padding:10px 5%; margin:1% auto }
.biaozhun-list li:nth-of-type(2n) { background:#86b3e8; }
 
 
@media screen and (max-width: 960px) {

.xuesu1-box { position:relative; width:100%; float: none; z-index:9; margin:10px auto }
.xuesu1-box li h3 { font-size:16px; }
.xuesu1-box li p { font-size:13px; }

.xuesu1-list { position:relative; width:100%; float:none; padding:30px 5% 20px 5%; }
.xuesu1-list li .txt { padding:5px; }
.xuesu1-list li .txt h3 { font-size:12px; }

.xuesu2 .text { padding:5px; max-width: none; margin:15px auto;  font-size:17px; }
.xuesu2-list li { width:31%; float:left; margin-right:3.5%; margin-bottom:3%; }
.xuesu2-list li:nth-of-type(3n) { margin-right:0 }

.biaozhun-text { margin:3% auto; font-size:16px; }
.biaozhun-list li { font-size:16px; text-align:center; }
}

 

 
 
 
 
 

.join li { width:40%; float:left; position:relative; font-size:24px; color:#fff }
.join li:nth-of-type(1) { width:56%; margin-right:4% }
.join li .zoom { padding-bottom:420px; }
.join li .txt { position:absolute; left:6%; bottom:7%; }
.join li .txt h3 { font-size:28px; }
.join .join-con { margin:3% auto; padding-top:60px; background:url(../image/marks-l.png) no-repeat left top; }
.join .join-con:after {
    content: ''; display:block; width:100%; height:60px; background:url(../image/marks-r.png) no-repeat center; }
.join-search { position:relative; margin:3% auto; }
.join-search .search-form { position:relative; width:80%; margin:0px auto; border-radius:30px; overflow:hidden; border:1px solid #ccc; border-radius:30px; max-width:500px;
-webkit-box-shadow: 0 2px 5px 3px rgba(200, 200, 200, .2);
    -moz-box-shadow: 0 2px 5px 3px rgba(200, 200, 200, .2);
    box-shadow: 0 2px 5px 3px rgba(200, 200, 200, .2); }
.join-search .search-form input { width:100%; height:46px; line-height:46px; border:none; background:none; border-radius:30px; padding:0px 20px; }
.join-search .search-form input.btn { position:absolute; right:3px; top:3px; border-radius:30px; width:120px; height:40px; line-height:40px; padding:0px 20px; background:#2c5ba8; color:#fff; cursor:pointer }
.join-list { padding:4% 0 0 0; }
.join-list ul li { width:49%; float:left; background:#fff; margin-bottom:2%; }
.join-list ul li:nth-of-type(2n) { margin-left:2% }
.join-list ul li .txt { padding:20px; color:#666; min-height:120px; position:relative;}
.join-list ul li .txt span {}
.join-list ul li .txt h3 { font-size:18px; font-weight:bold; color:#333; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #ddd; }
.join-list ul li .txt p { line-height:2 }
.join-list ul li .txt .more { float:right; border:1px solid #2c5ba8; color:#0860d2; font-size:13px; font-weight:normal; padding:6px 18px; border-radius:20px; }
.join-txt .close-reveal {font-size:30px;line-height:.5;position:absolute;top:20px;right:20px;color:#aaa;text-shadow:0 -1px 1px rbga(0,0,0,.6);font-weight:bold;cursor:pointer;} 
.join-txt { background:#fff; position:relative }
.join-txt .join-btn { position:absolute; right:10px; top:15px; display:inline-block; border:1px solid #2c5ba8; background:#2c5ba8; color:#fff; font-size:14px; font-weight:normal; padding:5px 20px; border-radius:20px;}
.join-txt h2 { font-size:22px;color:#0860d2; }
.join-txt h3 { font-size:14px;color:#666; border-bottom:1px solid #ddd; margin-bottom:15px; padding-bottom:10px; line-height:2 }
.join-txt h3 span { margin-right:20px; }

.download { padding:1% 0; font-size:16px; line-height:30px; }
.download .download-list { background:#eee; padding:10px 20px; margin-bottom:30px; }
.download tr th { background:#eee; padding:20px; text-align:left; font-size:16px; text-transform:uppercase }
.download tr td { background:#eee; padding:15px 20px; text-align:left; border-top:1px solid #e3e3e3; text-transform:uppercase; }
.download tr .down-btn { display:inline-block; width:60px; height:30px; font-size:0;  background:url(../image/icon-download.png) no-repeat center; }



.contactbg  { background:url(../image/simeirui4.jpg) no-repeat center top; background-size:100% auto;  }
.contact-img { width:60%; float:left }
.contact-info { width:33%; float:right }
.contact-info .tit { font-size:22px; margin:0 auto 15px auto }
.contact { min-height:300px; font-size:19px; line-height:1.8; }
.contact-info img { max-height:160px; }
.contact #map { font-size:14px; line-height:1.6;width:100%;height:450px; }

.contact-tit { text-align:center; font-weight:bold; font-size:30px; color:#015897 }
.contact-share { margin:20px auto }
.contact-share a { 
    display:inline-block; vertical-align:middle;
    width: 30px; height: 30px;
    margin:0 10px; background-position:center; background-repeat:no-repeat; background-size:auto 24px;
}
.contact-share .s_list1 { background-image:url(../image/twitter2.png) }
.contact-share .s_list2 { background-image:url(../image/youtube2.png); width:36px; }
.contact-share .s_list3 { background-image:url(../image/pinterest2.png) }
.contact-share .s_list4 { background-image:url(../image/facebook2.png) }
.contact-share .s_list5 { background-image:url(../image/ins2.png) }
.contact-con {   }
.contact-con table td { padding:10px; }
.contact-con table td p { margin-bottom:10px; }
.contact-con table td:nth-of-type(1) { width:55%; padding-right:5%; border-right:1px solid #ddd }
.contact-con table td:nth-of-type(2) { padding-left:5% }

@media screen and (max-width: 960px) {
.join-search .search-form input { height:36px; line-height:36px; padding:0px 10px; }
.join-search .search-form input.btn {  width:100px; height:30px; line-height:30px; padding:0px 10px;   }
.join-list { padding:20px 0 0 0; }
.join-list ul li { width:100%; float: none;  margin:15px auto }
.join-list ul li:nth-of-type(2n) { margin-left:0 }
.join-list ul li .txt { padding:15px; }
.join-list ul li .txt span {}
.join-list ul li .txt h3 { font-size:15px; padding-bottom: 10px; margin-bottom: 10px; }
.join-list ul li .txt p { line-height:1.6 } 
.join-list ul li .txt .more { font-size:12px; padding:3px 18px; }

.contact-img { width:100%; float: none }
.contact-info { width:100%; float:none; margin-top:20px }
.contact-info .tit { font-size:20px; margin:10px 0 }
.contact { min-height:300px; font-size:16px; margin:40px auto 20px auto }
.contact #map { font-size:13px; line-height:1.4;width:100%;height:320px; }
}





.feedback-box { position:relative; }
.feedback-box:before {
    content: ''; display:block; width:100%; height:300px; position:absolute; bottom:0px; left:0; z-index:0; background:#fff; border-top:1px solid #eee;
}
.feedback { position:relative; padding:2% 3%; margin-bottom:3%; background:#00a1e8; color:#fff }
.feedback form { }
.feedback .form-group { width:46%; float:left; margin:15px 2% }
.feedback .form-group#dr_row_lynr {width:96%;}
.feedback .form-code img { background:#fff }
.feedback label.mt-checkbox { display: inline-block; margin:10px 5% 10px 0; cursor:pointer }
.feedback textarea { background:none; border:1px solid #6cb8f2; width:100%; min-height:120px; padding:10px; box-sizing:border-box; color:#fff; font-family:Arial, Helvetica, sans-serif }
.feedback input[type=text] { display:inline-block; vertical-align:middle; background: none; border:1px solid #6cb8f2; width:100% !important; height:42px; line-height:42px; text-indent:10px; color:#fff }
.feedback input[type=radio],.feedback input[type=checkbox] { width:20px; height:20px; vertical-align:middle; -webkit-appearance:none;background-color: #fff; border:1px solid #ddd; margin-right:5px; position:relative }
.feedback input[type=checkbox]:checked::after{
     content: "✓";
     font-size: 12px;
     font-weight: bold;
	 color:#015897;
	 border-radius: 3px;
	 margin-left:4px;
}
.feedback input::-webkit-input-placeholder{ color:#b0d2eb; }
.feedback input::-moz-placeholder{    color:#b0d2eb; }
.feedback input:-moz-placeholder{     color:#b0d2eb; }
.feedback input:-ms-input-placeholder{   color:#b0d2eb; }
.feedback textarea::-webkit-input-placeholder{ color:#b0d2eb; font-family:Arial, Helvetica, sans-serif }
.feedback textarea:-moz-placeholder{     color:#b0d2eb; font-family:Arial, Helvetica, sans-serif }
.feedback textarea:-ms-input-placeholder{   color:#b0d2eb; font-family:Arial, Helvetica, sans-serif }
.form-btn { text-align:center; margin:1% auto; } 
.form-btn button { display:inline-block; background:#fff; cursor:pointer; border:none; color:#00a1e8; margin:10px 10px 20px 10px; padding:12px 30px; font-size:18px; min-width:220px; border-radius:30px }
.form-btn button:hover { background:#0e53ce; color:#fff }
.feedback-list { background:#f8f8f8; padding:4%; margin-bottom:3%; text-align:center; }
.feedback-list>img { max-height:280px; }
.feedback-listtxt { max-width:800px; margin:5% auto; background:#f2f2f2; font-size:18px; color:#666; line-height:2; border:1px dashed #ccc; padding:2%; text-align:center }
.feedback-listtxt h3 { font-size:45px; text-transform:capitalize }

@media screen and (max-width: 960px) {
.feedback .form-group { width:96%; float: none; margin:15px 2% }	
.feedback input[type=text] { height:36px; line-height:36px; }
.form-btn button {  padding:7px 20px; font-size:15px; min-width:120px; }

}


.news-bg { background:url(../image/newsbg.jpg) no-repeat center; padding:4% 0; background-size:cover }
.news-list { padding:1% 0 }
.news-list ul li { position:relative; margin-bottom:4%; background:#fff; width:31%; float:left; margin-right:3.5% }
.news-list ul li:nth-of-type(3n) { margin-right:0; }
.news-list ul li>div { }
.news-list ul li .pic { position:relative; }
.news-list ul li .pic .zoom { padding-bottom:50% }
.news-list ul li .text { color:#666; padding:5% 10%; min-height:60px; }
.news-list ul li .text h3 { font-size:18px; min-height:85px; }
.news-list ul li .text h3 a {  color:#333; }
.news-list ul li .text p { overflow: hidden;  margin:20px auto; }
 
.news-list ul li .more a { display:block; background: #00a1e8; background: linear-gradient(to left,#00a2e8,#0e54ce); color:#fff; text-align:center; padding:5px 10px; }
.news-list ul li:hover .text h3 a {  color:#0860d2; }

@media screen and (max-width: 960px) {

.news-list { padding:20px 0 }
.news-list ul li { position:relative; margin-bottom:4%; background:#fff; width:48%; float:left; margin-right:4% }
.news-list ul li:nth-of-type(3n) { margin-right:4%; }
.news-list ul li:nth-of-type(2n) { margin-right:0; }
.news-list ul li .text h3 { font-size:15px; min-height:85px; }
}
 

.news-box { padding:30px; background:#fff }
.news-title { font-size:28px; margin-bottom:5px; text-align:center; color:#222 }
.news-desc { margin-bottom:30px; color:#666; text-align:center; padding-bottom:25px; border-bottom:1px solid #ddd }
.news-desc small {font-size:16px; margin:2px 6px;}
.news-desc .fa { width:18px; height:16px; margin-right:5px; margin-top:-2px }
.news-desc .fa-date { background-image:url(../image/icon-date.png) }
.news-desc .fa-hits { background-image:url(../image/icon-eye.png) }
.news-desc .fa-author { background-image:url(../image/icon-author.png) }
.page-prev-next { border-top:1px solid #ddd; padding:30px; background:#fff; font-size:18px }
.page-prev-next .page-prev { float:left; padding-left:30px; background:url(../image/prev.png) no-repeat center left; } 
.page-prev-next .page-next { float:right; padding-right:30px; background:url(../image/next.png) no-repeat center right;  } 

.support { margin:3% auto; padding:3% 0; background:url(../image/support.jpg) no-repeat center; background-size: cover;  }
.support-list>ul li { width:48%; float:left; margin-bottom:3%; background:#fff; -webkit-box-shadow: 0 0px 5px 3px rgba(200, 200, 200, .3);
    -moz-box-shadow: 0 0px 5px 3px rgba(200, 200, 200, .3);
    box-shadow: 0 0px 5px 3px rgba(200, 200, 200, .3);}
.support-list>ul li:nth-of-type(2n) { margin-left:4%; }
.support-list>ul li>div { padding:20px; } 
.support-list>ul li h3 { font-weight: bold; margin-bottom:10px; }
.support .support-list>ul li span a { display:inline-block; border-radius:30px; padding:4px 15px; margin:5px 5px 5px 0; font-size:12px; background:#d3e9f6; color:#0860d2 }
.support .support-list>ul li span a:nth-of-type(2n) { background:#d7f5ca; color:#40B200 }

.case-list { padding:1% 0 }
.case-list ul li { position:relative; width:31%; float:left; margin-right:3.5%; margin-bottom:3%; background:#fff }
.case-list ul li:nth-of-type(3n) { margin-right:0 }
.case-list ul li .clearfix { position:relative;}
.case-list ul li .pic { position:relative; background:#eee }
.case-list ul li .pic .zoom { padding-bottom:70%; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.case-list ul li .text a { display: block; position:absolute; left:0; right:0; bottom:0; top:0; color:#fff; padding:10%; }
.case-list ul li .text h3 { position:absolute; bottom:0px; left:0; right:0; padding:20px; font-size:18px; text-align:center; background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.02) 10%, rgba(0, 0, 0, 0.3) 90%); }
.case-list ul li:hover .text a { display: block;-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
.case-list ul li:hover .pic .zoom span {  }
.case-list ul li .txt { padding:15px 5px; }
.case-tit { color:#0860d2; }
.case-tit>h3 { font-size:24px; }
.case-con { background:#fff; margin:2% auto }
.case-con>h2 { color:#0860d2; font-size:32px; margin-bottom:20px; line-height:1.3 }
.load-more { text-align:center }
.load-more a { display:inline-block; padding:12px 30px 12px 60px; background-color:#0860d2; color:#fff; text-transform:capitalize; cursor:pointer; background:#2c5ba8 url(../image/yuan.png) no-repeat 20px center;}




.simeirui-text { margin:3% auto; font-size:18px; color:#111; line-height:2 }
.simeirui1 { background:#00a1e8; padding:5% 0; background:url(../image/keyan.jpg) no-repeat center; background-size: cover;}
.simeirui1 .wrapper { background:#fff }
.simeirui1-text { width:40%; float:left; box-sizing:border-box; padding:3% 5%; background:#fff; font-size:18px; line-height:1.8 }
.simeirui1-text .menutit { font-size:24px; color:#0860d2; margin:2% auto 8% auto; padding-top:100px; background:url(../image/smr.png) no-repeat top left; background-size:28% auto  }
.simeirui1-pic { width:60%; float:right; box-sizing:border-box; background:#fff }
.simeirui1-pic img { width:100% }

.simeirui2 { padding:5% 0 5% 0; background:url(../image/keyan.jpg) no-repeat center; background-size: cover; }
.simeirui2-box { position:relative; background: #00a1e8; background: linear-gradient(to top,#0e53ce,#00a1e8); margin-top:5% }
.simeirui2-pic { width:60%; float:left; box-sizing:border-box; background:#fff }
.simeirui2-pic img { width:100% }
.simeirui2-list { width:40%; float:right; box-sizing:border-box; padding:3% 5%;color: #fff; }
.simeirui2-list li { position:relative; margin:8% auto; font-size:20px; padding-left:20px; }
.simeirui2-list li::after {
	position:absolute;
	left:0px;
	top:9px;
    display: inline-block;
	border-radius:2px;
    content: '';
    width: 0;
    height: 0;
    border-left: 12px solid #fff;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
}
 
.simeirui3 {  padding:5% 0 5% 0; background:url(../image/simeirui3.jpg) no-repeat center; background-size: cover; }
.simeirui3-con { width:80%; box-sizing:border-box; margin:10% auto 6% auto; text-align:center }
.simeirui3-con img { max-width:43% }

.simeirui3-list { position:relative; text-align:center; }
.simeirui3-list li { display:inline-block; margin:5px; vertical-align:top; background:#fff; font-size:22px; line-height:1.4;  }
.simeirui3-list li:nth-of-type(1) { background: linear-gradient(to left,#0e53ce,#00a1e8);background:#023591; color:#fff }
.simeirui3-list li .txt {  display: -webkit-box;  min-height:60px; padding:15px 50px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;}
.simeirui3-list1 { position:relative; text-align:center; margin-bottom:2%; }
.simeirui3-list1 li { position:relative; display:inline-block; padding:5px 3%; vertical-align:top; font-size:22px; line-height:1.5; text-align:center; letter-spacing:1px  }
.simeirui3-list1 li h3 { color:#023591; font-size:22px; }
.simeirui3-list1 li p { color:#888 }
.simeirui3-list1 li span {
	margin:10px auto;   
 display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;  
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
    width:50px; height:50px; line-height:1.2; background:#023591; border-radius:100px; color:#fff; font-size:16px; }

.simeirui3-list1 li::after {
	position:absolute;
	left:0px;
	top:15%;
    display: inline-block;
	border-radius:2px;
    content: '';
    width: 1px;
    height: 80%;
	background:#555;
}
.simeirui3-list1 li:nth-of-type(1)::after { display:none }

.simeirui4 {  padding:5% 0 5% 0; background:url(../image/simeirui4.jpg) no-repeat center; background-size: cover; }
.simeirui4-list li { width:48%; float:left; position:relative; margin-bottom:20px; font-size:16px; }
.simeirui4-list li:nth-of-type(2n) { margin-left:4%; }
.simeirui4-list li .tit { background:#0e53ce; color:#fff; padding:10px 0; text-align:center; font-size:28px; letter-spacing:3px; margin-bottom:15px; border-radius:20px 20px 0 0; }
.simeirui4-text { position:relative; padding:10px; text-align:center; color:#fff; font-size:18px; margin:3% auto;
background-image: linear-gradient(to left, rgba(14, 83, 206, 0.1), rgba(16, 135, 206, 1), rgba(11, 76, 166, 0.99), rgba(14, 83, 206, 0.1)); }
.simeirui4-list li .tit2 { background:#0099e5 }


.simeirui5 {  padding:5% 0 5% 0; background:url(../image/simeirui5.jpg) no-repeat center; background-size: cover; overflow:hidden }
.simeirui5-list { position:relative; display: flex;flex-direction: row; justify-content: space-around; flex: 1; padding:20px 0; border-radius:300px; background:#023591; margin:3% auto; z-index:1;  }
.simeirui5-list1 { padding-right:5%; }
.simeirui5-list2 { padding-left:4%; }
.simeirui5-list li { position:relative; font-size:16px; text-align:center; color:#fff }
.simeirui5-list li .pic img { max-height:200px; }
.simeirui5-list li .tit { max-width:70%; margin:5px auto 0 auto; line-height:1.2 }
.simeirui5-list::after {
	position:absolute;
	left:-30%;
	top:0;
    display: block;
    content: '';
    width: 60%;
    height: 100%;
	background:#023591;
	z-index:-1;
}
.simeirui5-list2::after {
	left:auto;
	right:-30%;
}

.simeirui6 { padding:10% 0 5% 0; background:url(../image/smrbg.jpg) no-repeat center; background-size: cover; overflow:hidden }
.simeirui6 .fl { margin-top:8%; }
.simeirui6 .fl img { max-width:50%; }
.simeirui6 .fl a { font-size:24px; color:#fff; display:inline-block; margin-top:20px }
.simeirui6 .fr { max-width:40%; }
.simeirui6 .fr img { margin-bottom:15px; }
.simeirui6 .fr p { background:#0a3d9a; color:#fff; font-size:20px; border-radius:30px; text-align:center; padding:5px 20px; }





@media screen and (max-width: 960px) {

.news-box { padding:15px 0px; }
.news-title { font-size:20px; margin-bottom:5px; text-align:center; color:#222; line-height:1.4 }
.news-desc { margin-bottom:15px; padding-bottom:10px; font-size:13px; }
.news-desc small {font-size:13px; }
.page-prev-next { padding:10px; font-size:14px }
.page-prev-next .page-prev { padding-left:20px; background-size:15px auto } 
.page-prev-next .page-next { padding-right:20px; background-size:15px auto  } 


.simeirui-text { margin:6% auto; font-size:16px;}
.simeirui1 { padding: 40px 0; }
.simeirui1-text { width:100%; float: none; font-size:15px;}
.simeirui1-text .menutit { font-size:20px; color:#0860d2; margin:5% auto 8% auto; padding-top:60px }
.simeirui1-pic { width:100%; float:none; }
.simeirui1-pic img { width:100% }
 

.simeirui2 { padding:40px 0;  }
.simeirui2-pic { width:100%; float: none;  }
.simeirui2-pic img { width:100% }
.simeirui2-list { width:100%; float:none; }
 
 
.simeirui2-list li {  margin:15px auto; font-size:15px; padding-left:20px; }
.simeirui2-list li::after {
	position:absolute;
	left:0px;
	top:5px;
    border-left: 10px solid #fff;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
}

.simeirui3 { padding: 7% 0 7% 0; } 
.simeirui3-con img {  }
.simeirui3-con {
    width: 90%;
    margin: 10% auto 10% auto;
}
.simeirui3-list li { font-size:16px; line-height:1.2;  }
.simeirui3-list li .txt {  display: -webkit-box;  min-height:40px; padding:6px 20px; min-width:80px; }
.simeirui3-list1 { position:relative; text-align:center; margin-bottom:2%; }
.simeirui3-list1 li { padding:5px 20px; font-size:15px;  }
.simeirui3-list1 li h3 { font-size:18px; }
.simeirui3-list1 li::after { display:none }


.simeirui5-list1 { padding-right:9%; }
.simeirui5-list2 { padding-left:8%; }
.simeirui5-list li .tit { max-width:95%; font-size:12px }

.simeirui6 { padding:6% 0 6% 0; }
.simeirui6 .fl img { max-width:90px; }
.simeirui6 .fl { margin:5% 0; width:50% }
.simeirui6 .fl a { font-size:16px; margin-top:10px }
.simeirui6 .fr { max-width:118px;}
.simeirui6 .fr img { margin-bottom:8px; }
.simeirui6 .fr p { font-size:12px; padding:5px 10px; }


}


.yanbaike .menutit .triangle::after {
    background: #769ed1;
}
.yanbaike .menutit.white .triangle::after {
    background: #fff;
}

.yanbaike1 { background:#00a1e8; padding:5% 0; background:url(../image/yanbaike1.jpg) no-repeat center; background-size: cover;}
.yanbaike1 .wrapper { background:#fff }
.yanbaike1-text { width:40%; float:left; box-sizing:border-box; padding:3% 5%; background:#fff; font-size:18px; line-height:1.8 }
.yanbaike1-text .menutit { font-size:24px; color:#0860d2; margin:2% auto 8% auto; padding-top:90px; background:url(../image/ybk.png) no-repeat top left; background-size:35% auto  }
.yanbaike1-pic { width:60%; float:right; box-sizing:border-box; background:#fff }
.yanbaike1-pic img { width:100% }

.yanbaike2 { padding:5% 0 5% 0; background:url(../image/yanbaike2.jpg) no-repeat center; background-size: cover; }
.yanbaike2-box { position:relative; padding:5px 0; margin:10% 5% }
.yanbaike2-box .yanbaike2-logo { position:relative; width:120px; height:120px; background:url(../image/yanbaike2ico.png) no-repeat center; background-size: cover; color:#fff; padding:8%; border-radius:100px; text-align:center; margin:1px auto; font-size:18px; }
.yanbaike2-box .yanbaike2-logo h3 { font-size:24px; margin-top:10px; }
.yanbaike2-box .yanbaike2-logo h4 { font-size:18px; font-weight:bold; margin-top:15px; }
.yanbaike2-box li { position:absolute; display:inline-block; min-width:220px; background: #769ed1; color:#fff; padding:8px 15px; font-size:18px; border-radius:30px; text-align:center; }
.yanbaike2-box li.li1 { left:10%; top:5%;}
.yanbaike2-box li.li2 { left:3%; top:50%; margin-top:-20px;  }
.yanbaike2-box li.li3 { left:12%; bottom:5%; }
.yanbaike2-box li.li4 { right:10%; top:5%; }
.yanbaike2-box li.li5 { right:3%; top:50%; margin-top:-20px;  }
.yanbaike2-box li.li6 { right:12%; bottom:5%; }

.yanbaike3 {  padding:5% 0 5% 0; background:url(../image/yanbaike3.jpg) no-repeat center; background-size: cover; }
.yanbaike3-con { margin:5% auto 2% auto }

.yanbaike4 {  padding:5% 0 5% 0; background:url(../image/simeirui4.jpg) no-repeat center; background-size: cover; }
.yanbaike4-list { margin:1% 6%; }
.yanbaike4-list li { width:29.33%; float:left; position:relative; margin:2%; font-size:16px; }
.yanbaike4-list li:nth-of-type(3n) { }
.yanbaike4-list li .tit { padding:7px 0; text-align:center; font-size:18px; letter-spacing:2px; background: #769ed1; color:#fff; }
.yanbaike4-list li .zoom { padding-bottom:90% }

.yanbaike5 {  padding:5% 0 3% 0; background:url(../image/yanbaike5.jpg) no-repeat center; background-size: cover; }
.yanbaike5 .menutit { margin-bottom:5% }
.yanbaike5-list { position:relative; margin-bottom:2%; }
.yanbaike5-list .title { padding:3px 20px; width:120px; text-align:center; font-size:22px; letter-spacing:2px; background: #fff; color:#0860d2; position:absolute; left:0; top:30%; }

.yanbaike5-list li { width:23%; float:left; position:relative; margin:0 2.6666666% 3% 0; font-size:16px; }
.yanbaike5-list li:nth-of-type(4n) { margin-right:0 }
.yanbaike5-list li .tit { padding:5px 0; text-align:center; font-size:17px; letter-spacing:2px; background: #fff; }
.yanbaike5-list li .zoom { padding-bottom:90% }
.yanbaike5-list li img { width:100% }


.yanbaike6 { padding:7% 0 7% 0; background:url(../image/ybkbg.jpg) no-repeat center; background-size: cover; overflow:hidden }
.yanbaike6 .fl { margin-top:10%; text-align:center; font-size:32px; color:#fff; letter-spacing:1px; line-height:1.4  }
.yanbaike6 .fl h2 { font-size:38px; font-weight:bold }
.yanbaike6 .fr img { margin-bottom:15px; }
.yanbaike6 .fr p { background:#769ed1; color:#fff; font-size:20px; border-radius:30px; text-align:center; padding:5px 20px; letter-spacing:2px }


@media screen and (max-width: 960px) {

.yanbaike1-text { width:100%; float: none; font-size:16px; line-height:1.6 }
.yanbaike1-text .menutit { padding-top:60px; margin: 2% auto 6% auto;}
.yanbaike1-pic { width:100%; }
.yanbaike1-pic img { width:100% }

.yanbaike2-box  { margin:5% auto; text-align:center }	
.yanbaike2-box .yanbaike2-logo { margin-bottom:5% }
.yanbaike2-box li { position:relative; min-width:180px; padding:5px 10px; font-size:14px; margin:5px auto; left:auto; top:auto; bottom:auto  }
.yanbaike2-box li.li1 { left:auto; top:auto; bottom:auto }
.yanbaike2-box li.li2 { left:auto; top:auto; bottom:auto; margin-top:5px;  }
.yanbaike2-box li.li3 { left:auto; top:auto; bottom:auto; }
.yanbaike2-box li.li4 { left:auto; top:auto; right:auto; bottom:auto; }
.yanbaike2-box li.li5 { left:auto; top:auto; right:auto; bottom:auto; margin-top:5px;  }
.yanbaike2-box li.li6 { left:auto; top:auto; right:auto; bottom:auto; }


.yanbaike4-list { margin:1% 0; }
.yanbaike4-list li { width:46%; float:left; position:relative; margin:2%; font-size:14px; }
.yanbaike4-list li:nth-of-type(3n) { }
.yanbaike4-list li .tit { padding:5px 0; font-size:14px; letter-spacing:1px; }
 

.yanbaike5 {  padding:8% 0 5% 0; background:url(../image/simeirui5.jpg) no-repeat center; background-size: cover; }
.yanbaike5-list { margin-bottom:2%; padding-left:0 }
.yanbaike5-list .title { padding:1px 20px; width:100px; font-size:18px; letter-spacing:1px;  position: relative; margin:20px auto }

.yanbaike5-list li { width:48%; font-size:14px; margin-right:4% }
.yanbaike5-list li:nth-of-type(3n) { margin-right:4%  }
.yanbaike5-list li:nth-of-type(2n) { margin-right:0  }
.yanbaike5-list li .tit { padding:5px 0; font-size:14px; letter-spacing:1px; }
 
.yanbaike6 { padding:7% 0 7% 0; background:url(../image/ybkbg.jpg) no-repeat left;  }
.yanbaike6 .fl { margin-top:10%; text-align:center; font-size:20px; color:#fff; letter-spacing:1px; line-height:1.4  }
.yanbaike6 .fl h2 { font-size:24px; font-weight:bold }
.yanbaike6 .fr img { width:120px; margin-bottom:10px; }
.yanbaike6 .fr p { font-size:12px; padding:5px 10px; letter-spacing:1px }


}



.changsha-text { position:absolute; bottom:0; left:0; right:0; padding:2% 0; background:rgba(1, 114, 216, 0.7); color:#fff; font-size:16px; }

.swjs {  padding:8% 0; background-size: cover;}
.swjs .wrapper {   }
.swjs-con { background:rgba(255, 255, 255, 0.8); padding:3% 13%; font-size:20px; letter-spacing:2px; }
.swjs-con h3 { font-size:28px; color:#0860d2; line-height:1.4; font-weight:bold; margin-bottom:15px; }
.swjs-con2 {  letter-spacing:3px; background: #00a1e8; background: linear-gradient(to left,#00a1e8,#0e53ce); color:#fff; padding:2% 10%; }
.swjs-con2 li { width:50%; float:left; position:relative; text-align:center; font-size:28px; line-height:1.1 }
.swjs-con2 li b { position:absolute; font-size:72px; color:#fff; -moz-opacity:0.3;opacity: 0.1; letter-spacing:6px; left:0; right:0; top:-8px }
 

.swjs-list { width:90%; margin:1% auto }
.swjs-list li { width:16.6%; float:left; text-align:center; font-size:20px; letter-spacing:3px; line-height:1.4; padding:2% 0; }
.swjs-list li img { width:auto; max-width:100%; margin-bottom:5px }
.swjs-list li h3 { font-size:22px; font-weight:bold;  } 
.swjs-list li:nth-of-type(6n) { margin-right:0 }
.swjs-list li .zoom { padding-bottom:140%; }
 
 
 
.changsha2 {  padding:5% 0 5% 0; background:url(../image/simeirui5.jpg) no-repeat center; background-size: cover; }
.changsha2-list { margin:1% 6%; }
.changsha2-list li { width:29.33%; float:left; position:relative; margin:2%; font-size:16px; }
.changsha2-list li:nth-of-type(3n) { }
.changsha2-list li .tit { padding:3px 20px; min-height:42px; text-align:center; font-size:16px; line-height:1.2; letter-spacing:2px; background: #fff; color:#0860d2;  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center; }
.changsha2-list li .zoom { padding-bottom:90% }




.hxyl { padding:6% 0 6% 0; background:url(../image/hxyl1.jpg) no-repeat center; background-size: cover; }
.hxyl ul li { width:31.333%; float:left; padding:0px 1%; box-sizing:border-box; border-right:2px dashed #999; text-align:center; }
.hxyl ul li:last-child { border:none }
.hxyl ul li .tit { margin-bottom:10px; display:inline-block; line-height:1 }
.hxyl ul li .hbox { display:inline-block; }
 
.hxyl ul li .tit b { position:relative; line-height:0.9; font-size:280px; width: 158px; color:#069; display:inline-block; background: linear-gradient(to bottom,#00a1e8, #0e53ce); -webkit-background-clip: text; -webkit-text-fill-color: transparent; z-index:2}
.hxyl ul li .tit h2 { position:relative; text-align:right; display:inline-block; font-size:36px; line-height:1.4; font-weight:bold; letter-spacing:4px;  vertical-align: text-bottom; top:-5px; z-index:2 }
.hxyl ul li .tit p {line-height:1.4; text-align:right; font-size:16px; color:#444; letter-spacing:1px; text-transform:uppercase }
.hxyl ul li .tit p span { max-width:140px; display:inline-block }
.hxyl ul li .tit h2::before {
	position:absolute;
	right:-10px;
	bottom:-2px;
    display: block;
    content: '';
    width: 155%;
    height: 50px;
	background:rgb(11,92,211,0.4);
	border-radius:0 3px 3px 0;
	z-index:0;
}
.hxyl ul li:nth-of-type(3) .tit h2::before {
    width: 205%;
}
.hxyl ul li dl { display:inline-block; width:300px }
.hxyl ul li:nth-of-type(3) dl {
     width:350px;
}
.hxyl ul li dd { position:relative; font-size:19px; color:#777; line-height:1.5; margin:10px 0 10px 40px; text-transform:uppercase; text-align:left  }
.hxyl ul li dd h4 { font-size:24px; color:#222 }
.hxyl ul li dd::after {
	position:absolute;
	left:-20px;
	top:40%;
    display: block;
    content: '';
    width: 10px;
    height: 10px;
	background:#b6dfe3;
	border-radius:10px;
}

.hxyl2 { padding:5% 0 5% 0; background:url(../image/hxyl2.jpg) no-repeat center; background-size: cover; }
.hxyl2 .swiper-container { }
.hxyl2 li { text-align:center; text-transform:uppercase;font-size:19px; }
.hxyl2 li h3 { font-size:19px; margin-top:10px; }
.hxyl2 li p { }

.hxyl2 .ptline { position:relative; height:50px; background:url(../image/ptline2.png) repeat-x bottom; margin-top:2%; margin-bottom:5%; margin-left:60px }
.hxyl2 .ptline::after {
	position:absolute;
	left:-60px;
	top:0;
    display: block;
    content: '';
    width: 60px;
    height: 50px;
 background:url(../image/ptline.png) no-repeat left bottom;
}




@media screen and (max-width: 960px) {
 
.changsha-bg { padding-top:25% }
.changsha-text { font-size:13px; }

.swjs {  padding:50px 0; }
.swjs .wrapper { padding:40px 0; }
.swjs-con {  font-size:15px;padding: 20px; }
.swjs-con h3 { font-size:18px; }
.swjs-con2 {  letter-spacing:1px; padding:20px 20px }
.swjs-con2 li { font-size:18px;  }
.swjs-con2 li b { font-size:24px; letter-spacing:3px; left:0; right:0; top:8px }

.changsha2 {  padding:30px 0; }
.changsha2-list { margin:1% 0; }
.changsha2-list li { width:46%; margin:2%; font-size:14px; }
.changsha2-list li .tit { padding:3px 10px; min-height:42px; font-size:14px; letter-spacing:1px;}

.swjs-list li { font-size:12px;  } 
.swjs-list li h3 { font-size:14px; line-height:1.2; } 
.swjs-list li .zoom { padding-bottom:140%; }
 
.hxyl ul li { width:100%; float: none;  border-right: none; border-bottom:2px dashed #666; padding:20px 1%; }
.hxyl ul li .tit { margin-bottom:10px; display:inline-block; line-height:1 }
.hxyl ul li .hbox { display:inline-block; }

.hxyl ul li .tit b { font-size:160px; width: 95px; }
.hxyl ul li .tit h2 { font-size:24px; }
.hxyl ul li .tit p { font-size:14px; line-height:1.3; }

.hxyl ul li .tit h2::before {
	right:-6px;
	bottom:-1px;
    width: 150%;
    height: 32px;
}
.hxyl ul li:nth-of-type(3) .tit h2::before {
    width: 198%;
}
.hxyl ul li dl { display:inline-block; width:250px }
.hxyl ul li:nth-of-type(3) dl {
     width:280px;
}
.hxyl ul li dd { font-size:15px; margin: 6px 0 6px 40px; }
.hxyl ul li dd h4 { font-size:18px; }
.hxyl ul li dd::after {
	left:-15px;
	top:40%;
    width: 8px;
    height: 8px;
}

.hxyl2 { padding:8% 0; }
.hxyl2 li { overflow:hidden;line-height:1.3  }
.hxyl2 li h3 { font-size:14px; margin-top:5px; margin-bottom:3px }
.hxyl2 li p { font-size:12px; }

.hxyl2 .ptline { position:relative; height:20px; background-size:20px auto; margin-top:20px; margin-bottom:30px; margin-left:30px }
.hxyl2 .ptline::after {
	left:-30px;
    width: 30px;
    height: 20px;
 background-size:auto 30px;
}



}



.tyran-con { padding:3% 0; font-size:18px; line-height:1.8 }
.jyran1 { background:#00a1e8; padding:6% 0 7% 0; background:url(../image/keyan.jpg) no-repeat center; background-size: cover;}
.jyran1 .wrapper { position:relative }
.jyran1-pic { position:relative; width:35%; float:right; box-sizing:border-box; text-align: center }
.jyran1-pic img { width:100%; position:relative; z-index:11 }
.jyran1-pic::before { display: block;content: ""; width:100%; height:100%; position:absolute; bottom:-25px; right:-35px; z-index:0; background: #00a1e8; background: linear-gradient(to left,#00a1e8,#0e53ce); }

.jyran1-text { float:left; box-sizing:border-box; width:55%;font-size:18px; line-height:1.8;  }
.jyran1-list { margin-top:5% }
.jyran1-list li { width:48%; float:left; font-size:18px }
.jyran1-list li:first-child { margin-right:4% }
.jyran1-list li b { display:inline-block; width:70px; height:70px; line-height:70px; font-weight:normal; font-size:36px; text-align:center; background: linear-gradient(to top,#0e53ce,#00a1e8); color:#fff; margin-bottom:5px; border-radius:100px; }
.jyran1-list li h3 { font-size:28px; margin:5px auto; line-height:1.5 }


.jyran2 { position:relative; padding:5% 0 3% 0; background:url(../image/simeirui5.jpg) no-repeat center; background-size: cover;  }
.jyran2-box { background: linear-gradient(to left,#00a1e8,#0e53ce);  color:#fff; margin:7% auto 6% auto }
.jyran2-box .wrapper { position:relative; }
.jyran2-con { width:50%; float: right; padding:4% 0; font-size:18px; line-height:2 }
.jyran2-list { width:45%; position:absolute; left:0; top:-15%;  }
.jyran2-list li { position:relative; width:49%; float:left; margin:0 0 2% 0; }
.jyran2-list li:nth-of-type(2n) { margin-left:2% }
.jyran2-list li .pic { position:relative; }
.jyran2-list li .pic .zoom { padding-bottom:80%; }
.jyran2-list li .pic .zoom span { }

 
.jyran4 {  padding:5% 0 5% 0; background:#eee; background-size: cover; }
.jyran4-list { margin:1% 0; }
.jyran4-list li { width:32%; float:left; position:relative; margin:2% 2% 0 0; font-size:16px; }
.jyran4-list li:nth-of-type(3n) { margin-right:0 }
.jyran4-list li .tit { padding:7px 0; text-align:center; font-size:16px; line-height:1.4; letter-spacing:1px;background: linear-gradient(to left,#00a1e8,#0e53ce); background: #fff; }
.jyran4-list li .zoom { padding-bottom:115% }

.jyran4-tit {
    position: relative;
    padding: 10px;
    text-align: center;
    color: #fff;
    font-size: 28px;
    margin: 1% auto 3% auto;
    background-image: linear-gradient(to left, rgba(14, 83, 206, 0.1), rgba(16, 135, 206, 1), rgba(11, 76, 166, 0.99), rgba(14, 83, 206, 0.1));
}



@media screen and (max-width: 960px) {

.tyran-con { font-size:16px; }

.jyran1-pic { width:90%; float: none; margin:20px auto  }
.jyran1-pic::before { bottom:-15px; right:-15px; }
 
.jyran1-list li { font-size:14px }
.jyran1-list li b { width:50px; height:50px; line-height:50px; font-size:24px; }
.jyran1-list li h3 { font-size:20px;  }

.jyran1-text { position: relative; right: auto; top: auto; bottom:auto; width:100%; float: none; box-sizing:border-box; padding:10px; font-size:16px;  display: block}

.jyran2-box { padding:30px 0 }
.jyran2-con { width:100%; float: none; padding:4% 0; font-size:16px; }
.jyran2-list { width:100%; position: relative; left: auto; top:auto;  }

.jyran2-list li .text { padding:8px; }
.jyran2-list li .text h3 { font-size:16px; }
.jyran2-list li .text p { min-height:80px; font-size:13px; }

.jyran4 {  padding:5% 0 5% 0;  }
.jyran4-tit {
    padding: 5px;
    font-size: 18px;
}
.jyran4-list { margin:1% 0; }
.jyran4-list li { width:46%; margin:2%; font-size:13px; }
.jyran4-list li .tit { font-size:13px; min-height:38px; }
}





.tyran1 { padding:6% 0; background:#2c5ba8; background:url(../image/yanbaike2.jpg) no-repeat center; background-size: cover; letter-spacing:1px;  }
.tyran1 ul li { position:relative; float:left; width:23.5%; margin-right:2%; margin-top:3%; background:rgba(255,255,255,0.9); line-height:1.4 }
.tyran1 ul li:nth-of-type(4n) { margin-right:0 }
.tyran1 ul li h3 { font-size:20px; line-height:1.3; text-align:center }
.tyran1 ul li .txt { background:#fff; padding:10px; }
.tyran1 ul li .zoom { padding-bottom:75% }
 
.tyran2 {  padding:6% 0 6% 0; background:url(../image/keyan.jpg) no-repeat center; background-size: cover; }
.tyran2-con { position:relative; padding:15px; text-align:center; color:#fff; font-size:22px; margin:2% auto;
background-image: linear-gradient(to left, rgba(14, 83, 206, 0.1), rgba(16, 135, 206, 1), rgba(11, 76, 166, 0.99), rgba(14, 83, 206, 0.1)); }
.tyran2-box { margin:6% auto; } 
.tyran2-list { width:30%; float:left; box-sizing:border-box; padding:2% 5% 2% 3%;  font-size:18px; letter-spacing:1px; background: #00a1e8; background: linear-gradient(to left,#0e53ce,#00a1e8); color:#fff; border-radius:0 500px 500px 0;  }
.tyran2-list li { position:relative; font-size:16px; margin:30px auto; padding-left:60px; line-height:1.2 }
.tyran2-list li span { position:absolute; left:0px; top: 50%; transform: translateY(-50%);width:45px; height:45px; text-align:center; line-height:45px; font-size:24px; background:#fff; color:#0172d8; border-radius:50%; }
.tyran2-list li h3 {  font-size:24px; margin-bottom:5px }
.tyran2-list li p { -moz-opacity:0.8;opacity: 0.8;}
.tyran2-list2 { float:right; padding:2% 3% 2% 5%; background: linear-gradient(to left,#00a1e8,#0e53ce); border-radius:500px 0 0 500px;} 
.tyran2-listc { position:relative; float:left; width:30%; margin-left:5%; text-align:center; }
.tyran2-listc img { max-height:350px; } 
.tyran2-listc h2 { position: absolute; font-size:36px; color:#0172d8; top:-70px; width:100%;  } 
.tyran2-listc h3 { position:absolute; left:-30px; top: 50%; transform: translateY(-50%); width:70px; font-size:28px; letter-spacing:5px; }
.tyran2-listc h3.h3-2 { right:-30px; left:auto }
 
.tyran3 {  padding:6% 0 6% 0; background:url(../image/tyran3.jpg) no-repeat center; background-size: cover; }
.tyran3-con { margin:6% auto 0 auto; }

@media screen and (max-width: 960px) {
.tyran1 { padding:8% 0; }
.tyran1 ul li { position:relative; width:49%; margin-right:2%; margin-top:3%; }
.tyran1 ul li .txt { padding:6px; }
.tyran1 ul li h3 { font-size:13px;  }
.tyran1 ul li:nth-of-type(2n) { margin-right:0 }
 
.tyran2-con { padding:15px; font-size:16px; }
 
.tyran2-list { width:90%; float: none; padding:2% 5% 2% 8%;  font-size:14px; }
.tyran2-list li { position:relative; font-size:13px; margin:20px auto; padding-left:50px;   }
.tyran2-list li span { width:35px; height:35px; line-height:35px; font-size:18px; }
.tyran2-list li h3 {  font-size:16px; margin-bottom:5px }
.tyran2-list2 { float:right; padding:2% 3% 2% 15%; } 

.tyran2-listc { position:relative; float: none; width:60%; margin:5% auto; text-align:center; }
.tyran2-listc img { max-height:250px; } 
.tyran2-listc h2 { position: relative; font-size:24px; top: auto; margin-bottom:10px; } 
.tyran2-listc h3 { position:absolute; left:-60px; top: 50%; transform: translateY(-50%); margin-top:10px; width:50px; font-size:18px; letter-spacing:3px; }
.tyran2-listc h3.h3-2 { right:-60px; left:auto }

}




.pro-menu { position: relative; margin-bottom: 3%; padding-top:15px; background: #2c5ba8; background:url(../image/pro-menu.jpg) no-repeat center; background-size: cover;}
.pro-menu ul { text-align:center }
.pro-menu ul li { position:relative; display:inline-block; text-transform: capitalize; box-sizing:content-box; margin:0 20px; } 
.pro-menu ul li a { position:relative; display:block; padding:0px 40px; height:50px; line-height:45px; border-radius:20px 20px 0 0; font-size:18px; font-weight:bold; color:#fff; cursor:pointer }
.pro-menu ul li.hit a,.pro-menu ul li.active a { background:#e9edf0; color:#0860d2 }
.pro-menu ul li.active a::before { display: block;content: ""; width:35px; height:60px; background:#fff; position:absolute; bottom:0; left:-35px; background: url(../image/pro-menu-l.png) no-repeat right bottom; background-size:35px auto; }
.pro-menu ul li.active a::after { display: block;content: ""; width:35px; height:60px; background:#fff; position:absolute; bottom:0; right:-35px; background: url(../image/pro-menu-l.png) no-repeat right bottom; background-size:35px auto; transform:rotateY(180deg); 
-ms-transform:rotateY(180deg); 
-moz-transform:rotateY(180deg); 
-webkit-transform:rotateY(180deg); 
-o-transform:rotateY(180deg);  }


.pro-menu-pane { margin:-2% auto 3% auto }
.pro-subnav { margin:10px auto; text-align:center }

.pro-subnav .pro-subnav-sub { background:#fff; border-radius:30px; display:inline-block; }
.pro-subnav .pro-subnav-sub p { display:inline-block; margin:5px 5px; }
.pro-subnav .pro-subnav-sub p a { display:block; padding:8px 20px; border:1px solid #fff; border-radius:30px; background:#fff; font-size:14px }
.pro-subnav .pro-subnav-sub p.active a{ border:1px solid #2c5ba8; background:#2c5ba8; color:#fff }
.pro-list { padding:1% 0 }
.pro-list ul li { position:relative; width:23%; float:left; margin-right:2.666%; margin-bottom:2%; background:#fff; background-color: rgba(255,255,255,.5);  }
.pro-list ul li:nth-of-type(4n) { margin-right:0 }
.pro-list ul li .pic { position:relative; padding:10px; }
.pro-list ul li .pic .zoom { padding-bottom:75%; }
.pro-list ul li .pic .zoom span { }
.pro-list ul li .text { padding:5px 5% 20px 5%; text-align:center }
.pro-list ul li .text h3 { font-size:16px; color:#111 }
.pro-list ul li .text p { margin:5px auto; min-height:24px; }
.pro-list ul li:hover .text a { background:#2c5ba8; color:#fff }
.pro-list ul li:hover .text a.more { background:#2c5ba8; color:#fff }
.pro-list ul li .text::after { display: block;content: ""; width:0; padding:0px; height:5px; background:#2c5ba8; position:absolute; bottom:0; left:0; }
.pro-list ul li:hover .text::after { width:100%; left:0; -webkit-transition: all 300ms ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;  }
.pro-box { margin:3% auto; background:#fff; }
.pro-pic { float:left; width:50%; padding-right:4%; }
.pro-info { float: right; width:40%; padding:3%; font-size:16px; color:#666 }
.pro-info .pro-cat {}
.pro-info .pro-cat span{ display: inline-block;
    border-radius: 30px;
    padding: 6px 20px;
    font-size: 14px;
    background: #dbeaf3;
    color: #20a4f0;
	border:1px solid #20a4f0;
}
.pro-info .pro-tit { font-size:28px; color:#0860d2; margin:15px auto; }
.pro-info .pro-logo { text-align:center }
.pro-info .pro-logo img { height:60px; }
.pro-info .pro-desc { padding:20px 0; font-size:18px; line-height:2; border-top:1px solid #ccc; }
.pro-info .pro-desc p { margin:5px 0 }

.pro-info h3 { font-size:20px; color:#333; margin-bottom:5px; }
.pro-info .txt { padding:8px 15px; font-size:18px; background:#eee; color:#666; min-height:30px; margin-bottom:10px; }
.pro-info .pdf { 
    background: #00a1e8;
    background: linear-gradient(to left,#00a1e8,#0e53ce);
	color:#fff; font-size:18px; padding:3px 25px; display:inline-block; margin-top:20px;
}


.buy-num .input-group { width:142px; border-radius:20px; position:relative }
.buy-num .input-group input { display: inline-block; width:140px; border:1px solid #c0c9d8; border-radius:20px; padding:2px 0px; height: 30px; text-align:center  }
.buy-num .input-group .form-control { text-align:center; border-left:none; border-right:none; border-radius:20px!important;}
.buy-num .input-group-btn .btn { border:1px solid #c0c9d8; color:#97a8bc; font-size:20px; padding:2px 12px; height: 36px; position:absolute; left:0; top:0 }
.buy-num .input-group-btn .btn.bootstrap-touchspin-down { border-radius:20px 0 0 20px; }
.buy-num .input-group-btn .btn.bootstrap-touchspin-up { border-radius:0 20px 20px 0; left:auto; right:0 }
.pro-info .pro-btn a { display:inline-block; margin:20px auto; border-radius:30px; padding:8px 30px; border:1px solid #2c5ba8; background:#2c5ba8; font-size:17px; color:#fff }




.goods-detail {
	float:left; width:50%; position:relative;
}
.goods-detail .goods-pic-box {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	position: relative;
	text-align: center;
}
.goods-detail .goods-big-pic {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	width: 100%;
	height:auto;
	z-index: 10;
	cursor: -webkit-zoom-in;
	cursor: zoom-in;
	
}
.goods-detail .goods-big-pic a { display:block !important }
.goods-detail .goods-big-pic img {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 600px;
	height: 600px;
	width: 100%;
	height:auto;
}
.goods-detail .goods-small-pic {
	position:relative; text-align: center;
	margin-top:20px;
	display:none;
	 
}
.goods-detail .goods-small-pic li {
	display:inline-block;
	float:left; margin-right:20px;
	height: auto;
	cursor: pointer;
	zoom: 1;
	margin-bottom: 14px;
	-webkit-transition: border-color 0.4s ease-out;
	transition: border-color 0.4s ease-out;
}
.goods-detail .goods-small-pic li img {
	width:100px;
	height: 100px;
}
.goods-detail .goods-small-pic li a {
	padding: 1px;
	border: 1px solid #e2e3e3; }
.goods-detail .goods-small-pic li a.current {
	cursor: default;
	border-color: #2c5ba8;
}
.MagicZoomPup { border:1px solid #eee; background:#fff url(404.png);cursor: move; }
.MagicZoomBigImageCont { border:1px solid #ddd; margin-left:-40px !important }





.pro-contit {
    position: relative;
    padding: 10px;
    text-align: center;
    color: #fff;
    font-size: 28px;
    margin: 2% auto;
    background-image: linear-gradient(to left, rgba(14, 83, 206, 0.1), rgba(16, 135, 206, 1), rgba(11, 76, 166, 0.99), rgba(14, 83, 206, 0.1));
}
.pro-con { background:#fff; padding:20px; margin:3% 5%; }

.pro-download { padding:1% 0; font-size:16px; line-height:30px; }
.pro-download .download-list {  }
.pro-download tr th { background:#eee; padding:20px; text-align:left; font-size:16px; text-transform:uppercase }
.pro-download tr td { background:#eee; padding:15px 20px; text-align:left; border-top:15px solid #fff; text-transform:uppercase; }
.pro-download tr .down-btn { display:inline-block; width:60px; height:30px; font-size:0;  background:url(../image/icon-download.png) no-repeat center; }

.screen-result { margin:4% auto 2% auto  }
.screen-factor { display:inline-block; float:left }
.screen-factor a {display:inline-block; background: #2c5ba8; color: #fff; margin-right:5px; padding:3px 8px 3px 6px; font-size:12px; border-radius:2px; }
.screen-factor a .fa-clean { display:inline-block; vertical-align:middle; width:12px; height:12px; background:url(../image/clean.png) no-repeat center;} 
.sort-group { float:right }
.sort-group a { background: #fff; border:1px solid #adadad; padding:4px 8px; font-size:12px }
.sort-group a.active { background:#e6e6e6 }
.search-null  { color:#999; font-size:16px; }
.search-null .fa-search-null {  width:18px; height:18px; background-image:url(404.png);} 



@media screen and (max-width: 960px) {
.pro-pic { float:none; width:100%; padding-right:4%; }
.pro-info { float: none; width:90%; padding:10px 5%; font-size:14px; color:#666 }	
.pro-info .pro-logo img {
    height: 40px;
}
.pro-info .pro-tit {
    font-size: 18px;
    margin: 10px auto;
}
.pro-info h3 {
    font-size: 15px;
}
.pro-info .txt {
    padding: 7px 10px;
    font-size: 14px;
    min-height: 20px;
}
.pro-info .pdf {
    font-size: 16px;
}
.pro-contit {font-size: 18px;}
.goods-detail {
	float: none; width:100%; position:relative;
}
.pro-con {
    background: #fff;
    padding: 10px;
    margin: 4% 0;
}
}