/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px; color:#666;/*font-family:'Microsoft YaHei';*/}
a{color:#666;}
a:hover{ color:#f60; /*text-decoration:underline;*/}
p {
    line-height: 1.8em;
    padding: 5px 0;
    font-size: 21px;
}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ max-width:1200px !important; margin:0 auto;}



.header-bg{ background:#fff; width:100%;}
.header{ display: flex;  align-items: center;justify-content: space-between; height:90px; padding:0 30px; box-sizing:border-box;}
.logo{ width:30%; display:block; height:90px;}
.logo a{ width:100%; height:100%; display: flex;  align-items: center;}
.logo a img{ max-width:100%; max-height:100%;}
.header02{ display: flex;  align-items: center;}
/*menu*/
.menu{height: 90px;line-height: 90px;}
.menu ul li{float:left;position:relative;/* border-right:#666 solid 1px; *//* width:120px; */padding: 0 2vw;}
    .menu ul li dl {
        background: #fff;
        width: 100%;
        position: absolute;
        left: 0px;
        top: 90px;
        box-shadow: 2px 2px 5px rgba(0,0,0,0.2); /* padding:10px 0; */
        display: none;
        z-index: 999;
        width: 200px;
    }
.menu ul li dl dd{line-height: 60px;/* border-bottom:#ddd dotted 1px; *//* margin:0 10px; *//* padding: 0 8%; */ position:relative;}
.menu ul li dl dd a{font-size: 15px;color:#666;font-weight:normal;display: block;padding: 0 10%;text-align:left;}
.menu ul li>dl>dd>a:hover{color: #fff;background:url(../images/ye.png) right 10px center no-repeat #1383cb; background-size:20px;}
.menu a{ font-size:19px;color:#000000; text-decoration:none; font-weight:normal;display:block;text-align:center;}
.menu span>a:hover{/*border-bottom:2px solid #0a66a1;*/}
.menu span>a{ position:relative}
.menu span>a:before {content: ""; position:absolute; bottom:21%; width:100%; background:#0a66a1; height:2px; display:none;}
.menu span>a.menu_hover{ /*border-bottom:2px solid #0a66a1*/}
/*.menu_down span{ display:block;background:url(../images/menu_down.gif) right 10px center no-repeat;}*/
.menu ul li.on span a:before { display:block}
.menu ul li span a:hover:before { display:block}
.menu ul li>dl>dd>dl{ position:absolute; top:0; left:100%; background:#e6eff6}
.menu ul li>dl>dd>dl>dd{ line-height:40px !important;}
.menu ul li>dl>dd>dl>dd a{ color:#000; font-size:15px;}
.menu ul li>dl>dd>dl>dd a:hover{ color:#0a66a1}


.sous{ width:136px; height:33px; background:#e6eff5; border-radius:5px; display: flex; align-items: center;justify-content: space-between; border:1px solid #84b2d0;}
.sous .input_text{ width:calc(100% - 33px);outline:none; color:#000; background:none; line-height:33px;text-indent: 10px;}
.sous .input_text::-webkit-input-placeholder{ color:#000;}
.sous a{ width:33px; height:33px;  display: flex; justify-content: center;  align-items: center;}
.sous a img{ max-width:100%; max-height:100%;}


.banner{ width:100%}
.banner img{ width:100%; vertical-align:bottom}
.banner video{ width:100%; vertical-align:bottom}


.cent01{background:#fff;box-shadow: 0px 0px 15px #ccc;border-radius:30px;padding: 20px 0;margin-top:-4%;position:relative;z-index:2}
.cent01 ul{text-align:center;position: relative;z-index: 2;}
.cent01 ul li{display:inline-block;margin:0 5%;z-index: 999;}
.cent01 ul li a{ display:inline-flex;justify-content: center;  align-items: center; flex-direction: column;}
.cent01 ul li a img{ max-width:90px;}
.cent01 ul li a span{ font-size:20px; color:#000; display:block; margin-top:2px;}
.cent01:before {content: "";position:absolute;top: 36%;left:0;width:100%;height: 23px;border-radius:50%;background:url(../images/tu13.png) center no-repeat;z-index: 1;pointer-events: none;}


.title{}
.title h2{
 background-image: -webkit-linear-gradient(top,#8bbf42,#1c7ab7);
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
 font-size:53px;
 line-height:1;
 position: relative;
 z-index: 2;
 }
.title span{font-size: 40px;color:#e7eefa;text-transform: uppercase;line-height:1;margin-top: -20px;display: block;}



.cent02{ margin-top:4%; position:relative;}
.cent02 .title{
    margin-left: 3%;
}
.cent02-l{  width:62%; z-index:9; position:absolute; bottom:0; left:0;}
.cent02-r{ position:relative; z-index:2; width:47%; display:block; float:right;}
.cent02-r img{ width:100%; vertical-align:bottom;}
.cent0201{background:#1383cc;color:#fff;box-sizing: border-box;padding: 0% 7%;margin-top: 4%;min-height: 63vh;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.cent0201>p{padding:0;font-size:16px;line-height:1.5;text-indent: 35px;}
@media only screen and (min-width: 900px) {
    .cent0201 > p {
        font-size: 20px;
        line-height: 2em !important;
    }
}

.title2{ text-align:center;}
.title2 h2{
 background-image: -webkit-linear-gradient(top,#8bbf42,#1c7ab7);
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
 font-size:36px;
 line-height:1;
 position: relative;
 z-index: 2;
 }
.title2 span{font-size: 40px;color:#e7eefa;text-transform: uppercase;line-height:1;margin-top: -20px;display: block;}
    .title2 p {
        width: 34px;
        height: 4px;
        background: #1c73da;
        padding: 0;
        margin: 0 auto;
        margin-top: 27px;
    }


.cent03-bg{position:relative;margin-top: 3%;}
.cent03-bg>img{ width:100%; vertical-align:bottom;}
.cent03{/*position:absolute;*/top: 4%;left:50%;/*transform: translate(-50%, 0);*/}
.cent03>span{ color:#717171; font-size:18px; display:block; text-align:left; margin-top:4%;text-indent:35px}
.cent03>strong{color:#1c73da;font-size:22px;display:block;text-align:center;margin-top: 4%;}



.cent04{ margin-top:2%}
.cent04>img{ margin-top:4%; width:100%;}

.cent05-bg{ background:#f8f8f8; padding:4% 0; margin-top:4%}
.cent05{}
.cent05 ul li{ float:left; display:block; width:calc((100% - 30px)/4); margin-right:10px; margin-top:4%}
.cent05 ul li:nth-child(4n) {
    margin-right: 0% ;
}
.cent05 ul li .guahize{background:#1383cc;color:#fff;padding: 0% 10% 0% 10%;min-height: 442px;box-sizing: border-box;display: flex;justify-content: center;align-items: center;flex-direction: column;} 
.cent05 ul li .guahize span{display:block;font-size: 17px;text-indent: 35px;line-height:1.5;}
.cent05 ul li .guahize>a{ font-size:18px; display:block; width:142px; height:48px; border-radius:30px; border:1px solid #fff; color:#fff; line-height:48px; text-align:center;  display:block; margin:40px auto 0}
.cent05 ul li>a{border:1px solid #a6a6a6;display:block;position:relative;padding: 8px 10px 26px 10px;box-sizing:border-box;cursor:pointer; transition: all 0.5s;}
    .cent05 ul li > a:hover {
        border: 2px solid #1383cc;
        display: block;
        position: relative;
        padding: 8px 10px 26px 10px;
        box-sizing: border-box;
        cursor: pointer;
        transition: all 0.5s;
    }
.cent05 ul li>a:before {content: ""; position:absolute; bottom:0; width:36px; height:36px; background:url(../images/tu9.png) center no-repeat; right:0;}
    .cent05 ul li > a .img {
        width: 100%;
        position: relative;
        background: linear-gradient(to top, #1383cc 21%, #fff 37%);
    }
        .cent05 ul li > a .img img {
            width: 100%;
            vertical-align: bottom;
           
        }
.cent05 ul li>a .img span{ color:#fff; font-size:23px; display:block; line-height:1.5; position:absolute; bottom:0; left:0; width:100%; box-sizing:border-box; padding:11px 15px;}
.cent05 ul li>a .img span:after {content: ""; width:28px; height:4px; background:#fff; padding:0; display:block; margin-top:10px}
.cent05 ul li>a strong{font-size:16px;color:#000;display:block;text-align:center;font-weight:normal;border-top:1px solid #a6a6a6;margin-top:10px;padding-top: 9px;}
.cent05 ul li:hover a{ transform: scale(1.05);}

.footer-bg{ background:#1383cc; color:#fff;}
.footer-bg a{color:#fff;}

.footer01{ border-bottom:1px solid #5aa8db;}
.footer01>div{display: flex;align-items: center;justify-content: space-between;height:129px;box-sizing:border-box;padding: 0 3%;}
.logo01{ width:32%;}
.logo01 a{ width:100%; height:129px; display: flex;align-items: center;}
.logo01 a img{ max-width:100%; max-height:100%;}
.footer01 .img01{}
.footer01 .img01 img{ max-width:100%; max-height:100%;}

.footer02{ margin-top:1%; padding:0 3%; box-sizing:border-box;}
.footer02-l{ float:left; display:block; width:49%; box-sizing:border-box;}
.footer02-l dl{ display: flex;  align-items: flex-start;justify-content: space-between;}
.footer02-l dl dd{}
.footer02-l dl dd h2{ font-size:20px; font-weight:normal;}
.footer02-l dl dd ul li{ font-size:16px; margin-top:17px; display:block;}
.footer02-r{ float:right; display:block; width:49%}
.footer0201{float:left;display:block;width: 51%;text-align: right;}
.footer0202{float:right;width: 47%;display: flex;align-items: baseline;justify-content: flex-end;} 
.footer0202 .img{text-align:center;margin-left: 20px;}
.footer0202 .img img{ width:100%; display:block;  vertical-align:bottom}
.footer0202 .img span{ display:block; font-size:16px; margin-top:4px}

.footer0201 em{ display:block; font-size:37px; font-weight:bold;}
.footer0201 ul li{display: flex;align-items: baseline;justify-content: flex-end; margin-top:20px}
    .footer0201 ul li i {
        font-style: normal;
        font-size: 16px;
        width: 100%;
        text-align: right;
    }

.footer0201 ul li .img{ display: flex; justify-content: center;  align-items: center;flex-direction: column; margin-left:15px}
    .footer0201 ul li .img img {
        width: 35px;
        padding: 5px;
    }
.footer0201 ul li .img span{ font-size:16px;}

.footer03{ text-align:center; padding:3% 0}
.footer03 span{ font-size:16px; opacity:0.8;}


.top{ display:none}
.sp_header{ display:none}
.sjj_nav{ display:none}

.banne{ text-align:center;}
.banne img{ width:100%; vertical-align:bottom;}

.inside_con{ padding:10px 0; min-height:300px;}
.inside_con img{ max-width:100%;}


.cent06 ul li{width:calc(100%/6); float:left; text-align:center;}
.cent06 ul li a{display: flex;align-items: center;color:#fff;height:80px;width:100%;box-sizing:border-box;padding: 0 0%;font-size: 18px;justify-content: center;}


.title03{ border-bottom:2px solid #2781b6; padding-bottom:20px;}
.title03 h2{ background-image: -webkit-linear-gradient(top,#8bbf42,#1c7ab7);
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
 font-size:32px;
 line-height:1;
 position: relative;
 z-index: 2;
 }
.title03 span{ display:block; font-size:42px; color:#000;
}


.cent07-bg{ background:#f6f6f6; padding-bottom:4%;}
.weizhi {
    height: 66px;
    line-height: 40px;
    background: url(../images/title03.png) no-repeat;
    font-size: 16px;
    margin-top: 0px;
    padding-top: 15px;
}
.weizhi a{ color:#000}
.weizhi span{ color:#2781b6;}

.cent08{ background:#fff;box-shadow: 0px 0px 15px #ccc; box-sizing:border-box; padding:2% 4%; }





.cent09{}
.cent09 ul li{ float:left; display:block;width:calc((100% - 4%)/3); background:#fff; margin-right:2%; margin-top:2%;  padding:2% 2%; box-sizing:border-box;}
    .cent09 ul li:hover {
        box-shadow: 0px 0px 15px #ccc;
    }
.cent09 ul li:nth-child(3n) {
    margin-right: 0% ;
}
.cent09 ul li a{ display:block; text-align:center;}
.cent09 ul li h2{ color:#000; font-size:32px; font-weight:normal;}
.cent09 ul li .img{ width:100%; height:200px;  display: flex; justify-content: center;  align-items: center;}
.cent09 ul li .img img{ max-width:100%; max-height:100%;}
    .cent09 ul li span {
        display: block;
        font-size: 18px;
        text-align: left;
        line-height: 1.5;
        text-indent: 35px;
        height: 16em;
    }
    .cent09 ul li a:hover {
        color: #666;
    }

        .cent09 ul li span p {
            text-indent: 2em;
        }

.cent10-bg{ background:#1383cc}
.cent10 a{ color:#fff; font-size:14px; line-height:30px; margin:0 10px; display:inline-block;}
.cent10 a.on{ color:#000;}
.cent10 a:hover{ color:#000;}

.cent11{ margin:2% auto;}
    .cent11 h2 {
        font-size: 58px;
        color: #000;
        display: block;
        font-family: 宋体;
        font-weight: 600;
    }
.cent11 em{ font-style:normal; font-size:16px;}

.spm table { border:1px solid #ccc; border-top:none; border-left:none; margin-top:10px}
.spm table tr td{ border-left:1px solid #9e9e9f; border-top:1px solid #9e9e9f; font-size:16px; color:#000; text-align:center; padding:40px 0; text-align:center;}
.spm table tr th{ border-left:1px solid #fff; border-top:1px solid #fff; font-size:27px; background:#206cad; font-size:18px; color:#fff; font-weight:normal; padding:18px;}
.tex{ background:#e0f0f8}


.cent12{ margin:2% auto 20%;}
.cent12 .maps{ width:48%; float:left; display:block;}
.cent12 .maps img{ width:100%; vertical-align:bottom;}
.cent12 .cent12-l{ width:48%;float:right; display:block;}
.cent12 .cent12-l h2{ font-size:29px; font-weight:normal; color:#000; display:block;}
.cent12 .cent12-l ul li{ display: flex;  align-items: center; font-size:16px; color:#999999; margin-top:25px}
    .cent12 .cent12-l ul li img {
        width: 30px;
        padding: 4px;
        margin-right: 15px;
    }

/*.spm table{table-layout: fixed;}
*/
.yema{ display: flex;  align-items: center;justify-content: space-between;}
.yema a{display: flex;align-items: center;flex-wrap: wrap;color:#333;border:1px solid #ccc;border-radius:5px;padding:10px;font-size: 14px;}
.yema a em{font-size:14px;margin-left: 10px;}


.tiza {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 25px 0;
}
.tizhu img{ width:24px}
.tizhu{ display: flex;  align-items: center; font-size:14px; color:#1383cc}
.tiza01{display: flex;align-items: center;justify-content: center;/* margin:0 5px; */}
.texe01 em{margin-right: 1.5vw;}
.tiza01 a{
    font-size: 14px;
    color: #000;
}
.texe0{display: flex;align-items: center;margin: 0 5px;}
.texe01{display: flex;align-items: center;margin: 0 5px;}
.jint{ border:1px solid #1383cc; border-radius:5px; display: flex; justify-content: center;  align-items: center; height:30px; padding:0 10px}
.jint img{width: 21px;}
.texe0 .jint{ background:#1383cc; color:#fff;}
.texe0 em{margin-left: 1.5vw;}

.duox{font-size: 14px;color:#333;}
.duox em{font-style:normal;font-size: 14px;color:#333;}
.duox .input_text{width:30px;height: 24px;font-size:14px;border-radius:5px;border:1px solid #1383cc;outline:none;text-align:center;line-height: 24px;}
.duox .input_text::-webkit-input-placeholder{ color:#ccc;}


@media only screen and (max-width: 980px) {
	
.sp_header{height:50px;overflow:hidden;background:#fff;position:fixed;z-index:10;width:100%; display:block;}
.sp_logo{padding:10px;float:left;height:50px}
.sp_logo img{margin:auto;max-height:30px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background:#1383cc;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:99;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s; display:block;}
.nav_show{top:50px}
/*.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}*/
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#1383cc}
.sjj_nav ul li ul li>ul{margin-left:10px}

	.top{ display:block; height:50px;}
	
	.header-bg{ display:none}
	.wapper{ width:90%;}
	.cent01:before{ display:none;}
	
	.cent01{ margin-top:5%;}
	.cent01 ul li a img{ width:50%}
	.cent01 ul li a span{ font-size:14px;}
	
	.cent02-l{ position:relative; display:block; width:100%;}
	.cent0201{ min-height:inherit; padding:5%; margin-top:5%}
	
	.cent02-r{ margin-top:5%; width:100%}
	
	.title h2{ font-size:32px;}
	.title span{ font-size:16px}
	.title2 h2{ font-size:32px}
	.title2 span{ font-size:16px; margin-top:0}
	
	.cent03-bg{ margin-top:5%;}
	.cent03{ position:inherit; display:block; transform:none; left:0;}
	.cent05 ul li{ float:none; display:block; width:100%;}
	
	
	.cent05 ul li .guahize{ min-height:inherit; padding:10% 10%;}
	
	.footer02-l{ display:none;}
	.footer02-r{ float:none;width:100%; display:block; text-align:left;}
	.footer0201{ float:none; display:block; width:100%;text-align:left;}
	.footer0201 ul li{    justify-content: flex-start;}
	.footer0202{ width:100%; float:none;    justify-content: center; margin-top:4%}
	.footer01 .img01{ display:none}
	.logo01{ width:100%;}
	
	
	.title03 span{ font-size:24px}
	.cent06 ul li { width: calc(100% / 3);}
	.cent06 ul li a{ font-size:14px;}
	
	
	.cent09 ul li{ float:none; width:100%; margin-right:0; margin-top:5%; padding:5%;}
	
	.cent12 .maps{ width:100%; float:none;}
	.cent12 .cent12-l{ float:none; display:block; width:100%; margin-top:5%;}
	.yema{flex-wrap: wrap; }
	.yema a{ width:100%; margin-bottom:10px;}
	
		.tiza{flex-wrap: wrap;}
	.tizhu{width:100%;justify-content: center;}
    .tiza01 {
        width: 100%;
        margin: 4% 0;
        flex-wrap: wrap;
    }
	.duox{width:100%;display: flex;justify-content: center;align-items: center;}
	.cent09 ul li span{ height:auto;}
	.footer0201 ul li i{ text-align:center}
	.ml_mbbot{ display:none  !important}
    .weizhi {
        height: auto;
        line-height: 1.5;
    }
	}