/* CSS Document 2021-03-30 */
html {  font-family: sans-serif;  -webkit-text-size-adjust: 100%;      -ms-text-size-adjust: 100%;}
body, div, h1, h2, h3, h4, h5, h5, p, ul, ol, li, dl, dt, dd { margin: 0; padding: 0; font-weight:normal;}
ul, ol { list-style-type: none;}em { font-style: normal}

body {color:#fff;}
input,textarea { font: 16px "Microsoft Yahei",Arial,Helvetica,sans-serif;line-height:36px; border:none;outline:none;}

a { color: #333; text-decoration: none;cursor: pointer;}
a:hover { color: #2751a7;}

body, div{ line-height:26px; font-size: 16px}

/*********common area*************/
.g-c-area {margin:0px auto; position: relative}
.fl-left {float:left}
.fl-right {float:right}
.txt-c {text-align: center}
/**clear**/
.clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;overflow:hidden;}
.clearfix{zoom:1;}

/*
*,
*:before,
*:after {  -webkit-box-sizing: border-box;   -moz-box-sizing: border-box;      box-sizing: border-box;}

/*******************/
.w1200 {width:98%;margin:0 auto;border:0px solid #ccc}
.mb30 {margin-bottom: 30px}
.sp10 {font-size:1px;display:block; clear:both;overflow:hidden;height:10px;}

.gray {color:#aaaaaa}
/*******list*******/
.cm-ul-list {}
.cm-ul-list li { line-height: 34px;height:34px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;transition:all 0.2s linear; -webkit-transition:all 0.2s linear}
.cm-ul-list li a {margin-left:5px}

.cm-pic-list {}
.cm-pic-list li{float:left;margin-right:3.2%;width:30%; margin-bottom:20px;}
.cm-pic-list  img {width:100%;height:100%}
.cm-pic-list  p { overflow: hidden;text-overflow:ellipsis;white-space: nowrap; text-align: center}
.cm-pic-list li a { margin:10px 0 6px}

.cm-picrw-list {} 
.cm-picrw-list li {margin-bottom: 20px; position: relative;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;} 
.cm-picrw-list li>a {  display: block; position: relative; margin-right:20px} 
.cm-picrw-list li>a img { width: 175px; height: 115px; display: block; position: absolute;top:0px;left:0px; z-index: 20 } 
.cm-picrw-list li p {margin-left:190px } 
.cm-picrw-list li a p, 
.cm-picrw-list li p { height: 115px; line-height: 29px;border-bottom: 1px solid #e9e9e9;overflow: hidden; }

.img-overw {position: relative;line-height: 0px; display: inline-block}
.img-overw img {width:100%;height:100%}
.img-overw p {position: absolute;  width: 100%; height: 50px;line-height: 58px; bottom: 0px; color: #fff;  
	padding: 0 8px;	background: -webkit-linear-gradient(bottom, rgba(0,0,0,1), rgba(0,0,0,0));     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);
    box-sizing: border-box;    overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap; transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}

.pagenumb {padding:10px 0; text-align: center}
.pagenumb a {margin:0 10px; display: inline-block;width:12px;height:18px}
.pagenumb a img {width:100%;height:100%}
.pagenumb em {width:7px;height:7px; border-radius: 4px; background: #fff; display: inline-block;margin:5px 6px}
.pagenumb em.on {background: #fde47b}

.videobox {} 
.videobox li {position: relative}
 .videobox li a img { width: 100%;  height: 100%; } 
 .videobox li>a:before, .videobox a:before {
     content: '';  display: block;  width: 60px;  height: 60px;
     background: url("../images/i-play.png") no-repeat;
     background-size: 100%;   border-radius: 50%;
     position: absolute;
     left: 50%; top: 50%;  z-index: 10;margin-left:-30px;margin-top:-30px;
 }

.list-2col li {float:left;width:47%;margin-right:3%;}
.list-4col li {float:left;width:25%}
.list-5col li {float:left;width:20%}

/*****/
.mobileh5-box { position: relative;}
.mg-box-arrow-left {position: absolute;top:220px;left:0; z-index: 20; display: inline-block;width:30px ;background:transparent url("../images/roll-arrowleft.png") no-repeat scroll center 0 ; height:60px;}
.mg-box-arrow-right {position: absolute;top:220px;right:0; z-index: 20;display: inline-block; width:30px;background:transparent url("../images/roll-arrowright.png") no-repeat scroll center 0 ;height:60px;}
.mg-box-arrow-right:hover {background:transparent url("../images/roll-arrowright-o.png") no-repeat scroll center 0 ;}
.mg-box-arrow-left:hover {background:transparent url("../images/roll-arrowleft-o.png") no-repeat scroll center 0 ;}
.mg-box-cont {margin:0px 40px}
.cm-pic-list .mg-box-cont  li {width:30%;margin:0 1.6%}
.mobileh5-box li a{width:295px;height:535px;background:transparent url("../images/mobileh5-bg.png") no-repeat scroll center 0 ;
	display: block;margin:0px auto; text-align: center}
.mobileh5-box li a img {width:250px;height:400px;margin:50px auto 0;}
/****form****/
.formbox {}
.form-inp {background-color:#efefef; border:0px;outline:none;padding:5px 10px}
.formbox input.inpcheck {margin-right:8px; vertical-align:middle; display:inline-block}

/******* copyright  *****/
.footcopyright { padding:50px 0 40px;text-align:center; color:#999;font-size: 14px;}
.footcopyright p {line-height: 26px}

/*********common end***********/

/* 分享 */
.fx_new{float:left; text-align:left;}
.bshare-custom a:link {color:#fff;}
.bshare-custom a:visited {color: #fff;}
.bshare-custom a:hover {color: #fff;}
.bais{color:#fff;}
.bshare-custom #bshare-shareto {color: #fff !important;}
.fx_bot {bottom:0;}



/*背景*/
/*.sc_top{ background: url("../images/top.jpg") no-repeat top;height:720px; background-size: cover}
@media screen and (max-width:1920px) { 
}*/

/*body {background: #fff}*/
.fl_left {float:left}
.fl_right {float:right}

.rollleft ,.rollright {margin:0 5px}
.cm-pic-list {width:103.5%}
.cm-ul-list li a{ background:url("../images/dot.png") no-repeat 0 center;padding-left:12px;background-size:10px 10px}
.cm-ul-list li:hover {background: #e7f2fb}

.w1200 {width:1240px}

/**2020.7.17**/
.purple{color:#ffb05c;font-style:italic;font-weight: bold;margin-bottom:22px;display: inline-block}
a.sc_2_tx {padding:6px 12px;background: #21a6f9;color:#fff;margin:0 18px 10px 0;font-size: 16px;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
a.sc_2_tx:hover {background: #543db8}


@media screen and (max-width:1920px) { 
	.w1200 {width:1400px}
}

/*** all ****/
.section {  position:relative ;width:100%}
.section .bg-img { 
position: absolute;
	width: 100%;	height: 100%;	left: 0;	top: 0;	z-index: 1;
	-webkit-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

/*栏目*/
.sc-title-bgw {height:115px; text-align: center; }
.sc-title2 {background: url("../images/bar1.png") no-repeat center 0; }
.sc-title3 {background: url("../images/bar3.png") no-repeat center 0; }
.sc-title4 {background: url("../images/bar4.png") no-repeat center 0;}
.sc-title5 {background: url("../images/bar5.png") no-repeat center 0;}
.sc-title6 {background: url("../images/bar6.png") no-repeat center 0;}
.sc-title7 {background: url("../images/bar7.png") no-repeat center 0;}
.sc-title9 {background: url("../images/bar9.png") no-repeat center 0;}

.sc_1 {background: url("../images/bg.jpg") no-repeat center 0; background-size: cover}
/*.sc5 .bg-img { background-image: url(../images/bg-s5.jpg) }*/
.red {color:#D71114}
.btn {border-radius: 20px; text-align: center; display: inline-block}
.btn_buy {background: #ffdb33;}a.btn_buy {color:#08124b;font-weight: bold;}
/******* 底部 *****/

.footer{width:100%;background: url("../images/lybg.jpg") 0 0 repeat;}
.copyright{	width:100%;padding:30px 0 30px 0;}
.copyright p{font-size:12px;	color:#a4bcf3;text-align: center;}

/******/
.bodypage {background-color: #02184a; transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.heardnav{position: fixed; z-index: 100;background:rgba(0,0,0,0);width:100%;height:96px}
.heardarea {position: relative;padding-top:0px;}
.topnavlogo {background: url("../images/navlogo.png") no-repeat 10px 0;width:220px;height:65px; position:absolute;left:5px;top:30px;}


/*导航*/
.nav {line-height: 96px;text-align: center; width:80%;margin:0px auto;}
.nav li{ display: inline-block; line-height:96px   ;    text-align: center; }
.nav li a {padding:0 8px ;color:#fff;font-size: 18px;height:96px }
.nav li:hover a{background: #020e2b;display: block;}

.nav-link {line-height: 96px; margin:0px auto;text-align: center;padding-right:200px;float: right}
.nav-link li { float:left;line-height:96px;cursor:pointer;position: relative;height:96px; text-align: center}
.nav-link li a{position:relative;font-size:16px;color:#ecf2f7;height:90px;display: inline-block;padding:0 20px ;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.nav-link li a:after{position:absolute;left:0;bottom:-4px;content:"";width:100%;height:3px;background:#54b977;-webkit-transition:all .2s cubic-bezier(.4,0,.2,1);transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-transform:scale(0,1);transform:scale(0,1)}
.nav-link li:hover a:after{-webkit-transform:scale(1,1);transform:scale(1,1)}
.nav-link li:hover a{background: #020e2b;display: block;}

.heardarea .btn_buy {width:100px;height:40px;position: absolute;top:30px;right:75px; z-index: 20;line-height: 40px}


.heardarea .lang {height:30px; overflow: hidden;position: absolute;top:30px;right:5px; z-index: 20;line-height: 28px; text-align: center}
.heardarea .lang a { display: block;padding:5px 15px;color:#fff}
.heardarea .lang:hover {background: #02184a;height:75px;}
.heardarea .lang a:hover {background: #153387;}

.sc_1{}
.sc_1_bd {height:680px;position: relative}
.sc_1_dog{ text-align: center;padding-top:140px;}
.sc_1_col{padding:10px; text-align: center}
.sc_1_bd .btn {border:1px solid #ffdb33;padding:0px 20px;display: inline-block;margin: 20px 10px;width:200px;height:48px;border-radius: 30px} 
.sc_1_bd a.btn {color:#ffdb33;font-weight: bold;font-weight: normal;font-size: 22px;line-height: 48px}
.sc_1_bd .btn em {background:url("../images/i-play.png") no-repeat 0px 0;display: inline-block;width:22px;margin:0 10px; height:22px;background-size: 100% 100%}
.sc_1_bd a.sc-1-btn2 {width:260px;}
.sc_1_bd a.btn_buy {color:#000}

.blue {color: #21a6f9}

.msgarea {margin-bottom:60px;}
.sc_msg_box {width:22%;margin:10px 1.5%;height:120px;color:#fff; background-color:rgba(0,0,0,0.8);position: relative;float: left}
.sc_msg_box em {display: inline-block;position: absolute;top:38px;left:20px;z-index: 20;width:50px;height:80px;}
.sc_msgb_1 {background:url("../images/i-xiaohui.png") no-repeat 0px 0;}
.sc_msgb_2 {background:url("../images/i-addr.png") no-repeat 0px 0;}
.sc_msgb_3 {background:url("../images/i-bi.png") no-repeat 0px 0;}
.sc_msgb_4 {background:url("../images/i-round.png") no-repeat 0px 0;}
.sc_msg_box a {color:#fff}
.sc_msg_box .w {padding:20px 0 0 80px ;}
.sc_msg_box h4 {color:#ffdb33; font-size: 30px; font-weight: bold;line-height: 50px;}

.videoarea {width:940px; position: absolute; top:100px;left:50%;margin-left:-470px; z-index: 20;background: #fff;padding:12px; line-height: 0px; transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
#video-close {width:90%; position: absolute;bottom:10px; text-align: center; text-align: right; z-index: 20}
#videoPlay2 {display: none}

.sc_2 {background: url("../images/sc2bg.png") no-repeat right center;min-height:680px;width:100%;margin:0 auto}
@media screen and (max-width:1920px) { 
.sc_2 {width:1400px;}
}
.sc_2_cont {padding: 80px 20px 0 50px;width:660px;}
.sc_2_cont p {padding:60px 0 0;font-size: 18px; line-height: 40px}
.sc_2_cont2 {padding: 20px 20px 80px 50px;width:88%;}
/***************/
.sc_3 {background:#020e2b url("../images/sc3_bg.jpg") no-repeat center 0;padding:90px 0 120px;}
.sc_3_cont {padding-top:40px}
.sc3_msgb {float: left;width:30%;margin:20px 1.5%;background: #000;height:260px;padding:26px 0 0;}
.sc3_msgb span.icon {width:80px;margin:00px auto 10px;display: block}
.sc3_msgb h4 {font-size: 24px;color:#4e8bcc; text-align: center; line-height:30px;margin-bottom:20px;}
.sc3_msgb p {padding:0 40px;margin:0 auto}
px
.sc_4 {background:url("../images/sc4bg.jpg") no-repeat right 0;padding:70px 0 00px;}
.sc_4_cont {position: relative;padding:50px 0;height:730px;width:95%}
.sc4-w1 {width:44%; line-height: 36px;z-index: 10;font-size: 18px;position: absolute;left: 20px;text-indent:40px}
.sc4-w2 {width:46%; line-height: 36px;;float: right;padding-top:200px;font-size: 18px;position: relative;z-index: 10;text-indent:40px}
.sc4_pic {position: absolute;bottom:0px;left:-30px;z-index: 2;line-height: 0}

.sc_5 {background:url("../images/sc5bg.jpg") no-repeat 0px 0;padding:70px 0 50px;background-size: cover}
.sc_5_cont {padding:30px 0 50px}
.sc5_msgb {float: left;width:20%;margin:20px 2.5%;background: #fff;height:80px;padding:25px 0 0; text-align: center;color:#333}
.sc5_col {padding:20px 0}

.sc_6 {padding:70px 0 50px;background: #11287b;}
.sc_6 .sc_6_cont {width:980px;background:url("../images/sc6pic.png") no-repeat 0px 0;padding-left:460px;margin:0 auto;height:500px}

.list-aq {width:100%;padding-top:50px}
.list-aq li {margin:10px 0;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.list-a {display: block;height:35px;background: #fff;padding:5px 20px; line-height: 40px; font-size: 18px;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
a.list-a{color:#000;} 
.list-aq li:hover a.list-a {font-weight: bold}
.list-q {margin-top:8px;background: #263b87;padding:30px 30px; display: none;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.list-aq li:hover .list-a{height:50px;line-height: 50px;}
.list-aq li:hover .list-q {display: block;height:auto;}

.sc_7 {padding:70px 0 50px;background: #19379e;}
.sc_7 .sc_7_cont {width:900px;background:url("../images/dog7pic.png") no-repeat right bottom;padding-right:460px;margin:0 auto;min-height:400px}
.sc_7_cont p {padding:30px 0px 0 50px;font-size: 16px; line-height: 32px}
a.btn_online {background: #21a6f9; height:44px;border-radius: 37px; font-size: 18px; line-height: 44px;width:160px;color:#fff;margin:20px 0}


.sc_7_cont .yel {font-size: 20px; font-weight: bold; color:#FEE52B}
.sc_8 {padding:70px 0 50px;}
.sc_8 .w1200 {font-size:40px; text-align: center; line-height: 80px}
.sc_8 .w1200 span {padding-right:30px; font-style:italic}
.sc_8 .btn_buy {height:74px;border-radius: 37px; font-size: 30px; line-height: 74px;width:200px;}

.sq {padding:20px 0px 0 50px;font-size: 14px;line-height: 30px}
.sq .yel {margin-bottom: 10px}
.qunlist {}
.qunlist li {float:left;margin-right:1%;width:19%}

/**** 2022.5.11 ****/
.purple2{color:#ffb05c;font-style:italic;font-weight: bold;display: inline-block}
.sc_9 {background:url("../images/sc9bg.jpg") no-repeat 0px 0;padding:70px 0 50px;background-size: cover}
.sc_9 .sc_9_cont {width:850px;background:url("../images/dog9pic.png") no-repeat right bottom;padding-right:300px;margin:0 auto;height:500px}
.sc_9_cont p {padding:30px 0px 0 50px;font-size: 16px; line-height: 32px}
a.btn_online {background: #21a6f9; height:44px;border-radius: 37px; font-size: 18px; line-height: 44px;width:160px;color:#fff;margin:20px 0}
.sc9_col {padding:20px 0;color:#6a8ecc;font-size:20px;font-weight: bold}
 .yel {font-size: 20px; font-weight: bold; color:#FEE52B}
.sc_9_cont .yelm {font-family: Georgia ;font-size: 24px; font-weight: 200; color:#FEE52B;margin-right:10px;}
.mt30 {margin-top:30px; display: inline-block}
/****/

@media screen and (max-width:1440px) { 
	.w1200 {width:1200px}
}

@media screen and (max-width:1200px) { 
	.w1200 {width:1000px}
	.nav-link{padding-right:130px;}
	.nav-link li a {padding:0 10px;}
	.sc_msg_box h4 {font-size:22px;line-height: 40px;}
	.videoarea {width:840px; top:100px;left:50%;margin-left:-420px;}
}
@media screen and (max-width:800px) { 
	.w1200 {width:100%}
	.sc_9 .sc_9_cont {width:90%;margin:0 auto}
	.sc_8 .w1200 {font-size: 20px;line-height: 55px}
	.sc_8 {padding:40px 0;}
	.sc_8 .w1200 span {display: block;padding-right:0;}
	.sc_8 .btn_buy {height:55px;font-size: 22px ;line-height: 55px}
	.sc_7 .sc_7_cont {width:88%;background:url("../images/dog7pic.png") no-repeat center bottom;height:auto;background-size:90% auto;padding-right:00px;margin:0 auto ;padding-bottom:180px}
	.sc_7_cont p,.sq  {padding:20px 0; line-height: 30px}
	.qunlist li {float:left;margin:0 1%;width:48%; text-align: center}
	
	a.btn_online {margin:20px auto; display: block}
	.sc_6 .sc_6_cont {width:88%;padding-left:0px;background:url("../images/sc6pic.png") no-repeat center bottom;height:500px;background-size:80% auto}

	.list-a {height:28px}
	.list-aq li a{overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap; }
	
	.sc_5_cont {padding:10px 20px}
	.sc5_msgb {height:auto;padding:10px 0px 3px;width:26%;margin:0 2.7% 15px;}
	.sc5_msgb img {width:90%;}
	.sc_4_cont{padding-bottom:280px;margin:0 auto;width:90%;padding-top:10px}
	.sc4_pic img{width:100%}
	.sc4-w1 ,.sc4-w2{width:90%;margin:0 auto;position: relative;float: none;padding-top:20px;left: 0}
	.sc_3 {padding:40px 0 40px;}
	.sc_3_cont {padding:20px;}
	.sc3_msgb {float: left;width:45%;margin:20px 2.5%;height:260px;padding-bottom: 0px}
	.sc_2 {background: url("../images/sc2bg.png") no-repeat center 60px;height:auto;width:100%;}
	.sc_2 {height:auto}
	.sc_2_cont {width:88%;margin:0px auto;padding:40px 0 20px}
	.sc_2_cont p {padding:290px 0 00px;}
	.sc_2_cont2 {margin:0px auto;padding:10px 0 60px;}
	
	.msgarea{width:90%;margin:0 auto}
	.sc_msg_box {width:45%;margin:10px 2.5%;height:100px;}
	.sc_msg_box h4{font-size: 23px}
	/****/

.sc_msg_box em {top:50%;left:50%;z-index: 20;width:100px;height:80px;margin-top:-40px;margin-left:-50px;background-size:50% auto;background-position: center center; filter:alpha(Opacity=15);-moz-opacity:0.15;opacity: 0.15}
	.sc_msg_box .w {padding:20px 0 0 13px ;}
	/***/
	.nav,.nav-link {display: none}
	
	.heardarea .btn_buy{right:60px}
	.heardarea .lang {top:12px;right:0px}
	.sc_3 {padding-top:50px}
	.sc3_msgb p {padding:0 12px;}
	.sc3_msgb span.icon {width:60px; text-align: center;margin-bottom:0px;}.sc3_msgb span.icon img {width:100%}
	.sc_1_bd {height:520px}
	.sc_1_dog {width:50%; margin:0 auto;padding-top:120px;}.sc_1_dog img {width:100%}
	
	.sc-title-bgw {height:75px; }
	
	.sc-title2 ,.sc-title3,.sc-title4,.sc-title5,.sc-title6,.sc-title7 {background-size:220px auto}
	
	
	.topnavlogo {background-size:80% auto}
	.heardarea .btn_buy {width:80px;height:30px; line-height: 30px;font-size: 14px;}

	.videoarea {width:100%; top:100px;left:50%;margin-left:-50%;padding:12px 0;}
	#video-close {width:90%; position: absolute;bottom:80px; text-align: center; z-index: 20}
	/***** font***/
	body,div, .sc_2_cont p ,.sc_2_cont2 ,.sc4-w1, .sc4-w2,.list-a
	{font-size: 15px;line-height: 28px}
	.sc3_msgb h4 {font-size: 18px;margin-bottom: 10px}
	a.sc_2_tx {float:left;padding-top:3px;padding-bottom:3px;font-size:14px}
	
}