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

html, body { height:100%;}
body { font-size:14px; font-family:"microsoft yahei"; color:#666; background: #fff; -webkit-tap-highlight-color:transparent; }
input, select, textarea, button{ font-size:14px; vertical-align: middle; outline:none; font-family:"microsoft yahei"; border:0;}
h1, h2, h3, h4, h5, h6, em, i{font-weight:normal; font-style:normal;}
img { border: 0; vertical-align:middle; max-width:100%;}
ul, li, ol, dl, dt {list-style: none;}
a { text-decoration: none; outline: none; -webkit-tap-highlight-color:transparent; color:#666; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
a:hover{ color:#02346c;}
* { padding: 0px; margin: 0px;}
.fl { float: left; }
.fr { float: right; }
table {  border-collapse: collapse; }
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
.clearfix { zoom: 1 }
.w{ width:1600px; height:auto; margin:0 auto;}
.orange{ color:#ff6600;}
.blue{ color:#0082db;}
.green{ color:#00a5b8;}

/*阻止旋转屏幕时自动调整字体大小*/
textarea { resize: none; -webkit-appearance: listbox; -moz-appearance: listbox; }
/*取消按钮在iphone上的默认样式*/
input[type=button], input[type=number] { -webkit-appearance: none; outline: none; }
/*移除上下小箭头  chrome*/
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none !important; margin: 0;}
input[type=number], input[type=date], input[type=datetime], input[type=datetime-local] { -moz-appearance: textfield; -webkit-appearance: none !important; margin: 0; }
/*移除上下小箭头 Firefox*/
input::-webkit-input-speech-button { display: none; }


.navFixed header{background:#fff; box-shadow:0 0 20px rgba(0,0,0,.1);height: 100px;width: 100%;}
.conten-wrapper{display: block;transition: width 0.25s ease, margin 0.25s ease;position: relative;overflow: hidden; }
.main-content{width: calc(100%);min-height: 100vh;position: relative;overflow: hidden;transition: 0.3s;}
/*reset*/
@-webkit-keyframes bounceInLeft{
    0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}
    0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}
    60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}
    75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
    90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}
    100%{-webkit-transform:none;transform:none}}
@keyframes bounceInLeft{
    0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}
    0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}
    60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}
    75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
    90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}
    100%{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}
@-webkit-keyframes bounceInRight{
    0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}
    0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}
    60%{opacity:1;-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}
    75%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}
    90%{-webkit-transform:translate3d(0px,0,0);transform:translate3d(0px,0,0)}
    100%{-webkit-transform:none;transform:none}}
@keyframes bounceInRight{
    0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}
    0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}
    60%{opacity:1;-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}
    75%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}
    90%{-webkit-transform:translate3d(0px,0,0);transform:translate3d(0px,0,0)}
    100%{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}
@-webkit-keyframes bounceInBottom{
    0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}
    0%{opacity:0;-webkit-transform:translate3d(0,1000px,0);transform:translate3d(0,1000px,0)}
    60%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
    75%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
    90%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
    100%{-webkit-transform:none;transform:none}}
@keyframes bounceInBottom{
    0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}
    0%{opacity:0;-webkit-transform:translate3d(0,1000px,0);transform:translate3d(0,1000px,0)}
    60%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
    75%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
    90%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
    100%{-webkit-transform:none;transform:none}}.bounceInBottom{-webkit-animation-name:bounceInBottom;animation-name:bounceInBottom}
@-webkit-keyframes bounceInTop{
    0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}
    0%{opacity:0;-webkit-transform:translate3d(0,-1000px,0);transform:translate3d(0,-1000px,0)}
    60%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
    75%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
    90%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
    100%{-webkit-transform:none;transform:none}}
@keyframes bounceInTop{
    0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}
    0%{opacity:0;-webkit-transform:translate3d(0,-1000px,0);transform:translate3d(0,-1000px,0)}
    60%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
    75%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
    90%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
    100%{-webkit-transform:none;transform:none}}.bounceInTop{-webkit-animation-name:bounceInTop;animation-name:bounceInTop}



/*网站顶部*/

.contionera {width: 100%; height:auto; margin:0 auto; position: relative; }
.wapper{ width:100%; height:auto; position:relative; z-index:1; overflow:hidden; margin:0 auto; background: url(../img/images/bg1.jpg);}
/*header*/
.head{width: 100%;height:auto;position: fixed;top:0;left: 0;z-index: 98; display:block;}
.headn{width: 100%;height:auto;position: fixed;top:0;left: 0;z-index: 98; background-color:rgba(5,108,210,0.77);}
.header{ width:100%; height:90px; overflow:hidden; margin:0 auto; display:block;}
.header_left{ width:350px; height:90px; float:left; margin-left:4%; position:absolute; top:20px; z-index:101;}
.header_logo{width:165px; height:65px; overflow:hidden; float:left; background: url("../img/images/logoa.png") no-repeat center;}
.header_menu{width:auto; height:24px; overflow:hidden; display: flex; float:left; margin:30px auto 0 80px;}

.header_menu .line-box{
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: middle;
	position: relative;
	width: 24px;
	height: 12px;
	margin-top: 6px;
	transition: width .2s;
}
.header_menu .txt{
	line-height: 24px;
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: middle;
	font-size:14px;
	margin-left: 7px;
	color: #000;
	font-family: "Arial";
	transition: all .2s;}

.header_menu .line-box .line{
	position: absolute;
	left: 0;
	width: 24px;
	height: 3px;
	background-color: #000;
	transform-origin: center center;
	margin: 0;
	transition: all .2s;
}
.header_menu .line-box .line:nth-child(1){
	top: 0;
}
.header_menu .line-box .line:last-child{
	bottom: 0;
}
.header_menu.cur .line-box .line:nth-child(1){
	top: 50%;
	margin-top: -1.5px;
	transform: rotate(45deg);
}
.header_menu.cur .line-box .line:nth-child(2){
	bottom: 50%;
	margin-bottom: -1.5px;
	transform: rotate(-45deg);
}
.header_menu:hover .txt{
        color: #2e52ae;
    }
.header_menu:hover .line-box .line{
        background-color: #2e52ae;
    }
	
	
.header_home{width:auto; height:24px; overflow:hidden; background: url("../img/images/home.png") no-repeat left center; position:absolute; line-height:24px; font-size:14px; color:#333; text-indent:30px; top:50px; left:420px;}
.header_home:hover{width:auto; height:24px; overflow:hidden; background: url("../img/images/homea.png") no-repeat left center; position:absolute; line-height:24px; font-size:14px; color:#2e52ae; text-indent:30px; top:50px; left:420px;}

.nav{ width:auto; height:auto; margin:30px 5% 0 auto; overflow:hidden; position:absolute; top:185px; left:15%;}
.nav_box{ width:auto; height:auto; overflow:hidden; margin:0 auto 30px auto;}
.nav_b{ width:100%; height:50px; overflow:hidden; margin-bottom:10px; line-height:50px; font-family:microsoft yahei; color:#333; font-size:36px;}
.nav_b:hover{ width:100%; height:50px; overflow:hidden; line-height:50px; font-family:microsoft yahei; color:#2e52ae; font-size:36px;}
.nav_c{ width:100%; height:30px; overflow:hidden;}
.nav_c_l{ width:auto; height:30px; overflow:hidden; float:left; margin-right:30px;  line-height:30px; font-family:microsoft yahei; color:#333; font-size:14px;}
.nav_c_l:hover{ width:auto; height:30px; overflow:hidden; float:left; margin-right:30px;  line-height:30px; font-family:microsoft yahei; color:#2e52ae; font-size:14px;}

.header_right{ width:30%; height:40px; float:right; margin:50px 2% 0 auto;}
.header_zi{ width:auto; height:40px; float:right; margin:0 10px; padding:0 10px; background-color:rgba(0,0,0,0.2); line-height:40px; text-align:center; font-size:14px; font-family:"Arial"; color:#fff; border-radius:10px; transition:all 0.5s;}
.header_box{ width:40px; height:40px; float:right; margin:0 10px; background-color:rgba(0,0,0,0.2); line-height:40px; text-align:center; font-size:14px; font-family:"Arial"; color:#fff; border-radius:50%; transition:all 0.5s;}
.header_box img{width:16px; height:16px;}
.header_box:hover{ width:40px; height:40px; float:right; margin:0 10px; background-color:rgba(46,82,174,1); line-height:40px; text-align:center; font-size:14px; font-family:"Arial"; color:#fff; border-radius:50%; transition:all 0.5s;}

.menu_open{ width:90%; height:100vh; overflow:hidden; background: url("../img/images/menubg.png") no-repeat left top; background-size:100% auto; display:none; position:absolute; top:0; left:0;animation: myMove 1s; -webkit-animation: myMove 1s;}


@keyframes myMove {
        0% {
			opacity: 0;
            width: 0%;
        }

        100% {
			opacity: 1;
            width: 90%;
        }
    }

@-webkit-keyframes myMove {
        0% {
			opacity: 0;
            width: 0%;
        }

        100% {
			opacity: 1;
            width: 90%;
        }
    }


.headers{width:100%; height:1rem; background-size:100%; position:fixed; top:0; z-index:98; display:none;}
.navb{width: 100%; height:100vh; position: fixed; top:0;  background: url(../img/images/about1.jpg) no-repeat center top; background-size:auto 100%;z-index: 99; animation: mymenu 0.5s; -webkit-animation: mymenu 0.5s; display:none;}

.navb .menu { width:50%; height:auto; overflow:hidden; position:absolute; left:5%; top:10%;}
.navb li { width:100%; height:50px; overflow:hidden;color: #333; font-size:22px; font-family:"Source";line-height:50px;}
.navb li>a {line-height: 50px; color: #333; font-size:22px; font-family:"Source";}
.close { width:10%; height:50px;float: right;margin:20px 20px 0 auto;cursor: pointer; text-align:center;}
.fontc { width:60%;height:50px; line-height:50px;font-weight: bold;margin-left: 30px; font-size:18px; float:left;}
@keyframes mymenu {
        0% {
			 top:0%;
			 left:50%;
			opacity: 0;
            width: 0%;
			border-radius:50%;
        }

        100% {
			 top:0;
			 left:0;
			opacity: 1;
            width: 100%;
        }
    }

    @-webkit-keyframes mymenu {
        0% {
			 top:0%;
			 left:50%;
			opacity: 0;
            width: 0%;
			border-radius:50%;
        }

        100% {
			 top:0;
			 left:0;
			opacity: 1;
            width: 100%;
        }
    }

	
.section1{width: 100%;height: auto;overflow: hidden; }
#pcbanner{ display:none;}
#mbanner{ display:none;}

.search{ width:100%; height:20%; overflow:hidden; position:fixed; z-index:99; top:-20%; left:0; transition: all 0.5s; background-color:rgba(46,82,174,0.2);}
.search.curr{ width:100%; height:20%; overflow:hidden; position:fixed; z-index:99; top:0; left:0; transition: all 0.5s; background-color:rgba(46,82,174,0.8);}
.search .box{ width:400px; height:50px; overflow:hidden; position: absolute; top:40%; left:40%;}
.search .search_left{ width:300px; height:30px; float:left; background:#fff; border:1px solid #dedede; line-height:30px; color:#333; font-size:16px; font-family:"Source"; border-radius:20px;padding:5px 20px;}
.search .search_right{ width:40px; height:40px; float:right;}
.search .close{ width:40px; height:40px; overflow:hidden; border-radius:50%; background:#fff url(../img/sidebar-close11.png) no-repeat center; background-size:60%; position: absolute; top:5%; right:2%;}


/*about*/
.section2{width: 100%;height: auto;overflow: hidden; background: url(../img/images/bg1.jpg) left top; }
.section2_bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.section2_bg .bubble{position: absolute;border-radius: 100%;animation:spin 8s infinite linear;transform-origin: 50% 45%;}
.section2_bg .bubble:nth-child(2n){animation:spin2 8s infinite linear;}
.section2_bg .sm-bubble{transform-origin: 30% 30px;}
.section2_bg .bg-bubble{transform-origin: 50% 50%;}

@keyframes spin{
    to{transform: rotate(1turn);}
}
@keyframes spin2{
    to{transform: rotate(-1turn);}
}
.section2_bg .bubble1{
	left: -3.9%;
	top: -14.125%;
	width: 18%;
	padding-top: 10%;
	background-color: #f0f9fa;
	opacity: 1;
	filter: alpha(opacity=100);
}

.section2_bg .bubble2{
	left: 7.5%;
	top: 20%;
	width: 70px;
	height: 70px;
	background-color: #f0f2f2;
	z-index: 3;
}

.section2_bg .bubble3{
	left: 15.625%;
	top: 16%;
	border: 1px solid #87dff5;
	width: 72px;
	height: 72px;
}
.section2_bg .bubble4{
	left: 37%;
	bottom: 10%;
	background:url(../img/images/t3.png) no-repeat;
	background-size:cover;
	width: 25%;
	padding-top: 25%;
}
.section2_bg .bubble5{
	left: 30.1%;
	top: 39.0625%;
	background-color: #87dff5;
	opacity: 1;
	width: 10px;
	height: 10px;
}
.section2_bg .bubble6{
	width: 56.77%;
	padding-top: 56.77%;
	left: -28.3854%;
	top: 35.48%;
	background: -webkit-linear-gradient(left, rgba(247,247,247,1),rgba(247,247,247,.1) 100%);
	background: -ms-linear-gradient(left, rgba(247,247,247,1),rgba(247,247,247,.1) 100%);
	background: linear-gradient(left, rgba(247,247,247,1),rgba(247,247,247,.1) 100%);
}

.section2_bg .bubble7{
	width: 13%;
	padding-top: 13%;
	left: -6.5%;
	top: 45.3125%;
	border:1px solid #ddd;
}
.section2_bg .bubble8{
	width: 72px;
	height: 72px;
	left: -1.875%;
	top: 82.3%;
	border:1px solid #87dff5;
}
.section2_bg .bubble9{
	width: 10px;
	padding-top: 10px;
	left: 8.33%;
	top: 41%;
	background-color: rgba(135,223,245,1);
}
.section2_bg .bubble10{
	width: 6px;
	padding-top: 6px;
	left: 11.67%;
	top: 50%;
	background-color: rgba(135,223,245,1);
}
.section2_bg .bubble11{
	right: -1.9%;
	top: -9.125%;
	width: 18%;
	padding-top: 12%;
	background-color: #f0f9fa;
	opacity: 1;
	filter: alpha(opacity=100);
}
.section2_bg .bubble12{
	position: absolute;
	width: 25%;
	padding-top: 30%;
	border:1px solid #ddd;
	right: -15%;
	bottom: -20%;
}

.section2_title{ position:absolute; top:16%; left:0; width:100%; }
.section2_title .wrap-inner{
	overflow: hidden;
}
.section2_title .title-canvas
{
	transform:translateY(100%);
}
.section2_title .m-tit{
	display: block;
		font-size: 70px;
		line-height: 80px;
		color: #333;
		text-align: center;
		letter-spacing: 4px;
		padding-left: 4px;
		 font-weight:bold;
		-webkit-background-clip: text;
	    background-clip: text;
	    -webkit-text-fill-color: transparent;
	    -webkit-animation: aitf 10s linear infinite;
	    -webkit-transform: translate3d(0, 0, 0);
	    -webkit-backface-visibility: hidden;
	    background-image: url("../img/images/p2c.jpg");
	    background-position: 60% 15%;
	    background-repeat: no-repeat;
		
}
@-webkit-keyframes aitf {
  0% {
    background-position: 50% center;
  }
  25% {
    background-position: 60% center;
  }
  50% {
    background-position: 50% center;
  }
  75% {
    background-position: 40% center;
  }
  100% {
    background-position: 50% center;
  }
}
.section2_title .gupiao{
	display: block;
		font-size: 40px;
		line-height: 80px;
		color: #747474;
		text-align: center;
}
.section2_con{ position:absolute; top:48%; left:0; width:100%; overflow:hidden; text-align:center; }
.section2_con_box{width:25%; height:auto; overflow:hidden; display:inline-block; margin:0 3%; cursor:pointer;}
.section2_con_t{width:100%; height:110px; overflow:hidden; font-size: 130px; line-height: 110px; color: #333; text-align: center; font-family:microsoft yahei; transition:all 0.5s;}
.section2_con_t span{font-size: 26px; line-height: 40px; color: #333; font-family:microsoft yahei;}
.section2_con_d{width:100%; height:auto; overflow:hidden; margin:50px auto 0 auto; font-size:28px; line-height:40px; color: #333; font-family:microsoft yahei;}

.section2_con_box:hover .section2_con_t{width:100%; height:110px; overflow:hidden; font-size: 130px; line-height: 110px; color: #2e52ae; text-align: center; font-family:microsoft yahei; transition:all 0.5s;}
.section2.active .wrap-inner{-webkit-animation: bounceInBottom 2s; }
.section2.active .gupiao{-webkit-animation: bounceInBottom 2.5s;}
.section2.active .section2_con_t{-webkit-animation: bounceInBottom 2s;}
.section2.active .section2_con_d{-webkit-animation: bounceInBottom 2.5s;}


/*brand*/
.section3{width: 100%;height: auto;overflow: hidden;}
.section3_box1{position: relative; width:39%; height:100%; float:left; overflow:hidden; background-color:#e8ecf9;}
.section3_box1:after {
        position: absolute;
        content: '';
        width: 40%;
        height: 110%;
        background: #fffafd;
        top: -5%;
        right: -20%;
        border-radius: 50%;
      }
.section3_box2{position: relative; width:33%; height:100%;float:left; overflow:hidden; background-color:#f9fcff;}
.section3_box2:after {
        position: absolute;
        content: '';
        width: 40%;
        height: 110%;
        background: #f4e9fe;
        top: -5%;
        right: -20%;
        border-radius: 50%;
      }
.section3_box3{position: relative; width:28%; height:100%;float:left; overflow:hidden; background-color:#dceff5;}
.section3_cp{ width:70%; height:auto; overflow:hidden; margin:25% auto 0 5%;}
.section3_cp2{ width:83%; height:auto; overflow:hidden; margin:29.5% auto 0 -10%;}
.section3_cp3{ width:98%; height:auto; overflow:hidden; margin:35% auto 0 -5%;}
.section3_cp_t{ width:100%; height:auto; overflow:hidden; margin:0 auto; line-height:60px; font-family:microsoft yahei; color:#333; font-size:42px; text-align:center;transition:all 0.5s;}
.section3_cp_m{ width:100%; height:auto; overflow:hidden; margin:40px auto 70px auto; line-height:30px; font-family:microsoft yahei; color:#333; font-size:16px; text-align:center;}
.section3_cp_pic{ width:100%; height:auto; overflow:hidden; margin:0 auto; text-align:center;}
.section3_cp_pic img{ width:75%; height:auto;}

.section3.active .section3_cp_t{-webkit-animation: bounceInTop 2s; }
.section3.active .section3_cp_m{-webkit-animation: bounceInBottom 2.5s; }
.section3.active .section3_cp_pic img{-webkit-animation: bounceInLeft 3s; }

.section3_box1:hover .section3_cp_t{color: #2e52ae; transition:all 0.5s;}
.section3_box2:hover .section3_cp_t{color: #2e52ae; transition:all 0.5s;}
.section3_box3:hover .section3_cp_t{color: #2e52ae; transition:all 0.5s;}

.section3_box1:hover .section3_cp_pic{-webkit-animation: propic 1.5s linear infinite;}
.section3_box2:hover .section3_cp_pic{-webkit-animation: propic 1.5s linear infinite;}
.section3_box3:hover .section3_cp_pic{-webkit-animation: propic 1.5s linear infinite;}
@-webkit-keyframes propic {
  0% {
	padding-top:0;
  }
  50% {
    padding-top:10px;
  }
  100% {
    padding-top:0;
  }
}


@keyframes joins {
        0%{ width:68px; height:68px; top:16px; left:16px; background-color:rgba(76,109,205,0.6); }
        100%{ width:100px; height:100px; top:0; left:0; background-color:rgba(76,109,205,0); }
    }
@keyframes joins1 {
        0%{ width:68px; height:68px; top:16px; left:16px; background-color:rgba(76,109,205,0.6); }
        100%{ width:88px; height:88px; top:6px; left:6px; background-color:rgba(76,109,205,0); }
    }
	
@keyframes joins2 {
        0%{ width:68px; height:68px; top:16px; left:16px; background-color:rgba(30,191,226,0.6); }
        100%{ width:100px; height:100px; top:0; left:0; background-color:rgba(30,191,226,0); }
    }
@keyframes joins3 {
        0%{ width:68px; height:68px; top:16px; left:16px; background-color:rgba(30,191,226,0.6); }
        100%{ width:88px; height:88px; top:6px; left:6px; background-color:rgba(30,191,226,0); }
    }

@keyframes joins4 {
        0%{ width:68px; height:68px; top:16px; left:16px; background-color:rgba(24,71,180,0.6); }
        100%{ width:100px; height:100px; top:0; left:0; background-color:rgba(24,71,180,0); }
    }
@keyframes joins5 {
        0%{ width:68px; height:68px; top:16px; left:16px; background-color:rgba(24,71,180,0.6); }
        100%{ width:88px; height:88px; top:6px; left:6px; background-color:rgba(24,71,180,0); }
    }

/*zongh*/
.section4{width: 100%;height: auto;overflow: hidden; background: url(../img/images/bg1.jpg) left top; }
.section4_bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.section4_bg .bubble1{position:absolute; left:-5%; top: -5%; border: 1px solid #cbdced; width: 0%; padding-top: 0%; transition:all 2s; border-radius:50%;}
.section4.active .section4_bg .bubble1{position:absolute;left:-2%; top: -5%;border: 1px solid #cbdced; width: 50%; padding-top: 50%; transition:all 3s; border-radius:50%;}
.section4_bg .bubble2{position:absolute; left:-12.5%; top: -20%; border: 1px solid #cbdced; width: 0%; padding-top: 0%; transition:all 1.5s; border-radius:50%;}
.section4.active .section4_bg .bubble2{position:absolute;left:-7%; top: -20%;border: 1px solid #cbdced; width: 65%; padding-top: 65%; transition:all 2.5s; border-radius:50%;}
.section4_bg .bubble3{position:absolute; left:-20%; top: -30%; border: 1px solid #cbdced; width: 0%; padding-top: 0%; transition:all 1s; border-radius:50%;}
.section4.active .section4_bg .bubble3{position:absolute;left:-12%; top: -30%;border: 1px solid #cbdced; width: 80%; padding-top: 80%; transition:all 2s; border-radius:50%;}
.section4_map{ width:auto; height:auto; max-width:47vw; text-align:center; position:absolute; top:25%; left:2%;}
.section4_map img{ width:auto; height:auto; max-width:47vw; transition:all 1s;}
.section4.active .section4_map img{ width:100%; height:auto; max-width:47vw; transition:all 2.5s; }
.section4_bg .bubble1 .yuan{position:absolute; right:12%; top: 20%;}
.section4_bg .bubble1 .yuan:nth-child(2){position:absolute; right:5%; top: 50%;}
.section4_bg .bubble1 .yuan:nth-child(3){position:absolute; right:18%; top: 78%;}
.section4_bg .bubble1 .yuan:nth-child(4){position:absolute; right:85%; top: 85%;}
.section4_bg .bubble2 .yuan{position:absolute; right:7%; top:62%;}
.section4_bg .bubble1 .yuan .pic{ width:100px; height:100px; border-radius:50%; position:absolute; top:0; left:0; animation:joins 2s infinite linear; transform-origin: 50% 50%;}
.section4_bg .bubble1 .yuan .pic2{ width:88px; height:88px; border-radius:50%; position:absolute; top:0; left:0; animation:joins1 2s infinite linear; animation-delay:0.5s;  transform-origin: 50% 50%;}
.section4_bg .bubble1 .yuan .pic3{ width:68px; height:68px; position:absolute; top:16px; left:16px; background-color:#4c6dcd; border-radius:50%; text-align:center; font-size: 24px; color: #fff; line-height: 68px;}

.section4_bg .bubble1 .yuan:nth-child(2) .pic{ width:100px; height:100px; border-radius:50%; position:absolute; top:0; left:0; animation:joins2 2s infinite linear; transform-origin: 50% 50%;}
.section4_bg .bubble1 .yuan:nth-child(2) .pic2{ width:88px; height:88px; border-radius:50%; position:absolute; top:0; left:0; animation:joins3 2s infinite linear; animation-delay:0.5s;  transform-origin: 50% 50%;}
.section4_bg .bubble1 .yuan:nth-child(2) .pic3{ width:68px; height:68px; position:absolute; top:16px; left:16px; background-color:#1ebfe2; border-radius:50%; text-align:center; font-size: 24px; color: #fff; line-height: 68px;}

.section4_bg .bubble1 .yuan:nth-child(4) .pic{ width:100px; height:100px; border-radius:50%; position:absolute; top:0; left:0; animation:joins4 2s infinite linear; transform-origin: 50% 50%;}
.section4_bg .bubble1 .yuan:nth-child(4) .pic2{ width:88px; height:88px; border-radius:50%; position:absolute; top:0; left:0; animation:joins5 2s infinite linear; animation-delay:0.5s;  transform-origin: 50% 50%;}
.section4_bg .bubble1 .yuan:nth-child(4) .pic3{ width:68px; height:68px; position:absolute; top:16px; left:16px; background-color:#1847b4; border-radius:50%; text-align:center; font-size: 24px; color: #fff; line-height: 68px;}

.section4_bg .bubble2 .yuan .pic{ width:100px; height:100px; border-radius:50%; position:absolute; top:0; left:0; animation:joins4 2s infinite linear; transform-origin: 50% 50%;}
.section4_bg .bubble2 .yuan .pic2{ width:88px; height:88px; border-radius:50%; position:absolute; top:0; left:0; animation:joins5 2s infinite linear; animation-delay:0.5s;  transform-origin: 50% 50%;}
.section4_bg .bubble2 .yuan .pic3{ width:68px; height:68px; position:absolute; top:16px; left:16px; background-color:#1847b4; border-radius:50%; text-align:center; font-size: 24px; color: #fff; line-height: 68px;}

.section4_right{ width:30%; height:auto; overflow:hidden; position:absolute; top:28%; right:10%;}
.section4_right_en{ width:80%; height:auto; overflow:hidden; margin:0 0 0 auto; line-height:1.5; font-family:Arial; color:#2e52ae; font-size:46px; text-align:right;}
.section4_right_title{ width:100%; height:auto; overflow:hidden; margin:20px auto; line-height:40px; font-family:microsoft yahei; color:#333; font-size:32px; text-align:right;}
.section4_right_con{ width:100%; height:auto; overflow:hidden; margin:30px auto 0 auto; line-height:25px; font-family:microsoft yahei; color:#333; font-size:18px; text-align:right;}

.section4 .swiper-container{width:100%; height:auto; margin:0 auto; position:relative;}
.section4 .swiper-wrapper{ width:100%; margin:0 auto;}
.section4 .swiper-slide{ width:100%; height:100%; overflow:hidden; position:relative; text-align:center;}
.section4 .swiper-slide img{ width:100%; height:100%;}
.section4 .swiper_btnz{position: absolute;top: 55%;width: 48px;height: 48px; right:-100px;background: url(../img/images/nei_left.png) 0 0 no-repeat; background-size:cover; display: block;z-index:10;}
.section4 .swiper_btny{position: absolute;top: 55%;width: 48px;height: 48px; right:-160px;background: url(../img/images/nei_right.png) 0 0 no-repeat; background-size:cover; display: block;z-index:10;}

.section4.active .section4_right_en{-webkit-animation: bounceInBottom 2s;}
.section4.active .section4_right_title{-webkit-animation: bounceInBottom 2.5s;}
.section4.active .section4_right_con{-webkit-animation: bounceInBottom 3s;}


.section5{width: 100%;height: auto;overflow: hidden; background: url(../img/images/bg1.jpg) left top; }
.section5_bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.section5_bg .bubble{position: absolute;border-radius: 100%;animation:spin 8s infinite linear;transform-origin: 50% 45%;}
.section5_bg .bubble:nth-child(2n){animation:spin2 8s infinite linear;}
.section5_bg .sm-bubble{transform-origin: 30% 30px;}
.section5_bg .bg-bubble{transform-origin: 50% 50%;}


.section5_bg .bubble3{
	right: -5%;
	bottom: 5%;
	border: 1px solid #87dff5;
	width: 10%;
	padding-top: 10%;
}
.section5_bg .bubble5{
	left: 30.1%;
	top: 39.0625%;
	background-color: #f0f9fa;
	opacity: 1;
	width: 10px;
	height: 10px;
}
.section5_bg .bubble6{
	width: 15.77%;
	padding-top: 15.77%;
	left: -5.3854%;
	bottom: -10%;
	background-color: #f0f9fa;
}

.section5_bg .bubble9{
	width: 25px;
	padding-top: 25px;
	left: 50.33%;
	bottom: 5%;
	background-color: rgba(243,250,240,1);
}
.section5_bg .bubble10{
	width: 8px;
	padding-top: 8px;
	left: 55.67%;
	bottom: 13%;
	background-color: rgba(243,250,240,1);
}
.section5_bg .bubble11{
	right: -1.9%;
	top: -9.125%;
	width: 18%;
	padding-top: 12%;
	background-color: #f0f9fa;
	opacity: 1;
	filter: alpha(opacity=100);
}
.section5_menu{ width:100%; height:auto; overflow:hidden; position:absolute; top:11%; left:0; font-size:54px; line-height:70px; color:#333; text-align:center;}
.section5_down{ width:100%; height:auto; overflow:hidden; position:absolute; top:24%; left:0; text-align:center; display:block;}
.section5_downm{ width:100%; height:auto; overflow:hidden; position:absolute; top:24%; left:0; text-align:center; display:none;}
.section5_down_box{ width:29%; height:auto; overflow:hidden; margin:0 1.5%; display:inline-block;}
.section5_down_box_img{ width:100%; height:350px; overflow:hidden;}
.section5_down_box_img img{ width:100%; height:auto; transition:all 0.5s;}
.section5_down_box_title{ width:100%; height:40px; overflow:hidden; margin:30px auto 0 auto; font-size:24px; line-height:40px; color:#333; text-align:left;}
.section5_down_box_con{ width:100%; height:30px; overflow:hidden; margin:10px auto; font-size:16px; line-height:30px; color:#666; text-align:left;}
.section5_down_box_b{ width:100%; height:30px; overflow:hidden; margin:10px auto; font-size:14px; line-height:30px; color:#666; position:relative; text-align:left;}
.section5_down_box_b p{float:right; font-size:14px; line-height:30px;}
.section5_down_box_y{ position:absolute; width:22px; height:22px; border:1px solid #666; border-radius:50%; top:3px; right:26%; transition:all 0.5s;}
.section5_down_box_h{ position:absolute; width:45px; height:1px; background-color:#666; top:14px; right:20%;}
.section5_down_box:hover .section5_down_box_img img{ width:100%; height:auto; transform:scale(1.1); transition:all 0.5s;}
.section5_down_box:hover .section5_down_box_title{color:#2e52ae;}
.section5_down_box:hover .section5_down_box_b{color:#2e52ae;}
.section5_down_box:hover .section5_down_box_y{border:1px solid #2e52ae; right:28%; transition:all 0.5s;}
.section5_down_box:hover .section5_down_box_h{background-color:#2e52ae;}

.section5.active .section5_menu{-webkit-animation: bounceInBottom 2s;}
.section5.active .section5_down_box{-webkit-animation: bounceInBottom 2.5s;}
.section5.active .section5_down_box_title{-webkit-animation: bounceInBottom 3s;}
.section5.active .section5_down_box_con{-webkit-animation: bounceInBottom 3s;}
.section5.active .section5_down_box_b{-webkit-animation: bounceInBottom 3s;}
.section5.active .section5_more{-webkit-animation: bounceInBottom 4s;}
.section5_more{ width:179px; height:46px; overflow:hidden; background:url(../img/images/t7.png) no-repeat center; position:absolute; bottom:11%; left:45%; font-size:16px; line-height:46px; color:#fff; text-indent:40px;}

/*video*/
.section6{width: 100%;height: auto;overflow: hidden; background-color:#fff;}
.section6 .swiper-container{width:90%; height:110px; position:absolute; top:10%; left:5%; margin:0 auto;}
.section6 .swiper-wrapper{ width:90%; margin:0 auto; display:block;}
.section6 .swiper-slide{ width:100%; height:100%; overflow:hidden; position:relative; text-align:center;}
.section6 .swiper-slide img{ width:100%; height:100% ;}


.section6 .swiper-paginationin{ height:10px; overflow:hidden; position:absolute; right:0px; bottom:10px !important; left:0 !important; margin:auto; z-index:1; text-align:center; }
.section6 .swiper-paginationin span{ display:inline-block;width:10px; border-radius:100%; height:10px; background:#dbdbdb; cursor:pointer; vertical-align:top; margin:0 4px;opacity:0.9 !important;}
.section6 .swiper-paginationin span.swiper-pagination-bullet-active{ background-color:#999;opacity:1 !important;}
.section6 .swiper_btnz{position: absolute;top: 45%;width: 48px;height: 48px; left:0;background: url(../img/images/left.png) 0 0 no-repeat;display: block;z-index:10;}
.section6 .swiper_btny{position: absolute;top: 45%;width: 48px;height: 48px; right:0;background: url(../img/images/right.png) 0 0 no-repeat;display: block;z-index:10;}

.links_box{ width:238px; height:108px; overflow:hidden; border:1px solid #e5e5e5; float:left; margin:0 10px;}
.links_box img{ width:auto; height:auto; max-width:238px; max-height:98px; margin:5px auto;}

.section6_foot{ width:100%; height:65%; overflow:hidden; position:absolute; bottom:0; left:0;}
.section6_foot_top{ width:100%; height:88%; overflow:hidden; background-color:#323338;}
.section6_foot_slogan{ width:100%; height:130px; overflow:hidden; border-bottom:1px solid #47484c; line-height:130px; font-family:"Source"; font-weight:400; font-size:42px; color:#e0e0e0; text-align:center;}
.section6_foot_center{ width:94%; height:auto; overflow:hidden; margin:40px auto 0 auto;}
.section6_foot_center_l{ width:20%; height:auto; overflow:hidden; float:left;}
.foot_logo{ width:100%; height:58px; overflow:hidden; margin-bottom:30px; background:url(../img/images/logo.png) no-repeat left center; background-size:auto 100%;}
.foot_tel{ width:auto; height:auto; overflow:hidden; margin-bottom: 15px; line-height:30px; font-family:"microsoft yahei"; font-size:14px; color:#b0b0b0; background:url(../img/images/t8.png) no-repeat left center; background-size:auto 30px; padding-left: 35px;}
.foot_tel:nth-child(3){ width:auto; height:auto; overflow:hidden; line-height:30px; font-family:"microsoft yahei"; font-size:14px; color:#b0b0b0; background:url(../img/images/t9.png) no-repeat left center; background-size:auto 30px; padding-left: 35px;}
.foot_tel:nth-child(4){ width:auto; height:auto; overflow:hidden; line-height:30px; font-family:"microsoft yahei"; font-size:14px; color:#b0b0b0; background:url(../img/images/t10.png) no-repeat left top; background-size:auto 30px; padding-left: 35px;}
.section6_foot_center_c{ width:42%; height:auto; overflow:hidden; float:left; margin:0 5%;}
.footer_c_box{ width:18%; height:auto; overflow:hidden; margin:0 1%; float:left;}
.footer_c_box_t{ width:100%; height:auto; overflow:hidden; color:#fff; font-size:16px; line-height:40px; font-family:"microsoft yahei";} 
.footer_c_box_li{ width:100%; height:auto; overflow:hidden; color:#b0b0b0; font-size:14px; line-height:30px; font-family:"microsoft yahei";} 
.footer_c_box_li:hover{ color:#2e52ae;} 
.section6_foot_center_r{ width:28%; height:auto; overflow:hidden; float:left;}
.footer_r_er{ width:120px; height:auto; overflow:hidden; float:left;}
.footer_r_er_img{ width:120px; height:120px; overflow:hidden;}
.footer_r_er_img img{ width:120px; height:120px;}
.footer_r_title{ width:120px; height:auto; overflow:hidden; color:#fff; font-size:16px; line-height:30px; font-family:"microsoft yahei"; text-align:center;}
.footer_top_t{ width:70%; height:auto; overflow:hidden; margin:0 auto; float:right;}
.footer_top_t_l{ width:22px; height:auto; overflow:hidden; background:url(../img/images/tel.png) no-repeat center top; margin:0 auto; writing-mode:tb-rl; text-align:justify; padding-top:28px; color:#a0a1a2; font-family:"microsoft yahei"; line-height:22px; font-size:14px; float:left;}
.footer_top_t_r{ width:85%; height:auto; overflow:hidden;float:left; margin:0 auto 0 20px;}
.footer_top_t_r_a{width:auto; height:auto; overflow:hidden; color:#d8d8d9; font-family:"microsoft yahei"; line-height:20px; font-size:15px;}
.footer_top_t_r_b{width:auto; height:auto; overflow:hidden; color:#fff; font-family:"Arial"; line-height:40px; font-size:26px; font-weight:bold;}
.footer_top_t_r_c{width:auto; height:auto; overflow:hidden; color:#adadaf; font-family:"microsoft yahei"; line-height:25px; font-size:14px;}


.section6_foot_down{ width:90%; height:9%; overflow:hidden; padding:1.5% 5%; background-color:#28292e; font-size:14px; color:#7e7f82; text-align:left;}
.section6_foot_down p{float:right; font-size:14px;}
.section6_foot_down p a{color:#7e7f82;}

.section6.active .swiper-container{-webkit-animation: bounceInBottom 2.3s;}
.section6.active .section6_foot{-webkit-animation: bounceInBottom 2.3s;}
.section6.active .section6_foot_slogan{-webkit-animation: bounceInBottom 2.6s;}
.section6.active .foot_logo{-webkit-animation: bounceInBottom 2.7s;}
.section6.active .foot_tel{-webkit-animation: bounceInBottom 2.8s;}
.section6.active .section6_foot_center_c{-webkit-animation: bounceInRight 3s;}
.section6.active .footer_r_er{-webkit-animation: bounceInBottom 3s;}
.section6.active .footer_top_t{-webkit-animation: bounceInBottom 3.2s;}



.touchsliderindex .touchslider-item .pic{width: 100%;height:100%;overflow: hidden;}
.touchsliderindex,.touchsliderindex .touchslider-viewport,.touchsliderindex .touchslider-item,.touchsliderindex .touchslider-item .pic{height: 100%;}
.touchsliderindex .pic img{width: 100%;height:100%;display: none;}
.touchsliderindex .touchslider-navtag{position:absolute; bottom:50%; text-align:center; width:100%; z-index: 99;}
.touchsliderindex .touchslider-navtag .touchslider-prev{ width:48px; height:48px; background:url("../img/images/trrleft.png") no-repeat center; float:left; margin-left:7%; cursor:pointer;}
.touchsliderindex .touchslider-navtag .touchslider-next{ width:48px; height:48px; background:url("../img/images/trrright.png") no-repeat center; float:right; margin-right:7%; cursor:pointer;}
.touchsliderindex .touchslider-navtag .wk{height: 36px;}
.touchsliderindex .touchslider-nav-item{display:inline-block;border-radius: 5px;width: 5px; height: 5px;background: #cac5c8;}
.touchsliderindex .touchslider-nav-item-current{background-color: #074349;}
.touchsliderindex .touchslider-item.active .pwk p{opacity: 1; -webkit-animation: fadeInUp .7s ease-in-out both; animation: fadeInUp .7s ease-in-out both; -webkit-animation-delay: 1.2s; animation-delay: 1.2s; }

/*--about--*/
.sectionab1{width: 100%;height: auto;overflow: hidden; background: url(../img/images/bg2.jpg) left top; background-size: cover; }
.nei_about{ width:85%; height:auto; overflow:hidden; position:absolute; top:25%; left:7.5%;}
.nei_about_l{ width:45%; height:auto; overflow:hidden; float:left; margin:0 5% 0 auto;}
.nei_about_l_title{ width:100%; height:auto; overflow:hidden; color:#2e52ae; line-height:70px; font-size:60px; font-family:microsoft yahei;}
.nei_about_l_gupiao{ width:100%; height:auto; overflow:hidden; color:#666; line-height:40px; font-size:30px; font-family:microsoft yahei; margin:20px auto;}
.nei_about_l_con{ width:100%; height:auto; overflow:hidden; color:#333; line-height:30px; font-size:16px; font-family:microsoft yahei; margin:40px auto 0 auto;}
.nei_about_l_down{ width:100%; height:auto; overflow:hidden; margin:70px auto 0 auto;}
.nei_about_l_box{ width:auto; height:100px; overflow:hidden; float:left; margin:0 70px 0 auto;}
.nei_about_l_box_l{ width:100px; height:100px; overflow:hidden; float:left; margin:0 20px 0 auto;}
.nei_about_l_box_t{ width:auto; height:auto; overflow:hidden; float:left; margin:20px 20px 0 auto; color:#2e52ae; line-height:30px; font-size:22px; font-family:microsoft yahei;}
.nei_about_l_box_t p{color:#2e52ae; line-height:30px; font-size:16px; font-family:microsoft yahei;}

.nei_about_r{ width:50%; height:auto; overflow:hidden; float:right; margin:0 auto;display: block;}
.nei_about_r .videolist img{ height:45vh;}
.nei_about_r .videolist video{ height:45vh;}
.nei_about_rm .videolist img{ height:35vh;}
.nei_about_rm .videolist video{ height:35vh;}
.nei_about_rm{ width:100%; height:auto; overflow:hidden; float:right; margin:0 auto; display:none; }
.sectionab1.active .nei_about_l_title{-webkit-animation: bounceInBottom 2s;}
.sectionab1.active .nei_about_l_gupiao{-webkit-animation: bounceInBottom 2.2s;}
.sectionab1.active .nei_about_l_con{-webkit-animation: bounceInBottom 2.4s;}
.sectionab1.active .nei_about_l_down{-webkit-animation: bounceInBottom 2.6s;}
.sectionab1.active .nei_about_r{-webkit-animation: bounceInRight 2.5s;}


/*about*/
.sectionab2{width: 100%;height: auto;overflow: hidden; background: url("../img/images/bg2.jpg") no-repeat left top; background-size:100% auto;}
.sectionab2 .bubble{position: absolute;border-radius: 100%;transform-origin: 50% 45%;}
.sectionab2 .bubble1{
	left: -3.9%;
	top: -14.125%;
	width: 18%;
	padding-top: 10%;
	background-color: #f0f9fa;
	opacity: 1;
	filter: alpha(opacity=100);
}
.sectionab2 .bubble2{
	position: absolute;
	width: 37%;
	padding-top: 46%;
	background:url(../img/images/about4.jpg) no-repeat;
	background-size:cover;
	right: 0;
	top: -45%;
}
.sectionab2_menu{ width:auto; height: auto; overflow:hidden; position:absolute; top:25%; left:5%; line-height:60px; font-size:50px; color:#2e52ae; font-family:microsoft yahei;}
.sectionab2_lunbo{ width:100%; height:auto; overflow:hidden; position:absolute; bottom:5%; left:0; display:block;}
.sectionab2_lunbom{ width:80%; height:auto; overflow:hidden; position:absolute; bottom:5%; left:10%; display:none; text-align:center !important;}
.sectionab2_lunbo .swiper-container{width:100%; height:80%; overflow:hidden; margin:0 auto;}
.sectionab2_lunbo .swiper-wrapper{ width:100%; margin:0 auto;}
.sectionab2_lunbo .swiper-slide{ width:100%; height:100%; overflow:hidden; position:relative; text-align:center;}
.sectionab2_lunbo .swiper-slide img{ width:100%; height:100% ;}


.sectionab2_lunbo .swiper-paginationin{ height:10px; overflow:hidden; position:absolute; right:0px; bottom:10px !important; left:0 !important; margin:auto; z-index:1; text-align:center; }
.sectionab2_lunbo .swiper-paginationin span{ display:inline-block;width:10px; border-radius:100%; height:10px; background:#dbdbdb; cursor:pointer; vertical-align:top; margin:0 4px;opacity:0.9 !important;}
.sectionab2_lunbo .swiper-paginationin span.swiper-pagination-bullet-active{ background-color:#999;opacity:1 !important;}
.sectionab2_lunbo .swiper_btnz{position: absolute;top: 80%;width: 55px;height: 55px; left:10%;background: url(../img/images/nei_left.png) 0 0 no-repeat;display: block;z-index:10;}
.sectionab2_lunbo .swiper_btny{position: absolute;top: 80%;width: 55px;height: 55px; left:14%;background: url(../img/images/nei_right.png) 0 0 no-repeat;display: block;z-index:10;}
.sectionab2.active .sectionab2_menu{-webkit-animation: bounceInTop 2s;}
.sectionab2.active .sectionab2_lunbo{-webkit-animation: bounceInBottom 2.5s;}


/*组织*/
.sectionab3{width: 100%;height: auto;overflow: hidden; background: url("../img/images/bg2.jpg") no-repeat left top; background-size:100% auto;}
.sectionab3_menu{ width:auto; height: auto; overflow:hidden; position:absolute; top:25%; left:5%; line-height:60px; font-size:50px; color:#fff; font-family:microsoft yahei;}
.sectionab3_con{ width:100%; height: auto; overflow:hidden; position:absolute; top:5%; left:0%; text-align:center;}
.sectionab3_con img{ width:auto; height: auto; max-width:80%; max-height: 90vh;}
.sectionab3.active .sectionab3_menu{-webkit-animation: bounceInTop 2s;}
.sectionab3.active .sectionab3_con{-webkit-animation: bounceInBottom 2.5s;}


/*资质*/
.sectionab4{width: 100%;height: auto;overflow: hidden; background: url("../img/images/bg1.jpg") no-repeat left top; background-size:100% auto;}
.sectionab4_menu{ width:auto; height: auto; overflow:hidden; position:absolute; top:25%; left:5%; line-height:60px; font-size:50px; color:#333; font-family:microsoft yahei;}
.sectionab4_lunbo{ width:94%; height:auto; overflow:hidden; position:absolute; bottom:20%; left:3%;}
.sectionab4_lunbo .swiper-container{width:100%; height:100%; overflow:hidden; margin:0 auto;}
.sectionab4_lunbo .swiper-wrapper{ width:88%; margin:0 auto;}
.sectionab4_lunbo .swiper-slide{ width:100%; height:100%; overflow:hidden; position:relative; text-align:center;}
.sectionab4_lunbo .swiper-slide img{ width:100%; height:100% ;}

.sectionab4_lunbo .swiper-paginationin{ height:10px; overflow:hidden; position:absolute; right:0px; bottom:10px !important; left:0 !important; margin:auto; z-index:1; text-align:center; }
.sectionab4_lunbo .swiper-paginationin span{ display:inline-block;width:10px; border-radius:100%; height:10px; background:#dbdbdb; cursor:pointer; vertical-align:top; margin:0 4px;opacity:0.9 !important;}
.sectionab4_lunbo .swiper-paginationin span.swiper-pagination-bullet-active{ background-color:#999;opacity:1 !important;}
.sectionab4_lunbo .swiper_btnz{position: absolute;top: 40%;width: 100px;height: 100px; left:0%;background: url(../img/images/nei_left.png) 0 0 no-repeat;display: block;z-index:10;}
.sectionab4_lunbo .swiper_btny{position: absolute;top: 40%;width: 100px;height: 100px; right:0%;background: url(../img/images/nei_right.png) 0 0 no-repeat;display: block;z-index:10;}
.hoor_box{ width:360px; height:270px; overflow:hidden; float:left; margin:0 15px;}
.hoor_box img{ width:100%; height:auto; transition:all 0.5s;}
.hoor_box:hover .hoor_box img{width:100%; height:auto; transform:scale(1.1); transition:all 0.5s;}
.sectionab4.active .sectionab4_menu{-webkit-animation: bounceInTop 2s;}
.sectionab4.active .sectionab4_lunbo{-webkit-animation: bounceInBottom 2.5s;}

/*覆盖*/
.sectionab5{width: 100%;height: auto;overflow: hidden; background-color:#fff; }
.sectionab5_bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.sectionab5.active .section4_bg .bubble1{position:absolute;left:-2%; top: -5%;border: 1px solid #cbdced; width: 50%; padding-top: 50%; transition:all 3s; border-radius:50%;}
.sectionab5.active .section4_bg .bubble2{position:absolute;left:-7%; top: -20%;border: 1px solid #cbdced; width: 65%; padding-top: 65%; transition:all 2.5s; border-radius:50%;}
.sectionab5.active .section4_bg .bubble3{position:absolute;left:-12%; top: -30%;border: 1px solid #cbdced; width: 80%; padding-top: 80%; transition:all 2s; border-radius:50%;}

.sectionab5.active .section4_right_en{-webkit-animation: bounceInBottom 2s;}
.sectionab5.active .section4_right_title{-webkit-animation: bounceInBottom 2.5s;}
.sectionab5.active .section4_right_con{-webkit-animation: bounceInBottom 3s;}



.sectionab6{width: 100%;height: auto;overflow: hidden; background: url("../img/images/bg1.jpg") no-repeat left top; background-size:100% auto;}
.sectionab6.active .swiper-container{-webkit-animation: bounceInBottom 2.3s;}
.sectionab6.active .section6_foot{-webkit-animation: bounceInBottom 2.3s;}
.sectionab6.active .section6_foot_slogan{-webkit-animation: bounceInBottom 2.6s;}
.sectionab6.active .foot_logo{-webkit-animation: bounceInBottom 2.7s;}
.sectionab6.active .foot_tel{-webkit-animation: bounceInBottom 2.8s;}
.sectionab6.active .section6_foot_center_c{-webkit-animation: bounceInRight 3s;}
.sectionab6.active .footer_r_er{-webkit-animation: bounceInBottom 3s;}
.sectionab6.active .footer_top_t{-webkit-animation: bounceInBottom 3.2s;}

.sectionab7{width: 100%;height: auto;overflow: hidden; background: url("../img/images/about1.jpg") no-repeat left top; background-size:100% auto;}
.sectionab7_menu{ width:auto; height: auto; overflow:hidden; position:absolute; top:25%; left:5%; line-height:60px; font-size:50px; color:#333; font-family:microsoft yahei;}
.sectionab7_con{ width:100%; height: auto; overflow:hidden; position:absolute; top:40vh; left:0%; text-align:center;}
.sectionab7.active .sectionab7_menu{-webkit-animation: bounceInTop 2s;}
.sectionab7.active .sectionab7_con{-webkit-animation: bounceInBottom 2.5s;}
.sectionab7 .box{ width:20%; height:60px; overflow:hidden; display:inline-block; margin:20px 1.5%; background-color:rgba(46,82,174,0.5); border-radius:30px; -moz-box-shadow:0px 0px 20px #d2decb; -webkit-box-shadow:0px 0px 20px #d2decb; box-shadow:0px 0px 20px #d2decb; transition:all 0.4s;}
.sectionab7 .box .zi{ width:100%; height:60px; overflow:hidden; margin:0 auto; background: url("../img/images/right.png") no-repeat 95% center; background-size:auto 70%; line-height:60px; font-size:30px; color:#fff; font-family:microsoft yahei;}
.sectionab7 .box:hover{ width:20%; height:60px; overflow:hidden; display:inline-block; margin:20px 1.5%; background-color:rgba(46,82,174,0.9); border-radius:30px; -moz-box-shadow:0px 0px 20px #d2decb; -webkit-box-shadow:0px 0px 20px #d2decb; box-shadow:0px 0px 20px #d2decb; transition:all 0.4s;}



/*foot*/
.footer{width:100%; height:auto; overflow:hidden; background: url(../img/images/bg3.jpg) no-repeat center top;}
.footer .top{ height:150px; overflow:hidden; margin:0 auto; text-align:left; background: url(../img/images/t5.png) no-repeat left center;}
.footer .center{ width: 100%; overflow:hidden; margin:0 auto; padding:60px 0; text-align:center;}
.footer .center .left{ width:35%; height: auto; margin:0 auto; float: left;}
.footer .center .left .add{ width:100%; height: auto; margin: 0 auto; font-size:14px; color:#fff; font-family:microsoft yahei; line-height:2; text-align:left; background: url(../img/images/t7.png) no-repeat left 20%; text-indent: 2em;}
.footer .center .left .add:nth-child(2){ width:100%; height: auto; margin: 0 auto; font-size:14px; color:#fff; font-family:microsoft yahei; line-height:2; text-align:left; background: url(../img/images/t8.png) no-repeat left 20%; text-indent: 2em;}
.footer .center .left .add:nth-child(3){ width:100%; height: auto; margin: 0 auto; font-size:14px; color:#fff; font-family:microsoft yahei; line-height:2; text-align:left; background: url(../img/images/t9.png) no-repeat left 20%; text-indent: 2em;}
.footer .center .zhong{ width:40%; height: auto; margin:0 auto; float: left;}
.footer .center .zhong .one{width:33%; height:auto; overflow:hidden; margin:0px auto; float:left;}
.footer .center .zhong .one .sortName{width:auto; overflow:hidden;}
.footer .center .zhong .one .sortName a{color:#fff; text-decoration:none;font-size: 18px;color: #fff;}
.footer .center .zhong .one .list{padding-top:20px;}
.footer .center .zhong .one .list ul{list-style:none;}
.footer .center .zhong .one .list ul li{width:100%;overflow:hidden; line-height:30px;}
.footer .center .zhong .one .list ul li a{color:#fff;text-decoration:none;font-size: 16px;}
.footer .center .zhong .one .list ul li a:hover{color: #333;}
.footer .center .right{ width:25%; height: auto; margin:0 auto; float: left;}
.footer .center .right .tel{ width:65%; height: auto; overflow: hidden; margin:0 auto; background: url(../img/images/t6.png) no-repeat left center;}
.footer .center .right .tel .l2{ width:100%; height: auto; margin:0 auto 0 25%; float: left; font-size:28px; color:#fff; font-family:Arial; line-height:1.3; text-align:left; font-weight:bold;}
.footer .center .right .tel .l3{ width:100%; height: auto; margin:0 auto 0 25%; float: left; font-size:12px; color:#fff; font-family:microsoft yahei; line-height:1.3; text-align:left;}
.footer .center .right .erbox{ width:65%; height: auto; margin:30px auto 0 auto; overflow: hidden;}
.footer .center .right .erbox .er{ width:45%; height: auto; margin:0 2.5%; float: left;}
.footer .center .right .erbox .er .img{ width:100%; height:120px; display:block; overflow:hidden; background-color:#fff; margin-bottom:5px;}
.footer .center .right .erbox .er img{ width:95%; height:110px; margin:5px auto; }
.footer .center .right .erbox .er .title{ width:95%; height:auto; font-size:14px; color:#fff; font-family:microsoft yahei; line-height:1.5; text-align:center;}

.footer .copy{ width:100%; height:80px; overflow:hidden; font-size:14px; color:#fff; font-family:microsoft yahei; line-height:80px; text-align:left;}
.footer .copy a{ color:#fff; float: right;}

/**内页**/
.commbanner{ width:100%; height:auto; overflow:hidden; position:relative;}
.commbanner .title{ overflow:hidden; position:absolute; top:35%; left:23%; line-height:1.5; font-size:48px; color:#fff; font-family:microsoft yahei; text-align:left;}
.commbanner .en{overflow:hidden; line-height:1.5; font-size:24px; color:#fff; font-family: Arial; text-align:left;}
/*nav_one*/
.nei_nav{ width:100%; height:auto; overflow:hidden; margin:0 auto; background:#006cb8; text-align:center; font-size: 16px;}
.nei_nav a{ width:auto; height:auto; overflow:hidden; margin:0 auto;  font-size:16px; color:#fff; font-family:microsoft yahei; line-height:65px; text-align:center; }
.nei_nav a:hover{ width:auto; height:auto; overflow:hidden; margin:0 auto;  font-size:16px; color:#fff; font-family:microsoft yahei; line-height:65px; text-align:center; }
.nei_nav a.curr{ width:auto; height:auto; overflow:hidden; margin:0 auto; font-size:16px; color:#fff; font-family:microsoft yahei; line-height:65px; text-align:center; }

.pmain_bg{ width:100%; height:auto; margin:0 auto; overflow:hidden;}
.pmain{ width:94%; margin:0 auto; overflow:hidden; padding: 50px 0;}
.pmain .nei_navtitle{ width:100%; height:auto; overflow:hidden; margin:0 auto 50px auto;}
.pmain .nei_navtitle .en{ width:100%; height:auto; overflow:hidden; margin:0 auto; position:relative; line-height:1; font-size:50px; color:#333; font-family:Arial; text-align:center;}
.pmain .nei_navtitle .cn{ width:100%; height:auto; overflow:hidden; margin:-30px auto 0 auto; position:relative; line-height:1; font-size:36px; color:#333; text-align:center; font-weight:bold;}
.pmain .nei_navtitle .cn span{color:#2e52ae;}
.pmain .nei_navtitle .heng{ width:20px; height:4px; overflow:hidden; margin:10px auto; position:relative; background:#2e52ae;}

/*内页底部*/
.footer_n{width:100%; height:550px; margin:0 auto; overflow:hidden; position:relative;}
.footer_n .section6_foot{width:100%; height:100%;}

/*产品展示当前位置*/
.where{ width:92%; height:auto; margin:0 auto; overflow:hidden;}
.where_left{ width:100%; height:25px; line-height:25px; text-align:left; color:#666; font-size:14px; font-family:"microsoft yahei"; padding-top:15px;}
.where_right{ width:100%; height:auto; overflow:hidden;}
.neinav_box{ width:auto; height:50px; overflow:hidden; border-bottom:2px solid #fff; float:left; font-size:22px; color:#333; font-family:"microsoft yahei"; text-align:center; line-height:50px; margin:70px 60px 30px 0;}
.neinav_box:hover{width:auto; height:50px; overflow:hidden; border-bottom:2px solid #2e52ae; float:left; font-size:22px; color:#2e52ae; font-family:"microsoft yahei"; text-align:center; line-height:50px; margin:70px 60px 30px 0;}
.neinav_box_a{width:auto; height:50px; overflow:hidden; border-bottom:2px solid #2e52ae; float:left; font-size:22px; color:#2e52ae; font-family:"microsoft yahei"; text-align:center; line-height:50px; margin:70px 60px 30px 0;}
.neinav_box_a:hover{width:auto; height:50px; overflow:hidden; border-bottom:2px solid #2e52ae; float:left; font-size:22px; color:#2e52ae; font-family:"microsoft yahei"; text-align:center; line-height:50px; margin:70px 60px 30px 0;}

.wherepro_bg{ width:100%;height: 100px; background-color:#2e52ae; margin:0 auto; text-align:center;}
.wherepro_box{ width:auto; height:95px; overflow:hidden; display:inline-block; font-size:18px; color:#fff; font-family:"microsoft yahei"; text-align:center; line-height:95px; margin:0 60px; border-bottom:4px solid #2e52ae;}
.wherepro_box:hover{ border-bottom:4px solid #44c9d1;}
.wherepro_box_a{width:auto; height:95px; overflow:hidden; display:inline-block; border-bottom:4px solid #44c9d1; font-size:18px; color:#fff; font-family:"microsoft yahei"; text-align:center;  line-height:95px; margin:0 60px;}
.wherepro_box_a:hover{width:auto; height:95px; overflow:hidden; display:inline-block; border-bottom:4px solid #44c9d1; font-size:18px; color:#fff; font-family:"microsoft yahei"; text-align:center;  line-height:95px; margin:0 60px;}


/*product*/
.pro_list{ width:100%; height:auto; min-height:500px; overflow:hidden; margin:0 auto;}
.pro_list .pcworks_box{ width:49%; height:400px; float:left; margin:1% 0 1% 2%; background:#e8ecf9;}
.pro_list .pcworks_box:nth-child(2n){ width:49%; height:400px; float:left; margin:1% 0 1% 2%; background:#f5dce4;}
.pro_list .pcworks_box:nth-child(3n){ width:49%; height:400px; float:left; margin:1% 0 1% 2%; background:#dceff5;}

.pcworks_top{ width:35%; height:340px;  margin:30px 5% 0 10%; float:left;}
.pcworks_top img{ width:84%; height:auto; transition: all 0.5s;}
.pcworks_box:hover .pcworks_top img{ width:84%; height:auto; height:auto; transition: all 0.5s;transform:scale(1.1) ;}
.pcworks_con{ width:45%; height:auto; overflow:hidden; margin:40px auto 0 auto; float:left;}
.pcworks_title{ width:100%; height:35px; overflow:hidden; margin:30% auto 0 auto; line-height:35px; color:#333; font-size:25px; font-family:"Source";}
.pcworks_content{ width:100%; height:auto; max-height:75px; overflow:hidden; margin:5px auto; line-height:25px; color:#666; font-size:16px; font-family:"Source";}
.pcworks_into{ width:100%; height:40px; overflow:hidden; margin:20px auto 0 0; line-height:40px; color:#333; font-size:16px; font-family:"Source";}
.pcworks_box:hover .pcworks_into{ width:140px; height:40px; overflow:hidden; margin:20px auto 0 0; line-height:40px; color:#f08519; font-size:16px; font-family:"Source";}
/*news*/
.new_list{ width:100%; height:auto; min-height:500px; overflow:hidden; margin:0 auto;}
.new_list .box{ width:31%; height:auto; margin:130px 3.5% 50px  auto;  float:left; position:relative; z-index:1;}
.new_list a:nth-child(3n) .box{ width:31%; height:auto; margin:130px auto 50px auto;  float:left; position:relative; z-index:1;}
.new_list .box .pic{ width:100%; height:370px; overflow:hidden; margin:-130px auto 0 auto; position:relative; z-index:10;}
.new_list .box .pic img{ width:100%; height:370px; overflow:hidden; margin:0 auto; transition:all 0.4s; border-radius: 15px;}
.new_list .box:hover .pic img{ width:100%; height:370px; transition:all 0.4s; transform:scale(1.05);}
.new_list .box .title{ width:94%; height:auto; overflow:hidden; margin:20px auto 0 auto; font-size:22px; color:#191919; font-family:microsoft yahei; text-align:left; line-height:1.5;}
.new_list .box:hover .title{width:94%; height:auto; overflow:hidden; margin:20px auto 0 auto; font-size:22px; color:#0993cd; font-family:microsoft yahei; text-align:left; line-height:1.5;}
.new_list .box .intro{ width:94%; height:auto; overflow:hidden; margin:0 auto; font-size:16px; color:#666; font-family:microsoft yahei; text-align:left; line-height:1.6;}
.new_list .box .more{ width:94%; height:auto; overflow:hidden; margin:30px auto;background: url(../img/images/t3.png) no-repeat 40px center;}
.new_list .box .more .times{ width:auto; height:auto; overflow:hidden; margin:0 auto; float: right; font-size:14px; color:#333; font-family:Arial; text-align:right; line-height:1.6;}
.new_list .box .more .mos{ width:auto; height:auto; overflow:hidden; margin:0 auto; float:left;  font-size:14px; color:#333; font-family:microsoft yahei; text-align:left; font-weight: bold; line-height:1.5;}
.new_list .box:hover .more .mos{ color:#0993cd;}
.new_list .new_more{ width:180px; height:50px; overflow:hidden; clear:both; border-radius:25px; background-color:#006cb8; margin:30px auto 0 auto; font-size:20px; color:#fff; font-family:Arial; text-align:left; text-indent:2em; line-height:50px; position:relative;}


/*infor*/
.infor{ width:90%; height:auto; margin:0 auto;}
.case_one{ width:100%; height:auto; overflow:hidden; margin:0 auto; padding:100px 0; background-color:#fff;}
.case_two{ width:100%; height:auto; overflow:hidden; margin:0 auto; padding:100px 0; background-color:#f9f9f9;}
.case_menu{ width:100%; height:auto; overflow:hidden; margin:0 auto; line-height:60px; color:#333; font-size:50px; font-family:"Source"; position:relative;}
.case_menu p{float:right; font-size:18px; color:#999; line-height:30px;}
.case_menu_y{ position:absolute; width:22px; height:22px; border:1px solid #999; border-radius:50%; top:3px; right:7%; transition:all 0.5s;}
.case_menu_h{ position:absolute; width:45px; height:1px; background-color:#999; top:14px; right:5%;}
.case_menu:hover .case_menu p{color:#2e52ae;}
.case_menu:hover .case_menu_y{border:1px solid #2e52ae; right:8%; transition:all 0.5s;}
.case_menu:hover .case_menu_h{background-color:#2e52ae;}
.case_box{ width:100%; height:auto; overflow:hidden; margin:40px auto 0 auto;}
.box_one{ width:50%; height:430px; overflow:hidden; float:left;}
.box_one img{ width:100%; height:430px;}
.box_two{ width:24%; height:430px; overflow:hidden; float:left; background-color:#f9f9f9; margin:0 auto 0 1%; position:relative;}
.box_two_title{ width:90%; height:auto; overflow:hidden; margin:12% auto 0 auto; line-height:30px; color:#333; font-size:24px; font-family:"Source";}
.box_two_time{ width:90%; height:auto; overflow:hidden; position:absolute; bottom:10%; left:5%; line-height:30px; color:#333; font-size:16px; font-family: "Arial"; text-align:left;}
.box_two_time p{line-height:30px; color:#333; font-size:16px; font-family: "Source"; text-align:right; float:right;}
.box_two:hover .box_two_title{ color:#2e52ae;}
.box_two:hover .box_two_time p{ color:#2e52ae;}

.jieda{ width:50%; height:auto; overflow:hidden; margin:0 auto; float:left;}

.case_box .lis{width:99%; height:110px; overflow:hidden; background: #fff url(../img/images/jt.png) no-repeat 96% center; float: left; border-bottom:1px solid #dfe1e1; transition:all 0.5s;}
.case_box .lis:hover{background: #2e52ae url(../img/images/jt1.png) no-repeat 96% center; color: #fff; transition:all 0.5s;}
.case_box .lis.active{background: #2e52ae url(../img/images/jt1.png) no-repeat 96% center; color: #fff; border-bottom:0;-moz-box-shadow:0px 10px 40px #2e52ae; -webkit-box-shadow:0px 10px 40px #2e52ae; box-shadow:0px 10px 40px #2e52ae; transition:all 0.5s;}
.case_box .lis .t{width: 10%; height:auto; overflow:hidden;float: left; font-size:75px; color:#3e504a; line-height:110px; font-weight:bold; font-family:Arial;}
.case_box .lis .t1{width: 80%; height:auto; overflow:hidden;float: left; font-size:18px; color:#3e504a; line-height:110px; font-family:"Source"; border-right:1px solid #dfe1e1;}
.case_box .lis:hover .t{width: 10%; height:auto; overflow:hidden;float: left; font-size:75px; color:#fff; line-height:110px; font-weight:bold; font-family:Arial;}
.case_box .lis:hover .t1{width: 80%; height:auto; overflow:hidden;float: left; font-size:18px; color:#fff; line-height:110px; font-family:"Source"; border-right:1px solid #fff;}
.case_box .lis.active .t{width: 10%; height:auto; overflow:hidden;float: left; font-size:75px; color:#fff; line-height:110px; font-weight:bold; font-family:Arial;}
.case_box .lis.active .t1{width: 80%; height:auto; overflow:hidden;float: left; font-size:18px; color:#fff; line-height:110px; font-family:"Source"; border-right:1px solid #fff;}

.case_box .sublis{ width:99%; height:auto; overflow:hidden; display: none; border-bottom:1px solid #dfe1e1; background-color:#fff;}
.case_box .sublis.active{/*display: block;*/}
.case_box .sublis  .t2{width: 10%; height:auto; overflow:hidden;float: left; font-size:75px; color:#2e52ae; line-height:110px; font-weight:bold; font-family:Arial;}
.case_box .sublis  .t3{width: 85%; height:auto; overflow:hidden;float: left; font-size:18px; color:#666; line-height:35px; font-family:"Source"; padding:30px 0 15px 0;}
.case_box .sublis  .td:hover{background-color: #565656;}

/*one*/
.one_nei{ width:100%; height:auto; min-height:500px; overflow:hidden; margin:0 auto; line-height:2; color: #333;}
.one_nei .shutong{text-align: center !important; font-size: 28px !important;}
.one_nei .video{ width:100%; height:auto; margin:50px auto; overflow:hidden; text-align:center;}
.one_nei #slider{ width:100%; height:auto;}

/*view*/
.view_nei{ width:99%; height:auto; min-height:400px; overflow:hidden; margin:0 auto; float:left; border:1px solid #eeeeee;}
.view_newhead{ width:94%; height:auto; overflow:hidden; margin:20px auto;}
.view_newhead .news_view_title{ width:100%; height:auto; overflow:hidden; margin:0 auto; line-height:1.6; font-size:32px; color:#333; text-align:center; font-weight:bold;}
.view_newhead .news_view_title .subtitle{ width:100%; height:auto; overflow:hidden; margin:0 auto; line-height:1.5; font-size:18px; color:#888; text-align:center; font-weight:bold;}
.view_newhead .news_view_wrap{ width:100%; height:auto; overflow:hidden; margin:0 auto; line-height:1.6; font-size:14px; color:#999; text-align:center;}
.news_view{ width:94%; height:auto; overflow:hidden; margin:0 auto;}
.news_view .news_txt{ width:100%; height:auto; overflow:hidden; margin:0 auto; min-height:500px;}
.news_view .load{ width:8%; height:30px; overflow:hidden; float:left; margin:14px auto 0 auto; border-radius:5px; font-size:14px; color:#fff; background-color:#02346c; font-family:microsoft yahei; line-height:30px; text-align:center;}
.news_view .load:hover{ width:8%; height:30px; overflow:hidden; float:left; margin:14px auto 0 auto; border-radius:5px; font-size:14px; color:#02346c; background-color:#dddddd; font-family:microsoft yahei; line-height:30px; text-align:center;}

.view-page{ width:94%; height:auto; overflow:hidden; margin:20px auto;}
.view-page .span1{ width:48%; height:auto; overflow:hidden; float:left; font-size:16px; color:#666; text-align:left;}
.view-page .span2{ width:48%; height:auto; overflow:hidden; float:right; font-size:16px; color:#666; text-align:left;}
/*contact*/
.contact_two{ width:100%; height:auto; overflow:hidden; margin:120px auto 100px auto;}
.contact_two_ul{ width:33%; height:auto; overflow:hidden; float:left;}
.contact_two_ul:nth-child(2){ width:28%; height:auto; overflow:hidden; padding-left:5%; float:left;background:url(../img/images/contact1.png) no-repeat left top; background-size:70px 70px;}
.contact_two .hot_title{ width:100%; height:auto; overflow:hidden; font-size:30px; color:#2e52ae; line-height:45px; font-family:"Source";}
.contact_two .hot_title p{ font-size:15px; color:#333; line-height:25px; font-family:"Source";}
.contact_two .hot_line{ width:100%; height:auto; overflow:hidden; background:url(../img/images/contact3.png) no-repeat left center; font-size:28px; color:#12a09d; line-height:35px; font-family: Arial; font-weight:bold; text-indent:1.5em; margin-top:30px;}
.contact_two .er{width:120px; height:auto; overflow:hidden; float:right; margin:0 20px;}
.contact_two .er_img{ width:120px; height:120px; overflow:hidden;}
.contact_two .er_img img{ width:120px; height:120px;}
.contact_two .er_title{ width:120px; height:auto; overflow:hidden; color:#333; font-size:14px; line-height:30px; font-family:"microsoft yahei"; text-align:center;}
.contact_stree{ width:100%; height:auto; overflow:hidden; margin:0 auto 100px auto;}
.contact_l{ width:16%; height:655px; overflow:hidden; float:left; background:#2e52ae url(../img/images/contact4.png) no-repeat left top;}
.contact_l_title{ width:auto; height:auto; overflow:hidden; margin:75px auto 0 10%; color:#fff; font-size:42px; line-height:45px; font-family: Arial; font-weight:bold;}
.contact_l_title p{color:#fff; font-size:26px; line-height:45px; font-family: "Source";}
.contact_r{ width:84%; height:655px; overflow:hidden; float:left; background-color:#f9f9f9;}
.contact_r_box{ width:60%; height:auto; overflow:hidden; float:left; margin:0 2% 0 6%;}


.messages .nei_navtitle{ width:50%; height:auto; overflow:hidden; margin:0 auto; float:left; position:relative;}
.messages .nei_navtitle .en{ width:100%; height:auto; overflow:hidden; position: absolute; left:0; top:90px; line-height:1.3; font-size:42px; color:#12a09d; font-family:Arial; font-weight:bold; text-align:left; opacity:0.1;}
.messages .nei_navtitle .cn{ width:100%; height:auto; overflow:hidden; margin:40px auto 0 auto; position:relative; line-height:1.3; font-size:42px; color:#12a09d; text-align:left; font-weight:bold;}
.messages .nei_navtitle .heng{ width:40px; height:4px; overflow:hidden; margin:10px auto 0 0; position:relative; background:#12a09d;}
.messages .nei_navtitle .con{ width:80%; height:auto; overflow:hidden; margin:100px auto 0 0; position:relative; line-height:2; text-align:left; font-family:microsoft yahei;}
.messages .right{ width:50%; height:auto; overflow:hidden; margin:0 auto 0 auto; float:left;}
.messages .right .box{ width:97%; height:auto; overflow:hidden; margin:0 auto 20px auto; padding:0 1%; }
.messages .right .box .title{ width:100%; height:auto; overflow:hidden; margin:10px auto; font-size:18px; color:#000; font-family:microsoft yahie; line-height:1.5; text-align:left;}
.messages .right input{ width:70%; height:50px; overflow:hidden; margin:10px auto; padding:0 3%; border:0; background:none; font-size:16px; color:#666; font-family:microsoft yahie; line-height:50px; text-align:left; border-radius:5px; border:1px solid #ededed;}

.messages .right textarea{ width:72%; height:70px; overflow:hidden; margin:0 auto; padding:2%;background:none; font-size:16px; color:#666; font-family:microsoft yahie; line-height:25px; text-align:left; border-radius:5px; border:1px solid #ededed;}
.messages .right .an{ width:160px; height:50px; overflow:hidden; display:inline-block; border-radius:25px; background-color:#12a09d; font-size:18px; color:#fff; font-family:microsoft yahie; line-height:50px; text-align:center; cursor:pointer;}
.messages ::placeholder {
	color: #999;
	}

/*sea*/
.ullist{ width:100%; height:auto; overflow:hidden; margin:100px auto 0 auto;}
.ullist li { width:100%; height:35px; overflow:hidden; line-height:35px; color:#333; font-size: 16px; border-bottom:1px dashed #dedede;}
.ullist li span{color:#999; float:right;}
.ullist li:hover{ width:100%; height:35px; overflow:hidden; line-height:35px; color:#02346c;}

.pmain-pos{ padding-bottom:10px; line-height:20px; color:#999; border-bottom:2px #cad1dc solid;}
.pmain-pos .t{ float:left; font-size:18px; color:#282828; position:relative; padding-left:20px;}
.pmain-pos .t:before{ content:''; background:#0099ff; width:6px; height:18px; position:absolute; left:0; top:3px; border-radius:3px;}

.pnews-detail .title{ text-align:center; padding:25px 0; border-bottom:1px #e3e3e3 solid;}
.pnews-detail .title .t{ font-size:21px; color:#0066cc;}
.pnews-detail .title .c{ color:#999; margin-top:15px; position:relative; }
.pnews-detail .title .c span{ padding:0 15px;}
.pnews-detail .aside{ padding:28px 0; color:#000; line-height:30px;}
.pnews-detail .aside table{ margin:auto; }
.pnews-detail .aside p{ padding:10px 0px; text-indent: 2em;  }
.pnews-detail .aside p img{ max-width:100%; }
.pnews-detail .nNext{ padding:28px 0; line-height:25px; border-top:1px #ccc dashed;}
.pnews-detail .nNext .fl, .pnews-detail .nNext .fr{ max-width:50%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.pnews-detail .nNext .btn{ background:#f0f0f0; display:inline-block; padding:0 2px; vertical-align:top; margin-right:5px; color:#000;}
.pnews-detail .nNext a{ display:inline-block;}

.ptech-floor{ padding:20px 0 40px 0;}
.ptech-item{ width:655px;}
.ptech-item .news-list{ margin-top:15px; width:100%;}
.ptech-item .news-list .n-item .c{ margin-top:5px;}
.ptech-itemDes{ margin-top:21px;}
.ptech-itemDes .aImg img{ width:206px; height:165px; display:block; border:1px #ebebeb dashed;}
.ptech-itemDes .aList{ width:433px;}
.ptech-itemDes .aList li{ height:28px; line-height:28px; overflow:hidden; vertical-align:middle; position:relative; padding-left:15px;}
.ptech-itemDes .aList li span{ float:right; color:#999;}
.ptech-itemDes .aList li:before{content:''; height:4px; width:4px; display:block; border:2px solid #333; border-left-width:0; border-top-width:0; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); position:absolute; top:12px; left:0;}


.site-map dl{padding:10px 0;border-bottom:1px dashed #ddd;}
.site-map dt{font-size:16px;line-height:30px;font-weight:bold;}
.site-map dd{overflow:hidden;}
.site-map dd span{display:block;margin-right:10px;float:left;}
.site-map dd span a:after{content:"|";color:#ddd;margin-left:10px;}
.site-map dd span:last-child a:after{content:"";}
.site-map dd p{overflow:hidden;}
.site-map dd strong{display:block;color:#999;}

/**手机导航**/
.menuBtn { background:#1286d5; width:47px; height:47px; position:absolute; right:0; top:12px; z-index: 1100; cursor: pointer; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; display:none;}
.menuBtn .burger {  background:#fff; width:28px; height:3px; display: block; position: absolute; z-index: 5; top: 13px; left: 50%; margin: 0px 0px 0px -14px; border-radius:3px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; -webkit-transition: all .6s cubic-bezier(0.245, 0.145, 1.355, 1); -moz-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1); -o-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1); -ms-transition: all .6s cubic-bezier(0.445, 1.045, 0.355, 1); transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1);}
.menuBtn .burger-2 { top:23px; }
.menuBtn .burger-3 { top:33px; }
.menuBtn.active .burger-1 { top: 22px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.menuBtn.active .burger-2 { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; }
.menuBtn.active .burger-3 { top: 22px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }

.menuMobileBox { position: fixed; left: 0px; top: 0%; width: 100%; height: 0%; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; z-index: 10006; background-color: #fff; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; }
.menuclose { width: 48px; height: 48px; display: block; position: absolute; right:0; top:0; cursor: pointer; }
.menuclose:hover { background-color:#1286d5; }
.menuclose:hover i { background-color: #fff; }
.menuclose i { width: 30px; height: 2px; background-color: #060606; position: absolute; left: 9px; top: 24px; }
.menuclose .i1 { -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.menuclose .i2 { -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }

.navMobile { padding:70px 0 40px 0; }
.navMobile dd { display: block; width: 100%; text-align: center; }
.navMobile dd p a { display:block; text-transform: uppercase; font-size:17px; position: relative; padding:7px 0; transition: 600ms ease 350ms; -webkit-transition: 600ms ease 350ms; opacity: 0; }
.navMobile dd p a.cur, .navMobile dd p a:hover { background:#1286d5; color: #fff; }
.navMobile dd .msubnav { background-color: #fafafa; display: none; padding: 10px 0px; }
.navMobile dd .msubnav a { display: block; font-size: 16px; padding: 5px 0px; color: #8d8d8d; position: relative;  }
.navMobile dd .msubnav a:hover{ color:#1286d5;}

.open .menuMobileBox{ height: 100%;}
.open .navMobile dd p a{opacity: 1;}

/*分页*/
.page{ clear:both;width:100%;line-height:30px;text-align:center;border-top:none;padding:0 0 50px 0; margin:50px auto 0px;font-size: 14px;}
.pagination { width:auto;  margin:0 auto;}
.pagination li {display: inline-block;margin-right: 5px; padding: 1px 6px;background: #fff; color:#006cb7; font-size:16px;min-width:18px;text-align: center; border:1px solid #006cb7; border-radius:5px;}
.pagination li.active {background: #006cb7;color: #fff;}
.pagination li a {display: block;text-align: center; color:#006cb7;}

@media screen and (max-width:1600px){
/*网站顶部*/

.contionera {width: 100%; height:auto; margin:0 auto; position: relative; }
.wapper{ width:100%; height:auto; position:relative; z-index:1; overflow:hidden; margin:0 auto; background: url(../img/images/bg1.jpg);}
/*header*/
.head{width: 100%;height:auto;position: fixed;top:0;left: 0;z-index: 98; display:block;}
.headn{width: 100%;height:auto;position: fixed;top:0;left: 0;z-index: 98; background-color:rgba(5,108,210,0.77);}
.header{ width:100%; height:90px; overflow:hidden; margin:0 auto; display:block;}
.header_left{ width:350px; height:90px; float:left; margin-left:4%; position:absolute; top:20px; z-index:101;}
.header_logo{width:165px; height:65px; overflow:hidden; float:left; background: url("../img/images/logoa.png") no-repeat center;}
.header_menu{width:auto; height:24px; overflow:hidden; display: flex; float:left; margin:30px auto 0 80px;}

.header_menu .line-box{
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: middle;
	position: relative;
	width: 24px;
	height: 12px;
	transition: width .2s;
}
.header_menu .txt{
	line-height: 24px;
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: middle;
	font-size:14px;
	margin-left: 7px;
	color: #000;
	font-family: "Arial";
	transition: all .2s;}

.header_menu .line-box .line{
	position: absolute;
	left: 0;
	width: 24px;
	height: 3px;
	background-color: #000;
	transform-origin: center center;
	margin: 0;
	transition: all .2s;
}
.header_menu .line-box .line:nth-child(1){
	top: 0;
}
.header_menu .line-box .line:last-child{
	bottom: 0;
}
.header_menu.cur .line-box .line:nth-child(1){
	top: 50%;
	margin-top: -1.5px;
	transform: rotate(45deg);
}
.header_menu.cur .line-box .line:nth-child(2){
	bottom: 50%;
	margin-bottom: -1.5px;
	transform: rotate(-45deg);
}
.header_menu:hover .txt{
        color: #2e52ae;
    }
.header_menu:hover .line-box .line{
        background-color: #2e52ae;
    }
	
	
.header_home{width:auto; height:24px; overflow:hidden; background: url("../img/images/home.png") no-repeat left center; position:absolute; line-height:24px; font-size:14px; color:#333; text-indent:30px; top:50px; left:420px;}
.header_home:hover{width:auto; height:24px; overflow:hidden; background: url("../img/images/homea.png") no-repeat left center; position:absolute; line-height:24px; font-size:14px; color:#2e52ae; text-indent:30px; top:50px; left:420px;}

.nav{ width:auto; height:auto; margin:30px 5% 0 auto; overflow:hidden; position:absolute; top:120px; left:15%;}
.nav_box{ width:auto; height:auto; overflow:hidden; margin:0 auto 30px auto;}
.nav_b{ width:100%; height:auto; overflow:hidden; margin-bottom:10px; line-height:1.5; font-family:microsoft yahei; color:#333; font-size:32px;}
.nav_b:hover{ width:100%; height:auto; overflow:hidden; line-height:1.5; font-family:microsoft yahei; color:#2e52ae; font-size:32px;}
.nav_c{ width:100%; height:30px; overflow:hidden;}
.nav_c_l{ width:auto; height:30px; overflow:hidden; float:left; margin-right:30px;  line-height:30px; font-family:microsoft yahei; color:#333; font-size:14px;}
.nav_c_l:hover{ width:auto; height:30px; overflow:hidden; float:left; margin-right:30px;  line-height:30px; font-family:microsoft yahei; color:#2e52ae; font-size:14px;}

.header_right{ width:30%; height:40px; float:right; margin:50px 2% 0 auto;}
.header_zi{ width:auto; height:40px; float:right; margin:0 10px; padding:0 10px; background-color:rgba(0,0,0,0.2); line-height:40px; text-align:center; font-size:14px; font-family:"Arial"; color:#fff; border-radius:10px; transition:all 0.5s;}
.header_box{ width:40px; height:40px; float:right; margin:0 10px; background-color:rgba(0,0,0,0.2); line-height:40px; text-align:center; font-size:14px; font-family:"Arial"; color:#fff; border-radius:50%; transition:all 0.5s;}
.header_box img{width:16px; height:16px;}
.header_box:hover{ width:40px; height:40px; float:right; margin:0 10px; background-color:rgba(46,82,174,1); line-height:40px; text-align:center; font-size:14px; font-family:"Arial"; color:#fff; border-radius:50%; transition:all 0.5s;}

.menu_open{ width:90%; height:100vh; overflow:hidden; background: url("../img/images/menubg.png") no-repeat left top; background-size:100% auto; display:none; position:absolute; top:0; left:0;animation: myMove 1s; -webkit-animation: myMove 1s;}


@keyframes myMove {
        0% {
			opacity: 0;
            width: 0%;
        }

        100% {
			opacity: 1;
            width: 90%;
        }
    }

@-webkit-keyframes myMove {
        0% {
			opacity: 0;
            width: 0%;
        }

        100% {
			opacity: 1;
            width: 90%;
        }
    }


.headers{width:100%; height:1rem; background-size:100%; position:fixed; top:0; z-index:98; display:none;}
.navb{width: 100%; height:100vh; position: fixed; top:0;  background: url(../img/images/about1.jpg) no-repeat center top; background-size:auto 100%;z-index: 99; animation: mymenu 0.5s; -webkit-animation: mymenu 0.5s; display:none;}

.navb .menu { width:50%; height:auto; overflow:hidden; position:absolute; left:5%; top:10%;}
.navb li { width:100%; height:50px; overflow:hidden;color: #333; font-size:22px; font-family:"Source";line-height:50px;}
.navb li>a {line-height: 50px; color: #333; font-size:22px; font-family:"Source";}
.close { width:10%; height:50px;float: right;margin:20px 20px 0 auto;cursor: pointer; text-align:center;}
.fontc { width:60%;height:50px; line-height:50px;font-weight: bold;margin-left: 30px; font-size:18px; float:left;}
@keyframes mymenu {
        0% {
			 top:0%;
			 left:50%;
			opacity: 0;
            width: 0%;
			border-radius:50%;
        }

        100% {
			 top:0;
			 left:0;
			opacity: 1;
            width: 100%;
        }
    }

    @-webkit-keyframes mymenu {
        0% {
			 top:0%;
			 left:50%;
			opacity: 0;
            width: 0%;
			border-radius:50%;
        }

        100% {
			 top:0;
			 left:0;
			opacity: 1;
            width: 100%;
        }
    }

	
.section1{width: 100%;height: auto;overflow: hidden; }
#pcbanner{ display:none;}
#mbanner{ display:none;}

.search{ width:100%; height:20%; overflow:hidden; position:fixed; z-index:99; top:-20%; left:0; transition: all 0.5s; background-color:rgba(46,82,174,0.2);}
.search.curr{ width:100%; height:20%; overflow:hidden; position:fixed; z-index:99; top:0; left:0; transition: all 0.5s; background-color:rgba(46,82,174,0.8);}
.search .box{ width:400px; height:50px; overflow:hidden; position: absolute; top:40%; left:40%;}
.search .search_left{ width:300px; height:30px; float:left; background:#fff; border:1px solid #dedede; line-height:30px; color:#333; font-size:16px; font-family:"Source"; border-radius:20px;padding:5px 20px;}
.search .search_right{ width:40px; height:40px; float:right;}
.search .close{ width:40px; height:40px; overflow:hidden; border-radius:50%; background:#fff url(../img/sidebar-close11.png) no-repeat center; background-size:60%; position: absolute; top:5%; right:2%;}


/*about*/
.section2{width: 100%;height: auto;overflow: hidden; background: url(../img/images/bg1.jpg) left top; }
.section2_bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.section2_bg .bubble{position: absolute;border-radius: 100%;animation:spin 8s infinite linear;transform-origin: 50% 45%;}
.section2_bg .bubble:nth-child(2n){animation:spin2 8s infinite linear;}
.section2_bg .sm-bubble{transform-origin: 30% 30px;}
.section2_bg .bg-bubble{transform-origin: 50% 50%;}

@keyframes spin{
    to{transform: rotate(1turn);}
}
@keyframes spin2{
    to{transform: rotate(-1turn);}
}
.section2_bg .bubble1{
	left: -3.9%;
	top: -14.125%;
	width: 18%;
	padding-top: 10%;
	background-color: #f0f9fa;
	opacity: 1;
	filter: alpha(opacity=100);
}

.section2_bg .bubble2{
	left: 7.5%;
	top: 20%;
	width: 70px;
	height: 70px;
	background-color: #f0f2f2;
	z-index: 3;
}

.section2_bg .bubble3{
	left: 15.625%;
	top: 16%;
	border: 1px solid #87dff5;
	width: 72px;
	height: 72px;
}
.section2_bg .bubble4{
	left: 37%;
	bottom: 10%;
	background:url(../img/images/t3.png) no-repeat;
	background-size:cover;
	width: 25%;
	padding-top: 25%;
}
.section2_bg .bubble5{
	left: 30.1%;
	top: 39.0625%;
	background-color: #87dff5;
	opacity: 1;
	width: 10px;
	height: 10px;
}
.section2_bg .bubble6{
	width: 56.77%;
	padding-top: 56.77%;
	left: -28.3854%;
	top: 35.48%;
	background: -webkit-linear-gradient(left, rgba(247,247,247,1),rgba(247,247,247,.1) 100%);
	background: -ms-linear-gradient(left, rgba(247,247,247,1),rgba(247,247,247,.1) 100%);
	background: linear-gradient(left, rgba(247,247,247,1),rgba(247,247,247,.1) 100%);
}

.section2_bg .bubble7{
	width: 13%;
	padding-top: 13%;
	left: -6.5%;
	top: 45.3125%;
	border:1px solid #ddd;
}
.section2_bg .bubble8{
	width: 72px;
	height: 72px;
	left: -1.875%;
	top: 82.3%;
	border:1px solid #87dff5;
}
.section2_bg .bubble9{
	width: 10px;
	padding-top: 10px;
	left: 8.33%;
	top: 41%;
	background-color: rgba(135,223,245,1);
}
.section2_bg .bubble10{
	width: 6px;
	padding-top: 6px;
	left: 11.67%;
	top: 50%;
	background-color: rgba(135,223,245,1);
}
.section2_bg .bubble11{
	right: -1.9%;
	top: -9.125%;
	width: 18%;
	padding-top: 12%;
	background-color: #f0f9fa;
	opacity: 1;
	filter: alpha(opacity=100);
}
.section2_bg .bubble12{
	position: absolute;
	width: 25%;
	padding-top: 30%;
	border:1px solid #ddd;
	right: -15%;
	bottom: -20%;
}

.section2_title{ position:absolute; top:16%; left:0; width:100%; }
.section2_title .wrap-inner{
	overflow: hidden;
}
.section2_title .title-canvas
{
	transform:translateY(100%);
}
.section2_title .m-tit{
	display: block;
		font-size: 60px;
		line-height: 80px;
		color: #333;
		text-align: center;
		letter-spacing: 4px;
		padding-left: 4px;
		 font-weight:bold;
		-webkit-background-clip: text;
	    background-clip: text;
	    -webkit-text-fill-color: transparent;
	    -webkit-animation: aitf 10s linear infinite;
	    -webkit-transform: translate3d(0, 0, 0);
	    -webkit-backface-visibility: hidden;
	    background-image: url("../img/images/p2c.jpg");
	    background-position: 60% 15%;
	    background-repeat: no-repeat;
		
}
@-webkit-keyframes aitf {
  0% {
    background-position: 50% center;
  }
  25% {
    background-position: 60% center;
  }
  50% {
    background-position: 50% center;
  }
  75% {
    background-position: 40% center;
  }
  100% {
    background-position: 50% center;
  }
}
.section2_title .gupiao{
	display: block;
		font-size: 36px;
		line-height: 80px;
		color: #747474;
		text-align: center;
}
.section2_con{ position:absolute; top:48%; left:0; width:100%; overflow:hidden; text-align:center; }
.section2_con_box{width:25%; height:auto; overflow:hidden; display:inline-block; margin:0 3%; cursor:pointer;}
.section2_con_t{width:100%; height:auto; overflow:hidden; font-size: 110px; line-height: 1.2; color: #333; text-align: center; font-family:microsoft yahei; transition:all 0.5s;}
.section2_con_t span{font-size: 26px; line-height: 40px; color: #333; font-family:microsoft yahei;}
.section2_con_d{width:100%; height:auto; overflow:hidden; margin:50px auto 0 auto; font-size:22px; line-height:1.5; color: #333; font-family:microsoft yahei;}

.section2_con_box:hover .section2_con_t{width:100%; height:auto; overflow:hidden; font-size: 110px; line-height: 1.2; color: #2e52ae; text-align: center; font-family:microsoft yahei; transition:all 0.5s;}
.section2.active .wrap-inner{-webkit-animation: bounceInBottom 2s; }
.section2.active .gupiao{-webkit-animation: bounceInBottom 2.5s;}
.section2.active .section2_con_t{-webkit-animation: bounceInBottom 2s;}
.section2.active .section2_con_d{-webkit-animation: bounceInBottom 2.5s;}


/*brand*/
.section3{width: 100%;height: auto;overflow: hidden;}
.section3_box1{position: relative; width:39%; height:100%; float:left; overflow:hidden; background-color:#e8ecf9;}
.section3_box1:after {
        position: absolute;
        content: '';
        width: 40%;
        height: 110%;
        background: #fffafd;
        top: -5%;
        right: -20%;
        border-radius: 50%;
      }
.section3_box2{position: relative; width:33%; height:100%;float:left; overflow:hidden; background-color:#f9fcff;}
.section3_box2:after {
        position: absolute;
        content: '';
        width: 40%;
        height: 110%;
        background: #dceff5;
        top: -5%;
        right: -20%;
        border-radius: 50%;
      }
.section3_box3{position: relative; width:28%; height:100%;float:left; overflow:hidden; background-color:#dceff5;}
.section3_cp{ width:70%; height:auto; overflow:hidden; margin:25% auto 0 5%;}
.section3_cp2{ width:83%; height:auto; overflow:hidden; margin:29.5% auto 0 -10%;}
.section3_cp3{ width:98%; height:auto; overflow:hidden; margin:35% auto 0 -5%;}
.section3_cp_t{ width:100%; height:auto; overflow:hidden; margin:0 auto; line-height:60px; font-family:microsoft yahei; color:#333; font-size:36px; text-align:center;transition:all 0.5s;}
.section3_cp_m{ width:100%; height:auto; overflow:hidden; margin:40px auto 70px auto; line-height:30px; font-family:microsoft yahei; color:#333; font-size:16px; text-align:center;}
.section3_cp_pic{ width:100%; height:auto; overflow:hidden; margin:0 auto; text-align:center;}
.section3_cp_pic img{ width:75%; height:auto;}

.section3.active .section3_cp_t{-webkit-animation: bounceInTop 2s; }
.section3.active .section3_cp_m{-webkit-animation: bounceInBottom 2.5s; }
.section3.active .section3_cp_pic img{-webkit-animation: bounceInLeft 3s; }

.section3_box1:hover .section3_cp_t{color: #2e52ae; transition:all 0.5s;}
.section3_box2:hover .section3_cp_t{color: #2e52ae; transition:all 0.5s;}
.section3_box3:hover .section3_cp_t{color: #2e52ae; transition:all 0.5s;}

.section3_box1:hover .section3_cp_pic{-webkit-animation: propic 1.5s linear infinite;}
.section3_box2:hover .section3_cp_pic{-webkit-animation: propic 1.5s linear infinite;}
.section3_box3:hover .section3_cp_pic{-webkit-animation: propic 1.5s linear infinite;}
@-webkit-keyframes propic {
  0% {
	padding-top:0;
  }
  50% {
    padding-top:10px;
  }
  100% {
    padding-top:0;
  }
}


@keyframes joins {
        0%{ width:68px; height:68px; top:16px; left:16px; background-color:rgba(76,109,205,0.6); }
        100%{ width:100px; height:100px; top:0; left:0; background-color:rgba(76,109,205,0); }
    }
@keyframes joins1 {
        0%{ width:68px; height:68px; top:16px; left:16px; background-color:rgba(76,109,205,0.6); }
        100%{ width:88px; height:88px; top:6px; left:6px; background-color:rgba(76,109,205,0); }
    }
	
@keyframes joins2 {
        0%{ width:68px; height:68px; top:16px; left:16px; background-color:rgba(30,191,226,0.6); }
        100%{ width:100px; height:100px; top:0; left:0; background-color:rgba(30,191,226,0); }
    }
@keyframes joins3 {
        0%{ width:68px; height:68px; top:16px; left:16px; background-color:rgba(30,191,226,0.6); }
        100%{ width:88px; height:88px; top:6px; left:6px; background-color:rgba(30,191,226,0); }
    }

@keyframes joins4 {
        0%{ width:68px; height:68px; top:16px; left:16px; background-color:rgba(24,71,180,0.6); }
        100%{ width:100px; height:100px; top:0; left:0; background-color:rgba(24,71,180,0); }
    }
@keyframes joins5 {
        0%{ width:68px; height:68px; top:16px; left:16px; background-color:rgba(24,71,180,0.6); }
        100%{ width:88px; height:88px; top:6px; left:6px; background-color:rgba(24,71,180,0); }
    }

/*zongh*/
.section4{width: 100%;height: auto;overflow: hidden; background: url(../img/images/bg1.jpg) left top; }
.section4_bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.section4_bg .bubble1{position:absolute; left:-5%; top: -5%; border: 1px solid #cbdced; width: 0%; padding-top: 0%; transition:all 2s; border-radius:50%;}
.section4.active .section4_bg .bubble1{position:absolute;left:-2%; top: -5%;border: 1px solid #cbdced; width: 50%; padding-top: 50%; transition:all 3s; border-radius:50%;}
.section4_bg .bubble2{position:absolute; left:-12.5%; top: -20%; border: 1px solid #cbdced; width: 0%; padding-top: 0%; transition:all 1.5s; border-radius:50%;}
.section4.active .section4_bg .bubble2{position:absolute;left:-7%; top: -20%;border: 1px solid #cbdced; width: 65%; padding-top: 65%; transition:all 2.5s; border-radius:50%;}
.section4_bg .bubble3{position:absolute; left:-20%; top: -30%; border: 1px solid #cbdced; width: 0%; padding-top: 0%; transition:all 1s; border-radius:50%;}
.section4.active .section4_bg .bubble3{position:absolute;left:-12%; top: -30%;border: 1px solid #cbdced; width: 80%; padding-top: 80%; transition:all 2s; border-radius:50%;}
.section4_map{ width:auto; height:auto; max-width:47vw; text-align:center; position:absolute; top:25%; left:2%;}
.section4_map img{ width:auto; height:auto; max-width:47vw; transition:all 1s;}
.section4.active .section4_map img{ width:100%; height:auto; max-width:47vw; transition:all 2.5s; }
.section4_bg .bubble1 .yuan{position:absolute; right:12%; top: 20%;}
.section4_bg .bubble1 .yuan:nth-child(2){position:absolute; right:5%; top: 50%;}
.section4_bg .bubble1 .yuan:nth-child(3){position:absolute; right:18%; top: 78%;}
.section4_bg .bubble1 .yuan:nth-child(4){position:absolute; right:85%; top: 85%;}
.section4_bg .bubble2 .yuan{position:absolute; right:7%; top:62%;}
.section4_bg .bubble1 .yuan .pic{ width:100px; height:100px; border-radius:50%; position:absolute; top:0; left:0; animation:joins 2s infinite linear; transform-origin: 50% 50%;}
.section4_bg .bubble1 .yuan .pic2{ width:88px; height:88px; border-radius:50%; position:absolute; top:0; left:0; animation:joins1 2s infinite linear; animation-delay:0.5s;  transform-origin: 50% 50%;}
.section4_bg .bubble1 .yuan .pic3{ width:68px; height:68px; position:absolute; top:16px; left:16px; background-color:#4c6dcd; border-radius:50%; text-align:center; font-size: 24px; color: #fff; line-height: 68px;}

.section4_bg .bubble1 .yuan:nth-child(2) .pic{ width:100px; height:100px; border-radius:50%; position:absolute; top:0; left:0; animation:joins2 2s infinite linear; transform-origin: 50% 50%;}
.section4_bg .bubble1 .yuan:nth-child(2) .pic2{ width:88px; height:88px; border-radius:50%; position:absolute; top:0; left:0; animation:joins3 2s infinite linear; animation-delay:0.5s;  transform-origin: 50% 50%;}
.section4_bg .bubble1 .yuan:nth-child(2) .pic3{ width:68px; height:68px; position:absolute; top:16px; left:16px; background-color:#1ebfe2; border-radius:50%; text-align:center; font-size: 24px; color: #fff; line-height: 68px;}

.section4_bg .bubble1 .yuan:nth-child(4) .pic{ width:100px; height:100px; border-radius:50%; position:absolute; top:0; left:0; animation:joins4 2s infinite linear; transform-origin: 50% 50%;}
.section4_bg .bubble1 .yuan:nth-child(4) .pic2{ width:88px; height:88px; border-radius:50%; position:absolute; top:0; left:0; animation:joins5 2s infinite linear; animation-delay:0.5s;  transform-origin: 50% 50%;}
.section4_bg .bubble1 .yuan:nth-child(4) .pic3{ width:68px; height:68px; position:absolute; top:16px; left:16px; background-color:#1847b4; border-radius:50%; text-align:center; font-size: 24px; color: #fff; line-height: 68px;}

.section4_bg .bubble2 .yuan .pic{ width:100px; height:100px; border-radius:50%; position:absolute; top:0; left:0; animation:joins4 2s infinite linear; transform-origin: 50% 50%;}
.section4_bg .bubble2 .yuan .pic2{ width:88px; height:88px; border-radius:50%; position:absolute; top:0; left:0; animation:joins5 2s infinite linear; animation-delay:0.5s;  transform-origin: 50% 50%;}
.section4_bg .bubble2 .yuan .pic3{ width:68px; height:68px; position:absolute; top:16px; left:16px; background-color:#1847b4; border-radius:50%; text-align:center; font-size: 24px; color: #fff; line-height: 68px;}

.section4_right{ width:30%; height:auto; overflow:hidden; position:absolute; top:28%; right:10%;}
.section4_right_en{ width:80%; height:auto; overflow:hidden; margin:0 0 0 auto; line-height:1.5; font-family:Arial; color:#2e52ae; font-size:38px; text-align:right;}
.section4_right_title{ width:100%; height:auto; overflow:hidden; margin:20px auto; line-height:40px; font-family:microsoft yahei; color:#333; font-size:32px; text-align:right;}
.section4_right_con{ width:100%; height:auto; overflow:hidden; margin:30px auto 0 auto; line-height:25px; font-family:microsoft yahei; color:#333; font-size:16px; text-align:right;}

.section4 .swiper-container{width:100%; height:auto; margin:0 auto; position:relative;}
.section4 .swiper-wrapper{ width:100%; margin:0 auto;}
.section4 .swiper-slide{ width:100%; height:100%; overflow:hidden; position:relative; text-align:center;}
.section4 .swiper-slide img{ width:100%; height:100%;}
.section4 .swiper_btnz{position: absolute;top: 55%;width: 48px;height: 48px; right:-100px;background: url(../img/images/nei_left.png) 0 0 no-repeat; background-size:cover; display: block;z-index:10;}
.section4 .swiper_btny{position: absolute;top: 55%;width: 48px;height: 48px; right:-160px;background: url(../img/images/nei_right.png) 0 0 no-repeat; background-size:cover; display: block;z-index:10;}

.section4.active .section4_right_en{-webkit-animation: bounceInBottom 2s;}
.section4.active .section4_right_title{-webkit-animation: bounceInBottom 2.5s;}
.section4.active .section4_right_con{-webkit-animation: bounceInBottom 3s;}


.section5{width: 100%;height: auto;overflow: hidden; background: url(../img/images/bg1.jpg) left top; }
.section5_bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.section5_bg .bubble{position: absolute;border-radius: 100%;animation:spin 8s infinite linear;transform-origin: 50% 45%;}
.section5_bg .bubble:nth-child(2n){animation:spin2 8s infinite linear;}
.section5_bg .sm-bubble{transform-origin: 30% 30px;}
.section5_bg .bg-bubble{transform-origin: 50% 50%;}


.section5_bg .bubble3{
	right: -5%;
	bottom: 5%;
	border: 1px solid #87dff5;
	width: 10%;
	padding-top: 10%;
}
.section5_bg .bubble5{
	left: 30.1%;
	top: 39.0625%;
	background-color: #f0f9fa;
	opacity: 1;
	width: 10px;
	height: 10px;
}
.section5_bg .bubble6{
	width: 15.77%;
	padding-top: 15.77%;
	left: -5.3854%;
	bottom: -10%;
	background-color: #f0f9fa;
}

.section5_bg .bubble9{
	width: 25px;
	padding-top: 25px;
	left: 50.33%;
	bottom: 5%;
	background-color: rgba(243,250,240,1);
}
.section5_bg .bubble10{
	width: 8px;
	padding-top: 8px;
	left: 55.67%;
	bottom: 13%;
	background-color: rgba(243,250,240,1);
}
.section5_bg .bubble11{
	right: -1.9%;
	top: -9.125%;
	width: 18%;
	padding-top: 12%;
	background-color: #f0f9fa;
	opacity: 1;
	filter: alpha(opacity=100);
}
.section5_menu{ width:100%; height:auto; overflow:hidden; position:absolute; top:11%; left:0; font-size:42px; line-height:70px; color:#333; text-align:center;}
.section5_down{ width:100%; height:auto; overflow:hidden; position:absolute; top:24%; left:0; text-align:center; display:block;}
.section5_downm{ width:100%; height:auto; overflow:hidden; position:absolute; top:24%; left:0; text-align:center; display:none;}
.section5_down_box{ width:29%; height:auto; overflow:hidden; margin:0 1.5%; display:inline-block;}
.section5_down_box_img{ width:100%; height:300px; overflow:hidden;}
.section5_down_box_img img{ width:100%; height:auto; transition:all 0.5s;}
.section5_down_box_title{ width:100%; height:40px; overflow:hidden; margin:30px auto 0 auto; font-size:22px; line-height:40px; color:#333; text-align:left;}
.section5_down_box_con{ width:100%; height:30px; overflow:hidden; margin:10px auto; font-size:16px; line-height:30px; color:#666; text-align:left;}
.section5_down_box_b{ width:100%; height:30px; overflow:hidden; margin:10px auto; font-size:14px; line-height:30px; color:#666; position:relative; text-align:left;}
.section5_down_box_b p{float:right; font-size:14px; line-height:30px;}
.section5_down_box_y{ position:absolute; width:22px; height:22px; border:1px solid #666; border-radius:50%; top:3px; right:26%; transition:all 0.5s;}
.section5_down_box_h{ position:absolute; width:45px; height:1px; background-color:#666; top:14px; right:20%;}
.section5_down_box:hover .section5_down_box_img img{ width:100%; height:auto; transform:scale(1.1); transition:all 0.5s;}
.section5_down_box:hover .section5_down_box_title{color:#2e52ae;}
.section5_down_box:hover .section5_down_box_b{color:#2e52ae;}
.section5_down_box:hover .section5_down_box_y{border:1px solid #2e52ae; right:28%; transition:all 0.5s;}
.section5_down_box:hover .section5_down_box_h{background-color:#2e52ae;}

.section5.active .section5_menu{-webkit-animation: bounceInBottom 2s;}
.section5.active .section5_down_box{-webkit-animation: bounceInBottom 2.5s;}
.section5.active .section5_down_box_title{-webkit-animation: bounceInBottom 3s;}
.section5.active .section5_down_box_con{-webkit-animation: bounceInBottom 3s;}
.section5.active .section5_down_box_b{-webkit-animation: bounceInBottom 3s;}
.section5.active .section5_more{-webkit-animation: bounceInBottom 4s;}
.section5_more{ width:179px; height:46px; overflow:hidden; background:url(../img/images/t7.png) no-repeat center; position:absolute; bottom:5%; left:45%; font-size:16px; line-height:46px; color:#fff; text-indent:40px;}

/*video*/
.section6{width: 100%;height: auto;overflow: hidden; background-color:#fff;}
.section6 .swiper-container{width:90%; height:110px; position:absolute; top:10%; left:5%; margin:0 auto;}
.section6 .swiper-wrapper{ width:90%; margin:0 auto; display:block;}
.section6 .swiper-slide{ width:100%; height:100%; overflow:hidden; position:relative; text-align:center;}
.section6 .swiper-slide img{ width:100%; height:100% ;}


.section6 .swiper-paginationin{ height:10px; overflow:hidden; position:absolute; right:0px; bottom:10px !important; left:0 !important; margin:auto; z-index:1; text-align:center; }
.section6 .swiper-paginationin span{ display:inline-block;width:10px; border-radius:100%; height:10px; background:#dbdbdb; cursor:pointer; vertical-align:top; margin:0 4px;opacity:0.9 !important;}
.section6 .swiper-paginationin span.swiper-pagination-bullet-active{ background-color:#999;opacity:1 !important;}
.section6 .swiper_btnz{position: absolute;top: 45%;width: 48px;height: 48px; left:0;background: url(../img/images/left.png) 0 0 no-repeat;display: block;z-index:10;}
.section6 .swiper_btny{position: absolute;top: 45%;width: 48px;height: 48px; right:0;background: url(../img/images/right.png) 0 0 no-repeat;display: block;z-index:10;}

.links_box{ width:238px; height:108px; overflow:hidden; border:1px solid #e5e5e5; float:left; margin:0 10px;}
.links_box img{ width:auto; height:auto; max-width:238px; max-height:98px; margin:5px auto;}

.section6_foot{ width:100%; height:65%; overflow:hidden; position:absolute; bottom:0; left:0;}
.section6_foot_top{ width:100%; height:88%; overflow:hidden; background-color:#323338;}
.section6_foot_slogan{ width:100%; height:100px; overflow:hidden; border-bottom:1px solid #47484c; line-height:100px; font-family:"Source"; font-weight:400; font-size:38px; color:#e0e0e0; text-align:center;}
.section6_foot_center{ width:94%; height:auto; overflow:hidden; margin:25px auto 0 auto;}
.section6_foot_center_l{ width:20%; height:auto; overflow:hidden; float:left;}
.foot_logo{ width:100%; height:58px; overflow:hidden; margin-bottom:30px; background:url(../img/images/logo.png) no-repeat left center; background-size:auto 100%;}
.foot_tel{ width:auto; height:auto; overflow:hidden; margin-bottom: 15px; line-height:30px; font-family:"microsoft yahei"; font-size:14px; color:#b0b0b0; background:url(../img/images/t8.png) no-repeat left center; background-size:auto 30px; padding-left: 35px;}
.foot_tel:nth-child(3){ width:auto; height:auto; overflow:hidden; line-height:30px; font-family:"microsoft yahei"; font-size:14px; color:#b0b0b0; background:url(../img/images/t9.png) no-repeat left center; background-size:auto 30px; padding-left: 35px;}
.foot_tel:nth-child(4){ width:auto; height:auto; overflow:hidden; line-height:30px; font-family:"microsoft yahei"; font-size:14px; color:#b0b0b0; background:url(../img/images/t10.png) no-repeat left top; background-size:auto 30px; padding-left: 35px;}
.section6_foot_center_c{ width:42%; height:auto; overflow:hidden; float:left; margin:0 5%;}
.footer_c_box{ width:18%; height:auto; overflow:hidden; margin:0 1%; float:left;}
.footer_c_box_t{ width:100%; height:auto; overflow:hidden; color:#fff; font-size:16px; line-height:40px; font-family:"microsoft yahei";} 
.footer_c_box_li{ width:100%; height:auto; overflow:hidden; color:#b0b0b0; font-size:14px; line-height:30px; font-family:"microsoft yahei";} 
.footer_c_box_li:hover{ color:#2e52ae;} 
.section6_foot_center_r{ width:28%; height:auto; overflow:hidden; float:left;}
.footer_r_er{ width:120px; height:auto; overflow:hidden; float:left;}
.footer_r_er_img{ width:120px; height:120px; overflow:hidden;}
.footer_r_er_img img{ width:120px; height:120px;}
.footer_r_title{ width:120px; height:auto; overflow:hidden; color:#fff; font-size:16px; line-height:30px; font-family:"microsoft yahei"; text-align:center;}
.footer_top_t{ width:70%; height:auto; overflow:hidden; margin:0 auto; float:right;}
.footer_top_t_l{ width:22px; height:auto; overflow:hidden; background:url(../img/images/tel.png) no-repeat center top; margin:0 auto; writing-mode:tb-rl; text-align:justify; padding-top:28px; color:#a0a1a2; font-family:"microsoft yahei"; line-height:22px; font-size:14px; float:left;}
.footer_top_t_r{ width:85%; height:auto; overflow:hidden;float:left; margin:0 auto 0 20px;}
.footer_top_t_r_a{width:auto; height:auto; overflow:hidden; color:#d8d8d9; font-family:"microsoft yahei"; line-height:20px; font-size:15px;}
.footer_top_t_r_b{width:auto; height:auto; overflow:hidden; color:#fff; font-family:"Arial"; line-height:40px; font-size:26px; font-weight:bold;}
.footer_top_t_r_c{width:auto; height:auto; overflow:hidden; color:#adadaf; font-family:"microsoft yahei"; line-height:25px; font-size:14px;}


.section6_foot_down{ width:90%; height:9%; overflow:hidden; padding:1.5% 5%; background-color:#28292e; font-size:14px; color:#7e7f82; text-align:left;}
.section6_foot_down p{float:right; font-size:14px;}
.section6_foot_down p a{color:#7e7f82;}

.section6.active .swiper-container{-webkit-animation: bounceInBottom 2.3s;}
.section6.active .section6_foot{-webkit-animation: bounceInBottom 2.3s;}
.section6.active .section6_foot_slogan{-webkit-animation: bounceInBottom 2.6s;}
.section6.active .foot_logo{-webkit-animation: bounceInBottom 2.7s;}
.section6.active .foot_tel{-webkit-animation: bounceInBottom 2.8s;}
.section6.active .section6_foot_center_c{-webkit-animation: bounceInRight 3s;}
.section6.active .footer_r_er{-webkit-animation: bounceInBottom 3s;}
.section6.active .footer_top_t{-webkit-animation: bounceInBottom 3.2s;}



.touchsliderindex .touchslider-item .pic{width: 100%;height:100%;overflow: hidden;}
.touchsliderindex,.touchsliderindex .touchslider-viewport,.touchsliderindex .touchslider-item,.touchsliderindex .touchslider-item .pic{height: 100%;}
.touchsliderindex .pic img{width: 100%;height:100%;display: none;}
.touchsliderindex .touchslider-navtag{position:absolute; bottom:50%; text-align:center; width:100%; z-index: 99;}
.touchsliderindex .touchslider-navtag .touchslider-prev{ width:48px; height:48px; background:url("../img/images/trrleft.png") no-repeat center; float:left; margin-left:7%; cursor:pointer;}
.touchsliderindex .touchslider-navtag .touchslider-next{ width:48px; height:48px; background:url("../img/images/trrright.png") no-repeat center; float:right; margin-right:7%; cursor:pointer;}
.touchsliderindex .touchslider-navtag .wk{height: 36px;}
.touchsliderindex .touchslider-nav-item{display:inline-block;border-radius: 5px;width: 5px; height: 5px;background: #cac5c8;}
.touchsliderindex .touchslider-nav-item-current{background-color: #074349;}
.touchsliderindex .touchslider-item.active .pwk p{opacity: 1; -webkit-animation: fadeInUp .7s ease-in-out both; animation: fadeInUp .7s ease-in-out both; -webkit-animation-delay: 1.2s; animation-delay: 1.2s; }

/*--about--*/
.sectionab1{width: 100%;height: auto;overflow: hidden; background: url(../img/images/bg2.jpg) left top; background-size: cover; }
.nei_about{ width:85%; height:auto; overflow:hidden; position:absolute; top:25%; left:7.5%;}
.nei_about_l{ width:45%; height:auto; overflow:hidden; float:left; margin:0 5% 0 auto;}
.nei_about_l_title{ width:100%; height:auto; overflow:hidden; color:#2e52ae; line-height:70px; font-size:42px; font-family:microsoft yahei;}
.nei_about_l_gupiao{ width:100%; height:auto; overflow:hidden; color:#666; line-height:40px; font-size:24px; font-family:microsoft yahei; margin:20px auto;}
.nei_about_l_con{ width:100%; height:auto; overflow:hidden; color:#333; line-height:30px; font-size:16px; font-family:microsoft yahei; margin:20px auto 0 auto;}
.nei_about_l_down{ width:100%; height:auto; overflow:hidden; margin:70px auto 0 auto;}
.nei_about_l_box{ width:auto; height:80px; overflow:hidden; float:left; margin:0 30px 0 auto;}
.nei_about_l_box_l{ width:80px; height:80px; overflow:hidden; float:left; margin:0 20px 0 auto;}
.nei_about_l_box_t{ width:auto; height:auto; overflow:hidden; float:left; margin:20px 20px 0 auto; color:#2e52ae; line-height:30px; font-size:22px; font-family:microsoft yahei;}
.nei_about_l_box_t p{color:#2e52ae; line-height:30px; font-size:16px; font-family:microsoft yahei;}

.nei_about_r{ width:50%; height:auto; overflow:hidden; float:right; margin:0 auto;display: block;}
.nei_about_r .videolist img{ height:45vh;}
.nei_about_r .videolist video{ height:45vh;}
.nei_about_rm .videolist img{ height:35vh;}
.nei_about_rm .videolist video{ height:35vh;}
.nei_about_rm{ width:100%; height:auto; overflow:hidden; float:right; margin:0 auto; display:none; }
.sectionab1.active .nei_about_l_title{-webkit-animation: bounceInBottom 2s;}
.sectionab1.active .nei_about_l_gupiao{-webkit-animation: bounceInBottom 2.2s;}
.sectionab1.active .nei_about_l_con{-webkit-animation: bounceInBottom 2.4s;}
.sectionab1.active .nei_about_l_down{-webkit-animation: bounceInBottom 2.6s;}
.sectionab1.active .nei_about_r{-webkit-animation: bounceInRight 2.5s;}


/*about*/
.sectionab2{width: 100%;height: auto;overflow: hidden; background: url("../img/images/bg2.jpg") no-repeat left top; background-size:100% auto;}
.sectionab2 .bubble{position: absolute;border-radius: 100%;transform-origin: 50% 45%;}
.sectionab2 .bubble1{
	left: -3.9%;
	top: -14.125%;
	width: 18%;
	padding-top: 10%;
	background-color: #f0f9fa;
	opacity: 1;
	filter: alpha(opacity=100);
}
.sectionab2 .bubble2{
	position: absolute;
	width: 37%;
	padding-top: 46%;
	background:url(../img/images/about4.jpg) no-repeat;
	background-size:cover;
	right: 0;
	top: -45%;
}
.sectionab2_menu{ width:auto; height: auto; overflow:hidden; position:absolute; top:25%; left:5%; line-height:60px; font-size:50px; color:#2e52ae; font-family:microsoft yahei;}
.sectionab2_lunbo{ width:100%; height:auto; overflow:hidden; position:absolute; bottom:5%; left:0; display:block;}
.sectionab2_lunbom{ width:80%; height:auto; overflow:hidden; position:absolute; bottom:5%; left:10%; display:none; text-align:center !important;}
.sectionab2_lunbo .swiper-container{width:100%; height:80%; overflow:hidden; margin:0 auto;}
.sectionab2_lunbo .swiper-wrapper{ width:100%; margin:0 auto;}
.sectionab2_lunbo .swiper-slide{ width:100%; height:100%; overflow:hidden; position:relative; text-align:center;}
.sectionab2_lunbo .swiper-slide img{ width:100%; height:100% ;}


.sectionab2_lunbo .swiper-paginationin{ height:10px; overflow:hidden; position:absolute; right:0px; bottom:10px !important; left:0 !important; margin:auto; z-index:1; text-align:center; }
.sectionab2_lunbo .swiper-paginationin span{ display:inline-block;width:10px; border-radius:100%; height:10px; background:#dbdbdb; cursor:pointer; vertical-align:top; margin:0 4px;opacity:0.9 !important;}
.sectionab2_lunbo .swiper-paginationin span.swiper-pagination-bullet-active{ background-color:#999;opacity:1 !important;}
.sectionab2_lunbo .swiper_btnz{position: absolute;top: 80%;width: 55px;height: 55px; left:10%;background: url(../img/images/nei_left.png) 0 0 no-repeat;display: block;z-index:10;}
.sectionab2_lunbo .swiper_btny{position: absolute;top: 80%;width: 55px;height: 55px; left:14%;background: url(../img/images/nei_right.png) 0 0 no-repeat;display: block;z-index:10;}
.sectionab2.active .sectionab2_menu{-webkit-animation: bounceInTop 2s;}
.sectionab2.active .sectionab2_lunbo{-webkit-animation: bounceInBottom 2.5s;}


/*组织*/
.sectionab3{width: 100%;height: auto;overflow: hidden; background: url("../img/images/bg2.jpg") no-repeat left top; background-size:100% auto;}
.sectionab3_menu{ width:auto; height: auto; overflow:hidden; position:absolute; top:25%; left:5%; line-height:60px; font-size:50px; color:#fff; font-family:microsoft yahei;}
.sectionab3_con{ width:100%; height: auto; overflow:hidden; position:absolute; top:5%; left:0%; text-align:center;}
.sectionab3_con img{ width:auto; height: auto; max-width:80%; max-height: 90vh;}
.sectionab3.active .sectionab3_menu{-webkit-animation: bounceInTop 2s;}
.sectionab3.active .sectionab3_con{-webkit-animation: bounceInBottom 2.5s;}


/*资质*/
.sectionab4{width: 100%;height: auto;overflow: hidden; background: url("../img/images/bg1.jpg") no-repeat left top; background-size:100% auto;}
.sectionab4_menu{ width:auto; height: auto; overflow:hidden; position:absolute; top:20%; left:5%; line-height:60px; font-size:42px; color:#333; font-family:microsoft yahei;}
.sectionab4_lunbo{ width:94%; height:auto; overflow:hidden; position:absolute; bottom:20%; left:3%;}
.sectionab4_lunbo .swiper-container{width:100%; height:100%; overflow:hidden; margin:0 auto;}
.sectionab4_lunbo .swiper-wrapper{ width:88%; margin:0 auto;}
.sectionab4_lunbo .swiper-slide{ width:100%; height:100%; overflow:hidden; position:relative; text-align:center;}
.sectionab4_lunbo .swiper-slide img{ width:100%; height:100% ;}

.sectionab4_lunbo .swiper-paginationin{ height:10px; overflow:hidden; position:absolute; right:0px; bottom:10px !important; left:0 !important; margin:auto; z-index:1; text-align:center; }
.sectionab4_lunbo .swiper-paginationin span{ display:inline-block;width:10px; border-radius:100%; height:10px; background:#dbdbdb; cursor:pointer; vertical-align:top; margin:0 4px;opacity:0.9 !important;}
.sectionab4_lunbo .swiper-paginationin span.swiper-pagination-bullet-active{ background-color:#999;opacity:1 !important;}
.sectionab4_lunbo .swiper_btnz{position: absolute;top: 40%;width: 100px;height: 100px; left:0%;background: url(../img/images/nei_left.png) 0 0 no-repeat;display: block;z-index:10;}
.sectionab4_lunbo .swiper_btny{position: absolute;top: 40%;width: 100px;height: 100px; right:0%;background: url(../img/images/nei_right.png) 0 0 no-repeat;display: block;z-index:10;}
.hoor_box{ width:310px; height:220px; overflow:hidden; float:left; margin:0 15px;}
.hoor_box img{ width:100%; height:auto; transition:all 0.5s;}
.hoor_box:hover .hoor_box img{width:100%; height:auto; transform:scale(1.1); transition:all 0.5s;}
.sectionab4.active .sectionab4_menu{-webkit-animation: bounceInTop 2s;}
.sectionab4.active .sectionab4_lunbo{-webkit-animation: bounceInBottom 2.5s;}

/*覆盖*/
.sectionab5{width: 100%;height: auto;overflow: hidden; background-color:#fff; }
.sectionab5_bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.sectionab5.active .section4_bg .bubble1{position:absolute;left:-2%; top: -5%;border: 1px solid #cbdced; width: 50%; padding-top: 50%; transition:all 3s; border-radius:50%;}
.sectionab5.active .section4_bg .bubble2{position:absolute;left:-7%; top: -20%;border: 1px solid #cbdced; width: 65%; padding-top: 65%; transition:all 2.5s; border-radius:50%;}
.sectionab5.active .section4_bg .bubble3{position:absolute;left:-12%; top: -30%;border: 1px solid #cbdced; width: 80%; padding-top: 80%; transition:all 2s; border-radius:50%;}

.sectionab5.active .section4_right_en{-webkit-animation: bounceInBottom 2s;}
.sectionab5.active .section4_right_title{-webkit-animation: bounceInBottom 2.5s;}
.sectionab5.active .section4_right_con{-webkit-animation: bounceInBottom 3s;}



.sectionab6{width: 100%;height: auto;overflow: hidden; background: url("../img/images/bg1.jpg") no-repeat left top; background-size:100% auto;}
.sectionab6.active .swiper-container{-webkit-animation: bounceInBottom 2.3s;}
.sectionab6.active .section6_foot{-webkit-animation: bounceInBottom 2.3s;}
.sectionab6.active .section6_foot_slogan{-webkit-animation: bounceInBottom 2.6s;}
.sectionab6.active .foot_logo{-webkit-animation: bounceInBottom 2.7s;}
.sectionab6.active .foot_tel{-webkit-animation: bounceInBottom 2.8s;}
.sectionab6.active .section6_foot_center_c{-webkit-animation: bounceInRight 3s;}
.sectionab6.active .footer_r_er{-webkit-animation: bounceInBottom 3s;}
.sectionab6.active .footer_top_t{-webkit-animation: bounceInBottom 3.2s;}

.sectionab7{width: 100%;height: auto;overflow: hidden; background: url("../img/images/about1.jpg") no-repeat left top; background-size:100% auto;}
.sectionab7_menu{ width:auto; height: auto; overflow:hidden; position:absolute; top:25%; left:5%; line-height:60px; font-size:50px; color:#333; font-family:microsoft yahei;}
.sectionab7_con{ width:100%; height: auto; overflow:hidden; position:absolute; top:40vh; left:0%; text-align:center;}
.sectionab7.active .sectionab7_menu{-webkit-animation: bounceInTop 2s;}
.sectionab7.active .sectionab7_con{-webkit-animation: bounceInBottom 2.5s;}
.sectionab7 .box{ width:20%; height:60px; overflow:hidden; display:inline-block; margin:20px 1.5%; background-color:rgba(46,82,174,0.5); border-radius:30px; -moz-box-shadow:0px 0px 20px #d2decb; -webkit-box-shadow:0px 0px 20px #d2decb; box-shadow:0px 0px 20px #d2decb; transition:all 0.4s;}
.sectionab7 .box .zi{ width:100%; height:60px; overflow:hidden; margin:0 auto; background: url("../img/images/right.png") no-repeat 95% center; background-size:auto 70%; line-height:60px; font-size:30px; color:#fff; font-family:microsoft yahei;}
.sectionab7 .box:hover{ width:20%; height:60px; overflow:hidden; display:inline-block; margin:20px 1.5%; background-color:rgba(46,82,174,0.9); border-radius:30px; -moz-box-shadow:0px 0px 20px #d2decb; -webkit-box-shadow:0px 0px 20px #d2decb; box-shadow:0px 0px 20px #d2decb; transition:all 0.4s;}



/*foot*/
.footer{width:100%; height:auto; overflow:hidden; background: url(../img/images/bg3.jpg) no-repeat center top;}
.footer .top{ height:150px; overflow:hidden; margin:0 auto; text-align:left; background: url(../img/images/t5.png) no-repeat left center;}
.footer .center{ width: 100%; overflow:hidden; margin:0 auto; padding:60px 0; text-align:center;}
.footer .center .left{ width:35%; height: auto; margin:0 auto; float: left;}
.footer .center .left .add{ width:100%; height: auto; margin: 0 auto; font-size:14px; color:#fff; font-family:microsoft yahei; line-height:2; text-align:left; background: url(../img/images/t7.png) no-repeat left 20%; text-indent: 2em;}
.footer .center .left .add:nth-child(2){ width:100%; height: auto; margin: 0 auto; font-size:14px; color:#fff; font-family:microsoft yahei; line-height:2; text-align:left; background: url(../img/images/t8.png) no-repeat left 20%; text-indent: 2em;}
.footer .center .left .add:nth-child(3){ width:100%; height: auto; margin: 0 auto; font-size:14px; color:#fff; font-family:microsoft yahei; line-height:2; text-align:left; background: url(../img/images/t9.png) no-repeat left 20%; text-indent: 2em;}
.footer .center .zhong{ width:40%; height: auto; margin:0 auto; float: left;}
.footer .center .zhong .one{width:33%; height:auto; overflow:hidden; margin:0px auto; float:left;}
.footer .center .zhong .one .sortName{width:auto; overflow:hidden;}
.footer .center .zhong .one .sortName a{color:#fff; text-decoration:none;font-size: 18px;color: #fff;}
.footer .center .zhong .one .list{padding-top:20px;}
.footer .center .zhong .one .list ul{list-style:none;}
.footer .center .zhong .one .list ul li{width:100%;overflow:hidden; line-height:30px;}
.footer .center .zhong .one .list ul li a{color:#fff;text-decoration:none;font-size: 16px;}
.footer .center .zhong .one .list ul li a:hover{color: #333;}
.footer .center .right{ width:25%; height: auto; margin:0 auto; float: left;}
.footer .center .right .tel{ width:65%; height: auto; overflow: hidden; margin:0 auto; background: url(../img/images/t6.png) no-repeat left center;}
.footer .center .right .tel .l2{ width:100%; height: auto; margin:0 auto 0 25%; float: left; font-size:28px; color:#fff; font-family:Arial; line-height:1.3; text-align:left; font-weight:bold;}
.footer .center .right .tel .l3{ width:100%; height: auto; margin:0 auto 0 25%; float: left; font-size:12px; color:#fff; font-family:microsoft yahei; line-height:1.3; text-align:left;}
.footer .center .right .erbox{ width:65%; height: auto; margin:30px auto 0 auto; overflow: hidden;}
.footer .center .right .erbox .er{ width:45%; height: auto; margin:0 2.5%; float: left;}
.footer .center .right .erbox .er .img{ width:100%; height:120px; display:block; overflow:hidden; background-color:#fff; margin-bottom:5px;}
.footer .center .right .erbox .er img{ width:95%; height:110px; margin:5px auto; }
.footer .center .right .erbox .er .title{ width:95%; height:auto; font-size:14px; color:#fff; font-family:microsoft yahei; line-height:1.5; text-align:center;}

.footer .copy{ width:100%; height:80px; overflow:hidden; font-size:14px; color:#fff; font-family:microsoft yahei; line-height:80px; text-align:left;}
.footer .copy a{ color:#fff; float: right;}

/**内页**/
.commbanner{ width:100%; height:auto; overflow:hidden; position:relative;}
.commbanner .title{ overflow:hidden; position:absolute; top:35%; left:23%; line-height:1.5; font-size:48px; color:#fff; font-family:microsoft yahei; text-align:left;}
.commbanner .en{overflow:hidden; line-height:1.5; font-size:24px; color:#fff; font-family: Arial; text-align:left;}
/*nav_one*/
.nei_nav{ width:100%; height:auto; overflow:hidden; margin:0 auto; background:#006cb8; text-align:center;}
.nei_nav a{ width:auto; height:auto; overflow:hidden; margin:0 auto;  font-size:16px; color:#fff; font-family:microsoft yahei; line-height:65px; text-align:center; }
.nei_nav a:hover{ width:auto; height:auto; overflow:hidden; margin:0 auto;  font-size:16px; color:#fff; font-family:microsoft yahei; line-height:65px; text-align:center; }
.nei_nav a.curr{ width:auto; height:auto; overflow:hidden; margin:0 auto; font-size:16px; color:#fff; font-family:microsoft yahei; line-height:65px; text-align:center; }

.pmain_bg{ width:100%; height:auto; margin:0 auto; overflow:hidden;}
.pmain{ width: 94%; margin:0 auto; overflow:hidden; padding: 30px 0;}
.pmain .nei_navtitle{ width:100%; height:auto; overflow:hidden; margin:0 auto 50px auto;}
.pmain .nei_navtitle .en{ width:100%; height:auto; overflow:hidden; margin:0 auto; position:relative; line-height:1; font-size:50px; color:#333; font-family:Arial; text-align:center;}
.pmain .nei_navtitle .cn{ width:100%; height:auto; overflow:hidden; margin:-30px auto 0 auto; position:relative; line-height:1; font-size:36px; color:#333; text-align:center; font-weight:bold;}
.pmain .nei_navtitle .cn span{color:#2e52ae;}
.pmain .nei_navtitle .heng{ width:20px; height:4px; overflow:hidden; margin:10px auto; position:relative; background:#2e52ae;}

/*内页底部*/
.footer_n{width:100%; height:550px; margin:0 auto; overflow:hidden; position:relative;}
.footer_n .section6_foot{width:100%; height:100%;}

/*产品展示当前位置*/
.where{ width:92%; height:auto; margin:0 auto; overflow:hidden;}
.where_left{ width:100%; height:25px; line-height:25px; text-align:left; color:#666; font-size:14px; font-family:"microsoft yahei"; padding-top:15px;}
.where_right{ width:100%; height:auto; overflow:hidden;}
.neinav_box{ width:auto; height:50px; overflow:hidden; border-bottom:2px solid #fff; float:left; font-size:22px; color:#333; font-family:"microsoft yahei"; text-align:center; line-height:50px; margin:70px 60px 30px 0;}
.neinav_box:hover{width:auto; height:50px; overflow:hidden; border-bottom:2px solid #2e52ae; float:left; font-size:22px; color:#2e52ae; font-family:"microsoft yahei"; text-align:center; line-height:50px; margin:70px 60px 30px 0;}
.neinav_box_a{width:auto; height:50px; overflow:hidden; border-bottom:2px solid #2e52ae; float:left; font-size:22px; color:#2e52ae; font-family:"microsoft yahei"; text-align:center; line-height:50px; margin:70px 60px 30px 0;}
.neinav_box_a:hover{width:auto; height:50px; overflow:hidden; border-bottom:2px solid #2e52ae; float:left; font-size:22px; color:#2e52ae; font-family:"microsoft yahei"; text-align:center; line-height:50px; margin:70px 60px 30px 0;}

.wherepro_bg{ width:100%;height: 80px; background-color:#2e52ae; margin:0 auto; text-align:center;}
.wherepro_box{ width:auto; height:75px; overflow:hidden; display:inline-block; font-size:18px; color:#fff; font-family:"microsoft yahei"; text-align:center; line-height:75px; margin:0 40px; border-bottom:4px solid #2e52ae;}
.wherepro_box:hover{ border-bottom:4px solid #44c9d1;}
.wherepro_box_a{width:auto; height:75px; overflow:hidden; display:inline-block; border-bottom:4px solid #44c9d1; font-size:18px; color:#fff; font-family:"microsoft yahei"; text-align:center;  line-height:75px; margin:0 40px;}
.wherepro_box_a:hover{width:auto; height:75px; overflow:hidden; display:inline-block; border-bottom:4px solid #44c9d1; font-size:18px; color:#fff; font-family:"microsoft yahei"; text-align:center;  line-height:75px; margin:0 40px;}


/*product*/
.pro_list{ width:100%; height:auto; min-height:500px; overflow:hidden; margin:0 auto;}
.pro_list .pcworks_box{ width:49%; height:360px; float:left; margin:1% 0 1% 2%; background:#e8ecf9;}
.pro_list .pcworks_box:nth-child(2n){ width:49%; height:360px; float:left; margin:1% 0 1% 2%; background:#f5dce4;}
.pro_list .pcworks_box:nth-child(3n){ width:49%; height:360px; float:left; margin:1% 0 1% 2%; background:#dceff5;}

.pcworks_top{ width:35%; height:300px;  margin:30px 5% 0 10%; float:left;}
.pcworks_top img{ width:85%; height:auto; transition: all 0.5s;}
.pcworks_box:hover .pcworks_top img{ width:85%; height:auto; height:auto; transition: all 0.5s;transform:scale(1.1) ;}
.pcworks_con{ width:45%; height:auto; overflow:hidden; margin:40px auto 0 auto; float:left;}
.pcworks_title{ width:100%; height:35px; overflow:hidden; margin:30% auto 0 auto; line-height:35px; color:#333; font-size:25px; font-family:"Source";}
.pcworks_content{ width:100%; height:auto; max-height:75px; overflow:hidden; margin:5px auto; line-height:25px; color:#666; font-size:16px; font-family:"Source";}
.pcworks_into{ width:100%; height:40px; overflow:hidden; margin:20px auto 0 0; line-height:40px; color:#333; font-size:16px; font-family:"Source";}
.pcworks_box:hover .pcworks_into{ width:140px; height:40px; overflow:hidden; margin:20px auto 0 0; line-height:40px; color:#f08519; font-size:16px; font-family:"Source";}
/*news*/
.new_list{ width:100%; height:auto; min-height:500px; overflow:hidden; margin:0 auto;}
.new_list .box{ width:31%; height:auto; margin:130px 3.5% 50px  auto;  float:left; position:relative; z-index:1;}
.new_list a:nth-child(3n) .box{ width:31%; height:auto; margin:130px auto 50px auto;  float:left; position:relative; z-index:1;}
.new_list .box .pic{ width:100%; height:370px; overflow:hidden; margin:-130px auto 0 auto; position:relative; z-index:10;}
.new_list .box .pic img{ width:100%; height:370px; overflow:hidden; margin:0 auto; transition:all 0.4s; border-radius: 15px;}
.new_list .box:hover .pic img{ width:100%; height:370px; transition:all 0.4s; transform:scale(1.05);}
.new_list .box .title{ width:94%; height:auto; overflow:hidden; margin:20px auto 0 auto; font-size:22px; color:#191919; font-family:microsoft yahei; text-align:left; line-height:1.5;}
.new_list .box:hover .title{width:94%; height:auto; overflow:hidden; margin:20px auto 0 auto; font-size:22px; color:#0993cd; font-family:microsoft yahei; text-align:left; line-height:1.5;}
.new_list .box .intro{ width:94%; height:auto; overflow:hidden; margin:0 auto; font-size:16px; color:#666; font-family:microsoft yahei; text-align:left; line-height:1.6;}
.new_list .box .more{ width:94%; height:auto; overflow:hidden; margin:30px auto;background: url(../img/images/t3.png) no-repeat 40px center;}
.new_list .box .more .times{ width:auto; height:auto; overflow:hidden; margin:0 auto; float: right; font-size:14px; color:#333; font-family:Arial; text-align:right; line-height:1.6;}
.new_list .box .more .mos{ width:auto; height:auto; overflow:hidden; margin:0 auto; float:left;  font-size:14px; color:#333; font-family:microsoft yahei; text-align:left; font-weight: bold; line-height:1.5;}
.new_list .box:hover .more .mos{ color:#0993cd;}
.new_list .new_more{ width:180px; height:50px; overflow:hidden; clear:both; border-radius:25px; background-color:#006cb8; margin:30px auto 0 auto; font-size:20px; color:#fff; font-family:Arial; text-align:left; text-indent:2em; line-height:50px; position:relative;}


/*infor*/
.infor{ width:90%; height:auto; margin:0 auto;}
.case_one{ width:100%; height:auto; overflow:hidden; margin:0 auto; padding:30px 0; background-color:#fff;}
.case_two{ width:100%; height:auto; overflow:hidden; margin:0 auto; padding:30px 0; background-color:#f9f9f9;}
.case_menu{ width:100%; height:auto; overflow:hidden; margin:0 auto; line-height:1.5; color:#333; font-size:42px; font-family:"Source"; position:relative;}
.case_menu p{float:right; font-size:18px; color:#999; line-height:30px;}
.case_menu_y{ position:absolute; width:22px; height:22px; border:1px solid #999; border-radius:50%; top:3px; right:7%; transition:all 0.5s;}
.case_menu_h{ position:absolute; width:45px; height:1px; background-color:#999; top:14px; right:5%;}
.case_menu:hover .case_menu p{color:#2e52ae;}
.case_menu:hover .case_menu_y{border:1px solid #2e52ae; right:8%; transition:all 0.5s;}
.case_menu:hover .case_menu_h{background-color:#2e52ae;}
.case_box{ width:100%; height:auto; overflow:hidden; margin:30px auto 0 auto;}
.box_one{ width:50%; height:auto; overflow:hidden; float:left;}
.box_one img{ width:100%; height:auto;}
.box_two{ width:24%; height:350px; overflow:hidden; float:left; background-color:#f9f9f9; margin:0 auto 0 1%; position:relative;}
.box_two_title{ width:90%; height:auto; overflow:hidden; margin:12% auto 0 auto; line-height:30px; color:#333; font-size:24px; font-family:"Source";}
.box_two_time{ width:90%; height:auto; overflow:hidden; position:absolute; bottom:10%; left:5%; line-height:30px; color:#333; font-size:16px; font-family: "Arial"; text-align:left;}
.box_two_time p{line-height:30px; color:#333; font-size:16px; font-family: "Source"; text-align:right; float:right;}
.box_two:hover .box_two_title{ color:#2e52ae;}
.box_two:hover .box_two_time p{ color:#2e52ae;}

.jieda{ width:50%; height:auto; overflow:hidden; margin:0 auto; float:left;}

.case_box .lis{width:99%; height:80px; overflow:hidden; background: #fff url(../img/images/jt.png) no-repeat 96% center; float: left; border-bottom:1px solid #dfe1e1; transition:all 0.5s;}
.case_box .lis:hover{background: #2e52ae url(../img/images/jt1.png) no-repeat 96% center; color: #fff; transition:all 0.5s;}
.case_box .lis.active{background: #2e52ae url(../img/images/jt1.png) no-repeat 96% center; color: #fff; border-bottom:0;-moz-box-shadow:0px 10px 40px #2e52ae; -webkit-box-shadow:0px 10px 40px #2e52ae; box-shadow:0px 10px 40px #2e52ae; transition:all 0.5s;}
.case_box .lis .t{width: 10%; height:auto; overflow:hidden;float: left; font-size:62px; color:#3e504a; line-height:80px; font-weight:bold; font-family:Arial;}
.case_box .lis .t1{width: 80%; height:auto; overflow:hidden;float: left; font-size:18px; color:#3e504a; line-height:80px; font-family:"Source"; border-right:1px solid #dfe1e1;}
.case_box .lis:hover .t{width: 10%; height:auto; overflow:hidden;float: left; font-size:62px; color:#fff; line-height:80px; font-weight:bold; font-family:Arial;}
.case_box .lis:hover .t1{width: 80%; height:auto; overflow:hidden;float: left; font-size:18px; color:#fff; line-height:80px; font-family:"Source"; border-right:1px solid #fff;}
.case_box .lis.active .t{width: 10%; height:auto; overflow:hidden;float: left; font-size:62px; color:#fff; line-height:80px; font-weight:bold; font-family:Arial;}
.case_box .lis.active .t1{width: 80%; height:auto; overflow:hidden;float: left; font-size:18px; color:#fff; line-height:80px; font-family:"Source"; border-right:1px solid #fff;}

.case_box .sublis{ width:99%; height:auto; overflow:hidden; display: none; border-bottom:1px solid #dfe1e1; background-color:#fff;}
.case_box .sublis.active{/*display: block;*/}
.case_box .sublis  .t2{width: 10%; height:auto; overflow:hidden;float: left; font-size:62px; color:#2e52ae; line-height:80px; font-weight:bold; font-family:Arial;}
.case_box .sublis  .t3{width: 85%; height:auto; overflow:hidden;float: left; font-size:18px; color:#666; line-height:35px; font-family:"Source"; padding:30px 0 15px 0;}
.case_box .sublis  .td:hover{background-color: #565656;}


/*one*/
.one_nei{ width:100%; height:auto; min-height:500px; overflow:hidden; margin:0 auto; line-height:2; color: #333;}
.one_nei .shutong{text-align: center !important; font-size: 28px !important;}
.one_nei .video{ width:100%; height:auto; margin:50px auto; overflow:hidden; text-align:center;}
.one_nei #slider{ width:100%; height:auto;}

/*view*/
.view_nei{ width:99%; height:auto; min-height:400px; overflow:hidden; margin:0 auto; float:left; border:1px solid #eeeeee;}
.view_newhead{ width:94%; height:auto; overflow:hidden; margin:20px auto;}
.view_newhead .news_view_title{ width:100%; height:auto; overflow:hidden; margin:0 auto; line-height:1.6; font-size:32px; color:#333; text-align:center; font-weight:bold;}
.view_newhead .news_view_title .subtitle{ width:100%; height:auto; overflow:hidden; margin:0 auto; line-height:1.5; font-size:18px; color:#888; text-align:center; font-weight:bold;}
.view_newhead .news_view_wrap{ width:100%; height:auto; overflow:hidden; margin:0 auto; line-height:1.6; font-size:14px; color:#999; text-align:center;}
.news_view{ width:94%; height:auto; overflow:hidden; margin:0 auto;}
.news_view .news_txt{ width:100%; height:auto; overflow:hidden; margin:0 auto; min-height:500px;}
.news_view .load{ width:8%; height:30px; overflow:hidden; float:left; margin:14px auto 0 auto; border-radius:5px; font-size:14px; color:#fff; background-color:#02346c; font-family:microsoft yahei; line-height:30px; text-align:center;}
.news_view .load:hover{ width:8%; height:30px; overflow:hidden; float:left; margin:14px auto 0 auto; border-radius:5px; font-size:14px; color:#02346c; background-color:#dddddd; font-family:microsoft yahei; line-height:30px; text-align:center;}

.view-page{ width:94%; height:auto; overflow:hidden; margin:20px auto;}
.view-page .span1{ width:48%; height:auto; overflow:hidden; float:left; font-size:16px; color:#666; text-align:left;}
.view-page .span2{ width:48%; height:auto; overflow:hidden; float:right; font-size:16px; color:#666; text-align:left;}
/*contact*/
.contact_two{ width:100%; height:auto; overflow:hidden; margin:120px auto 100px auto;}
.contact_two_ul{ width:33%; height:auto; overflow:hidden; float:left;}
.contact_two_ul:nth-child(2){ width:28%; height:auto; overflow:hidden; padding-left:5%; float:left;background:url(../img/images/contact1.png) no-repeat left top; background-size:70px 70px;}
.contact_two .hot_title{ width:100%; height:auto; overflow:hidden; font-size:30px; color:#2e52ae; line-height:45px; font-family:"Source";}
.contact_two .hot_title p{ font-size:15px; color:#333; line-height:25px; font-family:"Source";}
.contact_two .hot_line{ width:100%; height:auto; overflow:hidden; background:url(../img/images/contact3.png) no-repeat left center; font-size:28px; color:#12a09d; line-height:35px; font-family: Arial; font-weight:bold; text-indent:1.5em; margin-top:30px;}
.contact_two .er{width:120px; height:auto; overflow:hidden; float:right; margin:0 20px;}
.contact_two .er_img{ width:120px; height:120px; overflow:hidden;}
.contact_two .er_img img{ width:120px; height:120px;}
.contact_two .er_title{ width:120px; height:auto; overflow:hidden; color:#333; font-size:14px; line-height:30px; font-family:"microsoft yahei"; text-align:center;}
.contact_stree{ width:100%; height:auto; overflow:hidden; margin:0 auto 100px auto;}
.contact_l{ width:22%; height:550px; overflow:hidden; float:left; background:#2e52ae url(../img/images/contact4.png) no-repeat left top;}
.contact_l_title{ width:auto; height:auto; overflow:hidden; margin:75px auto 0 10%; color:#fff; font-size:42px; line-height:45px; font-family: Arial; font-weight:bold;}
.contact_l_title p{color:#fff; font-size:26px; line-height:45px; font-family: "Source";}
.contact_r{ width:78%; height:550px; overflow:hidden; float:left; background-color:#f9f9f9;}
.contact_r_box{ width:60%; height:auto; overflow:hidden; float:left; margin:0 2% 0 6%;}


.messages .nei_navtitle{ width:50%; height:auto; overflow:hidden; margin:0 auto; float:left; position:relative;}
.messages .nei_navtitle .en{ width:100%; height:auto; overflow:hidden; position: absolute; left:0; top:90px; line-height:1.3; font-size:42px; color:#12a09d; font-family:Arial; font-weight:bold; text-align:left; opacity:0.1;}
.messages .nei_navtitle .cn{ width:100%; height:auto; overflow:hidden; margin:40px auto 0 auto; position:relative; line-height:1.3; font-size:42px; color:#12a09d; text-align:left; font-weight:bold;}
.messages .nei_navtitle .heng{ width:40px; height:4px; overflow:hidden; margin:10px auto 0 0; position:relative; background:#12a09d;}
.messages .nei_navtitle .con{ width:80%; height:auto; overflow:hidden; margin:100px auto 0 0; position:relative; line-height:2; text-align:left; font-family:microsoft yahei;}
.messages .right{ width:50%; height:auto; overflow:hidden; margin:0 auto 0 auto; float:left;}
.messages .right .box{ width:97%; height:auto; overflow:hidden; margin:0 auto 10px auto; padding:0 1%; }
.messages .right .box .title{ width:100%; height:auto; overflow:hidden; margin:5px auto; font-size:16px; color:#000; font-family:microsoft yahie; line-height:1.5; text-align:left;}
.messages .right input{ width:70%; height:40px; overflow:hidden; margin:10px auto; padding:0 3%; border:0; background:none; font-size:16px; color:#666; font-family:microsoft yahie; line-height:40px; text-align:left; border-radius:5px; border:1px solid #ededed;}

.messages .right textarea{ width:72%; height:70px; overflow:hidden; margin:0 auto; padding:2%;background:none; font-size:16px; color:#666; font-family:microsoft yahie; line-height:25px; text-align:left; border-radius:5px; border:1px solid #ededed;}
.messages .right .an{ width:160px; height:40px; overflow:hidden; display:inline-block; border-radius:25px; background-color:#12a09d; font-size:18px; color:#fff; font-family:microsoft yahie; line-height:40px; text-align:center; cursor:pointer;}
.messages ::placeholder {
	color: #999;
	}

/*sea*/
.ullist{ width:100%; height:auto; overflow:hidden; margin:100px auto 0 auto;}
.ullist li { width:100%; height:35px; overflow:hidden; line-height:35px; color:#333; font-size: 16px; border-bottom:1px dashed #dedede;}
.ullist li span{color:#999; float:right;}
.ullist li:hover{ width:100%; height:35px; overflow:hidden; line-height:35px; color:#02346c;}

.pmain-pos{ padding-bottom:10px; line-height:20px; color:#999; border-bottom:2px #cad1dc solid;}
.pmain-pos .t{ float:left; font-size:18px; color:#282828; position:relative; padding-left:20px;}
.pmain-pos .t:before{ content:''; background:#0099ff; width:6px; height:18px; position:absolute; left:0; top:3px; border-radius:3px;}

.pnews-detail .title{ text-align:center; padding:25px 0; border-bottom:1px #e3e3e3 solid;}
.pnews-detail .title .t{ font-size:21px; color:#0066cc;}
.pnews-detail .title .c{ color:#999; margin-top:15px; position:relative; }
.pnews-detail .title .c span{ padding:0 15px;}
.pnews-detail .aside{ padding:28px 0; color:#000; line-height:30px;}
.pnews-detail .aside table{ margin:auto; }
.pnews-detail .aside p{ padding:10px 0px; text-indent: 2em;  }
.pnews-detail .aside p img{ max-width:100%; }
.pnews-detail .nNext{ padding:28px 0; line-height:25px; border-top:1px #ccc dashed;}
.pnews-detail .nNext .fl, .pnews-detail .nNext .fr{ max-width:50%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.pnews-detail .nNext .btn{ background:#f0f0f0; display:inline-block; padding:0 2px; vertical-align:top; margin-right:5px; color:#000;}
.pnews-detail .nNext a{ display:inline-block;}

.ptech-floor{ padding:20px 0 40px 0;}
.ptech-item{ width:655px;}
.ptech-item .news-list{ margin-top:15px; width:100%;}
.ptech-item .news-list .n-item .c{ margin-top:5px;}
.ptech-itemDes{ margin-top:21px;}
.ptech-itemDes .aImg img{ width:206px; height:165px; display:block; border:1px #ebebeb dashed;}
.ptech-itemDes .aList{ width:433px;}
.ptech-itemDes .aList li{ height:28px; line-height:28px; overflow:hidden; vertical-align:middle; position:relative; padding-left:15px;}
.ptech-itemDes .aList li span{ float:right; color:#999;}
.ptech-itemDes .aList li:before{content:''; height:4px; width:4px; display:block; border:2px solid #333; border-left-width:0; border-top-width:0; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); position:absolute; top:12px; left:0;}


.site-map dl{padding:10px 0;border-bottom:1px dashed #ddd;}
.site-map dt{font-size:16px;line-height:30px;font-weight:bold;}
.site-map dd{overflow:hidden;}
.site-map dd span{display:block;margin-right:10px;float:left;}
.site-map dd span a:after{content:"|";color:#ddd;margin-left:10px;}
.site-map dd span:last-child a:after{content:"";}
.site-map dd p{overflow:hidden;}
.site-map dd strong{display:block;color:#999;}


}

@media screen and (max-width:1440px){
/*网站顶部*/

.contionera {width: 100%; height:auto; margin:0 auto; position: relative; }
.wapper{ width:100%; height:auto; position:relative; z-index:1; overflow:hidden; margin:0 auto; background: url(../img/images/bg1.jpg);}
/*header*/
.head{width: 100%;height:auto;position: fixed;top:0;left: 0;z-index: 98; display:block;}
.headn{width: 100%;height:auto;position: fixed;top:0;left: 0;z-index: 98; background-color:rgba(5,108,210,0.77);}
.header{ width:100%; height:90px; overflow:hidden; margin:0 auto; display:block;}
.header_left{ width:350px; height:90px; float:left; margin-left:4%; position:absolute; top:20px; z-index:101;}
.header_logo{width:165px; height:65px; overflow:hidden; float:left; background: url("../img/images/logoa.png") no-repeat center;}
.header_menu{width:auto; height:24px; overflow:hidden; display: flex; float:left; margin:30px auto 0 80px;}

.header_menu .line-box{
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: middle;
	position: relative;
	width: 24px;
	height: 12px;
	transition: width .2s;
}
.header_menu .txt{
	line-height: 24px;
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: middle;
	font-size:14px;
	margin-left: 7px;
	color: #000;
	font-family: "Arial";
	transition: all .2s;}

.header_menu .line-box .line{
	position: absolute;
	left: 0;
	width: 24px;
	height: 3px;
	background-color: #000;
	transform-origin: center center;
	margin: 0;
	transition: all .2s;
}
.header_menu .line-box .line:nth-child(1){
	top: 0;
}
.header_menu .line-box .line:last-child{
	bottom: 0;
}
.header_menu.cur .line-box .line:nth-child(1){
	top: 50%;
	margin-top: -1.5px;
	transform: rotate(45deg);
}
.header_menu.cur .line-box .line:nth-child(2){
	bottom: 50%;
	margin-bottom: -1.5px;
	transform: rotate(-45deg);
}
.header_menu:hover .txt{
        color: #2e52ae;
    }
.header_menu:hover .line-box .line{
        background-color: #2e52ae;
    }
	
	
.header_home{width:auto; height:24px; overflow:hidden; background: url("../img/images/home.png") no-repeat left center; position:absolute; line-height:24px; font-size:14px; color:#333; text-indent:30px; top:50px; left:420px;}
.header_home:hover{width:auto; height:24px; overflow:hidden; background: url("../img/images/homea.png") no-repeat left center; position:absolute; line-height:24px; font-size:14px; color:#2e52ae; text-indent:30px; top:50px; left:420px;}

.nav{ width:auto; height:auto; margin:30px 5% 0 auto; overflow:hidden; position:absolute; top:120px; left:15%;}
.nav_box{ width:auto; height:auto; overflow:hidden; margin:0 auto 30px auto;}
.nav_b{ width:100%; height:auto; overflow:hidden; margin-bottom:10px; line-height:1.5; font-family:microsoft yahei; color:#333; font-size:32px;}
.nav_b:hover{ width:100%; height:auto; overflow:hidden; line-height:1.5; font-family:microsoft yahei; color:#2e52ae; font-size:32px;}
.nav_c{ width:100%; height:30px; overflow:hidden;}
.nav_c_l{ width:auto; height:30px; overflow:hidden; float:left; margin-right:30px;  line-height:30px; font-family:microsoft yahei; color:#333; font-size:14px;}
.nav_c_l:hover{ width:auto; height:30px; overflow:hidden; float:left; margin-right:30px;  line-height:30px; font-family:microsoft yahei; color:#2e52ae; font-size:14px;}

.header_right{ width:30%; height:40px; float:right; margin:50px 2% 0 auto;}
.header_zi{ width:auto; height:40px; float:right; margin:0 10px; padding:0 10px; background-color:rgba(0,0,0,0.2); line-height:40px; text-align:center; font-size:14px; font-family:"Arial"; color:#fff; border-radius:10px; transition:all 0.5s;}
.header_box{ width:40px; height:40px; float:right; margin:0 10px; background-color:rgba(0,0,0,0.2); line-height:40px; text-align:center; font-size:14px; font-family:"Arial"; color:#fff; border-radius:50%; transition:all 0.5s;}
.header_box img{width:16px; height:16px;}
.header_box:hover{ width:40px; height:40px; float:right; margin:0 10px; background-color:rgba(46,82,174,1); line-height:40px; text-align:center; font-size:14px; font-family:"Arial"; color:#fff; border-radius:50%; transition:all 0.5s;}

.menu_open{ width:90%; height:100vh; overflow:hidden; background: url("../img/images/menubg.png") no-repeat left top; background-size:100% auto; display:none; position:absolute; top:0; left:0;animation: myMove 1s; -webkit-animation: myMove 1s;}


@keyframes myMove {
        0% {
			opacity: 0;
            width: 0%;
        }

        100% {
			opacity: 1;
            width: 90%;
        }
    }

@-webkit-keyframes myMove {
        0% {
			opacity: 0;
            width: 0%;
        }

        100% {
			opacity: 1;
            width: 90%;
        }
    }


.headers{width:100%; height:1rem; background-size:100%; position:fixed; top:0; z-index:98; display:none;}
.navb{width: 100%; height:100vh; position: fixed; top:0;  background: url(../img/images/about1.jpg) no-repeat center top; background-size:auto 100%;z-index: 99; animation: mymenu 0.5s; -webkit-animation: mymenu 0.5s; display:none;}

.navb .menu { width:50%; height:auto; overflow:hidden; position:absolute; left:5%; top:10%;}
.navb li { width:100%; height:50px; overflow:hidden;color: #333; font-size:22px; font-family:"Source";line-height:50px;}
.navb li>a {line-height: 50px; color: #333; font-size:22px; font-family:"Source";}
.close { width:10%; height:50px;float: right;margin:20px 20px 0 auto;cursor: pointer; text-align:center;}
.fontc { width:60%;height:50px; line-height:50px;font-weight: bold;margin-left: 30px; font-size:18px; float:left;}
@keyframes mymenu {
        0% {
			 top:0%;
			 left:50%;
			opacity: 0;
            width: 0%;
			border-radius:50%;
        }

        100% {
			 top:0;
			 left:0;
			opacity: 1;
            width: 100%;
        }
    }

    @-webkit-keyframes mymenu {
        0% {
			 top:0%;
			 left:50%;
			opacity: 0;
            width: 0%;
			border-radius:50%;
        }

        100% {
			 top:0;
			 left:0;
			opacity: 1;
            width: 100%;
        }
    }

	
.section1{width: 100%;height: auto;overflow: hidden; }
#pcbanner{ display:none;}
#mbanner{ display:none;}

.search{ width:100%; height:20%; overflow:hidden; position:fixed; z-index:99; top:-20%; left:0; transition: all 0.5s; background-color:rgba(46,82,174,0.2);}
.search.curr{ width:100%; height:20%; overflow:hidden; position:fixed; z-index:99; top:0; left:0; transition: all 0.5s; background-color:rgba(46,82,174,0.8);}
.search .box{ width:400px; height:50px; overflow:hidden; position: absolute; top:40%; left:40%;}
.search .search_left{ width:300px; height:30px; float:left; background:#fff; border:1px solid #dedede; line-height:30px; color:#333; font-size:16px; font-family:"Source"; border-radius:20px;padding:5px 20px;}
.search .search_right{ width:40px; height:40px; float:right;}
.search .close{ width:40px; height:40px; overflow:hidden; border-radius:50%; background:#fff url(../img/sidebar-close11.png) no-repeat center; background-size:60%; position: absolute; top:5%; right:2%;}


/*about*/
.section2{width: 100%;height: auto;overflow: hidden; background: url(../img/images/bg1.jpg) left top; }
.section2_bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.section2_bg .bubble{position: absolute;border-radius: 100%;animation:spin 8s infinite linear;transform-origin: 50% 45%;}
.section2_bg .bubble:nth-child(2n){animation:spin2 8s infinite linear;}
.section2_bg .sm-bubble{transform-origin: 30% 30px;}
.section2_bg .bg-bubble{transform-origin: 50% 50%;}

@keyframes spin{
    to{transform: rotate(1turn);}
}
@keyframes spin2{
    to{transform: rotate(-1turn);}
}
.section2_bg .bubble1{
	left: -3.9%;
	top: -14.125%;
	width: 18%;
	padding-top: 10%;
	background-color: #f0f9fa;
	opacity: 1;
	filter: alpha(opacity=100);
}

.section2_bg .bubble2{
	left: 7.5%;
	top: 20%;
	width: 70px;
	height: 70px;
	background-color: #f0f2f2;
	z-index: 3;
}

.section2_bg .bubble3{
	left: 15.625%;
	top: 16%;
	border: 1px solid #87dff5;
	width: 72px;
	height: 72px;
}
.section2_bg .bubble4{
	left: 37%;
	bottom: 10%;
	background:url(../img/images/t3.png) no-repeat;
	background-size:cover;
	width: 25%;
	padding-top: 25%;
}
.section2_bg .bubble5{
	left: 30.1%;
	top: 39.0625%;
	background-color: #87dff5;
	opacity: 1;
	width: 10px;
	height: 10px;
}
.section2_bg .bubble6{
	width: 56.77%;
	padding-top: 56.77%;
	left: -28.3854%;
	top: 35.48%;
	background: -webkit-linear-gradient(left, rgba(247,247,247,1),rgba(247,247,247,.1) 100%);
	background: -ms-linear-gradient(left, rgba(247,247,247,1),rgba(247,247,247,.1) 100%);
	background: linear-gradient(left, rgba(247,247,247,1),rgba(247,247,247,.1) 100%);
}

.section2_bg .bubble7{
	width: 13%;
	padding-top: 13%;
	left: -6.5%;
	top: 45.3125%;
	border:1px solid #ddd;
}
.section2_bg .bubble8{
	width: 72px;
	height: 72px;
	left: -1.875%;
	top: 82.3%;
	border:1px solid #87dff5;
}
.section2_bg .bubble9{
	width: 10px;
	padding-top: 10px;
	left: 8.33%;
	top: 41%;
	background-color: rgba(135,223,245,1);
}
.section2_bg .bubble10{
	width: 6px;
	padding-top: 6px;
	left: 11.67%;
	top: 50%;
	background-color: rgba(135,223,245,1);
}
.section2_bg .bubble11{
	right: -1.9%;
	top: -9.125%;
	width: 18%;
	padding-top: 12%;
	background-color: #f0f9fa;
	opacity: 1;
	filter: alpha(opacity=100);
}
.section2_bg .bubble12{
	position: absolute;
	width: 25%;
	padding-top: 30%;
	border:1px solid #ddd;
	right: -15%;
	bottom: -20%;
}

.section2_title{ position:absolute; top:16%; left:0; width:100%; }
.section2_title .wrap-inner{
	overflow: hidden;
}
.section2_title .title-canvas
{
	transform:translateY(100%);
}
.section2_title .m-tit{
	display: block;
		font-size: 60px;
		line-height: 80px;
		color: #333;
		text-align: center;
		letter-spacing: 4px;
		padding-left: 4px;
		 font-weight:bold;
		-webkit-background-clip: text;
	    background-clip: text;
	    -webkit-text-fill-color: transparent;
	    -webkit-animation: aitf 10s linear infinite;
	    -webkit-transform: translate3d(0, 0, 0);
	    -webkit-backface-visibility: hidden;
	    background-image: url("../img/images/p2c.jpg");
	    background-position: 60% 15%;
	    background-repeat: no-repeat;
		
}
@-webkit-keyframes aitf {
  0% {
    background-position: 50% center;
  }
  25% {
    background-position: 60% center;
  }
  50% {
    background-position: 50% center;
  }
  75% {
    background-position: 40% center;
  }
  100% {
    background-position: 50% center;
  }
}
.section2_title .gupiao{
	display: block;
		font-size: 36px;
		line-height: 80px;
		color: #747474;
		text-align: center;
}
.section2_con{ position:absolute; top:48%; left:0; width:100%; overflow:hidden; text-align:center; }
.section2_con_box{width:25%; height:auto; overflow:hidden; display:inline-block; margin:0 3%; cursor:pointer;}
.section2_con_t{width:100%; height:auto; overflow:hidden; font-size: 110px; line-height: 1.2; color: #333; text-align: center; font-family:microsoft yahei; transition:all 0.5s;}
.section2_con_t span{font-size: 26px; line-height: 40px; color: #333; font-family:microsoft yahei;}
.section2_con_d{width:100%; height:auto; overflow:hidden; margin:50px auto 0 auto; font-size:22px; line-height:1.5; color: #333; font-family:microsoft yahei;}

.section2_con_box:hover .section2_con_t{width:100%; height:auto; overflow:hidden; font-size: 110px; line-height: 1.2; color: #2e52ae; text-align: center; font-family:microsoft yahei; transition:all 0.5s;}
.section2.active .wrap-inner{-webkit-animation: bounceInBottom 2s; }
.section2.active .gupiao{-webkit-animation: bounceInBottom 2.5s;}
.section2.active .section2_con_t{-webkit-animation: bounceInBottom 2s;}
.section2.active .section2_con_d{-webkit-animation: bounceInBottom 2.5s;}


/*brand*/
.section3{width: 100%;height: auto;overflow: hidden;}
.section3_box1{position: relative; width:39%; height:100%; float:left; overflow:hidden; background-color:#e8ecf9;}
.section3_box1:after {
        position: absolute;
        content: '';
        width: 40%;
        height: 110%;
        background: #fffafd;
        top: -5%;
        right: -20%;
        border-radius: 50%;
      }
.section3_box2{position: relative; width:33%; height:100%;float:left; overflow:hidden; background-color:#f9fcff;}
.section3_box2:after {
        position: absolute;
        content: '';
        width: 40%;
        height: 110%;
        background: #dceff5;
        top: -5%;
        right: -20%;
        border-radius: 50%;
      }
.section3_box3{position: relative; width:28%; height:100%;float:left; overflow:hidden; background-color:#dceff5;}
.section3_cp{ width:70%; height:auto; overflow:hidden; margin:25% auto 0 5%;}
.section3_cp2{ width:83%; height:auto; overflow:hidden; margin:29.5% auto 0 -10%;}
.section3_cp3{ width:98%; height:auto; overflow:hidden; margin:35% auto 0 -5%;}
.section3_cp_t{ width:100%; height:auto; overflow:hidden; margin:0 auto; line-height:1.5; font-family:microsoft yahei; color:#333; font-size:32px; text-align:center;transition:all 0.5s;}
.section3_cp_m{ width:100%; height:auto; overflow:hidden; margin:40px auto 70px auto; line-height:30px; font-family:microsoft yahei; color:#333; font-size:16px; text-align:center;}
.section3_cp_pic{ width:100%; height:auto; overflow:hidden; margin:0 auto; text-align:center;}
.section3_cp_pic img{ width:75%; height:auto;}

.section3.active .section3_cp_t{-webkit-animation: bounceInTop 2s; }
.section3.active .section3_cp_m{-webkit-animation: bounceInBottom 2.5s; }
.section3.active .section3_cp_pic img{-webkit-animation: bounceInLeft 3s; }

.section3_box1:hover .section3_cp_t{color: #2e52ae; transition:all 0.5s;}
.section3_box2:hover .section3_cp_t{color: #2e52ae; transition:all 0.5s;}
.section3_box3:hover .section3_cp_t{color: #2e52ae; transition:all 0.5s;}

.section3_box1:hover .section3_cp_pic{-webkit-animation: propic 1.5s linear infinite;}
.section3_box2:hover .section3_cp_pic{-webkit-animation: propic 1.5s linear infinite;}
.section3_box3:hover .section3_cp_pic{-webkit-animation: propic 1.5s linear infinite;}
@-webkit-keyframes propic {
  0% {
	padding-top:0;
  }
  50% {
    padding-top:10px;
  }
  100% {
    padding-top:0;
  }
}


@keyframes joins {
        0%{ width:68px; height:68px; top:16px; left:16px; background-color:rgba(76,109,205,0.6); }
        100%{ width:100px; height:100px; top:0; left:0; background-color:rgba(76,109,205,0); }
    }
@keyframes joins1 {
        0%{ width:68px; height:68px; top:16px; left:16px; background-color:rgba(76,109,205,0.6); }
        100%{ width:88px; height:88px; top:6px; left:6px; background-color:rgba(76,109,205,0); }
    }
	
@keyframes joins2 {
        0%{ width:68px; height:68px; top:16px; left:16px; background-color:rgba(30,191,226,0.6); }
        100%{ width:100px; height:100px; top:0; left:0; background-color:rgba(30,191,226,0); }
    }
@keyframes joins3 {
        0%{ width:68px; height:68px; top:16px; left:16px; background-color:rgba(30,191,226,0.6); }
        100%{ width:88px; height:88px; top:6px; left:6px; background-color:rgba(30,191,226,0); }
    }

@keyframes joins4 {
        0%{ width:68px; height:68px; top:16px; left:16px; background-color:rgba(24,71,180,0.6); }
        100%{ width:100px; height:100px; top:0; left:0; background-color:rgba(24,71,180,0); }
    }
@keyframes joins5 {
        0%{ width:68px; height:68px; top:16px; left:16px; background-color:rgba(24,71,180,0.6); }
        100%{ width:88px; height:88px; top:6px; left:6px; background-color:rgba(24,71,180,0); }
    }

/*zongh*/
.section4{width: 100%;height: auto;overflow: hidden; background: url(../img/images/bg1.jpg) left top; }
.section4_bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.section4_bg .bubble1{position:absolute; left:-5%; top: -5%; border: 1px solid #cbdced; width: 0%; padding-top: 0%; transition:all 2s; border-radius:50%;}
.section4.active .section4_bg .bubble1{position:absolute;left:-2%; top: -5%;border: 1px solid #cbdced; width: 50%; padding-top: 50%; transition:all 3s; border-radius:50%;}
.section4_bg .bubble2{position:absolute; left:-12.5%; top: -20%; border: 1px solid #cbdced; width: 0%; padding-top: 0%; transition:all 1.5s; border-radius:50%;}
.section4.active .section4_bg .bubble2{position:absolute;left:-7%; top: -20%;border: 1px solid #cbdced; width: 65%; padding-top: 65%; transition:all 2.5s; border-radius:50%;}
.section4_bg .bubble3{position:absolute; left:-20%; top: -30%; border: 1px solid #cbdced; width: 0%; padding-top: 0%; transition:all 1s; border-radius:50%;}
.section4.active .section4_bg .bubble3{position:absolute;left:-12%; top: -30%;border: 1px solid #cbdced; width: 80%; padding-top: 80%; transition:all 2s; border-radius:50%;}
.section4_map{ width:auto; height:auto; max-width:47vw; text-align:center; position:absolute; top:25%; left:2%;}
.section4_map img{ width:auto; height:auto; max-width:47vw; transition:all 1s;}
.section4.active .section4_map img{ width:100%; height:auto; max-width:47vw; transition:all 2.5s; }
.section4_bg .bubble1 .yuan{position:absolute; right:12%; top: 20%;}
.section4_bg .bubble1 .yuan:nth-child(2){position:absolute; right:5%; top: 50%;}
.section4_bg .bubble1 .yuan:nth-child(3){position:absolute; right:18%; top: 78%;}
.section4_bg .bubble1 .yuan:nth-child(4){position:absolute; right:85%; top: 85%;}
.section4_bg .bubble2 .yuan{position:absolute; right:7%; top:62%;}
.section4_bg .bubble1 .yuan .pic{ width:100px; height:100px; border-radius:50%; position:absolute; top:0; left:0; animation:joins 2s infinite linear; transform-origin: 50% 50%;}
.section4_bg .bubble1 .yuan .pic2{ width:88px; height:88px; border-radius:50%; position:absolute; top:0; left:0; animation:joins1 2s infinite linear; animation-delay:0.5s;  transform-origin: 50% 50%;}
.section4_bg .bubble1 .yuan .pic3{ width:68px; height:68px; position:absolute; top:16px; left:16px; background-color:#4c6dcd; border-radius:50%; text-align:center; font-size: 24px; color: #fff; line-height: 68px;}

.section4_bg .bubble1 .yuan:nth-child(2) .pic{ width:100px; height:100px; border-radius:50%; position:absolute; top:0; left:0; animation:joins2 2s infinite linear; transform-origin: 50% 50%;}
.section4_bg .bubble1 .yuan:nth-child(2) .pic2{ width:88px; height:88px; border-radius:50%; position:absolute; top:0; left:0; animation:joins3 2s infinite linear; animation-delay:0.5s;  transform-origin: 50% 50%;}
.section4_bg .bubble1 .yuan:nth-child(2) .pic3{ width:68px; height:68px; position:absolute; top:16px; left:16px; background-color:#1ebfe2; border-radius:50%; text-align:center; font-size: 24px; color: #fff; line-height: 68px;}

.section4_bg .bubble1 .yuan:nth-child(4) .pic{ width:100px; height:100px; border-radius:50%; position:absolute; top:0; left:0; animation:joins4 2s infinite linear; transform-origin: 50% 50%;}
.section4_bg .bubble1 .yuan:nth-child(4) .pic2{ width:88px; height:88px; border-radius:50%; position:absolute; top:0; left:0; animation:joins5 2s infinite linear; animation-delay:0.5s;  transform-origin: 50% 50%;}
.section4_bg .bubble1 .yuan:nth-child(4) .pic3{ width:68px; height:68px; position:absolute; top:16px; left:16px; background-color:#1847b4; border-radius:50%; text-align:center; font-size: 24px; color: #fff; line-height: 68px;}

.section4_bg .bubble2 .yuan .pic{ width:100px; height:100px; border-radius:50%; position:absolute; top:0; left:0; animation:joins4 2s infinite linear; transform-origin: 50% 50%;}
.section4_bg .bubble2 .yuan .pic2{ width:88px; height:88px; border-radius:50%; position:absolute; top:0; left:0; animation:joins5 2s infinite linear; animation-delay:0.5s;  transform-origin: 50% 50%;}
.section4_bg .bubble2 .yuan .pic3{ width:68px; height:68px; position:absolute; top:16px; left:16px; background-color:#1847b4; border-radius:50%; text-align:center; font-size: 24px; color: #fff; line-height: 68px;}

.section4_right{ width:30%; height:auto; overflow:hidden; position:absolute; top:28%; right:10%;}
.section4_right_en{ width:80%; height:auto; overflow:hidden; margin:0 0 0 auto; line-height:1.5; font-family:Arial; color:#2e52ae; font-size:32px; text-align:right;}
.section4_right_title{ width:100%; height:auto; overflow:hidden; margin:20px auto; line-height:40px; font-family:microsoft yahei; color:#333; font-size:32px; text-align:right;}
.section4_right_con{ width:100%; height:auto; overflow:hidden; margin:30px auto 0 auto; line-height:25px; font-family:microsoft yahei; color:#333; font-size:16px; text-align:right;}

.section4 .swiper-container{width:100%; height:auto; margin:0 auto; position:relative;}
.section4 .swiper-wrapper{ width:100%; margin:0 auto;}
.section4 .swiper-slide{ width:100%; height:100%; overflow:hidden; position:relative; text-align:center;}
.section4 .swiper-slide img{ width:100%; height:100%;}
.section4 .swiper_btnz{position: absolute;top: 55%;width: 48px;height: 48px; right:-100px;background: url(../img/images/nei_left.png) 0 0 no-repeat; background-size:cover; display: block;z-index:10;}
.section4 .swiper_btny{position: absolute;top: 55%;width: 48px;height: 48px; right:-160px;background: url(../img/images/nei_right.png) 0 0 no-repeat; background-size:cover; display: block;z-index:10;}

.section4.active .section4_right_en{-webkit-animation: bounceInBottom 2s;}
.section4.active .section4_right_title{-webkit-animation: bounceInBottom 2.5s;}
.section4.active .section4_right_con{-webkit-animation: bounceInBottom 3s;}


.section5{width: 100%;height: auto;overflow: hidden; background: url(../img/images/bg1.jpg) left top; }
.section5_bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.section5_bg .bubble{position: absolute;border-radius: 100%;animation:spin 8s infinite linear;transform-origin: 50% 45%;}
.section5_bg .bubble:nth-child(2n){animation:spin2 8s infinite linear;}
.section5_bg .sm-bubble{transform-origin: 30% 30px;}
.section5_bg .bg-bubble{transform-origin: 50% 50%;}


.section5_bg .bubble3{
	right: -5%;
	bottom: 5%;
	border: 1px solid #87dff5;
	width: 10%;
	padding-top: 10%;
}
.section5_bg .bubble5{
	left: 30.1%;
	top: 39.0625%;
	background-color: #f0f9fa;
	opacity: 1;
	width: 10px;
	height: 10px;
}
.section5_bg .bubble6{
	width: 15.77%;
	padding-top: 15.77%;
	left: -5.3854%;
	bottom: -10%;
	background-color: #f0f9fa;
}

.section5_bg .bubble9{
	width: 25px;
	padding-top: 25px;
	left: 50.33%;
	bottom: 5%;
	background-color: rgba(243,250,240,1);
}
.section5_bg .bubble10{
	width: 8px;
	padding-top: 8px;
	left: 55.67%;
	bottom: 13%;
	background-color: rgba(243,250,240,1);
}
.section5_bg .bubble11{
	right: -1.9%;
	top: -9.125%;
	width: 18%;
	padding-top: 12%;
	background-color: #f0f9fa;
	opacity: 1;
	filter: alpha(opacity=100);
}
.section5_menu{ width:100%; height:auto; overflow:hidden; position:absolute; top:11%; left:0; font-size:36px; line-height:1.5; color:#333; text-align:center;}
.section5_down{ width:100%; height:auto; overflow:hidden; position:absolute; top:24%; left:0; text-align:center; display:block;}
.section5_downm{ width:100%; height:auto; overflow:hidden; position:absolute; top:24%; left:0; text-align:center; display:none;}
.section5_down_box{ width:29%; height:auto; overflow:hidden; margin:0 1.5% 20px 1.5%; display:inline-block;}
.section5_down_box_img{ width:100%; height:300px; overflow:hidden;}
.section5_down_box_img img{ width:100%; height:auto; transition:all 0.5s;}
.section5_down_box_title{ width:100%; height:40px; overflow:hidden; margin:30px auto 0 auto; font-size:20px; line-height:40px; color:#333; text-align:left;}
.section5_down_box_con{ width:100%; height:30px; overflow:hidden; margin:10px auto; font-size:16px; line-height:30px; color:#666; text-align:left;}
.section5_down_box_b{ width:100%; height:30px; overflow:hidden; margin:10px auto; font-size:14px; line-height:30px; color:#666; position:relative; text-align:left;}
.section5_down_box_b p{float:right; font-size:14px; line-height:30px;}
.section5_down_box_y{ position:absolute; width:22px; height:22px; border:1px solid #666; border-radius:50%; top:3px; right:26%; transition:all 0.5s;}
.section5_down_box_h{ position:absolute; width:45px; height:1px; background-color:#666; top:14px; right:20%;}
.section5_down_box:hover .section5_down_box_img img{ width:100%; height:auto; transform:scale(1.1); transition:all 0.5s;}
.section5_down_box:hover .section5_down_box_title{color:#2e52ae;}
.section5_down_box:hover .section5_down_box_b{color:#2e52ae;}
.section5_down_box:hover .section5_down_box_y{border:1px solid #2e52ae; right:28%; transition:all 0.5s;}
.section5_down_box:hover .section5_down_box_h{background-color:#2e52ae;}

.section5.active .section5_menu{-webkit-animation: bounceInBottom 2s;}
.section5.active .section5_down_box{-webkit-animation: bounceInBottom 2.5s;}
.section5.active .section5_down_box_title{-webkit-animation: bounceInBottom 3s;}
.section5.active .section5_down_box_con{-webkit-animation: bounceInBottom 3s;}
.section5.active .section5_down_box_b{-webkit-animation: bounceInBottom 3s;}
.section5.active .section5_more{-webkit-animation: bounceInBottom 4s;}
.section5_more{ width:179px; height:46px; overflow:hidden; background:url(../img/images/t7.png) no-repeat center; position:absolute; bottom:5%; left:45%; font-size:16px; line-height:46px; color:#fff; text-indent:40px;}

/*video*/
.section6{width: 100%;height: auto;overflow: hidden; background-color:#fff;}
.section6 .swiper-container{width:90%; height:110px; position:absolute; top:10%; left:5%; margin:0 auto;}
.section6 .swiper-wrapper{ width:90%; margin:0 auto; display:block;}
.section6 .swiper-slide{ width:100%; height:100%; overflow:hidden; position:relative; text-align:center;}
.section6 .swiper-slide img{ width:100%; height:100% ;}


.section6 .swiper-paginationin{ height:10px; overflow:hidden; position:absolute; right:0px; bottom:10px !important; left:0 !important; margin:auto; z-index:1; text-align:center; }
.section6 .swiper-paginationin span{ display:inline-block;width:10px; border-radius:100%; height:10px; background:#dbdbdb; cursor:pointer; vertical-align:top; margin:0 4px;opacity:0.9 !important;}
.section6 .swiper-paginationin span.swiper-pagination-bullet-active{ background-color:#999;opacity:1 !important;}
.section6 .swiper_btnz{position: absolute;top: 45%;width: 48px;height: 48px; left:0;background: url(../img/images/left.png) 0 0 no-repeat;display: block;z-index:10;}
.section6 .swiper_btny{position: absolute;top: 45%;width: 48px;height: 48px; right:0;background: url(../img/images/right.png) 0 0 no-repeat;display: block;z-index:10;}

.links_box{ width:238px; height:108px; overflow:hidden; border:1px solid #e5e5e5; float:left; margin:0 10px;}
.links_box img{ width:auto; height:auto; max-width:238px; max-height:98px; margin:5px auto;}

.section6_foot{ width:100%; height:65%; overflow:hidden; position:absolute; bottom:0; left:0;}
.section6_foot_top{ width:100%; height:88%; overflow:hidden; background-color:#323338;}
.section6_foot_slogan{ width:100%; height:100px; overflow:hidden; border-bottom:1px solid #47484c; line-height:100px; font-family:"Source"; font-weight:400; font-size:36px; color:#e0e0e0; text-align:center;}
.section6_foot_center{ width:94%; height:auto; overflow:hidden; margin:25px auto 0 auto;}
.section6_foot_center_l{ width:20%; height:auto; overflow:hidden; float:left;}
.foot_logo{ width:100%; height:58px; overflow:hidden; margin-bottom:30px; background:url(../img/images/logo.png) no-repeat left center; background-size:auto 100%;}
.foot_tel{ width:auto; height:auto; overflow:hidden; margin-bottom: 15px; line-height:30px; font-family:"microsoft yahei"; font-size:14px; color:#b0b0b0; background:url(../img/images/t8.png) no-repeat left center; background-size:auto 30px; padding-left: 35px;}
.foot_tel:nth-child(3){ width:auto; height:auto; overflow:hidden; line-height:30px; font-family:"microsoft yahei"; font-size:14px; color:#b0b0b0; background:url(../img/images/t9.png) no-repeat left center; background-size:auto 30px; padding-left: 35px;}
.foot_tel:nth-child(4){ width:auto; height:auto; overflow:hidden; line-height:30px; font-family:"microsoft yahei"; font-size:14px; color:#b0b0b0; background:url(../img/images/t10.png) no-repeat left top; background-size:auto 30px; padding-left: 35px;}
.section6_foot_center_c{ width:42%; height:auto; overflow:hidden; float:left; margin:0 2%;}
.footer_c_box{ width:18%; height:auto; overflow:hidden; margin:0 1%; float:left;}
.footer_c_box_t{ width:100%; height:auto; overflow:hidden; color:#fff; font-size:16px; line-height:40px; font-family:"microsoft yahei";} 
.footer_c_box_li{ width:100%; height:auto; overflow:hidden; color:#b0b0b0; font-size:14px; line-height:30px; font-family:"microsoft yahei";} 
.footer_c_box_li:hover{ color:#2e52ae;} 
.section6_foot_center_r{ width:34%; height:auto; overflow:hidden; float:left;}
.footer_r_er{ width:120px; height:auto; overflow:hidden; float:left;}
.footer_r_er_img{ width:120px; height:120px; overflow:hidden;}
.footer_r_er_img img{ width:120px; height:120px;}
.footer_r_title{ width:120px; height:auto; overflow:hidden; color:#fff; font-size:16px; line-height:30px; font-family:"microsoft yahei"; text-align:center;}
.footer_top_t{ width:70%; height:auto; overflow:hidden; margin:0 auto; float:right;}
.footer_top_t_l{ width:22px; height:auto; overflow:hidden; background:url(../img/images/tel.png) no-repeat center top; margin:0 auto; writing-mode:tb-rl; text-align:justify; padding-top:28px; color:#a0a1a2; font-family:"microsoft yahei"; line-height:22px; font-size:14px; float:left;}
.footer_top_t_r{ width:85%; height:auto; overflow:hidden;float:left; margin:0 auto 0 20px;}
.footer_top_t_r_a{width:auto; height:auto; overflow:hidden; color:#d8d8d9; font-family:"microsoft yahei"; line-height:20px; font-size:15px;}
.footer_top_t_r_b{width:auto; height:auto; overflow:hidden; color:#fff; font-family:"Arial"; line-height:40px; font-size:26px; font-weight:bold;}
.footer_top_t_r_c{width:auto; height:auto; overflow:hidden; color:#adadaf; font-family:"microsoft yahei"; line-height:25px; font-size:14px;}


.section6_foot_down{ width:90%; height:9%; overflow:hidden; padding:1.5% 5%; background-color:#28292e; font-size:14px; color:#7e7f82; text-align:left;}
.section6_foot_down p{float:right; font-size:14px;}
.section6_foot_down p a{color:#7e7f82;}

.section6.active .swiper-container{-webkit-animation: bounceInBottom 2.3s;}
.section6.active .section6_foot{-webkit-animation: bounceInBottom 2.3s;}
.section6.active .section6_foot_slogan{-webkit-animation: bounceInBottom 2.6s;}
.section6.active .foot_logo{-webkit-animation: bounceInBottom 2.7s;}
.section6.active .foot_tel{-webkit-animation: bounceInBottom 2.8s;}
.section6.active .section6_foot_center_c{-webkit-animation: bounceInRight 3s;}
.section6.active .footer_r_er{-webkit-animation: bounceInBottom 3s;}
.section6.active .footer_top_t{-webkit-animation: bounceInBottom 3.2s;}



.touchsliderindex .touchslider-item .pic{width: 100%;height:100%;overflow: hidden;}
.touchsliderindex,.touchsliderindex .touchslider-viewport,.touchsliderindex .touchslider-item,.touchsliderindex .touchslider-item .pic{height: 100%;}
.touchsliderindex .pic img{width: 100%;height:100%;display: none;}
.touchsliderindex .touchslider-navtag{position:absolute; bottom:50%; text-align:center; width:100%; z-index: 99;}
.touchsliderindex .touchslider-navtag .touchslider-prev{ width:48px; height:48px; background:url("../img/images/trrleft.png") no-repeat center; float:left; margin-left:7%; cursor:pointer;}
.touchsliderindex .touchslider-navtag .touchslider-next{ width:48px; height:48px; background:url("../img/images/trrright.png") no-repeat center; float:right; margin-right:7%; cursor:pointer;}
.touchsliderindex .touchslider-navtag .wk{height: 36px;}
.touchsliderindex .touchslider-nav-item{display:inline-block;border-radius: 5px;width: 5px; height: 5px;background: #cac5c8;}
.touchsliderindex .touchslider-nav-item-current{background-color: #074349;}
.touchsliderindex .touchslider-item.active .pwk p{opacity: 1; -webkit-animation: fadeInUp .7s ease-in-out both; animation: fadeInUp .7s ease-in-out both; -webkit-animation-delay: 1.2s; animation-delay: 1.2s; }

/*--about--*/
.sectionab1{width: 100%;height: auto;overflow: hidden; background: url(../img/images/bg2.jpg) left top; background-size: cover; }
.nei_about{ width:85%; height:auto; overflow:hidden; position:absolute; top:25%; left:7.5%;}
.nei_about_l{ width:45%; height:auto; overflow:hidden; float:left; margin:0 5% 0 auto;}
.nei_about_l_title{ width:100%; height:auto; overflow:hidden; color:#2e52ae; line-height:1.5; font-size:36px; font-family:microsoft yahei;}
.nei_about_l_gupiao{ width:100%; height:auto; overflow:hidden; color:#666; line-height:40px; font-size:24px; font-family:microsoft yahei; margin:20px auto;}
.nei_about_l_con{ width:100%; height:auto; overflow:hidden; color:#333; line-height:30px; font-size:16px; font-family:microsoft yahei; margin:20px auto 0 auto;}
.nei_about_l_down{ width:100%; height:auto; overflow:hidden; margin:70px auto 0 auto;}
.nei_about_l_box{ width:auto; height:60px; overflow:hidden; float:left; margin:0 10px 0 auto;}
.nei_about_l_box_l{ width:60px; height:60px; overflow:hidden; float:left; margin:0 20px 0 auto;}
.nei_about_l_box_t{ width:auto; height:auto; overflow:hidden; float:left; margin:0 20px 0 auto; color:#2e52ae; line-height:30px; font-size:22px; font-family:microsoft yahei;}
.nei_about_l_box_t p{color:#2e52ae; line-height:30px; font-size:16px; font-family:microsoft yahei;}

.nei_about_r{ width:50%; height:auto; overflow:hidden; float:right; margin:0 auto;display: block;}
.nei_about_r .videolist img{ height:45vh;}
.nei_about_r .videolist video{ height:45vh;}
.nei_about_rm .videolist img{ height:35vh;}
.nei_about_rm .videolist video{ height:35vh;}
.nei_about_rm{ width:100%; height:auto; overflow:hidden; float:right; margin:0 auto; display:none; }
.sectionab1.active .nei_about_l_title{-webkit-animation: bounceInBottom 2s;}
.sectionab1.active .nei_about_l_gupiao{-webkit-animation: bounceInBottom 2.2s;}
.sectionab1.active .nei_about_l_con{-webkit-animation: bounceInBottom 2.4s;}
.sectionab1.active .nei_about_l_down{-webkit-animation: bounceInBottom 2.6s;}
.sectionab1.active .nei_about_r{-webkit-animation: bounceInRight 2.5s;}


/*about*/
.sectionab2{width: 100%;height: auto;overflow: hidden; background: url("../img/images/bg2.jpg") no-repeat left top; background-size:100% auto;}
.sectionab2 .bubble{position: absolute;border-radius: 100%;transform-origin: 50% 45%;}
.sectionab2 .bubble1{
	left: -3.9%;
	top: -14.125%;
	width: 18%;
	padding-top: 10%;
	background-color: #f0f9fa;
	opacity: 1;
	filter: alpha(opacity=100);
}
.sectionab2 .bubble2{
	position: absolute;
	width: 37%;
	padding-top: 46%;
	background:url(../img/images/about4.jpg) no-repeat;
	background-size:cover;
	right: 0;
	top: -45%;
}
.sectionab2_menu{ width:auto; height: auto; overflow:hidden; position:absolute; top:25%; left:5%; line-height:60px; font-size:50px; color:#2e52ae; font-family:microsoft yahei;}
.sectionab2_lunbo{ width:100%; height:auto; overflow:hidden; position:absolute; bottom:5%; left:0; display:block;}
.sectionab2_lunbom{ width:80%; height:auto; overflow:hidden; position:absolute; bottom:5%; left:10%; display:none; text-align:center !important;}
.sectionab2_lunbo .swiper-container{width:100%; height:80%; overflow:hidden; margin:0 auto;}
.sectionab2_lunbo .swiper-wrapper{ width:100%; margin:0 auto;}
.sectionab2_lunbo .swiper-slide{ width:100%; height:100%; overflow:hidden; position:relative; text-align:center;}
.sectionab2_lunbo .swiper-slide img{ width:100%; height:100% ;}


.sectionab2_lunbo .swiper-paginationin{ height:10px; overflow:hidden; position:absolute; right:0px; bottom:10px !important; left:0 !important; margin:auto; z-index:1; text-align:center; }
.sectionab2_lunbo .swiper-paginationin span{ display:inline-block;width:10px; border-radius:100%; height:10px; background:#dbdbdb; cursor:pointer; vertical-align:top; margin:0 4px;opacity:0.9 !important;}
.sectionab2_lunbo .swiper-paginationin span.swiper-pagination-bullet-active{ background-color:#999;opacity:1 !important;}
.sectionab2_lunbo .swiper_btnz{position: absolute;top: 80%;width: 55px;height: 55px; left:10%;background: url(../img/images/nei_left.png) 0 0 no-repeat;display: block;z-index:10;}
.sectionab2_lunbo .swiper_btny{position: absolute;top: 80%;width: 55px;height: 55px; left:14%;background: url(../img/images/nei_right.png) 0 0 no-repeat;display: block;z-index:10;}
.sectionab2.active .sectionab2_menu{-webkit-animation: bounceInTop 2s;}
.sectionab2.active .sectionab2_lunbo{-webkit-animation: bounceInBottom 2.5s;}


/*组织*/
.sectionab3{width: 100%;height: auto;overflow: hidden; background: url("../img/images/bg2.jpg") no-repeat left top; background-size:100% auto;}
.sectionab3_menu{ width:auto; height: auto; overflow:hidden; position:absolute; top:25%; left:5%; line-height:60px; font-size:50px; color:#fff; font-family:microsoft yahei;}
.sectionab3_con{ width:100%; height: auto; overflow:hidden; position:absolute; top:5%; left:0%; text-align:center;}
.sectionab3_con img{ width:auto; height: auto; max-width:80%; max-height: 90vh;}
.sectionab3.active .sectionab3_menu{-webkit-animation: bounceInTop 2s;}
.sectionab3.active .sectionab3_con{-webkit-animation: bounceInBottom 2.5s;}


/*资质*/
.sectionab4{width: 100%;height: auto;overflow: hidden; background: url("../img/images/bg1.jpg") no-repeat left top; background-size:100% auto;}
.sectionab4_menu{ width:auto; height: auto; overflow:hidden; position:absolute; top:20%; left:5%; line-height:60px; font-size:36px; color:#333; font-family:microsoft yahei;}
.sectionab4_lunbo{ width:94%; height:auto; overflow:hidden; position:absolute; bottom:20%; left:3%;}
.sectionab4_lunbo .swiper-container{width:100%; height:100%; overflow:hidden; margin:0 auto;}
.sectionab4_lunbo .swiper-wrapper{ width:88%; margin:0 auto;}
.sectionab4_lunbo .swiper-slide{ width:100%; height:100%; overflow:hidden; position:relative; text-align:center;}
.sectionab4_lunbo .swiper-slide img{ width:100%; height:100% ;}

.sectionab4_lunbo .swiper-paginationin{ height:10px; overflow:hidden; position:absolute; right:0px; bottom:10px !important; left:0 !important; margin:auto; z-index:1; text-align:center; }
.sectionab4_lunbo .swiper-paginationin span{ display:inline-block;width:10px; border-radius:100%; height:10px; background:#dbdbdb; cursor:pointer; vertical-align:top; margin:0 4px;opacity:0.9 !important;}
.sectionab4_lunbo .swiper-paginationin span.swiper-pagination-bullet-active{ background-color:#999;opacity:1 !important;}
.sectionab4_lunbo .swiper_btnz{position: absolute;top: 40%;width: 100px;height: 100px; left:0%;background: url(../img/images/nei_left.png) 0 0 no-repeat;display: block;z-index:10;}
.sectionab4_lunbo .swiper_btny{position: absolute;top: 40%;width: 100px;height: 100px; right:0%;background: url(../img/images/nei_right.png) 0 0 no-repeat;display: block;z-index:10;}
.hoor_box{ width:262px; height:190px; overflow:hidden; float:left; margin:0 15px;}
.hoor_box img{ width:100%; height:auto; transition:all 0.5s;}
.hoor_box:hover .hoor_box img{width:100%; height:auto; transform:scale(1.1); transition:all 0.5s;}
.sectionab4.active .sectionab4_menu{-webkit-animation: bounceInTop 2s;}
.sectionab4.active .sectionab4_lunbo{-webkit-animation: bounceInBottom 2.5s;}

/*覆盖*/
.sectionab5{width: 100%;height: auto;overflow: hidden; background-color:#fff; }
.sectionab5_bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.sectionab5.active .section4_bg .bubble1{position:absolute;left:-2%; top: -5%;border: 1px solid #cbdced; width: 50%; padding-top: 50%; transition:all 3s; border-radius:50%;}
.sectionab5.active .section4_bg .bubble2{position:absolute;left:-7%; top: -20%;border: 1px solid #cbdced; width: 65%; padding-top: 65%; transition:all 2.5s; border-radius:50%;}
.sectionab5.active .section4_bg .bubble3{position:absolute;left:-12%; top: -30%;border: 1px solid #cbdced; width: 80%; padding-top: 80%; transition:all 2s; border-radius:50%;}

.sectionab5.active .section4_right_en{-webkit-animation: bounceInBottom 2s;}
.sectionab5.active .section4_right_title{-webkit-animation: bounceInBottom 2.5s;}
.sectionab5.active .section4_right_con{-webkit-animation: bounceInBottom 3s;}



.sectionab6{width: 100%;height: auto;overflow: hidden; background: url("../img/images/bg1.jpg") no-repeat left top; background-size:100% auto;}
.sectionab6.active .swiper-container{-webkit-animation: bounceInBottom 2.3s;}
.sectionab6.active .section6_foot{-webkit-animation: bounceInBottom 2.3s;}
.sectionab6.active .section6_foot_slogan{-webkit-animation: bounceInBottom 2.6s;}
.sectionab6.active .foot_logo{-webkit-animation: bounceInBottom 2.7s;}
.sectionab6.active .foot_tel{-webkit-animation: bounceInBottom 2.8s;}
.sectionab6.active .section6_foot_center_c{-webkit-animation: bounceInRight 3s;}
.sectionab6.active .footer_r_er{-webkit-animation: bounceInBottom 3s;}
.sectionab6.active .footer_top_t{-webkit-animation: bounceInBottom 3.2s;}

.sectionab7{width: 100%;height: auto;overflow: hidden; background: url("../img/images/about1.jpg") no-repeat left top; background-size:100% auto;}
.sectionab7_menu{ width:auto; height: auto; overflow:hidden; position:absolute; top:25%; left:5%; line-height:60px; font-size:50px; color:#333; font-family:microsoft yahei;}
.sectionab7_con{ width:100%; height: auto; overflow:hidden; position:absolute; top:40vh; left:0%; text-align:center;}
.sectionab7.active .sectionab7_menu{-webkit-animation: bounceInTop 2s;}
.sectionab7.active .sectionab7_con{-webkit-animation: bounceInBottom 2.5s;}
.sectionab7 .box{ width:20%; height:60px; overflow:hidden; display:inline-block; margin:20px 1.5%; background-color:rgba(46,82,174,0.5); border-radius:30px; -moz-box-shadow:0px 0px 20px #d2decb; -webkit-box-shadow:0px 0px 20px #d2decb; box-shadow:0px 0px 20px #d2decb; transition:all 0.4s;}
.sectionab7 .box .zi{ width:100%; height:60px; overflow:hidden; margin:0 auto; background: url("../img/images/right.png") no-repeat 95% center; background-size:auto 70%; line-height:60px; font-size:30px; color:#fff; font-family:microsoft yahei;}
.sectionab7 .box:hover{ width:20%; height:60px; overflow:hidden; display:inline-block; margin:20px 1.5%; background-color:rgba(46,82,174,0.9); border-radius:30px; -moz-box-shadow:0px 0px 20px #d2decb; -webkit-box-shadow:0px 0px 20px #d2decb; box-shadow:0px 0px 20px #d2decb; transition:all 0.4s;}



/*foot*/
.footer{width:100%; height:auto; overflow:hidden; background: url(../img/images/bg3.jpg) no-repeat center top;}
.footer .top{ height:150px; overflow:hidden; margin:0 auto; text-align:left; background: url(../img/images/t5.png) no-repeat left center;}
.footer .center{ width: 100%; overflow:hidden; margin:0 auto; padding:60px 0; text-align:center;}
.footer .center .left{ width:35%; height: auto; margin:0 auto; float: left;}
.footer .center .left .add{ width:100%; height: auto; margin: 0 auto; font-size:14px; color:#fff; font-family:microsoft yahei; line-height:2; text-align:left; background: url(../img/images/t7.png) no-repeat left 20%; text-indent: 2em;}
.footer .center .left .add:nth-child(2){ width:100%; height: auto; margin: 0 auto; font-size:14px; color:#fff; font-family:microsoft yahei; line-height:2; text-align:left; background: url(../img/images/t8.png) no-repeat left 20%; text-indent: 2em;}
.footer .center .left .add:nth-child(3){ width:100%; height: auto; margin: 0 auto; font-size:14px; color:#fff; font-family:microsoft yahei; line-height:2; text-align:left; background: url(../img/images/t9.png) no-repeat left 20%; text-indent: 2em;}
.footer .center .zhong{ width:40%; height: auto; margin:0 auto; float: left;}
.footer .center .zhong .one{width:33%; height:auto; overflow:hidden; margin:0px auto; float:left;}
.footer .center .zhong .one .sortName{width:auto; overflow:hidden;}
.footer .center .zhong .one .sortName a{color:#fff; text-decoration:none;font-size: 18px;color: #fff;}
.footer .center .zhong .one .list{padding-top:20px;}
.footer .center .zhong .one .list ul{list-style:none;}
.footer .center .zhong .one .list ul li{width:100%;overflow:hidden; line-height:30px;}
.footer .center .zhong .one .list ul li a{color:#fff;text-decoration:none;font-size: 16px;}
.footer .center .zhong .one .list ul li a:hover{color: #333;}
.footer .center .right{ width:25%; height: auto; margin:0 auto; float: left;}
.footer .center .right .tel{ width:65%; height: auto; overflow: hidden; margin:0 auto; background: url(../img/images/t6.png) no-repeat left center;}
.footer .center .right .tel .l2{ width:100%; height: auto; margin:0 auto 0 25%; float: left; font-size:28px; color:#fff; font-family:Arial; line-height:1.3; text-align:left; font-weight:bold;}
.footer .center .right .tel .l3{ width:100%; height: auto; margin:0 auto 0 25%; float: left; font-size:12px; color:#fff; font-family:microsoft yahei; line-height:1.3; text-align:left;}
.footer .center .right .erbox{ width:65%; height: auto; margin:30px auto 0 auto; overflow: hidden;}
.footer .center .right .erbox .er{ width:45%; height: auto; margin:0 2.5%; float: left;}
.footer .center .right .erbox .er .img{ width:100%; height:120px; display:block; overflow:hidden; background-color:#fff; margin-bottom:5px;}
.footer .center .right .erbox .er img{ width:95%; height:110px; margin:5px auto; }
.footer .center .right .erbox .er .title{ width:95%; height:auto; font-size:14px; color:#fff; font-family:microsoft yahei; line-height:1.5; text-align:center;}

.footer .copy{ width:100%; height:80px; overflow:hidden; font-size:14px; color:#fff; font-family:microsoft yahei; line-height:80px; text-align:left;}
.footer .copy a{ color:#fff; float: right;}

/**内页**/
.commbanner{ width:100%; height:auto; overflow:hidden; position:relative;}
.commbanner .title{ overflow:hidden; position:absolute; top:35%; left:23%; line-height:1.5; font-size:48px; color:#fff; font-family:microsoft yahei; text-align:left;}
.commbanner .en{overflow:hidden; line-height:1.5; font-size:24px; color:#fff; font-family: Arial; text-align:left;}
/*nav_one*/
.nei_nav{ width:100%; height:auto; overflow:hidden; margin:0 auto; background:#006cb8; text-align:center;}
.nei_nav a{ width:auto; height:auto; overflow:hidden; margin:0 auto;  font-size:16px; color:#fff; font-family:microsoft yahei; line-height:65px; text-align:center; }
.nei_nav a:hover{ width:auto; height:auto; overflow:hidden; margin:0 auto;  font-size:16px; color:#fff; font-family:microsoft yahei; line-height:65px; text-align:center; }
.nei_nav a.curr{ width:auto; height:auto; overflow:hidden; margin:0 auto; font-size:16px; color:#fff; font-family:microsoft yahei; line-height:65px; text-align:center; }

.pmain_bg{ width:100%; height:auto; margin:0 auto; overflow:hidden;}
.pmain{ width: 94%; margin:0 auto; overflow:hidden; padding: 30px 0;}
.pmain .nei_navtitle{ width:100%; height:auto; overflow:hidden; margin:0 auto 50px auto;}
.pmain .nei_navtitle .en{ width:100%; height:auto; overflow:hidden; margin:0 auto; position:relative; line-height:1; font-size:50px; color:#333; font-family:Arial; text-align:center;}
.pmain .nei_navtitle .cn{ width:100%; height:auto; overflow:hidden; margin:-30px auto 0 auto; position:relative; line-height:1; font-size:36px; color:#333; text-align:center; font-weight:bold;}
.pmain .nei_navtitle .cn span{color:#2e52ae;}
.pmain .nei_navtitle .heng{ width:20px; height:4px; overflow:hidden; margin:10px auto; position:relative; background:#2e52ae;}

/*内页底部*/
.footer_n{width:100%; height:550px; margin:0 auto; overflow:hidden; position:relative;}
.footer_n .section6_foot{width:100%; height:100%;}

/*产品展示当前位置*/
.where{ width:92%; height:auto; margin:0 auto; overflow:hidden;}
.where_left{ width:100%; height:25px; line-height:25px; text-align:left; color:#666; font-size:14px; font-family:"microsoft yahei"; padding-top:15px;}
.where_right{ width:100%; height:auto; overflow:hidden;}
.neinav_box{ width:auto; height:50px; overflow:hidden; border-bottom:2px solid #fff; float:left; font-size:22px; color:#333; font-family:"microsoft yahei"; text-align:center; line-height:50px; margin:70px 60px 30px 0;}
.neinav_box:hover{width:auto; height:50px; overflow:hidden; border-bottom:2px solid #2e52ae; float:left; font-size:22px; color:#2e52ae; font-family:"microsoft yahei"; text-align:center; line-height:50px; margin:70px 60px 30px 0;}
.neinav_box_a{width:auto; height:50px; overflow:hidden; border-bottom:2px solid #2e52ae; float:left; font-size:22px; color:#2e52ae; font-family:"microsoft yahei"; text-align:center; line-height:50px; margin:70px 60px 30px 0;}
.neinav_box_a:hover{width:auto; height:50px; overflow:hidden; border-bottom:2px solid #2e52ae; float:left; font-size:22px; color:#2e52ae; font-family:"microsoft yahei"; text-align:center; line-height:50px; margin:70px 60px 30px 0;}

.wherepro_bg{ width:100%;height: 80px; background-color:#2e52ae; margin:0 auto; text-align:center;}
.wherepro_box{ width:auto; height:75px; overflow:hidden; display:inline-block; font-size:18px; color:#fff; font-family:"microsoft yahei"; text-align:center; line-height:75px; margin:0 40px; border-bottom:4px solid #2e52ae;}
.wherepro_box:hover{ border-bottom:4px solid #44c9d1;}
.wherepro_box_a{width:auto; height:75px; overflow:hidden; display:inline-block; border-bottom:4px solid #44c9d1; font-size:18px; color:#fff; font-family:"microsoft yahei"; text-align:center;  line-height:75px; margin:0 40px;}
.wherepro_box_a:hover{width:auto; height:75px; overflow:hidden; display:inline-block; border-bottom:4px solid #44c9d1; font-size:18px; color:#fff; font-family:"microsoft yahei"; text-align:center;  line-height:75px; margin:0 40px;}


/*product*/
.pro_list{ width:100%; height:auto; min-height:500px; overflow:hidden; margin:0 auto;}
.pro_list .pcworks_box{ width:49%; height:330px; float:left; margin:1% 0 1% 2%; background:#e8ecf9;}
.pro_list .pcworks_box:nth-child(2n){ width:49%; height:330px; float:left; margin:1% 0 1% 2%; background:#f5dce4;}
.pro_list .pcworks_box:nth-child(3n){ width:49%; height:330px; float:left; margin:1% 0 1% 2%; background:#dceff5;}

.pcworks_top{ width:35%; height:300px;  margin:25px 5% 0 10%; float:left;}
.pcworks_top img{ width:90%; height:auto; transition: all 0.5s;}
.pcworks_box:hover .pcworks_top img{ width:90%; height:auto; height:auto; transition: all 0.5s;transform:scale(1.1) ;}
.pcworks_con{ width:45%; height:auto; overflow:hidden; margin:25px auto 0 auto; float:left;}
.pcworks_title{ width:100%; height:auto; overflow:hidden; margin:30% auto 0 auto; line-height:1.5; color:#333; font-size:22px; font-family:"Source";}
.pcworks_content{ width:100%; height:auto; max-height:75px; overflow:hidden; margin:5px auto; line-height:25px; color:#666; font-size:14px; font-family:"Source";}
.pcworks_into{ width:100%; height:40px; overflow:hidden; margin:20px auto 0 0; line-height:40px; color:#333; font-size:16px; font-family:"Source";}
.pcworks_box:hover .pcworks_into{ width:140px; height:40px; overflow:hidden; margin:20px auto 0 0; line-height:40px; color:#f08519; font-size:16px; font-family:"Source";}
/*news*/
.new_list{ width:100%; height:auto; min-height:500px; overflow:hidden; margin:0 auto;}
.new_list .box{ width:31%; height:auto; margin:130px 3.5% 50px  auto;  float:left; position:relative; z-index:1;}
.new_list a:nth-child(3n) .box{ width:31%; height:auto; margin:130px auto 50px auto;  float:left; position:relative; z-index:1;}
.new_list .box .pic{ width:100%; height:370px; overflow:hidden; margin:-130px auto 0 auto; position:relative; z-index:10;}
.new_list .box .pic img{ width:100%; height:370px; overflow:hidden; margin:0 auto; transition:all 0.4s; border-radius: 15px;}
.new_list .box:hover .pic img{ width:100%; height:370px; transition:all 0.4s; transform:scale(1.05);}
.new_list .box .title{ width:94%; height:auto; overflow:hidden; margin:20px auto 0 auto; font-size:22px; color:#191919; font-family:microsoft yahei; text-align:left; line-height:1.5;}
.new_list .box:hover .title{width:94%; height:auto; overflow:hidden; margin:20px auto 0 auto; font-size:22px; color:#0993cd; font-family:microsoft yahei; text-align:left; line-height:1.5;}
.new_list .box .intro{ width:94%; height:auto; overflow:hidden; margin:0 auto; font-size:16px; color:#666; font-family:microsoft yahei; text-align:left; line-height:1.6;}
.new_list .box .more{ width:94%; height:auto; overflow:hidden; margin:30px auto;background: url(../img/images/t3.png) no-repeat 40px center;}
.new_list .box .more .times{ width:auto; height:auto; overflow:hidden; margin:0 auto; float: right; font-size:14px; color:#333; font-family:Arial; text-align:right; line-height:1.6;}
.new_list .box .more .mos{ width:auto; height:auto; overflow:hidden; margin:0 auto; float:left;  font-size:14px; color:#333; font-family:microsoft yahei; text-align:left; font-weight: bold; line-height:1.5;}
.new_list .box:hover .more .mos{ color:#0993cd;}
.new_list .new_more{ width:180px; height:50px; overflow:hidden; clear:both; border-radius:25px; background-color:#006cb8; margin:30px auto 0 auto; font-size:20px; color:#fff; font-family:Arial; text-align:left; text-indent:2em; line-height:50px; position:relative;}


/*infor*/
.infor{ width:90%; height:auto; margin:0 auto;}
.case_one{ width:100%; height:auto; overflow:hidden; margin:0 auto; padding:30px 0; background-color:#fff;}
.case_two{ width:100%; height:auto; overflow:hidden; margin:0 auto; padding:30px 0; background-color:#f9f9f9;}
.case_menu{ width:100%; height:auto; overflow:hidden; margin:0 auto; line-height:1.5; color:#333; font-size:36px; font-family:"Source"; position:relative;}
.case_menu p{float:right; font-size:18px; color:#999; line-height:30px;}
.case_menu_y{ position:absolute; width:22px; height:22px; border:1px solid #999; border-radius:50%; top:3px; right:7%; transition:all 0.5s;}
.case_menu_h{ position:absolute; width:45px; height:1px; background-color:#999; top:14px; right:5%;}
.case_menu:hover .case_menu p{color:#2e52ae;}
.case_menu:hover .case_menu_y{border:1px solid #2e52ae; right:8%; transition:all 0.5s;}
.case_menu:hover .case_menu_h{background-color:#2e52ae;}
.case_box{ width:100%; height:auto; overflow:hidden; margin:30px auto 0 auto;}
.box_one{ width:50%; height:auto; overflow:hidden; float:left;}
.box_one img{ width:100%; height:auto;}
.box_two{ width:24%; height:313px; overflow:hidden; float:left; background-color:#f9f9f9; margin:0 auto 0 1%; position:relative;}
.box_two_title{ width:90%; height:auto; overflow:hidden; margin:12% auto 0 auto; line-height:30px; color:#333; font-size:24px; font-family:"Source";}
.box_two_time{ width:90%; height:auto; overflow:hidden; position:absolute; bottom:10%; left:5%; line-height:30px; color:#333; font-size:16px; font-family: "Arial"; text-align:left;}
.box_two_time p{line-height:30px; color:#333; font-size:16px; font-family: "Source"; text-align:right; float:right;}
.box_two:hover .box_two_title{ color:#2e52ae;}
.box_two:hover .box_two_time p{ color:#2e52ae;}

.jieda{ width:50%; height:auto; overflow:hidden; margin:0 auto; float:left;}

.case_box .lis{width:99%; height:80px; overflow:hidden; background: #fff url(../img/images/jt.png) no-repeat 96% center; float: left; border-bottom:1px solid #dfe1e1; transition:all 0.5s;}
.case_box .lis:hover{background: #2e52ae url(../img/images/jt1.png) no-repeat 96% center; color: #fff; transition:all 0.5s;}
.case_box .lis.active{background: #2e52ae url(../img/images/jt1.png) no-repeat 96% center; color: #fff; border-bottom:0;-moz-box-shadow:0px 10px 40px #2e52ae; -webkit-box-shadow:0px 10px 40px #2e52ae; box-shadow:0px 10px 40px #2e52ae; transition:all 0.5s;}
.case_box .lis .t{width: 10%; height:auto; overflow:hidden;float: left; font-size:62px; color:#3e504a; line-height:80px; font-weight:bold; font-family:Arial;}
.case_box .lis .t1{width: 80%; height:auto; overflow:hidden;float: left; font-size:18px; color:#3e504a; line-height:80px; font-family:"Source"; border-right:1px solid #dfe1e1;}
.case_box .lis:hover .t{width: 10%; height:auto; overflow:hidden;float: left; font-size:62px; color:#fff; line-height:80px; font-weight:bold; font-family:Arial;}
.case_box .lis:hover .t1{width: 80%; height:auto; overflow:hidden;float: left; font-size:18px; color:#fff; line-height:80px; font-family:"Source"; border-right:1px solid #fff;}
.case_box .lis.active .t{width: 10%; height:auto; overflow:hidden;float: left; font-size:62px; color:#fff; line-height:80px; font-weight:bold; font-family:Arial;}
.case_box .lis.active .t1{width: 80%; height:auto; overflow:hidden;float: left; font-size:18px; color:#fff; line-height:80px; font-family:"Source"; border-right:1px solid #fff;}

.case_box .sublis{ width:99%; height:auto; overflow:hidden; display: none; border-bottom:1px solid #dfe1e1; background-color:#fff;}
.case_box .sublis.active{/*display: block;*/}
.case_box .sublis  .t2{width: 10%; height:auto; overflow:hidden;float: left; font-size:62px; color:#2e52ae; line-height:80px; font-weight:bold; font-family:Arial;}
.case_box .sublis  .t3{width: 85%; height:auto; overflow:hidden;float: left; font-size:18px; color:#666; line-height:35px; font-family:"Source"; padding:30px 0 15px 0;}
.case_box .sublis  .td:hover{background-color: #565656;}


/*one*/
.one_nei{ width:100%; height:auto; min-height:500px; overflow:hidden; margin:0 auto; line-height:2; color: #333;}
.one_nei .shutong{text-align: center !important; font-size: 28px !important;}
.one_nei .video{ width:100%; height:auto; margin:50px auto; overflow:hidden; text-align:center;}
.one_nei #slider{ width:100%; height:auto;}

/*view*/
.view_nei{ width:99%; height:auto; min-height:400px; overflow:hidden; margin:0 auto; float:left; border:1px solid #eeeeee;}
.view_newhead{ width:94%; height:auto; overflow:hidden; margin:20px auto;}
.view_newhead .news_view_title{ width:100%; height:auto; overflow:hidden; margin:0 auto; line-height:1.6; font-size:32px; color:#333; text-align:center; font-weight:bold;}
.view_newhead .news_view_title .subtitle{ width:100%; height:auto; overflow:hidden; margin:0 auto; line-height:1.5; font-size:18px; color:#888; text-align:center; font-weight:bold;}
.view_newhead .news_view_wrap{ width:100%; height:auto; overflow:hidden; margin:0 auto; line-height:1.6; font-size:14px; color:#999; text-align:center;}
.news_view{ width:94%; height:auto; overflow:hidden; margin:0 auto;}
.news_view .news_txt{ width:100%; height:auto; overflow:hidden; margin:0 auto; min-height:500px;}
.news_view .load{ width:8%; height:30px; overflow:hidden; float:left; margin:14px auto 0 auto; border-radius:5px; font-size:14px; color:#fff; background-color:#02346c; font-family:microsoft yahei; line-height:30px; text-align:center;}
.news_view .load:hover{ width:8%; height:30px; overflow:hidden; float:left; margin:14px auto 0 auto; border-radius:5px; font-size:14px; color:#02346c; background-color:#dddddd; font-family:microsoft yahei; line-height:30px; text-align:center;}

.view-page{ width:94%; height:auto; overflow:hidden; margin:20px auto;}
.view-page .span1{ width:48%; height:auto; overflow:hidden; float:left; font-size:16px; color:#666; text-align:left;}
.view-page .span2{ width:48%; height:auto; overflow:hidden; float:right; font-size:16px; color:#666; text-align:left;}
/*contact*/
.contact_two{ width:100%; height:auto; overflow:hidden; margin:120px auto 100px auto;}
.contact_two_ul{ width:33%; height:auto; overflow:hidden; float:left;}
.contact_two_ul:nth-child(2){ width:28%; height:auto; overflow:hidden; padding-left:5%; float:left;background:url(../img/images/contact1.png) no-repeat left top; background-size:70px 70px;}
.contact_two .hot_title{ width:100%; height:auto; overflow:hidden; font-size:30px; color:#2e52ae; line-height:45px; font-family:"Source";}
.contact_two .hot_title p{ font-size:15px; color:#333; line-height:25px; font-family:"Source";}
.contact_two .hot_line{ width:100%; height:auto; overflow:hidden; background:url(../img/images/contact3.png) no-repeat left center; font-size:28px; color:#12a09d; line-height:35px; font-family: Arial; font-weight:bold; text-indent:1.5em; margin-top:30px;}
.contact_two .er{width:120px; height:auto; overflow:hidden; float:right; margin:0 20px;}
.contact_two .er_img{ width:120px; height:120px; overflow:hidden;}
.contact_two .er_img img{ width:120px; height:120px;}
.contact_two .er_title{ width:120px; height:auto; overflow:hidden; color:#333; font-size:14px; line-height:30px; font-family:"microsoft yahei"; text-align:center;}
.contact_stree{ width:100%; height:auto; overflow:hidden; margin:0 auto 100px auto;}
.contact_l{ width:22%; height:550px; overflow:hidden; float:left; background:#2e52ae url(../img/images/contact4.png) no-repeat left top;}
.contact_l_title{ width:auto; height:auto; overflow:hidden; margin:75px auto 0 10%; color:#fff; font-size:42px; line-height:45px; font-family: Arial; font-weight:bold;}
.contact_l_title p{color:#fff; font-size:26px; line-height:45px; font-family: "Source";}
.contact_r{ width:78%; height:550px; overflow:hidden; float:left; background-color:#f9f9f9;}
.contact_r_box{ width:60%; height:auto; overflow:hidden; float:left; margin:0 2% 0 6%;}


.messages .nei_navtitle{ width:50%; height:auto; overflow:hidden; margin:0 auto; float:left; position:relative;}
.messages .nei_navtitle .en{ width:100%; height:auto; overflow:hidden; position: absolute; left:0; top:90px; line-height:1.3; font-size:42px; color:#12a09d; font-family:Arial; font-weight:bold; text-align:left; opacity:0.1;}
.messages .nei_navtitle .cn{ width:100%; height:auto; overflow:hidden; margin:40px auto 0 auto; position:relative; line-height:1.3; font-size:42px; color:#12a09d; text-align:left; font-weight:bold;}
.messages .nei_navtitle .heng{ width:40px; height:4px; overflow:hidden; margin:10px auto 0 0; position:relative; background:#12a09d;}
.messages .nei_navtitle .con{ width:80%; height:auto; overflow:hidden; margin:100px auto 0 0; position:relative; line-height:2; text-align:left; font-family:microsoft yahei;}
.messages .right{ width:50%; height:auto; overflow:hidden; margin:0 auto 0 auto; float:left;}
.messages .right .box{ width:97%; height:auto; overflow:hidden; margin:0 auto 10px auto; padding:0 1%; }
.messages .right .box .title{ width:100%; height:auto; overflow:hidden; margin:5px auto; font-size:16px; color:#000; font-family:microsoft yahie; line-height:1.5; text-align:left;}
.messages .right input{ width:70%; height:40px; overflow:hidden; margin:10px auto; padding:0 3%; border:0; background:none; font-size:16px; color:#666; font-family:microsoft yahie; line-height:40px; text-align:left; border-radius:5px; border:1px solid #ededed;}

.messages .right textarea{ width:72%; height:70px; overflow:hidden; margin:0 auto; padding:2%;background:none; font-size:16px; color:#666; font-family:microsoft yahie; line-height:25px; text-align:left; border-radius:5px; border:1px solid #ededed;}
.messages .right .an{ width:160px; height:40px; overflow:hidden; display:inline-block; border-radius:25px; background-color:#12a09d; font-size:18px; color:#fff; font-family:microsoft yahie; line-height:40px; text-align:center; cursor:pointer;}
.messages ::placeholder {
	color: #999;
	}

/*sea*/
.ullist{ width:100%; height:auto; overflow:hidden; margin:100px auto 0 auto;}
.ullist li { width:100%; height:35px; overflow:hidden; line-height:35px; color:#333; font-size: 16px; border-bottom:1px dashed #dedede;}
.ullist li span{color:#999; float:right;}
.ullist li:hover{ width:100%; height:35px; overflow:hidden; line-height:35px; color:#02346c;}

.pmain-pos{ padding-bottom:10px; line-height:20px; color:#999; border-bottom:2px #cad1dc solid;}
.pmain-pos .t{ float:left; font-size:18px; color:#282828; position:relative; padding-left:20px;}
.pmain-pos .t:before{ content:''; background:#0099ff; width:6px; height:18px; position:absolute; left:0; top:3px; border-radius:3px;}

.pnews-detail .title{ text-align:center; padding:25px 0; border-bottom:1px #e3e3e3 solid;}
.pnews-detail .title .t{ font-size:21px; color:#0066cc;}
.pnews-detail .title .c{ color:#999; margin-top:15px; position:relative; }
.pnews-detail .title .c span{ padding:0 15px;}
.pnews-detail .aside{ padding:28px 0; color:#000; line-height:30px;}
.pnews-detail .aside table{ margin:auto; }
.pnews-detail .aside p{ padding:10px 0px; text-indent: 2em;  }
.pnews-detail .aside p img{ max-width:100%; }
.pnews-detail .nNext{ padding:28px 0; line-height:25px; border-top:1px #ccc dashed;}
.pnews-detail .nNext .fl, .pnews-detail .nNext .fr{ max-width:50%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.pnews-detail .nNext .btn{ background:#f0f0f0; display:inline-block; padding:0 2px; vertical-align:top; margin-right:5px; color:#000;}
.pnews-detail .nNext a{ display:inline-block;}

.ptech-floor{ padding:20px 0 40px 0;}
.ptech-item{ width:655px;}
.ptech-item .news-list{ margin-top:15px; width:100%;}
.ptech-item .news-list .n-item .c{ margin-top:5px;}
.ptech-itemDes{ margin-top:21px;}
.ptech-itemDes .aImg img{ width:206px; height:165px; display:block; border:1px #ebebeb dashed;}
.ptech-itemDes .aList{ width:433px;}
.ptech-itemDes .aList li{ height:28px; line-height:28px; overflow:hidden; vertical-align:middle; position:relative; padding-left:15px;}
.ptech-itemDes .aList li span{ float:right; color:#999;}
.ptech-itemDes .aList li:before{content:''; height:4px; width:4px; display:block; border:2px solid #333; border-left-width:0; border-top-width:0; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); position:absolute; top:12px; left:0;}


.site-map dl{padding:10px 0;border-bottom:1px dashed #ddd;}
.site-map dt{font-size:16px;line-height:30px;font-weight:bold;}
.site-map dd{overflow:hidden;}
.site-map dd span{display:block;margin-right:10px;float:left;}
.site-map dd span a:after{content:"|";color:#ddd;margin-left:10px;}
.site-map dd span:last-child a:after{content:"";}
.site-map dd p{overflow:hidden;}
.site-map dd strong{display:block;color:#999;}


}

@media screen and (max-width:1366px){
/*网站顶部*/

.contionera {width: 100%; height:auto; margin:0 auto; position: relative; }
.wapper{ width:100%; height:auto; position:relative; z-index:1; overflow:hidden; margin:0 auto; background: url(../img/images/bg1.jpg);}
/*header*/
.head{width: 100%;height:auto;position: fixed;top:0;left: 0;z-index: 98; display:block;}
.headn{width: 100%;height:auto;position: fixed;top:0;left: 0;z-index: 98; background-color:rgba(5,108,210,0.77);}
.header{ width:100%; height:90px; overflow:hidden; margin:0 auto; display:block;}
.header_left{ width:350px; height:90px; float:left; margin-left:4%; position:absolute; top:20px; z-index:101;}
.header_logo{width:130px; height:55px; overflow:hidden; float:left; background: url("../img/images/logoa.png") no-repeat center; background-size: 100% auto;}
.header_menu{width:auto; height:24px; overflow:hidden; display: flex; float:left; margin:20px auto 0 80px;}

.header_menu .line-box{
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: middle;
	position: relative;
	width: 24px;
	height: 12px;
	transition: width .2s;
}
.header_menu .txt{
	line-height: 24px;
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: middle;
	font-size:14px;
	margin-left: 7px;
	color: #000;
	font-family: "Arial";
	transition: all .2s;}

.header_menu .line-box .line{
	position: absolute;
	left: 0;
	width: 24px;
	height: 3px;
	background-color: #000;
	transform-origin: center center;
	margin: 0;
	transition: all .2s;
}
.header_menu .line-box .line:nth-child(1){
	top: 0;
}
.header_menu .line-box .line:last-child{
	bottom: 0;
}
.header_menu.cur .line-box .line:nth-child(1){
	top: 50%;
	margin-top: -1.5px;
	transform: rotate(45deg);
}
.header_menu.cur .line-box .line:nth-child(2){
	bottom: 50%;
	margin-bottom: -1.5px;
	transform: rotate(-45deg);
}
.header_menu:hover .txt{
        color: #2e52ae;
    }
.header_menu:hover .line-box .line{
        background-color: #2e52ae;
    }
	
	
.header_home{width:auto; height:24px; overflow:hidden; background: url("../img/images/home.png") no-repeat left center; position:absolute; line-height:24px; font-size:14px; color:#333; text-indent:30px; top:40px; left:360px;}
.header_home:hover{width:auto; height:24px; overflow:hidden; background: url("../img/images/homea.png") no-repeat left center; position:absolute; line-height:24px; font-size:14px; color:#2e52ae; text-indent:30px; top:40px; left:360px;}

.nav{ width:auto; height:auto; margin:30px 5% 0 auto; overflow:hidden; position:absolute; top:80px; left:15%;}
.nav_box{ width:auto; height:auto; overflow:hidden; margin:0 auto 15px auto;}
.nav_b{ width:100%; height:auto; overflow:hidden; margin-bottom:10px; line-height:1.5; font-family:microsoft yahei; color:#333; font-size:26px;}
.nav_b:hover{ width:100%; height:auto; overflow:hidden; line-height:1.5; font-family:microsoft yahei; color:#2e52ae; font-size:26px;}
.nav_c{ width:100%; height:30px; overflow:hidden;}
.nav_c_l{ width:auto; height:30px; overflow:hidden; float:left; margin-right:30px;  line-height:30px; font-family:microsoft yahei; color:#333; font-size:14px;}
.nav_c_l:hover{ width:auto; height:30px; overflow:hidden; float:left; margin-right:30px;  line-height:30px; font-family:microsoft yahei; color:#2e52ae; font-size:14px;}

.header_right{ width:30%; height:40px; float:right; margin:30px 2% 0 auto;}
.header_zi{ width:auto; height:40px; float:right; margin:0 10px; padding:0 10px; background-color:rgba(0,0,0,0.2); line-height:40px; text-align:center; font-size:14px; font-family:"Arial"; color:#fff; border-radius:10px; transition:all 0.5s;}
.header_box{ width:40px; height:40px; float:right; margin:0 10px; background-color:rgba(0,0,0,0.2); line-height:40px; text-align:center; font-size:14px; font-family:"Arial"; color:#fff; border-radius:50%; transition:all 0.5s;}
.header_box img{width:16px; height:16px;}
.header_box:hover{ width:40px; height:40px; float:right; margin:0 10px; background-color:rgba(46,82,174,1); line-height:40px; text-align:center; font-size:14px; font-family:"Arial"; color:#fff; border-radius:50%; transition:all 0.5s;}

.menu_open{ width:90%; height:100vh; overflow:hidden; background: url("../img/images/menubg.png") no-repeat left top; background-size:100% auto; display:none; position:absolute; top:0; left:0;animation: myMove 1s; -webkit-animation: myMove 1s;}


@keyframes myMove {
        0% {
			opacity: 0;
            width: 0%;
        }

        100% {
			opacity: 1;
            width: 90%;
        }
    }

@-webkit-keyframes myMove {
        0% {
			opacity: 0;
            width: 0%;
        }

        100% {
			opacity: 1;
            width: 90%;
        }
    }


.headers{width:100%; height:1rem; background-size:100%; position:fixed; top:0; z-index:98; display:none;}
.navb{width: 100%; height:100vh; position: fixed; top:0;  background: url(../img/images/about1.jpg) no-repeat center top; background-size:auto 100%;z-index: 99; animation: mymenu 0.5s; -webkit-animation: mymenu 0.5s; display:none;}

.navb .menu { width:50%; height:auto; overflow:hidden; position:absolute; left:5%; top:10%;}
.navb li { width:100%; height:50px; overflow:hidden;color: #333; font-size:22px; font-family:"Source";line-height:50px;}
.navb li>a {line-height: 50px; color: #333; font-size:22px; font-family:"Source";}
.close { width:10%; height:50px;float: right;margin:20px 20px 0 auto;cursor: pointer; text-align:center;}
.fontc { width:60%;height:50px; line-height:50px;font-weight: bold;margin-left: 30px; font-size:18px; float:left;}
@keyframes mymenu {
        0% {
			 top:0%;
			 left:50%;
			opacity: 0;
            width: 0%;
			border-radius:50%;
        }

        100% {
			 top:0;
			 left:0;
			opacity: 1;
            width: 100%;
        }
    }

    @-webkit-keyframes mymenu {
        0% {
			 top:0%;
			 left:50%;
			opacity: 0;
            width: 0%;
			border-radius:50%;
        }

        100% {
			 top:0;
			 left:0;
			opacity: 1;
            width: 100%;
        }
    }

	
.section1{width: 100%;height: auto;overflow: hidden; }
#pcbanner{ display:none;}
#mbanner{ display:none;}

.search{ width:100%; height:20%; overflow:hidden; position:fixed; z-index:99; top:-20%; left:0; transition: all 0.5s; background-color:rgba(46,82,174,0.2);}
.search.curr{ width:100%; height:20%; overflow:hidden; position:fixed; z-index:99; top:0; left:0; transition: all 0.5s; background-color:rgba(46,82,174,0.8);}
.search .box{ width:400px; height:50px; overflow:hidden; position: absolute; top:40%; left:40%;}
.search .search_left{ width:300px; height:30px; float:left; background:#fff; border:1px solid #dedede; line-height:30px; color:#333; font-size:16px; font-family:"Source"; border-radius:20px;padding:5px 20px;}
.search .search_right{ width:40px; height:40px; float:right;}
.search .close{ width:40px; height:40px; overflow:hidden; border-radius:50%; background:#fff url(../img/sidebar-close11.png) no-repeat center; background-size:60%; position: absolute; top:5%; right:2%;}


/*about*/
.section2{width: 100%;height: auto;overflow: hidden; background: url(../img/images/bg1.jpg) left top; }
.section2_bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.section2_bg .bubble{position: absolute;border-radius: 100%;animation:spin 8s infinite linear;transform-origin: 50% 45%;}
.section2_bg .bubble:nth-child(2n){animation:spin2 8s infinite linear;}
.section2_bg .sm-bubble{transform-origin: 30% 30px;}
.section2_bg .bg-bubble{transform-origin: 50% 50%;}

@keyframes spin{
    to{transform: rotate(1turn);}
}
@keyframes spin2{
    to{transform: rotate(-1turn);}
}
.section2_bg .bubble1{
	left: -3.9%;
	top: -14.125%;
	width: 18%;
	padding-top: 10%;
	background-color: #f0f9fa;
	opacity: 1;
	filter: alpha(opacity=100);
}

.section2_bg .bubble2{
	left: 7.5%;
	top: 20%;
	width: 70px;
	height: 70px;
	background-color: #f0f2f2;
	z-index: 3;
}

.section2_bg .bubble3{
	left: 15.625%;
	top: 16%;
	border: 1px solid #87dff5;
	width: 72px;
	height: 72px;
}
.section2_bg .bubble4{
	left: 37%;
	bottom: 10%;
	background:url(../img/images/t3.png) no-repeat;
	background-size:cover;
	width: 25%;
	padding-top: 25%;
}
.section2_bg .bubble5{
	left: 30.1%;
	top: 39.0625%;
	background-color: #87dff5;
	opacity: 1;
	width: 10px;
	height: 10px;
}
.section2_bg .bubble6{
	width: 56.77%;
	padding-top: 56.77%;
	left: -28.3854%;
	top: 35.48%;
	background: -webkit-linear-gradient(left, rgba(247,247,247,1),rgba(247,247,247,.1) 100%);
	background: -ms-linear-gradient(left, rgba(247,247,247,1),rgba(247,247,247,.1) 100%);
	background: linear-gradient(left, rgba(247,247,247,1),rgba(247,247,247,.1) 100%);
}

.section2_bg .bubble7{
	width: 13%;
	padding-top: 13%;
	left: -6.5%;
	top: 45.3125%;
	border:1px solid #ddd;
}
.section2_bg .bubble8{
	width: 72px;
	height: 72px;
	left: -1.875%;
	top: 82.3%;
	border:1px solid #87dff5;
}
.section2_bg .bubble9{
	width: 10px;
	padding-top: 10px;
	left: 8.33%;
	top: 41%;
	background-color: rgba(135,223,245,1);
}
.section2_bg .bubble10{
	width: 6px;
	padding-top: 6px;
	left: 11.67%;
	top: 50%;
	background-color: rgba(135,223,245,1);
}
.section2_bg .bubble11{
	right: -1.9%;
	top: -9.125%;
	width: 18%;
	padding-top: 12%;
	background-color: #f0f9fa;
	opacity: 1;
	filter: alpha(opacity=100);
}
.section2_bg .bubble12{
	position: absolute;
	width: 25%;
	padding-top: 30%;
	border:1px solid #ddd;
	right: -15%;
	bottom: -20%;
}

.section2_title{ position:absolute; top:16%; left:0; width:100%; }
.section2_title .wrap-inner{
	overflow: hidden;
}
.section2_title .title-canvas
{
	transform:translateY(100%);
}
.section2_title .m-tit{
	display: block;
		font-size: 50px;
		line-height: 1.5;
		color: #333;
		text-align: center;
		letter-spacing: 4px;
		padding-left: 4px;
		 font-weight:bold;
		-webkit-background-clip: text;
	    background-clip: text;
	    -webkit-text-fill-color: transparent;
	    -webkit-animation: aitf 10s linear infinite;
	    -webkit-transform: translate3d(0, 0, 0);
	    -webkit-backface-visibility: hidden;
	    background-image: url("../img/images/p2c.jpg");
	    background-position: 60% 15%;
	    background-repeat: no-repeat;
		
}
@-webkit-keyframes aitf {
  0% {
    background-position: 50% center;
  }
  25% {
    background-position: 60% center;
  }
  50% {
    background-position: 50% center;
  }
  75% {
    background-position: 40% center;
  }
  100% {
    background-position: 50% center;
  }
}
.section2_title .gupiao{
	display: block;
		font-size: 28px;
		line-height: 1.5;
		color: #747474;
		text-align: center;
}
.section2_con{ position:absolute; top:48%; left:0; width:100%; overflow:hidden; text-align:center; }
.section2_con_box{width:25%; height:auto; overflow:hidden; display:inline-block; margin:0 3%; cursor:pointer;}
.section2_con_t{width:100%; height:auto; overflow:hidden; font-size: 90px; line-height: 1.2; color: #333; text-align: center; font-family:microsoft yahei; transition:all 0.5s;}
.section2_con_t span{font-size: 26px; line-height: 40px; color: #333; font-family:microsoft yahei;}
.section2_con_d{width:100%; height:auto; overflow:hidden; margin:30px auto 0 auto; font-size:20px; line-height:1.5; color: #333; font-family:microsoft yahei;}

.section2_con_box:hover .section2_con_t{width:100%; height:auto; overflow:hidden; font-size: 90px; line-height: 1.2; color: #2e52ae; text-align: center; font-family:microsoft yahei; transition:all 0.5s;}
.section2.active .wrap-inner{-webkit-animation: bounceInBottom 2s; }
.section2.active .gupiao{-webkit-animation: bounceInBottom 2.5s;}
.section2.active .section2_con_t{-webkit-animation: bounceInBottom 2s;}
.section2.active .section2_con_d{-webkit-animation: bounceInBottom 2.5s;}


/*brand*/
.section3{width: 100%;height: auto;overflow: hidden;}
.section3_box1{position: relative; width:39%; height:100%; float:left; overflow:hidden; background-color:#e8ecf9;}
.section3_box1:after {
        position: absolute;
        content: '';
        width: 40%;
        height: 110%;
        background: #fffafd;
        top: -5%;
        right: -20%;
        border-radius: 50%;
      }
.section3_box2{position: relative; width:33%; height:100%;float:left; overflow:hidden; background-color:#f9fcff;}
.section3_box2:after {
        position: absolute;
        content: '';
        width: 40%;
        height: 110%;
        background: #dceff5;
        top: -5%;
        right: -20%;
        border-radius: 50%;
      }
.section3_box3{position: relative; width:28%; height:100%;float:left; overflow:hidden; background-color:#dceff5;}
.section3_cp{ width:70%; height:auto; overflow:hidden; margin:25% auto 0 5%;}
.section3_cp2{ width:83%; height:auto; overflow:hidden; margin:29.5% auto 0 -10%;}
.section3_cp3{ width:98%; height:auto; overflow:hidden; margin:35% auto 0 -5%;}
.section3_cp_t{ width:100%; height:auto; overflow:hidden; margin:0 auto; line-height:1.5; font-family:microsoft yahei; color:#333; font-size:28px; text-align:center;transition:all 0.5s;}
.section3_cp_m{ width:100%; height:auto; overflow:hidden; margin:30px auto 40px auto; line-height:30px; font-family:microsoft yahei; color:#333; font-size:16px; text-align:center;}
.section3_cp_pic{ width:100%; height:auto; overflow:hidden; margin:0 auto; text-align:center;}
.section3_cp_pic img{ width:75%; height:auto;}

.section3.active .section3_cp_t{-webkit-animation: bounceInTop 2s; }
.section3.active .section3_cp_m{-webkit-animation: bounceInBottom 2.5s; }
.section3.active .section3_cp_pic img{-webkit-animation: bounceInLeft 3s; }

.section3_box1:hover .section3_cp_t{color: #2e52ae; transition:all 0.5s;}
.section3_box2:hover .section3_cp_t{color: #2e52ae; transition:all 0.5s;}
.section3_box3:hover .section3_cp_t{color: #2e52ae; transition:all 0.5s;}

.section3_box1:hover .section3_cp_pic{-webkit-animation: propic 1.5s linear infinite;}
.section3_box2:hover .section3_cp_pic{-webkit-animation: propic 1.5s linear infinite;}
.section3_box3:hover .section3_cp_pic{-webkit-animation: propic 1.5s linear infinite;}
@-webkit-keyframes propic {
  0% {
	padding-top:0;
  }
  50% {
    padding-top:10px;
  }
  100% {
    padding-top:0;
  }
}


@keyframes joins {
        0%{ width:68px; height:68px; top:16px; left:16px; background-color:rgba(76,109,205,0.6); }
        100%{ width:100px; height:100px; top:0; left:0; background-color:rgba(76,109,205,0); }
    }
@keyframes joins1 {
        0%{ width:68px; height:68px; top:16px; left:16px; background-color:rgba(76,109,205,0.6); }
        100%{ width:88px; height:88px; top:6px; left:6px; background-color:rgba(76,109,205,0); }
    }
	
@keyframes joins2 {
        0%{ width:68px; height:68px; top:16px; left:16px; background-color:rgba(30,191,226,0.6); }
        100%{ width:100px; height:100px; top:0; left:0; background-color:rgba(30,191,226,0); }
    }
@keyframes joins3 {
        0%{ width:68px; height:68px; top:16px; left:16px; background-color:rgba(30,191,226,0.6); }
        100%{ width:88px; height:88px; top:6px; left:6px; background-color:rgba(30,191,226,0); }
    }

@keyframes joins4 {
        0%{ width:68px; height:68px; top:16px; left:16px; background-color:rgba(24,71,180,0.6); }
        100%{ width:100px; height:100px; top:0; left:0; background-color:rgba(24,71,180,0); }
    }
@keyframes joins5 {
        0%{ width:68px; height:68px; top:16px; left:16px; background-color:rgba(24,71,180,0.6); }
        100%{ width:88px; height:88px; top:6px; left:6px; background-color:rgba(24,71,180,0); }
    }

/*zongh*/
.section4{width: 100%;height: auto;overflow: hidden; background: url(../img/images/bg1.jpg) left top; }
.section4_bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.section4_bg .bubble1{position:absolute; left:-5%; top: -10%; border: 1px solid #cbdced; width: 0%; padding-top: 0%; transition:all 2s; border-radius:50%;}
.section4.active .section4_bg .bubble1{position:absolute;left:-2%; top: -10%;border: 1px solid #cbdced; width: 50%; padding-top: 50%; transition:all 3s; border-radius:50%;}
.section4_bg .bubble2{position:absolute; left:-12.5%; top: -25%; border: 1px solid #cbdced; width: 0%; padding-top: 0%; transition:all 1.5s; border-radius:50%;}
.section4.active .section4_bg .bubble2{position:absolute;left:-7%; top: -25%;border: 1px solid #cbdced; width: 65%; padding-top: 65%; transition:all 2.5s; border-radius:50%;}
.section4_bg .bubble3{position:absolute; left:-20%; top: -35%; border: 1px solid #cbdced; width: 0%; padding-top: 0%; transition:all 1s; border-radius:50%;}
.section4.active .section4_bg .bubble3{position:absolute;left:-12%; top: -35%;border: 1px solid #cbdced; width: 80%; padding-top: 80%; transition:all 2s; border-radius:50%;}
.section4_map{ width:auto; height:auto; max-width:47vw; text-align:center; position:absolute; top:25%; left:2%;}
.section4_map img{ width:auto; height:auto; max-width:47vw; transition:all 1s;}
.section4.active .section4_map img{ width:100%; height:auto; max-width:47vw; transition:all 2.5s; }
.section4_bg .bubble1 .yuan{position:absolute; right:12%; top: 20%;}
.section4_bg .bubble1 .yuan:nth-child(2){position:absolute; right:8%; top: 50%;}
.section4_bg .bubble1 .yuan:nth-child(3){position:absolute; right:22%; top: 78%;}
.section4_bg .bubble1 .yuan:nth-child(4){position:absolute; right:88%; top: 82%;}
.section4_bg .bubble2 .yuan{position:absolute; right:10%; top:64%;}
.section4_bg .bubble1 .yuan .pic{ width:100px; height:100px; border-radius:50%; position:absolute; top:0; left:0; animation:joins 2s infinite linear; transform-origin: 50% 50%;}
.section4_bg .bubble1 .yuan .pic2{ width:88px; height:88px; border-radius:50%; position:absolute; top:0; left:0; animation:joins1 2s infinite linear; animation-delay:0.5s;  transform-origin: 50% 50%;}
.section4_bg .bubble1 .yuan .pic3{ width:68px; height:68px; position:absolute; top:16px; left:16px; background-color:#4c6dcd; border-radius:50%; text-align:center; font-size: 20px; color: #fff; line-height: 68px;}

.section4_bg .bubble1 .yuan:nth-child(2) .pic{ width:100px; height:100px; border-radius:50%; position:absolute; top:0; left:0; animation:joins2 2s infinite linear; transform-origin: 50% 50%;}
.section4_bg .bubble1 .yuan:nth-child(2) .pic2{ width:88px; height:88px; border-radius:50%; position:absolute; top:0; left:0; animation:joins3 2s infinite linear; animation-delay:0.5s;  transform-origin: 50% 50%;}
.section4_bg .bubble1 .yuan:nth-child(2) .pic3{ width:68px; height:68px; position:absolute; top:16px; left:16px; background-color:#1ebfe2; border-radius:50%; text-align:center; font-size: 20px; color: #fff; line-height: 68px;}

.section4_bg .bubble1 .yuan:nth-child(4) .pic{ width:100px; height:100px; border-radius:50%; position:absolute; top:0; left:0; animation:joins4 2s infinite linear; transform-origin: 50% 50%;}
.section4_bg .bubble1 .yuan:nth-child(4) .pic2{ width:88px; height:88px; border-radius:50%; position:absolute; top:0; left:0; animation:joins5 2s infinite linear; animation-delay:0.5s;  transform-origin: 50% 50%;}
.section4_bg .bubble1 .yuan:nth-child(4) .pic3{ width:68px; height:68px; position:absolute; top:16px; left:16px; background-color:#1847b4; border-radius:50%; text-align:center; font-size: 20px; color: #fff; line-height: 68px;}

.section4_bg .bubble2 .yuan .pic{ width:100px; height:100px; border-radius:50%; position:absolute; top:0; left:0; animation:joins4 2s infinite linear; transform-origin: 50% 50%;}
.section4_bg .bubble2 .yuan .pic2{ width:88px; height:88px; border-radius:50%; position:absolute; top:0; left:0; animation:joins5 2s infinite linear; animation-delay:0.5s;  transform-origin: 50% 50%;}
.section4_bg .bubble2 .yuan .pic3{ width:68px; height:68px; position:absolute; top:16px; left:16px; background-color:#1847b4; border-radius:50%; text-align:center; font-size: 20px; color: #fff; line-height: 68px;}

.section4_right{ width:30%; height:auto; overflow:hidden; position:absolute; top:28%; right:10%;}
.section4_right_en{ width:80%; height:auto; overflow:hidden; margin:0 0 0 auto; line-height:1.5; font-family:Arial; color:#2e52ae; font-size:32px; text-align:right;}
.section4_right_title{ width:100%; height:auto; overflow:hidden; margin:20px auto; line-height:40px; font-family:microsoft yahei; color:#333; font-size:32px; text-align:right;}
.section4_right_con{ width:100%; height:auto; overflow:hidden; margin:30px auto 0 auto; line-height:25px; font-family:microsoft yahei; color:#333; font-size:16px; text-align:right;}

.section4 .swiper-container{width:100%; height:auto; margin:0 auto; position:relative;}
.section4 .swiper-wrapper{ width:100%; margin:0 auto;}
.section4 .swiper-slide{ width:100%; height:100%; overflow:hidden; position:relative; text-align:center;}
.section4 .swiper-slide img{ width:100%; height:100%;}
.section4 .swiper_btnz{position: absolute;top: 55%;width: 48px;height: 48px; right:-100px;background: url(../img/images/nei_left.png) 0 0 no-repeat; background-size:cover; display: block;z-index:10;}
.section4 .swiper_btny{position: absolute;top: 55%;width: 48px;height: 48px; right:-160px;background: url(../img/images/nei_right.png) 0 0 no-repeat; background-size:cover; display: block;z-index:10;}

.section4.active .section4_right_en{-webkit-animation: bounceInBottom 2s;}
.section4.active .section4_right_title{-webkit-animation: bounceInBottom 2.5s;}
.section4.active .section4_right_con{-webkit-animation: bounceInBottom 3s;}


.section5{width: 100%;height: auto;overflow: hidden; background: url(../img/images/bg1.jpg) left top; }
.section5_bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.section5_bg .bubble{position: absolute;border-radius: 100%;animation:spin 8s infinite linear;transform-origin: 50% 45%;}
.section5_bg .bubble:nth-child(2n){animation:spin2 8s infinite linear;}
.section5_bg .sm-bubble{transform-origin: 30% 30px;}
.section5_bg .bg-bubble{transform-origin: 50% 50%;}


.section5_bg .bubble3{
	right: -5%;
	bottom: 5%;
	border: 1px solid #87dff5;
	width: 10%;
	padding-top: 10%;
}
.section5_bg .bubble5{
	left: 30.1%;
	top: 39.0625%;
	background-color: #f0f9fa;
	opacity: 1;
	width: 10px;
	height: 10px;
}
.section5_bg .bubble6{
	width: 15.77%;
	padding-top: 15.77%;
	left: -5.3854%;
	bottom: -10%;
	background-color: #f0f9fa;
}

.section5_bg .bubble9{
	width: 25px;
	padding-top: 25px;
	left: 50.33%;
	bottom: 5%;
	background-color: rgba(243,250,240,1);
}
.section5_bg .bubble10{
	width: 8px;
	padding-top: 8px;
	left: 55.67%;
	bottom: 13%;
	background-color: rgba(243,250,240,1);
}
.section5_bg .bubble11{
	right: -1.9%;
	top: -9.125%;
	width: 18%;
	padding-top: 12%;
	background-color: #f0f9fa;
	opacity: 1;
	filter: alpha(opacity=100);
}
.section5_menu{ width:100%; height:auto; overflow:hidden; position:absolute; top:11%; left:0; font-size:32px; line-height:1.5; color:#333; text-align:center;}
.section5_down{ width:100%; height:auto; overflow:hidden; position:absolute; top:24%; left:0; text-align:center; display:block;}
.section5_downm{ width:100%; height:auto; overflow:hidden; position:absolute; top:24%; left:0; text-align:center; display:none;}
.section5_down_box{ width:29%; height:auto; overflow:hidden; margin:0 1.5% 20px 1.5%; display:inline-block;}
.section5_down_box_img{ width:100%; height:240px; overflow:hidden;}
.section5_down_box_img img{ width:100%; height:auto; transition:all 0.5s;}
.section5_down_box_title{ width:100%; height:30px; overflow:hidden; margin:10px auto 0 auto; font-size:18px; line-height:30px; color:#333; text-align:left;}
.section5_down_box_con{ width:100%; height:30px; overflow:hidden; margin:10px auto; font-size:14px; line-height:30px; color:#666; text-align:left;}
.section5_down_box_b{ width:100%; height:30px; overflow:hidden; margin:10px auto; font-size:14px; line-height:30px; color:#666; position:relative; text-align:left;}
.section5_down_box_b p{float:right; font-size:14px; line-height:30px;}
.section5_down_box_y{ position:absolute; width:22px; height:22px; border:1px solid #666; border-radius:50%; top:3px; right:26%; transition:all 0.5s;}
.section5_down_box_h{ position:absolute; width:45px; height:1px; background-color:#666; top:14px; right:20%;}
.section5_down_box:hover .section5_down_box_img img{ width:100%; height:auto; transform:scale(1.1); transition:all 0.5s;}
.section5_down_box:hover .section5_down_box_title{color:#2e52ae;}
.section5_down_box:hover .section5_down_box_b{color:#2e52ae;}
.section5_down_box:hover .section5_down_box_y{border:1px solid #2e52ae; right:28%; transition:all 0.5s;}
.section5_down_box:hover .section5_down_box_h{background-color:#2e52ae;}

.section5.active .section5_menu{-webkit-animation: bounceInBottom 2s;}
.section5.active .section5_down_box{-webkit-animation: bounceInBottom 2.5s;}
.section5.active .section5_down_box_title{-webkit-animation: bounceInBottom 3s;}
.section5.active .section5_down_box_con{-webkit-animation: bounceInBottom 3s;}
.section5.active .section5_down_box_b{-webkit-animation: bounceInBottom 3s;}
.section5.active .section5_more{-webkit-animation: bounceInBottom 4s;}
.section5_more{ width:140px; height:40px; overflow:hidden; background:url(../img/images/t7.png) no-repeat center; background-size: 100% auto; position:absolute; bottom:5%; left:45%; font-size:14px; line-height:40px; color:#fff; text-indent:35px;}

/*video*/
.section6{width: 100%;height: auto;overflow: hidden; background-color:#fff;}
.section6 .swiper-container{width:90%; height:110px; position:absolute; top:10%; left:5%; margin:0 auto;}
.section6 .swiper-wrapper{ width:90%; margin:0 auto; display:block;}
.section6 .swiper-slide{ width:100%; height:100%; overflow:hidden; position:relative; text-align:center;}
.section6 .swiper-slide img{ width:100%; height:100% ;}


.section6 .swiper-paginationin{ height:10px; overflow:hidden; position:absolute; right:0px; bottom:10px !important; left:0 !important; margin:auto; z-index:1; text-align:center; }
.section6 .swiper-paginationin span{ display:inline-block;width:10px; border-radius:100%; height:10px; background:#dbdbdb; cursor:pointer; vertical-align:top; margin:0 4px;opacity:0.9 !important;}
.section6 .swiper-paginationin span.swiper-pagination-bullet-active{ background-color:#999;opacity:1 !important;}
.section6 .swiper_btnz{position: absolute;top: 45%;width: 48px;height: 48px; left:0;background: url(../img/images/left.png) 0 0 no-repeat;display: block;z-index:10;}
.section6 .swiper_btny{position: absolute;top: 45%;width: 48px;height: 48px; right:0;background: url(../img/images/right.png) 0 0 no-repeat;display: block;z-index:10;}

.links_box{ width:238px; height:108px; overflow:hidden; border:1px solid #e5e5e5; float:left; margin:0 10px;}
.links_box img{ width:auto; height:auto; max-width:238px; max-height:98px; margin:5px auto;}

.section6_foot{ width:100%; height:65%; overflow:hidden; position:absolute; bottom:0; left:0;}
.section6_foot_top{ width:100%; height:88%; overflow:hidden; background-color:#323338;}
.section6_foot_slogan{ width:100%; height:70px; overflow:hidden; border-bottom:1px solid #47484c; line-height:70px; font-family:"Source"; font-weight:400; font-size:32px; color:#e0e0e0; text-align:center;}
.section6_foot_center{ width:94%; height:auto; overflow:hidden; margin:20px auto 0 auto;}
.section6_foot_center_l{ width:20%; height:auto; overflow:hidden; float:left;}
.foot_logo{ width:100%; height:58px; overflow:hidden; margin-bottom:30px; background:url(../img/images/logo.png) no-repeat left center; background-size:auto 100%;}
.foot_tel{ width:auto; height:auto; overflow:hidden; margin-bottom: 15px; line-height:30px; font-family:"microsoft yahei"; font-size:14px; color:#b0b0b0; background:url(../img/images/t8.png) no-repeat left center; background-size:auto 30px; padding-left: 35px;}
.foot_tel:nth-child(3){ width:auto; height:auto; overflow:hidden; line-height:30px; font-family:"microsoft yahei"; font-size:14px; color:#b0b0b0; background:url(../img/images/t9.png) no-repeat left center; background-size:auto 30px; padding-left: 35px;}
.foot_tel:nth-child(4){ width:auto; height:auto; overflow:hidden; line-height:30px; font-family:"microsoft yahei"; font-size:14px; color:#b0b0b0; background:url(../img/images/t10.png) no-repeat left top; background-size:auto 30px; padding-left: 35px;}
.section6_foot_center_c{ width:42%; height:auto; overflow:hidden; float:left; margin:0 2%;}
.footer_c_box{ width:18%; height:auto; overflow:hidden; margin:0 1%; float:left;}
.footer_c_box_t{ width:100%; height:auto; overflow:hidden; color:#fff; font-size:16px; line-height:1.5; font-family:"microsoft yahei";} 
.footer_c_box_li{ width:100%; height:auto; overflow:hidden; color:#b0b0b0; font-size:14px; line-height:2; font-family:"microsoft yahei";} 
.footer_c_box_li:hover{ color:#2e52ae;} 
.section6_foot_center_r{ width:34%; height:auto; overflow:hidden; float:left;}
.footer_r_er{ width:100px; height:auto; overflow:hidden; float:left;}
.footer_r_er_img{ width:100px; height:100px; overflow:hidden;}
.footer_r_er_img img{ width:100px; height:100px;}
.footer_r_title{ width:100px; height:auto; overflow:hidden; color:#fff; font-size:14px; line-height:30px; font-family:"microsoft yahei"; text-align:center;}
.footer_top_t{ width:70%; height:auto; overflow:hidden; margin:0 auto; float:right;}
.footer_top_t_l{ width:22px; height:auto; overflow:hidden; background:url(../img/images/tel.png) no-repeat center top; margin:0 auto; writing-mode:tb-rl; text-align:justify; padding-top:28px; color:#a0a1a2; font-family:"microsoft yahei"; line-height:22px; font-size:14px; float:left;}
.footer_top_t_r{ width:85%; height:auto; overflow:hidden;float:left; margin:0 auto 0 20px;}
.footer_top_t_r_a{width:auto; height:auto; overflow:hidden; color:#d8d8d9; font-family:"microsoft yahei"; line-height:20px; font-size:15px;}
.footer_top_t_r_b{width:auto; height:auto; overflow:hidden; color:#fff; font-family:"Arial"; line-height:40px; font-size:26px; font-weight:bold;}
.footer_top_t_r_c{width:auto; height:auto; overflow:hidden; color:#adadaf; font-family:"microsoft yahei"; line-height:25px; font-size:14px;}


.section6_foot_down{ width:90%; height:9%; overflow:hidden; padding:1.5% 5%; background-color:#28292e; font-size:14px; color:#7e7f82; text-align:left;}
.section6_foot_down p{float:right; font-size:14px;}
.section6_foot_down p a{color:#7e7f82;}

.section6.active .swiper-container{-webkit-animation: bounceInBottom 2.3s;}
.section6.active .section6_foot{-webkit-animation: bounceInBottom 2.3s;}
.section6.active .section6_foot_slogan{-webkit-animation: bounceInBottom 2.6s;}
.section6.active .foot_logo{-webkit-animation: bounceInBottom 2.7s;}
.section6.active .foot_tel{-webkit-animation: bounceInBottom 2.8s;}
.section6.active .section6_foot_center_c{-webkit-animation: bounceInRight 3s;}
.section6.active .footer_r_er{-webkit-animation: bounceInBottom 3s;}
.section6.active .footer_top_t{-webkit-animation: bounceInBottom 3.2s;}



.touchsliderindex .touchslider-item .pic{width: 100%;height:100%;overflow: hidden;}
.touchsliderindex,.touchsliderindex .touchslider-viewport,.touchsliderindex .touchslider-item,.touchsliderindex .touchslider-item .pic{height: 100%;}
.touchsliderindex .pic img{width: 100%;height:100%;display: none;}
.touchsliderindex .touchslider-navtag{position:absolute; bottom:50%; text-align:center; width:100%; z-index: 99;}
.touchsliderindex .touchslider-navtag .touchslider-prev{ width:48px; height:48px; background:url("../img/images/trrleft.png") no-repeat center; float:left; margin-left:7%; cursor:pointer;}
.touchsliderindex .touchslider-navtag .touchslider-next{ width:48px; height:48px; background:url("../img/images/trrright.png") no-repeat center; float:right; margin-right:7%; cursor:pointer;}
.touchsliderindex .touchslider-navtag .wk{height: 36px;}
.touchsliderindex .touchslider-nav-item{display:inline-block;border-radius: 5px;width: 5px; height: 5px;background: #cac5c8;}
.touchsliderindex .touchslider-nav-item-current{background-color: #074349;}
.touchsliderindex .touchslider-item.active .pwk p{opacity: 1; -webkit-animation: fadeInUp .7s ease-in-out both; animation: fadeInUp .7s ease-in-out both; -webkit-animation-delay: 1.2s; animation-delay: 1.2s; }

/*--about--*/
.sectionab1{width: 100%;height: auto;overflow: hidden; background: url(../img/images/bg2.jpg) left top; background-size: cover; }
.nei_about{ width:85%; height:auto; overflow:hidden; position:absolute; top:20%; left:7.5%;}
.nei_about_l{ width:45%; height:auto; overflow:hidden; float:left; margin:0 5% 0 auto;}
.nei_about_l_title{ width:100%; height:auto; overflow:hidden; color:#2e52ae; line-height:1.5; font-size:32px; font-family:microsoft yahei;}
.nei_about_l_gupiao{ width:100%; height:auto; overflow:hidden; color:#666; line-height:40px; font-size:24px; font-family:microsoft yahei; margin:20px auto;}
.nei_about_l_con{ width:100%; height:auto; overflow:hidden; color:#333; line-height:30px; font-size:14px; font-family:microsoft yahei; margin:20px auto 0 auto;}
.nei_about_l_down{ width:100%; height:auto; overflow:hidden; margin:70px auto 0 auto;}
.nei_about_l_box{ width:auto; height:60px; overflow:hidden; float:left; margin:0 10px 0 auto;}
.nei_about_l_box_l{ width:60px; height:60px; overflow:hidden; float:left; margin:0 20px 0 auto;}
.nei_about_l_box_t{ width:auto; height:auto; overflow:hidden; float:left; margin:0 10px 0 auto; color:#2e52ae; line-height:30px; font-size:20px; font-family:microsoft yahei;}
.nei_about_l_box_t p{color:#2e52ae; line-height:30px; font-size:16px; font-family:microsoft yahei;}

.nei_about_r{ width:50%; height:auto; overflow:hidden; float:right; margin:0 auto;display: block;}
.nei_about_r .videolist img{ height:45vh;}
.nei_about_r .videolist video{ height:45vh;}
.nei_about_rm .videolist img{ height:35vh;}
.nei_about_rm .videolist video{ height:35vh;}
.nei_about_rm{ width:100%; height:auto; overflow:hidden; float:right; margin:0 auto; display:none; }
.sectionab1.active .nei_about_l_title{-webkit-animation: bounceInBottom 2s;}
.sectionab1.active .nei_about_l_gupiao{-webkit-animation: bounceInBottom 2.2s;}
.sectionab1.active .nei_about_l_con{-webkit-animation: bounceInBottom 2.4s;}
.sectionab1.active .nei_about_l_down{-webkit-animation: bounceInBottom 2.6s;}
.sectionab1.active .nei_about_r{-webkit-animation: bounceInRight 2.5s;}


/*about*/
.sectionab2{width: 100%;height: auto;overflow: hidden; background: url("../img/images/bg2.jpg") no-repeat left top; background-size:100% auto;}
.sectionab2 .bubble{position: absolute;border-radius: 100%;transform-origin: 50% 45%;}
.sectionab2 .bubble1{
	left: -3.9%;
	top: -14.125%;
	width: 18%;
	padding-top: 10%;
	background-color: #f0f9fa;
	opacity: 1;
	filter: alpha(opacity=100);
}
.sectionab2 .bubble2{
	position: absolute;
	width: 37%;
	padding-top: 46%;
	background:url(../img/images/about4.jpg) no-repeat;
	background-size:cover;
	right: 0;
	top: -45%;
}
.sectionab2_menu{ width:auto; height: auto; overflow:hidden; position:absolute; top:25%; left:5%; line-height:60px; font-size:50px; color:#2e52ae; font-family:microsoft yahei;}
.sectionab2_lunbo{ width:100%; height:auto; overflow:hidden; position:absolute; bottom:5%; left:0; display:block;}
.sectionab2_lunbom{ width:80%; height:auto; overflow:hidden; position:absolute; bottom:5%; left:10%; display:none; text-align:center !important;}
.sectionab2_lunbo .swiper-container{width:100%; height:80%; overflow:hidden; margin:0 auto;}
.sectionab2_lunbo .swiper-wrapper{ width:100%; margin:0 auto;}
.sectionab2_lunbo .swiper-slide{ width:100%; height:100%; overflow:hidden; position:relative; text-align:center;}
.sectionab2_lunbo .swiper-slide img{ width:100%; height:100% ;}


.sectionab2_lunbo .swiper-paginationin{ height:10px; overflow:hidden; position:absolute; right:0px; bottom:10px !important; left:0 !important; margin:auto; z-index:1; text-align:center; }
.sectionab2_lunbo .swiper-paginationin span{ display:inline-block;width:10px; border-radius:100%; height:10px; background:#dbdbdb; cursor:pointer; vertical-align:top; margin:0 4px;opacity:0.9 !important;}
.sectionab2_lunbo .swiper-paginationin span.swiper-pagination-bullet-active{ background-color:#999;opacity:1 !important;}
.sectionab2_lunbo .swiper_btnz{position: absolute;top: 80%;width: 55px;height: 55px; left:10%;background: url(../img/images/nei_left.png) 0 0 no-repeat;display: block;z-index:10;}
.sectionab2_lunbo .swiper_btny{position: absolute;top: 80%;width: 55px;height: 55px; left:14%;background: url(../img/images/nei_right.png) 0 0 no-repeat;display: block;z-index:10;}
.sectionab2.active .sectionab2_menu{-webkit-animation: bounceInTop 2s;}
.sectionab2.active .sectionab2_lunbo{-webkit-animation: bounceInBottom 2.5s;}


/*组织*/
.sectionab3{width: 100%;height: auto;overflow: hidden; background: url("../img/images/bg2.jpg") no-repeat left top; background-size:100% auto;}
.sectionab3_menu{ width:auto; height: auto; overflow:hidden; position:absolute; top:25%; left:5%; line-height:60px; font-size:50px; color:#fff; font-family:microsoft yahei;}
.sectionab3_con{ width:100%; height: auto; overflow:hidden; position:absolute; top:5%; left:0%; text-align:center;}
.sectionab3_con img{ width:auto; height: auto; max-width:80%; max-height: 90vh;}
.sectionab3.active .sectionab3_menu{-webkit-animation: bounceInTop 2s;}
.sectionab3.active .sectionab3_con{-webkit-animation: bounceInBottom 2.5s;}


/*资质*/
.sectionab4{width: 100%;height: auto;overflow: hidden; background: url("../img/images/bg1.jpg") no-repeat left top; background-size:100% auto;}
.sectionab4_menu{ width:auto; height: auto; overflow:hidden; position:absolute; top:20%; left:5%; line-height:1.5; font-size:32px; color:#333; font-family:microsoft yahei;}
.sectionab4_lunbo{ width:94%; height:auto; overflow:hidden; position:absolute; bottom:25%; left:3%;}
.sectionab4_lunbo .swiper-container{width:100%; height:100%; overflow:hidden; margin:0 auto;}
.sectionab4_lunbo .swiper-wrapper{ width:88%; margin:0 auto;}
.sectionab4_lunbo .swiper-slide{ width:100%; height:100%; overflow:hidden; position:relative; text-align:center;}
.sectionab4_lunbo .swiper-slide img{ width:100%; height:100% ;}

.sectionab4_lunbo .swiper-paginationin{ height:10px; overflow:hidden; position:absolute; right:0px; bottom:10px !important; left:0 !important; margin:auto; z-index:1; text-align:center; }
.sectionab4_lunbo .swiper-paginationin span{ display:inline-block;width:10px; border-radius:100%; height:10px; background:#dbdbdb; cursor:pointer; vertical-align:top; margin:0 4px;opacity:0.9 !important;}
.sectionab4_lunbo .swiper-paginationin span.swiper-pagination-bullet-active{ background-color:#999;opacity:1 !important;}
.sectionab4_lunbo .swiper_btnz{position: absolute;top: 40%;width: 100px;height: 100px; left:0%;background: url(../img/images/nei_left.png) 0 0 no-repeat;display: block;z-index:10;}
.sectionab4_lunbo .swiper_btny{position: absolute;top: 40%;width: 100px;height: 100px; right:0%;background: url(../img/images/nei_right.png) 0 0 no-repeat;display: block;z-index:10;}
.hoor_box{ width:262px; height:180px; overflow:hidden; float:left; margin:0 15px;}
.hoor_box img{ width:100%; height:auto; transition:all 0.5s;}
.hoor_box:hover .hoor_box img{width:100%; height:auto; transform:scale(1.1); transition:all 0.5s;}
.sectionab4.active .sectionab4_menu{-webkit-animation: bounceInTop 2s;}
.sectionab4.active .sectionab4_lunbo{-webkit-animation: bounceInBottom 2.5s;}

/*覆盖*/
.sectionab5{width: 100%;height: auto;overflow: hidden; background-color:#fff; }
.sectionab5_bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.sectionab5.active .section4_bg .bubble1{position:absolute;left:-2%; top: -10%;border: 1px solid #cbdced; width: 50%; padding-top: 50%; transition:all 3s; border-radius:50%;}
.sectionab5.active .section4_bg .bubble2{position:absolute;left:-7%; top: -25%;border: 1px solid #cbdced; width: 65%; padding-top: 65%; transition:all 2.5s; border-radius:50%;}
.sectionab5.active .section4_bg .bubble3{position:absolute;left:-12%; top: -35%;border: 1px solid #cbdced; width: 80%; padding-top: 80%; transition:all 2s; border-radius:50%;}

.sectionab5.active .section4_right_en{-webkit-animation: bounceInBottom 2s;}
.sectionab5.active .section4_right_title{-webkit-animation: bounceInBottom 2.5s;}
.sectionab5.active .section4_right_con{-webkit-animation: bounceInBottom 3s;}



.sectionab6{width: 100%;height: auto;overflow: hidden; background: url("../img/images/bg1.jpg") no-repeat left top; background-size:100% auto;}
.sectionab6.active .swiper-container{-webkit-animation: bounceInBottom 2.3s;}
.sectionab6.active .section6_foot{-webkit-animation: bounceInBottom 2.3s;}
.sectionab6.active .section6_foot_slogan{-webkit-animation: bounceInBottom 2.6s;}
.sectionab6.active .foot_logo{-webkit-animation: bounceInBottom 2.7s;}
.sectionab6.active .foot_tel{-webkit-animation: bounceInBottom 2.8s;}
.sectionab6.active .section6_foot_center_c{-webkit-animation: bounceInRight 3s;}
.sectionab6.active .footer_r_er{-webkit-animation: bounceInBottom 3s;}
.sectionab6.active .footer_top_t{-webkit-animation: bounceInBottom 3.2s;}

.sectionab7{width: 100%;height: auto;overflow: hidden; background: url("../img/images/about1.jpg") no-repeat left top; background-size:100% auto;}
.sectionab7_menu{ width:auto; height: auto; overflow:hidden; position:absolute; top:25%; left:5%; line-height:60px; font-size:50px; color:#333; font-family:microsoft yahei;}
.sectionab7_con{ width:100%; height: auto; overflow:hidden; position:absolute; top:40vh; left:0%; text-align:center;}
.sectionab7.active .sectionab7_menu{-webkit-animation: bounceInTop 2s;}
.sectionab7.active .sectionab7_con{-webkit-animation: bounceInBottom 2.5s;}
.sectionab7 .box{ width:20%; height:60px; overflow:hidden; display:inline-block; margin:20px 1.5%; background-color:rgba(46,82,174,0.5); border-radius:30px; -moz-box-shadow:0px 0px 20px #d2decb; -webkit-box-shadow:0px 0px 20px #d2decb; box-shadow:0px 0px 20px #d2decb; transition:all 0.4s;}
.sectionab7 .box .zi{ width:100%; height:60px; overflow:hidden; margin:0 auto; background: url("../img/images/right.png") no-repeat 95% center; background-size:auto 70%; line-height:60px; font-size:30px; color:#fff; font-family:microsoft yahei;}
.sectionab7 .box:hover{ width:20%; height:60px; overflow:hidden; display:inline-block; margin:20px 1.5%; background-color:rgba(46,82,174,0.9); border-radius:30px; -moz-box-shadow:0px 0px 20px #d2decb; -webkit-box-shadow:0px 0px 20px #d2decb; box-shadow:0px 0px 20px #d2decb; transition:all 0.4s;}



/*foot*/
.footer{width:100%; height:auto; overflow:hidden; background: url(../img/images/bg3.jpg) no-repeat center top;}
.footer .top{ height:150px; overflow:hidden; margin:0 auto; text-align:left; background: url(../img/images/t5.png) no-repeat left center;}
.footer .center{ width: 100%; overflow:hidden; margin:0 auto; padding:60px 0; text-align:center;}
.footer .center .left{ width:35%; height: auto; margin:0 auto; float: left;}
.footer .center .left .add{ width:100%; height: auto; margin: 0 auto; font-size:14px; color:#fff; font-family:microsoft yahei; line-height:2; text-align:left; background: url(../img/images/t7.png) no-repeat left 20%; text-indent: 2em;}
.footer .center .left .add:nth-child(2){ width:100%; height: auto; margin: 0 auto; font-size:14px; color:#fff; font-family:microsoft yahei; line-height:2; text-align:left; background: url(../img/images/t8.png) no-repeat left 20%; text-indent: 2em;}
.footer .center .left .add:nth-child(3){ width:100%; height: auto; margin: 0 auto; font-size:14px; color:#fff; font-family:microsoft yahei; line-height:2; text-align:left; background: url(../img/images/t9.png) no-repeat left 20%; text-indent: 2em;}
.footer .center .zhong{ width:40%; height: auto; margin:0 auto; float: left;}
.footer .center .zhong .one{width:33%; height:auto; overflow:hidden; margin:0px auto; float:left;}
.footer .center .zhong .one .sortName{width:auto; overflow:hidden;}
.footer .center .zhong .one .sortName a{color:#fff; text-decoration:none;font-size: 18px;color: #fff;}
.footer .center .zhong .one .list{padding-top:20px;}
.footer .center .zhong .one .list ul{list-style:none;}
.footer .center .zhong .one .list ul li{width:100%;overflow:hidden; line-height:30px;}
.footer .center .zhong .one .list ul li a{color:#fff;text-decoration:none;font-size: 16px;}
.footer .center .zhong .one .list ul li a:hover{color: #333;}
.footer .center .right{ width:25%; height: auto; margin:0 auto; float: left;}
.footer .center .right .tel{ width:65%; height: auto; overflow: hidden; margin:0 auto; background: url(../img/images/t6.png) no-repeat left center;}
.footer .center .right .tel .l2{ width:100%; height: auto; margin:0 auto 0 25%; float: left; font-size:28px; color:#fff; font-family:Arial; line-height:1.3; text-align:left; font-weight:bold;}
.footer .center .right .tel .l3{ width:100%; height: auto; margin:0 auto 0 25%; float: left; font-size:12px; color:#fff; font-family:microsoft yahei; line-height:1.3; text-align:left;}
.footer .center .right .erbox{ width:65%; height: auto; margin:30px auto 0 auto; overflow: hidden;}
.footer .center .right .erbox .er{ width:45%; height: auto; margin:0 2.5%; float: left;}
.footer .center .right .erbox .er .img{ width:100%; height:120px; display:block; overflow:hidden; background-color:#fff; margin-bottom:5px;}
.footer .center .right .erbox .er img{ width:95%; height:110px; margin:5px auto; }
.footer .center .right .erbox .er .title{ width:95%; height:auto; font-size:14px; color:#fff; font-family:microsoft yahei; line-height:1.5; text-align:center;}

.footer .copy{ width:100%; height:80px; overflow:hidden; font-size:14px; color:#fff; font-family:microsoft yahei; line-height:80px; text-align:left;}
.footer .copy a{ color:#fff; float: right;}

/**内页**/
.commbanner{ width:100%; height:auto; overflow:hidden; position:relative;}
.commbanner .title{ overflow:hidden; position:absolute; top:35%; left:23%; line-height:1.5; font-size:48px; color:#fff; font-family:microsoft yahei; text-align:left;}
.commbanner .en{overflow:hidden; line-height:1.5; font-size:24px; color:#fff; font-family: Arial; text-align:left;}
/*nav_one*/
.nei_nav{ width:100%; height:auto; overflow:hidden; margin:0 auto; background:#006cb8; text-align:center;}
.nei_nav a{ width:auto; height:auto; overflow:hidden; margin:0 auto;  font-size:16px; color:#fff; font-family:microsoft yahei; line-height:65px; text-align:center; }
.nei_nav a:hover{ width:auto; height:auto; overflow:hidden; margin:0 auto;  font-size:16px; color:#fff; font-family:microsoft yahei; line-height:65px; text-align:center; }
.nei_nav a.curr{ width:auto; height:auto; overflow:hidden; margin:0 auto; font-size:16px; color:#fff; font-family:microsoft yahei; line-height:65px; text-align:center; }

.pmain_bg{ width:100%; height:auto; margin:0 auto; overflow:hidden;}
.pmain{ width: 94%; margin:0 auto; overflow:hidden; padding: 30px 0;}
.pmain .nei_navtitle{ width:100%; height:auto; overflow:hidden; margin:0 auto 50px auto;}
.pmain .nei_navtitle .en{ width:100%; height:auto; overflow:hidden; margin:0 auto; position:relative; line-height:1; font-size:50px; color:#333; font-family:Arial; text-align:center;}
.pmain .nei_navtitle .cn{ width:100%; height:auto; overflow:hidden; margin:-30px auto 0 auto; position:relative; line-height:1; font-size:36px; color:#333; text-align:center; font-weight:bold;}
.pmain .nei_navtitle .cn span{color:#2e52ae;}
.pmain .nei_navtitle .heng{ width:20px; height:4px; overflow:hidden; margin:10px auto; position:relative; background:#2e52ae;}

/*内页底部*/
.footer_n{width:100%; height:550px; margin:0 auto; overflow:hidden; position:relative;}
.footer_n .section6_foot{width:100%; height:100%;}

/*产品展示当前位置*/
.where{ width:92%; height:auto; margin:0 auto; overflow:hidden;}
.where_left{ width:100%; height:25px; line-height:25px; text-align:left; color:#666; font-size:14px; font-family:"microsoft yahei"; padding-top:15px;}
.where_right{ width:100%; height:auto; overflow:hidden;}
.neinav_box{ width:auto; height:50px; overflow:hidden; border-bottom:2px solid #fff; float:left; font-size:22px; color:#333; font-family:"microsoft yahei"; text-align:center; line-height:50px; margin:70px 60px 30px 0;}
.neinav_box:hover{width:auto; height:50px; overflow:hidden; border-bottom:2px solid #2e52ae; float:left; font-size:22px; color:#2e52ae; font-family:"microsoft yahei"; text-align:center; line-height:50px; margin:70px 60px 30px 0;}
.neinav_box_a{width:auto; height:50px; overflow:hidden; border-bottom:2px solid #2e52ae; float:left; font-size:22px; color:#2e52ae; font-family:"microsoft yahei"; text-align:center; line-height:50px; margin:70px 60px 30px 0;}
.neinav_box_a:hover{width:auto; height:50px; overflow:hidden; border-bottom:2px solid #2e52ae; float:left; font-size:22px; color:#2e52ae; font-family:"microsoft yahei"; text-align:center; line-height:50px; margin:70px 60px 30px 0;}

.wherepro_bg{ width:100%;height: 70px; background-color:#2e52ae; margin:0 auto; text-align:center;}
.wherepro_box{ width:auto; height:65px; overflow:hidden; display:inline-block; font-size:16px; color:#fff; font-family:"microsoft yahei"; text-align:center; line-height:65px; margin:0 30px; border-bottom:4px solid #2e52ae;}
.wherepro_box:hover{ border-bottom:4px solid #44c9d1;}
.wherepro_box_a{width:auto; height:65px; overflow:hidden; display:inline-block; border-bottom:4px solid #44c9d1; font-size:18px; color:#fff; font-family:"microsoft yahei"; text-align:center;  line-height:65px; margin:0 40px;}
.wherepro_box_a:hover{width:auto; height:65px; overflow:hidden; display:inline-block; border-bottom:4px solid #44c9d1; font-size:16px; color:#fff; font-family:"microsoft yahei"; text-align:center;  line-height:65px; margin:0 30px;}


/*product*/
.pro_list{ width:100%; height:auto; min-height:500px; overflow:hidden; margin:0 auto;}
.pro_list .pcworks_box{ width:49%; height:320px; float:left; margin:1% 0 1% 2%; background:#e8ecf9;}
.pro_list .pcworks_box:nth-child(2n){ width:49%; height:320px; float:left; margin:1% 0 1% 2%; background:#dceff5;}
.pro_list .pcworks_box:nth-child(3n){ width:49%; height:320px; float:left; margin:1% 0 1% 2%; background:#f5dce4;}

.pcworks_top{ width:35%; height:300px;  margin:25px 5% 0 10%; float:left;}
.pcworks_top img{ width:92%; height:auto; transition: all 0.5s;}
.pcworks_box:hover .pcworks_top img{ width:92%; height:auto; height:auto; transition: all 0.5s;transform:scale(1.1) ;}
.pcworks_con{ width:45%; height:auto; overflow:hidden; margin:25px auto 0 auto; float:left;}
.pcworks_title{ width:100%; height:auto; overflow:hidden; margin:30% auto 0 auto; line-height:1.5; color:#333; font-size:22px; font-family:"Source";}
.pcworks_content{ width:100%; height:auto; max-height:75px; overflow:hidden; margin:5px auto; line-height:25px; color:#666; font-size:14px; font-family:"Source";}
.pcworks_into{ width:100%; height:40px; overflow:hidden; margin:20px auto 0 0; line-height:40px; color:#333; font-size:16px; font-family:"Source";}
.pcworks_box:hover .pcworks_into{ width:140px; height:40px; overflow:hidden; margin:20px auto 0 0; line-height:40px; color:#f08519; font-size:16px; font-family:"Source";}
/*news*/
.new_list{ width:100%; height:auto; min-height:500px; overflow:hidden; margin:0 auto;}
.new_list .box{ width:31%; height:auto; margin:130px 3.5% 50px  auto;  float:left; position:relative; z-index:1;}
.new_list a:nth-child(3n) .box{ width:31%; height:auto; margin:130px auto 50px auto;  float:left; position:relative; z-index:1;}
.new_list .box .pic{ width:100%; height:370px; overflow:hidden; margin:-130px auto 0 auto; position:relative; z-index:10;}
.new_list .box .pic img{ width:100%; height:370px; overflow:hidden; margin:0 auto; transition:all 0.4s; border-radius: 15px;}
.new_list .box:hover .pic img{ width:100%; height:370px; transition:all 0.4s; transform:scale(1.05);}
.new_list .box .title{ width:94%; height:auto; overflow:hidden; margin:20px auto 0 auto; font-size:22px; color:#191919; font-family:microsoft yahei; text-align:left; line-height:1.5;}
.new_list .box:hover .title{width:94%; height:auto; overflow:hidden; margin:20px auto 0 auto; font-size:22px; color:#0993cd; font-family:microsoft yahei; text-align:left; line-height:1.5;}
.new_list .box .intro{ width:94%; height:auto; overflow:hidden; margin:0 auto; font-size:16px; color:#666; font-family:microsoft yahei; text-align:left; line-height:1.6;}
.new_list .box .more{ width:94%; height:auto; overflow:hidden; margin:30px auto;background: url(../img/images/t3.png) no-repeat 40px center;}
.new_list .box .more .times{ width:auto; height:auto; overflow:hidden; margin:0 auto; float: right; font-size:14px; color:#333; font-family:Arial; text-align:right; line-height:1.6;}
.new_list .box .more .mos{ width:auto; height:auto; overflow:hidden; margin:0 auto; float:left;  font-size:14px; color:#333; font-family:microsoft yahei; text-align:left; font-weight: bold; line-height:1.5;}
.new_list .box:hover .more .mos{ color:#0993cd;}
.new_list .new_more{ width:180px; height:50px; overflow:hidden; clear:both; border-radius:25px; background-color:#006cb8; margin:30px auto 0 auto; font-size:20px; color:#fff; font-family:Arial; text-align:left; text-indent:2em; line-height:50px; position:relative;}


/*infor*/
.infor{ width:90%; height:auto; margin:0 auto;}
.case_one{ width:100%; height:auto; overflow:hidden; margin:0 auto; padding:30px 0; background-color:#fff;}
.case_two{ width:100%; height:auto; overflow:hidden; margin:0 auto; padding:30px 0; background-color:#f9f9f9;}
.case_menu{ width:100%; height:auto; overflow:hidden; margin:0 auto; line-height:1.5; color:#333; font-size:32px; font-family:"Source"; position:relative;}
.case_menu p{float:right; font-size:14px; color:#999; line-height:30px;}
.case_menu_y{ position:absolute; width:22px; height:22px; border:1px solid #999; border-radius:50%; top:3px; right:7%; transition:all 0.5s;}
.case_menu_h{ position:absolute; width:45px; height:1px; background-color:#999; top:14px; right:5%;}
.case_menu:hover .case_menu p{color:#2e52ae;}
.case_menu:hover .case_menu_y{border:1px solid #2e52ae; right:8%; transition:all 0.5s;}
.case_menu:hover .case_menu_h{background-color:#2e52ae;}
.case_box{ width:100%; height:auto; overflow:hidden; margin:30px auto 0 auto;}
.box_one{ width:50%; height:auto; overflow:hidden; float:left;}
.box_one img{ width:100%; height:auto;}
.box_two{ width:24%; height:295px; overflow:hidden; float:left; background-color:#f9f9f9; margin:0 auto 0 1%; position:relative;}
.box_two_title{ width:90%; height:auto; overflow:hidden; margin:12% auto 0 auto; line-height:30px; color:#333; font-size:24px; font-family:"Source";}
.box_two_time{ width:90%; height:auto; overflow:hidden; position:absolute; bottom:10%; left:5%; line-height:30px; color:#333; font-size:16px; font-family: "Arial"; text-align:left;}
.box_two_time p{line-height:30px; color:#333; font-size:16px; font-family: "Source"; text-align:right; float:right;}
.box_two:hover .box_two_title{ color:#2e52ae;}
.box_two:hover .box_two_time p{ color:#2e52ae;}

.jieda{ width:50%; height:auto; overflow:hidden; margin:0 auto; float:left;}

.case_box .lis{width:99%; height:80px; overflow:hidden; background: #fff url(../img/images/jt.png) no-repeat 96% center; float: left; border-bottom:1px solid #dfe1e1; transition:all 0.5s;}
.case_box .lis:hover{background: #2e52ae url(../img/images/jt1.png) no-repeat 96% center; color: #fff; transition:all 0.5s;}
.case_box .lis.active{background: #2e52ae url(../img/images/jt1.png) no-repeat 96% center; color: #fff; border-bottom:0;-moz-box-shadow:0px 10px 40px #2e52ae; -webkit-box-shadow:0px 10px 40px #2e52ae; box-shadow:0px 10px 40px #2e52ae; transition:all 0.5s;}
.case_box .lis .t{width: 10%; height:auto; overflow:hidden;float: left; font-size:62px; color:#3e504a; line-height:80px; font-weight:bold; font-family:Arial;}
.case_box .lis .t1{width: 80%; height:auto; overflow:hidden;float: left; font-size:18px; color:#3e504a; line-height:80px; font-family:"Source"; border-right:1px solid #dfe1e1;}
.case_box .lis:hover .t{width: 10%; height:auto; overflow:hidden;float: left; font-size:62px; color:#fff; line-height:80px; font-weight:bold; font-family:Arial;}
.case_box .lis:hover .t1{width: 80%; height:auto; overflow:hidden;float: left; font-size:18px; color:#fff; line-height:80px; font-family:"Source"; border-right:1px solid #fff;}
.case_box .lis.active .t{width: 10%; height:auto; overflow:hidden;float: left; font-size:62px; color:#fff; line-height:80px; font-weight:bold; font-family:Arial;}
.case_box .lis.active .t1{width: 80%; height:auto; overflow:hidden;float: left; font-size:18px; color:#fff; line-height:80px; font-family:"Source"; border-right:1px solid #fff;}

.case_box .sublis{ width:99%; height:auto; overflow:hidden; display: none; border-bottom:1px solid #dfe1e1; background-color:#fff;}
.case_box .sublis.active{/*display: block;*/}
.case_box .sublis  .t2{width: 10%; height:auto; overflow:hidden;float: left; font-size:62px; color:#2e52ae; line-height:80px; font-weight:bold; font-family:Arial;}
.case_box .sublis  .t3{width: 85%; height:auto; overflow:hidden;float: left; font-size:18px; color:#666; line-height:35px; font-family:"Source"; padding:30px 0 15px 0;}
.case_box .sublis  .td:hover{background-color: #565656;}


/*one*/
.one_nei{ width:100%; height:auto; min-height:500px; overflow:hidden; margin:0 auto; line-height:2; color: #333;}
.one_nei .shutong{text-align: center !important; font-size: 28px !important;}
.one_nei .video{ width:100%; height:auto; margin:50px auto; overflow:hidden; text-align:center;}
.one_nei #slider{ width:100%; height:auto;}

/*view*/
.view_nei{ width:99%; height:auto; min-height:400px; overflow:hidden; margin:0 auto; float:left; border:1px solid #eeeeee;}
.view_newhead{ width:94%; height:auto; overflow:hidden; margin:20px auto;}
.view_newhead .news_view_title{ width:100%; height:auto; overflow:hidden; margin:0 auto; line-height:1.6; font-size:32px; color:#333; text-align:center; font-weight:bold;}
.view_newhead .news_view_title .subtitle{ width:100%; height:auto; overflow:hidden; margin:0 auto; line-height:1.5; font-size:18px; color:#888; text-align:center; font-weight:bold;}
.view_newhead .news_view_wrap{ width:100%; height:auto; overflow:hidden; margin:0 auto; line-height:1.6; font-size:14px; color:#999; text-align:center;}
.news_view{ width:94%; height:auto; overflow:hidden; margin:0 auto;}
.news_view .news_txt{ width:100%; height:auto; overflow:hidden; margin:0 auto; min-height:500px;}
.news_view .load{ width:8%; height:30px; overflow:hidden; float:left; margin:14px auto 0 auto; border-radius:5px; font-size:14px; color:#fff; background-color:#02346c; font-family:microsoft yahei; line-height:30px; text-align:center;}
.news_view .load:hover{ width:8%; height:30px; overflow:hidden; float:left; margin:14px auto 0 auto; border-radius:5px; font-size:14px; color:#02346c; background-color:#dddddd; font-family:microsoft yahei; line-height:30px; text-align:center;}

.view-page{ width:94%; height:auto; overflow:hidden; margin:20px auto;}
.view-page .span1{ width:48%; height:auto; overflow:hidden; float:left; font-size:16px; color:#666; text-align:left;}
.view-page .span2{ width:48%; height:auto; overflow:hidden; float:right; font-size:16px; color:#666; text-align:left;}
/*contact*/
.contact_two{ width:100%; height:auto; overflow:hidden; margin:120px auto 100px auto;}
.contact_two_ul{ width:33%; height:auto; overflow:hidden; float:left;}
.contact_two_ul:nth-child(2){ width:28%; height:auto; overflow:hidden; padding-left:5%; float:left;background:url(../img/images/contact1.png) no-repeat left top; background-size:70px 70px;}
.contact_two .hot_title{ width:100%; height:auto; overflow:hidden; font-size:30px; color:#2e52ae; line-height:45px; font-family:"Source";}
.contact_two .hot_title p{ font-size:15px; color:#333; line-height:25px; font-family:"Source";}
.contact_two .hot_line{ width:100%; height:auto; overflow:hidden; background:url(../img/images/contact3.png) no-repeat left center; font-size:28px; color:#12a09d; line-height:35px; font-family: Arial; font-weight:bold; text-indent:1.5em; margin-top:30px;}
.contact_two .er{width:120px; height:auto; overflow:hidden; float:right; margin:0 20px;}
.contact_two .er_img{ width:120px; height:120px; overflow:hidden;}
.contact_two .er_img img{ width:120px; height:120px;}
.contact_two .er_title{ width:120px; height:auto; overflow:hidden; color:#333; font-size:14px; line-height:30px; font-family:"microsoft yahei"; text-align:center;}
.contact_stree{ width:100%; height:auto; overflow:hidden; margin:0 auto 100px auto;}
.contact_l{ width:22%; height:550px; overflow:hidden; float:left; background:#2e52ae url(../img/images/contact4.png) no-repeat left top;}
.contact_l_title{ width:auto; height:auto; overflow:hidden; margin:75px auto 0 10%; color:#fff; font-size:42px; line-height:45px; font-family: Arial; font-weight:bold;}
.contact_l_title p{color:#fff; font-size:26px; line-height:45px; font-family: "Source";}
.contact_r{ width:78%; height:550px; overflow:hidden; float:left; background-color:#f9f9f9;}
.contact_r_box{ width:60%; height:auto; overflow:hidden; float:left; margin:0 2% 0 6%;}


.messages .nei_navtitle{ width:50%; height:auto; overflow:hidden; margin:0 auto; float:left; position:relative;}
.messages .nei_navtitle .en{ width:100%; height:auto; overflow:hidden; position: absolute; left:0; top:90px; line-height:1.3; font-size:42px; color:#12a09d; font-family:Arial; font-weight:bold; text-align:left; opacity:0.1;}
.messages .nei_navtitle .cn{ width:100%; height:auto; overflow:hidden; margin:40px auto 0 auto; position:relative; line-height:1.3; font-size:42px; color:#12a09d; text-align:left; font-weight:bold;}
.messages .nei_navtitle .heng{ width:40px; height:4px; overflow:hidden; margin:10px auto 0 0; position:relative; background:#12a09d;}
.messages .nei_navtitle .con{ width:80%; height:auto; overflow:hidden; margin:100px auto 0 0; position:relative; line-height:2; text-align:left; font-family:microsoft yahei;}
.messages .right{ width:50%; height:auto; overflow:hidden; margin:0 auto 0 auto; float:left;}
.messages .right .box{ width:97%; height:auto; overflow:hidden; margin:0 auto 10px auto; padding:0 1%; }
.messages .right .box .title{ width:100%; height:auto; overflow:hidden; margin:5px auto; font-size:16px; color:#000; font-family:microsoft yahie; line-height:1.5; text-align:left;}
.messages .right input{ width:70%; height:40px; overflow:hidden; margin:10px auto; padding:0 3%; border:0; background:none; font-size:16px; color:#666; font-family:microsoft yahie; line-height:40px; text-align:left; border-radius:5px; border:1px solid #ededed;}

.messages .right textarea{ width:72%; height:70px; overflow:hidden; margin:0 auto; padding:2%;background:none; font-size:16px; color:#666; font-family:microsoft yahie; line-height:25px; text-align:left; border-radius:5px; border:1px solid #ededed;}
.messages .right .an{ width:160px; height:40px; overflow:hidden; display:inline-block; border-radius:25px; background-color:#12a09d; font-size:18px; color:#fff; font-family:microsoft yahie; line-height:40px; text-align:center; cursor:pointer;}
.messages ::placeholder {
	color: #999;
	}

/*sea*/
.ullist{ width:100%; height:auto; overflow:hidden; margin:100px auto 0 auto;}
.ullist li { width:100%; height:35px; overflow:hidden; line-height:35px; color:#333; font-size: 16px; border-bottom:1px dashed #dedede;}
.ullist li span{color:#999; float:right;}
.ullist li:hover{ width:100%; height:35px; overflow:hidden; line-height:35px; color:#02346c;}

.pmain-pos{ padding-bottom:10px; line-height:20px; color:#999; border-bottom:2px #cad1dc solid;}
.pmain-pos .t{ float:left; font-size:18px; color:#282828; position:relative; padding-left:20px;}
.pmain-pos .t:before{ content:''; background:#0099ff; width:6px; height:18px; position:absolute; left:0; top:3px; border-radius:3px;}

.pnews-detail .title{ text-align:center; padding:25px 0; border-bottom:1px #e3e3e3 solid;}
.pnews-detail .title .t{ font-size:21px; color:#0066cc;}
.pnews-detail .title .c{ color:#999; margin-top:15px; position:relative; }
.pnews-detail .title .c span{ padding:0 15px;}
.pnews-detail .aside{ padding:28px 0; color:#000; line-height:30px;}
.pnews-detail .aside table{ margin:auto; }
.pnews-detail .aside p{ padding:10px 0px; text-indent: 2em;  }
.pnews-detail .aside p img{ max-width:100%; }
.pnews-detail .nNext{ padding:28px 0; line-height:25px; border-top:1px #ccc dashed;}
.pnews-detail .nNext .fl, .pnews-detail .nNext .fr{ max-width:50%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.pnews-detail .nNext .btn{ background:#f0f0f0; display:inline-block; padding:0 2px; vertical-align:top; margin-right:5px; color:#000;}
.pnews-detail .nNext a{ display:inline-block;}

.ptech-floor{ padding:20px 0 40px 0;}
.ptech-item{ width:655px;}
.ptech-item .news-list{ margin-top:15px; width:100%;}
.ptech-item .news-list .n-item .c{ margin-top:5px;}
.ptech-itemDes{ margin-top:21px;}
.ptech-itemDes .aImg img{ width:206px; height:165px; display:block; border:1px #ebebeb dashed;}
.ptech-itemDes .aList{ width:433px;}
.ptech-itemDes .aList li{ height:28px; line-height:28px; overflow:hidden; vertical-align:middle; position:relative; padding-left:15px;}
.ptech-itemDes .aList li span{ float:right; color:#999;}
.ptech-itemDes .aList li:before{content:''; height:4px; width:4px; display:block; border:2px solid #333; border-left-width:0; border-top-width:0; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); position:absolute; top:12px; left:0;}


.site-map dl{padding:10px 0;border-bottom:1px dashed #ddd;}
.site-map dt{font-size:16px;line-height:30px;font-weight:bold;}
.site-map dd{overflow:hidden;}
.site-map dd span{display:block;margin-right:10px;float:left;}
.site-map dd span a:after{content:"|";color:#ddd;margin-left:10px;}
.site-map dd span:last-child a:after{content:"";}
.site-map dd p{overflow:hidden;}
.site-map dd strong{display:block;color:#999;}


}

@media screen and (max-width:1280px){
/*网站顶部*/

.contionera {width: 100%; height:auto; margin:0 auto; position: relative; }
.wapper{ width:100%; height:auto; position:relative; z-index:1; overflow:hidden; margin:0 auto; background: url(../img/images/bg1.jpg);}
/*header*/
.head{width: 100%;height:auto;position: fixed;top:0;left: 0;z-index: 98; display:block;}
.headn{width: 100%;height:auto;position: fixed;top:0;left: 0;z-index: 98; background-color:rgba(5,108,210,0.77);}
.header{ width:100%; height:90px; overflow:hidden; margin:0 auto; display:block;}
.header_left{ width:350px; height:90px; float:left; margin-left:4%; position:absolute; top:20px; z-index:101;}
.header_logo{width:130px; height:55px; overflow:hidden; float:left; background: url("../img/images/logoa.png") no-repeat center; background-size: 100% auto;}
.header_menu{width:auto; height:24px; overflow:hidden; display: flex; float:left; margin:20px auto 0 80px;}

.header_menu .line-box{
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: middle;
	position: relative;
	width: 24px;
	height: 12px;
	transition: width .2s;
}
.header_menu .txt{
	line-height: 24px;
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: middle;
	font-size:14px;
	margin-left: 7px;
	color: #000;
	font-family: "Arial";
	transition: all .2s;}

.header_menu .line-box .line{
	position: absolute;
	left: 0;
	width: 24px;
	height: 3px;
	background-color: #000;
	transform-origin: center center;
	margin: 0;
	transition: all .2s;
}
.header_menu .line-box .line:nth-child(1){
	top: 0;
}
.header_menu .line-box .line:last-child{
	bottom: 0;
}
.header_menu.cur .line-box .line:nth-child(1){
	top: 50%;
	margin-top: -1.5px;
	transform: rotate(45deg);
}
.header_menu.cur .line-box .line:nth-child(2){
	bottom: 50%;
	margin-bottom: -1.5px;
	transform: rotate(-45deg);
}
.header_menu:hover .txt{
        color: #2e52ae;
    }
.header_menu:hover .line-box .line{
        background-color: #2e52ae;
    }
	
	
.header_home{width:auto; height:24px; overflow:hidden; background: url("../img/images/home.png") no-repeat left center; position:absolute; line-height:24px; font-size:14px; color:#333; text-indent:30px; top:40px; left:360px;}
.header_home:hover{width:auto; height:24px; overflow:hidden; background: url("../img/images/homea.png") no-repeat left center; position:absolute; line-height:24px; font-size:14px; color:#2e52ae; text-indent:30px; top:40px; left:360px;}

.nav{ width:auto; height:auto; margin:30px 5% 0 auto; overflow:hidden; position:absolute; top:80px; left:15%;}
.nav_box{ width:auto; height:auto; overflow:hidden; margin:0 auto 15px auto;}
.nav_b{ width:100%; height:auto; overflow:hidden; margin-bottom:10px; line-height:1.5; font-family:microsoft yahei; color:#333; font-size:26px;}
.nav_b:hover{ width:100%; height:auto; overflow:hidden; line-height:1.5; font-family:microsoft yahei; color:#2e52ae; font-size:26px;}
.nav_c{ width:100%; height:30px; overflow:hidden;}
.nav_c_l{ width:auto; height:30px; overflow:hidden; float:left; margin-right:30px;  line-height:30px; font-family:microsoft yahei; color:#333; font-size:14px;}
.nav_c_l:hover{ width:auto; height:30px; overflow:hidden; float:left; margin-right:30px;  line-height:30px; font-family:microsoft yahei; color:#2e52ae; font-size:14px;}

.header_right{ width:30%; height:40px; float:right; margin:30px 2% 0 auto;}
.header_zi{ width:auto; height:40px; float:right; margin:0 10px; padding:0 10px; background-color:rgba(0,0,0,0.2); line-height:40px; text-align:center; font-size:14px; font-family:"Arial"; color:#fff; border-radius:10px; transition:all 0.5s;}
.header_box{ width:40px; height:40px; float:right; margin:0 10px; background-color:rgba(0,0,0,0.2); line-height:40px; text-align:center; font-size:14px; font-family:"Arial"; color:#fff; border-radius:50%; transition:all 0.5s;}
.header_box img{width:16px; height:16px;}
.header_box:hover{ width:40px; height:40px; float:right; margin:0 10px; background-color:rgba(46,82,174,1); line-height:40px; text-align:center; font-size:14px; font-family:"Arial"; color:#fff; border-radius:50%; transition:all 0.5s;}

.menu_open{ width:90%; height:100vh; overflow:hidden; background: url("../img/images/menubg.png") no-repeat left top; background-size:100% auto; display:none; position:absolute; top:0; left:0;animation: myMove 1s; -webkit-animation: myMove 1s;}


@keyframes myMove {
        0% {
			opacity: 0;
            width: 0%;
        }

        100% {
			opacity: 1;
            width: 90%;
        }
    }

@-webkit-keyframes myMove {
        0% {
			opacity: 0;
            width: 0%;
        }

        100% {
			opacity: 1;
            width: 90%;
        }
    }


.headers{width:100%; height:1rem; background-size:100%; position:fixed; top:0; z-index:98; display:none;}
.navb{width: 100%; height:100vh; position: fixed; top:0;  background: url(../img/images/about1.jpg) no-repeat center top; background-size:auto 100%;z-index: 99; animation: mymenu 0.5s; -webkit-animation: mymenu 0.5s; display:none;}

.navb .menu { width:50%; height:auto; overflow:hidden; position:absolute; left:5%; top:10%;}
.navb li { width:100%; height:50px; overflow:hidden;color: #333; font-size:22px; font-family:"Source";line-height:50px;}
.navb li>a {line-height: 50px; color: #333; font-size:22px; font-family:"Source";}
.close { width:10%; height:50px;float: right;margin:20px 20px 0 auto;cursor: pointer; text-align:center;}
.fontc { width:60%;height:50px; line-height:50px;font-weight: bold;margin-left: 30px; font-size:18px; float:left;}
@keyframes mymenu {
        0% {
			 top:0%;
			 left:50%;
			opacity: 0;
            width: 0%;
			border-radius:50%;
        }

        100% {
			 top:0;
			 left:0;
			opacity: 1;
            width: 100%;
        }
    }

    @-webkit-keyframes mymenu {
        0% {
			 top:0%;
			 left:50%;
			opacity: 0;
            width: 0%;
			border-radius:50%;
        }

        100% {
			 top:0;
			 left:0;
			opacity: 1;
            width: 100%;
        }
    }

	
.section1{width: 100%;height: auto;overflow: hidden; }
#pcbanner{ display:none;}
#mbanner{ display:none;}

.search{ width:100%; height:20%; overflow:hidden; position:fixed; z-index:99; top:-20%; left:0; transition: all 0.5s; background-color:rgba(46,82,174,0.2);}
.search.curr{ width:100%; height:20%; overflow:hidden; position:fixed; z-index:99; top:0; left:0; transition: all 0.5s; background-color:rgba(46,82,174,0.8);}
.search .box{ width:400px; height:50px; overflow:hidden; position: absolute; top:40%; left:40%;}
.search .search_left{ width:300px; height:30px; float:left; background:#fff; border:1px solid #dedede; line-height:30px; color:#333; font-size:16px; font-family:"Source"; border-radius:20px;padding:5px 20px;}
.search .search_right{ width:40px; height:40px; float:right;}
.search .close{ width:40px; height:40px; overflow:hidden; border-radius:50%; background:#fff url(../img/sidebar-close11.png) no-repeat center; background-size:60%; position: absolute; top:5%; right:2%;}


/*about*/
.section2{width: 100%;height: auto;overflow: hidden; background: url(../img/images/bg1.jpg) left top; }
.section2_bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.section2_bg .bubble{position: absolute;border-radius: 100%;animation:spin 8s infinite linear;transform-origin: 50% 45%;}
.section2_bg .bubble:nth-child(2n){animation:spin2 8s infinite linear;}
.section2_bg .sm-bubble{transform-origin: 30% 30px;}
.section2_bg .bg-bubble{transform-origin: 50% 50%;}

@keyframes spin{
    to{transform: rotate(1turn);}
}
@keyframes spin2{
    to{transform: rotate(-1turn);}
}
.section2_bg .bubble1{
	left: -3.9%;
	top: -14.125%;
	width: 18%;
	padding-top: 10%;
	background-color: #f0f9fa;
	opacity: 1;
	filter: alpha(opacity=100);
}

.section2_bg .bubble2{
	left: 7.5%;
	top: 20%;
	width: 70px;
	height: 70px;
	background-color: #f0f2f2;
	z-index: 3;
}

.section2_bg .bubble3{
	left: 15.625%;
	top: 16%;
	border: 1px solid #87dff5;
	width: 72px;
	height: 72px;
}
.section2_bg .bubble4{
	left: 37%;
	bottom: 10%;
	background:url(../img/images/t3.png) no-repeat;
	background-size:cover;
	width: 25%;
	padding-top: 25%;
}
.section2_bg .bubble5{
	left: 30.1%;
	top: 39.0625%;
	background-color: #87dff5;
	opacity: 1;
	width: 10px;
	height: 10px;
}
.section2_bg .bubble6{
	width: 56.77%;
	padding-top: 56.77%;
	left: -28.3854%;
	top: 35.48%;
	background: -webkit-linear-gradient(left, rgba(247,247,247,1),rgba(247,247,247,.1) 100%);
	background: -ms-linear-gradient(left, rgba(247,247,247,1),rgba(247,247,247,.1) 100%);
	background: linear-gradient(left, rgba(247,247,247,1),rgba(247,247,247,.1) 100%);
}

.section2_bg .bubble7{
	width: 13%;
	padding-top: 13%;
	left: -6.5%;
	top: 45.3125%;
	border:1px solid #ddd;
}
.section2_bg .bubble8{
	width: 72px;
	height: 72px;
	left: -1.875%;
	top: 82.3%;
	border:1px solid #87dff5;
}
.section2_bg .bubble9{
	width: 10px;
	padding-top: 10px;
	left: 8.33%;
	top: 41%;
	background-color: rgba(135,223,245,1);
}
.section2_bg .bubble10{
	width: 6px;
	padding-top: 6px;
	left: 11.67%;
	top: 50%;
	background-color: rgba(135,223,245,1);
}
.section2_bg .bubble11{
	right: -1.9%;
	top: -9.125%;
	width: 18%;
	padding-top: 12%;
	background-color: #f0f9fa;
	opacity: 1;
	filter: alpha(opacity=100);
}
.section2_bg .bubble12{
	position: absolute;
	width: 25%;
	padding-top: 30%;
	border:1px solid #ddd;
	right: -15%;
	bottom: -20%;
}

.section2_title{ position:absolute; top:16%; left:0; width:100%; }
.section2_title .wrap-inner{
	overflow: hidden;
}
.section2_title .title-canvas
{
	transform:translateY(100%);
}
.section2_title .m-tit{
	display: block;
		font-size: 50px;
		line-height: 1.5;
		color: #333;
		text-align: center;
		letter-spacing: 4px;
		padding-left: 4px;
		 font-weight:bold;
		-webkit-background-clip: text;
	    background-clip: text;
	    -webkit-text-fill-color: transparent;
	    -webkit-animation: aitf 10s linear infinite;
	    -webkit-transform: translate3d(0, 0, 0);
	    -webkit-backface-visibility: hidden;
	    background-image: url("../img/images/p2c.jpg");
	    background-position: 60% 15%;
	    background-repeat: no-repeat;
		
}
@-webkit-keyframes aitf {
  0% {
    background-position: 50% center;
  }
  25% {
    background-position: 60% center;
  }
  50% {
    background-position: 50% center;
  }
  75% {
    background-position: 40% center;
  }
  100% {
    background-position: 50% center;
  }
}
.section2_title .gupiao{
	display: block;
		font-size: 28px;
		line-height: 1.5;
		color: #747474;
		text-align: center;
}
.section2_con{ position:absolute; top:48%; left:0; width:100%; overflow:hidden; text-align:center; }
.section2_con_box{width:25%; height:auto; overflow:hidden; display:inline-block; margin:0 3%; cursor:pointer;}
.section2_con_t{width:100%; height:auto; overflow:hidden; font-size: 90px; line-height: 1.2; color: #333; text-align: center; font-family:microsoft yahei; transition:all 0.5s;}
.section2_con_t span{font-size: 26px; line-height: 40px; color: #333; font-family:microsoft yahei;}
.section2_con_d{width:100%; height:auto; overflow:hidden; margin:30px auto 0 auto; font-size:20px; line-height:1.5; color: #333; font-family:microsoft yahei;}

.section2_con_box:hover .section2_con_t{width:100%; height:auto; overflow:hidden; font-size: 90px; line-height: 1.2; color: #2e52ae; text-align: center; font-family:microsoft yahei; transition:all 0.5s;}
.section2.active .wrap-inner{-webkit-animation: bounceInBottom 2s; }
.section2.active .gupiao{-webkit-animation: bounceInBottom 2.5s;}
.section2.active .section2_con_t{-webkit-animation: bounceInBottom 2s;}
.section2.active .section2_con_d{-webkit-animation: bounceInBottom 2.5s;}


/*brand*/
.section3{width: 100%;height: auto;overflow: hidden;}
.section3_box1{position: relative; width:39%; height:100%; float:left; overflow:hidden; background-color:#e8ecf9;}
.section3_box1:after {
        position: absolute;
        content: '';
        width: 40%;
        height: 110%;
        background: #fffafd;
        top: -5%;
        right: -20%;
        border-radius: 50%;
      }
.section3_box2{position: relative; width:33%; height:100%;float:left; overflow:hidden; background-color:#f9fcff;}
.section3_box2:after {
        position: absolute;
        content: '';
        width: 40%;
        height: 110%;
        background: #dceff5;
        top: -5%;
        right: -20%;
        border-radius: 50%;
      }
.section3_box3{position: relative; width:28%; height:100%;float:left; overflow:hidden; background-color:#dceff5;}
.section3_cp{ width:70%; height:auto; overflow:hidden; margin:25% auto 0 5%;}
.section3_cp2{ width:83%; height:auto; overflow:hidden; margin:29.5% auto 0 -10%;}
.section3_cp3{ width:98%; height:auto; overflow:hidden; margin:35% auto 0 -5%;}
.section3_cp_t{ width:100%; height:auto; overflow:hidden; margin:0 auto; line-height:1.5; font-family:microsoft yahei; color:#333; font-size:26px; text-align:center;transition:all 0.5s;}
.section3_cp_m{ width:100%; height:auto; overflow:hidden; margin:30px auto 40px auto; line-height:30px; font-family:microsoft yahei; color:#333; font-size:16px; text-align:center;}
.section3_cp_pic{ width:100%; height:auto; overflow:hidden; margin:0 auto; text-align:center;}
.section3_cp_pic img{ width:75%; height:auto;}

.section3.active .section3_cp_t{-webkit-animation: bounceInTop 2s; }
.section3.active .section3_cp_m{-webkit-animation: bounceInBottom 2.5s; }
.section3.active .section3_cp_pic img{-webkit-animation: bounceInLeft 3s; }

.section3_box1:hover .section3_cp_t{color: #2e52ae; transition:all 0.5s;}
.section3_box2:hover .section3_cp_t{color: #2e52ae; transition:all 0.5s;}
.section3_box3:hover .section3_cp_t{color: #2e52ae; transition:all 0.5s;}

.section3_box1:hover .section3_cp_pic{-webkit-animation: propic 1.5s linear infinite;}
.section3_box2:hover .section3_cp_pic{-webkit-animation: propic 1.5s linear infinite;}
.section3_box3:hover .section3_cp_pic{-webkit-animation: propic 1.5s linear infinite;}
@-webkit-keyframes propic {
  0% {
	padding-top:0;
  }
  50% {
    padding-top:10px;
  }
  100% {
    padding-top:0;
  }
}


@keyframes joins {
        0%{ width:68px; height:68px; top:16px; left:16px; background-color:rgba(76,109,205,0.6); }
        100%{ width:100px; height:100px; top:0; left:0; background-color:rgba(76,109,205,0); }
    }
@keyframes joins1 {
        0%{ width:68px; height:68px; top:16px; left:16px; background-color:rgba(76,109,205,0.6); }
        100%{ width:88px; height:88px; top:6px; left:6px; background-color:rgba(76,109,205,0); }
    }
	
@keyframes joins2 {
        0%{ width:68px; height:68px; top:16px; left:16px; background-color:rgba(30,191,226,0.6); }
        100%{ width:100px; height:100px; top:0; left:0; background-color:rgba(30,191,226,0); }
    }
@keyframes joins3 {
        0%{ width:68px; height:68px; top:16px; left:16px; background-color:rgba(30,191,226,0.6); }
        100%{ width:88px; height:88px; top:6px; left:6px; background-color:rgba(30,191,226,0); }
    }

@keyframes joins4 {
        0%{ width:68px; height:68px; top:16px; left:16px; background-color:rgba(24,71,180,0.6); }
        100%{ width:100px; height:100px; top:0; left:0; background-color:rgba(24,71,180,0); }
    }
@keyframes joins5 {
        0%{ width:68px; height:68px; top:16px; left:16px; background-color:rgba(24,71,180,0.6); }
        100%{ width:88px; height:88px; top:6px; left:6px; background-color:rgba(24,71,180,0); }
    }

/*zongh*/
.section4{width: 100%;height: auto;overflow: hidden; background: url(../img/images/bg1.jpg) left top; }
.section4_bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.section4_bg .bubble1{position:absolute; left:-5%; top: -10%; border: 1px solid #cbdced; width: 0%; padding-top: 0%; transition:all 2s; border-radius:50%;}
.section4.active .section4_bg .bubble1{position:absolute;left:-2%; top: -10%;border: 1px solid #cbdced; width: 50%; padding-top: 50%; transition:all 3s; border-radius:50%;}
.section4_bg .bubble2{position:absolute; left:-12.5%; top: -25%; border: 1px solid #cbdced; width: 0%; padding-top: 0%; transition:all 1.5s; border-radius:50%;}
.section4.active .section4_bg .bubble2{position:absolute;left:-7%; top: -25%;border: 1px solid #cbdced; width: 65%; padding-top: 65%; transition:all 2.5s; border-radius:50%;}
.section4_bg .bubble3{position:absolute; left:-20%; top: -35%; border: 1px solid #cbdced; width: 0%; padding-top: 0%; transition:all 1s; border-radius:50%;}
.section4.active .section4_bg .bubble3{position:absolute;left:-12%; top: -35%;border: 1px solid #cbdced; width: 80%; padding-top: 80%; transition:all 2s; border-radius:50%;}
.section4_map{ width:auto; height:auto; max-width:47vw; text-align:center; position:absolute; top:25%; left:2%;}
.section4_map img{ width:auto; height:auto; max-width:47vw; transition:all 1s;}
.section4.active .section4_map img{ width:100%; height:auto; max-width:47vw; transition:all 2.5s; }
.section4_bg .bubble1 .yuan{position:absolute; right:12%; top: 20%;}
.section4_bg .bubble1 .yuan:nth-child(2){position:absolute; right:8%; top: 50%;}
.section4_bg .bubble1 .yuan:nth-child(3){position:absolute; right:22%; top: 78%;}
.section4_bg .bubble1 .yuan:nth-child(4){position:absolute; right:88%; top: 82%;}
.section4_bg .bubble2 .yuan{position:absolute; right:10%; top:64%;}
.section4_bg .bubble1 .yuan .pic{ width:100px; height:100px; border-radius:50%; position:absolute; top:0; left:0; animation:joins 2s infinite linear; transform-origin: 50% 50%;}
.section4_bg .bubble1 .yuan .pic2{ width:88px; height:88px; border-radius:50%; position:absolute; top:0; left:0; animation:joins1 2s infinite linear; animation-delay:0.5s;  transform-origin: 50% 50%;}
.section4_bg .bubble1 .yuan .pic3{ width:68px; height:68px; position:absolute; top:16px; left:16px; background-color:#4c6dcd; border-radius:50%; text-align:center; font-size: 18px; color: #fff; line-height: 68px;}

.section4_bg .bubble1 .yuan:nth-child(2) .pic{ width:100px; height:100px; border-radius:50%; position:absolute; top:0; left:0; animation:joins2 2s infinite linear; transform-origin: 50% 50%;}
.section4_bg .bubble1 .yuan:nth-child(2) .pic2{ width:88px; height:88px; border-radius:50%; position:absolute; top:0; left:0; animation:joins3 2s infinite linear; animation-delay:0.5s;  transform-origin: 50% 50%;}
.section4_bg .bubble1 .yuan:nth-child(2) .pic3{ width:68px; height:68px; position:absolute; top:16px; left:16px; background-color:#1ebfe2; border-radius:50%; text-align:center; font-size: 18px; color: #fff; line-height: 68px;}

.section4_bg .bubble1 .yuan:nth-child(4) .pic{ width:100px; height:100px; border-radius:50%; position:absolute; top:0; left:0; animation:joins4 2s infinite linear; transform-origin: 50% 50%;}
.section4_bg .bubble1 .yuan:nth-child(4) .pic2{ width:88px; height:88px; border-radius:50%; position:absolute; top:0; left:0; animation:joins5 2s infinite linear; animation-delay:0.5s;  transform-origin: 50% 50%;}
.section4_bg .bubble1 .yuan:nth-child(4) .pic3{ width:68px; height:68px; position:absolute; top:16px; left:16px; background-color:#1847b4; border-radius:50%; text-align:center; font-size: 18px; color: #fff; line-height: 68px;}

.section4_bg .bubble2 .yuan .pic{ width:100px; height:100px; border-radius:50%; position:absolute; top:0; left:0; animation:joins4 2s infinite linear; transform-origin: 50% 50%;}
.section4_bg .bubble2 .yuan .pic2{ width:88px; height:88px; border-radius:50%; position:absolute; top:0; left:0; animation:joins5 2s infinite linear; animation-delay:0.5s;  transform-origin: 50% 50%;}
.section4_bg .bubble2 .yuan .pic3{ width:68px; height:68px; position:absolute; top:16px; left:16px; background-color:#1847b4; border-radius:50%; text-align:center; font-size: 18px; color: #fff; line-height: 68px;}

.section4_right{ width:30%; height:auto; overflow:hidden; position:absolute; top:28%; right:10%;}
.section4_right_en{ width:80%; height:auto; overflow:hidden; margin:0 0 0 auto; line-height:1.5; font-family:Arial; color:#2e52ae; font-size:30px; text-align:right;}
.section4_right_title{ width:100%; height:auto; overflow:hidden; margin:20px auto; line-height:40px; font-family:microsoft yahei; color:#333; font-size:30px; text-align:right;}
.section4_right_con{ width:100%; height:auto; overflow:hidden; margin:30px auto 0 auto; line-height:25px; font-family:microsoft yahei; color:#333; font-size:14px; text-align:right;}

.section4 .swiper-container{width:100%; height:auto; margin:0 auto; position:relative;}
.section4 .swiper-wrapper{ width:100%; margin:0 auto;}
.section4 .swiper-slide{ width:100%; height:100%; overflow:hidden; position:relative; text-align:center;}
.section4 .swiper-slide img{ width:100%; height:100%;}
.section4 .swiper_btnz{position: absolute;top: 55%;width: 48px;height: 48px; right:-100px;background: url(../img/images/nei_left.png) 0 0 no-repeat; background-size:cover; display: block;z-index:10;}
.section4 .swiper_btny{position: absolute;top: 55%;width: 48px;height: 48px; right:-160px;background: url(../img/images/nei_right.png) 0 0 no-repeat; background-size:cover; display: block;z-index:10;}

.section4.active .section4_right_en{-webkit-animation: bounceInBottom 2s;}
.section4.active .section4_right_title{-webkit-animation: bounceInBottom 2.5s;}
.section4.active .section4_right_con{-webkit-animation: bounceInBottom 3s;}


.section5{width: 100%;height: auto;overflow: hidden; background: url(../img/images/bg1.jpg) left top; }
.section5_bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.section5_bg .bubble{position: absolute;border-radius: 100%;animation:spin 8s infinite linear;transform-origin: 50% 45%;}
.section5_bg .bubble:nth-child(2n){animation:spin2 8s infinite linear;}
.section5_bg .sm-bubble{transform-origin: 30% 30px;}
.section5_bg .bg-bubble{transform-origin: 50% 50%;}


.section5_bg .bubble3{
	right: -5%;
	bottom: 5%;
	border: 1px solid #87dff5;
	width: 10%;
	padding-top: 10%;
}
.section5_bg .bubble5{
	left: 30.1%;
	top: 39.0625%;
	background-color: #f0f9fa;
	opacity: 1;
	width: 10px;
	height: 10px;
}
.section5_bg .bubble6{
	width: 15.77%;
	padding-top: 15.77%;
	left: -5.3854%;
	bottom: -10%;
	background-color: #f0f9fa;
}

.section5_bg .bubble9{
	width: 25px;
	padding-top: 25px;
	left: 50.33%;
	bottom: 5%;
	background-color: rgba(243,250,240,1);
}
.section5_bg .bubble10{
	width: 8px;
	padding-top: 8px;
	left: 55.67%;
	bottom: 13%;
	background-color: rgba(243,250,240,1);
}
.section5_bg .bubble11{
	right: -1.9%;
	top: -9.125%;
	width: 18%;
	padding-top: 12%;
	background-color: #f0f9fa;
	opacity: 1;
	filter: alpha(opacity=100);
}
.section5_menu{ width:100%; height:auto; overflow:hidden; position:absolute; top:11%; left:0; font-size:30px; line-height:1.5; color:#333; text-align:center;}
.section5_down{ width:100%; height:auto; overflow:hidden; position:absolute; top:24%; left:0; text-align:center; display:block;}
.section5_downm{ width:100%; height:auto; overflow:hidden; position:absolute; top:24%; left:0; text-align:center; display:none;}
.section5_down_box{ width:29%; height:auto; overflow:hidden; margin:0 1.5% 20px 1.5%; display:inline-block;}
.section5_down_box_img{ width:100%; height:240px; overflow:hidden;}
.section5_down_box_img img{ width:100%; height:auto; transition:all 0.5s;}
.section5_down_box_title{ width:100%; height:30px; overflow:hidden; margin:10px auto 0 auto; font-size:18px; line-height:30px; color:#333; text-align:left;}
.section5_down_box_con{ width:100%; height:30px; overflow:hidden; margin:10px auto; font-size:14px; line-height:30px; color:#666; text-align:left;}
.section5_down_box_b{ width:100%; height:30px; overflow:hidden; margin:10px auto; font-size:14px; line-height:30px; color:#666; position:relative; text-align:left;}
.section5_down_box_b p{float:right; font-size:14px; line-height:30px;}
.section5_down_box_y{ position:absolute; width:22px; height:22px; border:1px solid #666; border-radius:50%; top:3px; right:26%; transition:all 0.5s;}
.section5_down_box_h{ position:absolute; width:45px; height:1px; background-color:#666; top:14px; right:20%;}
.section5_down_box:hover .section5_down_box_img img{ width:100%; height:auto; transform:scale(1.1); transition:all 0.5s;}
.section5_down_box:hover .section5_down_box_title{color:#2e52ae;}
.section5_down_box:hover .section5_down_box_b{color:#2e52ae;}
.section5_down_box:hover .section5_down_box_y{border:1px solid #2e52ae; right:28%; transition:all 0.5s;}
.section5_down_box:hover .section5_down_box_h{background-color:#2e52ae;}

.section5.active .section5_menu{-webkit-animation: bounceInBottom 2s;}
.section5.active .section5_down_box{-webkit-animation: bounceInBottom 2.5s;}
.section5.active .section5_down_box_title{-webkit-animation: bounceInBottom 3s;}
.section5.active .section5_down_box_con{-webkit-animation: bounceInBottom 3s;}
.section5.active .section5_down_box_b{-webkit-animation: bounceInBottom 3s;}
.section5.active .section5_more{-webkit-animation: bounceInBottom 4s;}
.section5_more{ width:140px; height:40px; overflow:hidden; background:url(../img/images/t7.png) no-repeat center; background-size: 100% auto; position:absolute; bottom:5%; left:45%; font-size:14px; line-height:40px; color:#fff; text-indent:35px;}

/*video*/
.section6{width: 100%;height: auto;overflow: hidden; background-color:#fff;}
.section6 .swiper-container{width:90%; height:110px; position:absolute; top:10%; left:5%; margin:0 auto;}
.section6 .swiper-wrapper{ width:90%; margin:0 auto; display:block;}
.section6 .swiper-slide{ width:100%; height:100%; overflow:hidden; position:relative; text-align:center;}
.section6 .swiper-slide img{ width:100%; height:100% ;}


.section6 .swiper-paginationin{ height:10px; overflow:hidden; position:absolute; right:0px; bottom:10px !important; left:0 !important; margin:auto; z-index:1; text-align:center; }
.section6 .swiper-paginationin span{ display:inline-block;width:10px; border-radius:100%; height:10px; background:#dbdbdb; cursor:pointer; vertical-align:top; margin:0 4px;opacity:0.9 !important;}
.section6 .swiper-paginationin span.swiper-pagination-bullet-active{ background-color:#999;opacity:1 !important;}
.section6 .swiper_btnz{position: absolute;top: 45%;width: 48px;height: 48px; left:0;background: url(../img/images/left.png) 0 0 no-repeat;display: block;z-index:10;}
.section6 .swiper_btny{position: absolute;top: 45%;width: 48px;height: 48px; right:0;background: url(../img/images/right.png) 0 0 no-repeat;display: block;z-index:10;}

.links_box{ width:238px; height:108px; overflow:hidden; border:1px solid #e5e5e5; float:left; margin:0 10px;}
.links_box img{ width:auto; height:auto; max-width:238px; max-height:98px; margin:5px auto;}

.section6_foot{ width:100%; height:65%; overflow:hidden; position:absolute; bottom:0; left:0;}
.section6_foot_top{ width:100%; height:88%; overflow:hidden; background-color:#323338;}
.section6_foot_slogan{ width:100%; height:70px; overflow:hidden; border-bottom:1px solid #47484c; line-height:70px; font-family:"Source"; font-weight:400; font-size:32px; color:#e0e0e0; text-align:center;}
.section6_foot_center{ width:94%; height:auto; overflow:hidden; margin:20px auto 0 auto;}
.section6_foot_center_l{ width:20%; height:auto; overflow:hidden; float:left;}
.foot_logo{ width:100%; height:58px; overflow:hidden; margin-bottom:30px; background:url(../img/images/logo.png) no-repeat left center; background-size:auto 100%;}
.foot_tel{ width:auto; height:auto; overflow:hidden; margin-bottom: 15px; line-height:30px; font-family:"microsoft yahei"; font-size:14px; color:#b0b0b0; background:url(../img/images/t8.png) no-repeat left center; background-size:auto 30px; padding-left: 35px;}
.foot_tel:nth-child(3){ width:auto; height:auto; overflow:hidden; line-height:30px; font-family:"microsoft yahei"; font-size:14px; color:#b0b0b0; background:url(../img/images/t9.png) no-repeat left center; background-size:auto 30px; padding-left: 35px;}
.foot_tel:nth-child(4){ width:auto; height:auto; overflow:hidden; line-height:30px; font-family:"microsoft yahei"; font-size:14px; color:#b0b0b0; background:url(../img/images/t10.png) no-repeat left top; background-size:auto 30px; padding-left: 35px;}
.section6_foot_center_c{ width:42%; height:auto; overflow:hidden; float:left; margin:0 2%;}
.footer_c_box{ width:18%; height:auto; overflow:hidden; margin:0 1%; float:left;}
.footer_c_box_t{ width:100%; height:auto; overflow:hidden; color:#fff; font-size:16px; line-height:1.5; font-family:"microsoft yahei";} 
.footer_c_box_li{ width:100%; height:auto; overflow:hidden; color:#b0b0b0; font-size:14px; line-height:2; font-family:"microsoft yahei";} 
.footer_c_box_li:hover{ color:#2e52ae;} 
.section6_foot_center_r{ width:34%; height:auto; overflow:hidden; float:left;}
.footer_r_er{ width:100px; height:auto; overflow:hidden; float:left;}
.footer_r_er_img{ width:100px; height:100px; overflow:hidden;}
.footer_r_er_img img{ width:100px; height:100px;}
.footer_r_title{ width:100px; height:auto; overflow:hidden; color:#fff; font-size:14px; line-height:30px; font-family:"microsoft yahei"; text-align:center;}
.footer_top_t{ width:70%; height:auto; overflow:hidden; margin:0 auto; float:right;}
.footer_top_t_l{ width:22px; height:auto; overflow:hidden; background:url(../img/images/tel.png) no-repeat center top; margin:0 auto; writing-mode:tb-rl; text-align:justify; padding-top:28px; color:#a0a1a2; font-family:"microsoft yahei"; line-height:22px; font-size:14px; float:left;}
.footer_top_t_r{ width:85%; height:auto; overflow:hidden;float:left; margin:0 auto 0 20px;}
.footer_top_t_r_a{width:auto; height:auto; overflow:hidden; color:#d8d8d9; font-family:"microsoft yahei"; line-height:20px; font-size:15px;}
.footer_top_t_r_b{width:auto; height:auto; overflow:hidden; color:#fff; font-family:"Arial"; line-height:40px; font-size:26px; font-weight:bold;}
.footer_top_t_r_c{width:auto; height:auto; overflow:hidden; color:#adadaf; font-family:"microsoft yahei"; line-height:25px; font-size:14px;}


.section6_foot_down{ width:90%; height:9%; overflow:hidden; padding:1.5% 5%; background-color:#28292e; font-size:14px; color:#7e7f82; text-align:left;}
.section6_foot_down p{float:right; font-size:14px;}
.section6_foot_down p a{color:#7e7f82;}

.section6.active .swiper-container{-webkit-animation: bounceInBottom 2.3s;}
.section6.active .section6_foot{-webkit-animation: bounceInBottom 2.3s;}
.section6.active .section6_foot_slogan{-webkit-animation: bounceInBottom 2.6s;}
.section6.active .foot_logo{-webkit-animation: bounceInBottom 2.7s;}
.section6.active .foot_tel{-webkit-animation: bounceInBottom 2.8s;}
.section6.active .section6_foot_center_c{-webkit-animation: bounceInRight 3s;}
.section6.active .footer_r_er{-webkit-animation: bounceInBottom 3s;}
.section6.active .footer_top_t{-webkit-animation: bounceInBottom 3.2s;}



.touchsliderindex .touchslider-item .pic{width: 100%;height:100%;overflow: hidden;}
.touchsliderindex,.touchsliderindex .touchslider-viewport,.touchsliderindex .touchslider-item,.touchsliderindex .touchslider-item .pic{height: 100%;}
.touchsliderindex .pic img{width: 100%;height:100%;display: none;}
.touchsliderindex .touchslider-navtag{position:absolute; bottom:50%; text-align:center; width:100%; z-index: 99;}
.touchsliderindex .touchslider-navtag .touchslider-prev{ width:48px; height:48px; background:url("../img/images/trrleft.png") no-repeat center; float:left; margin-left:7%; cursor:pointer;}
.touchsliderindex .touchslider-navtag .touchslider-next{ width:48px; height:48px; background:url("../img/images/trrright.png") no-repeat center; float:right; margin-right:7%; cursor:pointer;}
.touchsliderindex .touchslider-navtag .wk{height: 36px;}
.touchsliderindex .touchslider-nav-item{display:inline-block;border-radius: 5px;width: 5px; height: 5px;background: #cac5c8;}
.touchsliderindex .touchslider-nav-item-current{background-color: #074349;}
.touchsliderindex .touchslider-item.active .pwk p{opacity: 1; -webkit-animation: fadeInUp .7s ease-in-out both; animation: fadeInUp .7s ease-in-out both; -webkit-animation-delay: 1.2s; animation-delay: 1.2s; }

/*--about--*/
.sectionab1{width: 100%;height: auto;overflow: hidden; background: url(../img/images/bg2.jpg) left top; background-size: cover; }
.nei_about{ width:85%; height:auto; overflow:hidden; position:absolute; top:20%; left:7.5%;}
.nei_about_l{ width:45%; height:auto; overflow:hidden; float:left; margin:0 5% 0 auto;}
.nei_about_l_title{ width:100%; height:auto; overflow:hidden; color:#2e52ae; line-height:1.5; font-size:30px; font-family:microsoft yahei;}
.nei_about_l_gupiao{ width:100%; height:auto; overflow:hidden; color:#666; line-height:40px; font-size:24px; font-family:microsoft yahei; margin:20px auto;}
.nei_about_l_con{ width:100%; height:auto; overflow:hidden; color:#333; line-height:30px; font-size:12px; font-family:microsoft yahei; margin:20px auto 0 auto;}
.nei_about_l_down{ width:100%; height:auto; overflow:hidden; margin:40px auto 0 auto;}
.nei_about_l_box{ width:auto; height:60px; overflow:hidden; float:left; margin:0 10px 0 auto;}
.nei_about_l_box_l{ width:60px; height:60px; overflow:hidden; float:left; margin:0 10px 0 auto;}
.nei_about_l_box_t{ width:auto; height:auto; overflow:hidden; float:left; margin:0 10px 0 auto; color:#2e52ae; line-height:30px; font-size:20px; font-family:microsoft yahei;}
.nei_about_l_box_t p{color:#2e52ae; line-height:30px; font-size:16px; font-family:microsoft yahei;}

.nei_about_r{ width:50%; height:auto; overflow:hidden; float:right; margin:0 auto;display: block;}
.nei_about_r .videolist img{ height:45vh;}
.nei_about_r .videolist video{ height:45vh;}
.nei_about_rm .videolist img{ height:35vh;}
.nei_about_rm .videolist video{ height:35vh;}
.nei_about_rm{ width:100%; height:auto; overflow:hidden; float:right; margin:0 auto; display:none; }
.sectionab1.active .nei_about_l_title{-webkit-animation: bounceInBottom 2s;}
.sectionab1.active .nei_about_l_gupiao{-webkit-animation: bounceInBottom 2.2s;}
.sectionab1.active .nei_about_l_con{-webkit-animation: bounceInBottom 2.4s;}
.sectionab1.active .nei_about_l_down{-webkit-animation: bounceInBottom 2.6s;}
.sectionab1.active .nei_about_r{-webkit-animation: bounceInRight 2.5s;}


/*about*/
.sectionab2{width: 100%;height: auto;overflow: hidden; background: url("../img/images/bg2.jpg") no-repeat left top; background-size:100% auto;}
.sectionab2 .bubble{position: absolute;border-radius: 100%;transform-origin: 50% 45%;}
.sectionab2 .bubble1{
	left: -3.9%;
	top: -14.125%;
	width: 18%;
	padding-top: 10%;
	background-color: #f0f9fa;
	opacity: 1;
	filter: alpha(opacity=100);
}
.sectionab2 .bubble2{
	position: absolute;
	width: 37%;
	padding-top: 46%;
	background:url(../img/images/about4.jpg) no-repeat;
	background-size:cover;
	right: 0;
	top: -45%;
}
.sectionab2_menu{ width:auto; height: auto; overflow:hidden; position:absolute; top:25%; left:5%; line-height:60px; font-size:50px; color:#2e52ae; font-family:microsoft yahei;}
.sectionab2_lunbo{ width:100%; height:auto; overflow:hidden; position:absolute; bottom:5%; left:0; display:block;}
.sectionab2_lunbom{ width:80%; height:auto; overflow:hidden; position:absolute; bottom:5%; left:10%; display:none; text-align:center !important;}
.sectionab2_lunbo .swiper-container{width:100%; height:80%; overflow:hidden; margin:0 auto;}
.sectionab2_lunbo .swiper-wrapper{ width:100%; margin:0 auto;}
.sectionab2_lunbo .swiper-slide{ width:100%; height:100%; overflow:hidden; position:relative; text-align:center;}
.sectionab2_lunbo .swiper-slide img{ width:100%; height:100% ;}


.sectionab2_lunbo .swiper-paginationin{ height:10px; overflow:hidden; position:absolute; right:0px; bottom:10px !important; left:0 !important; margin:auto; z-index:1; text-align:center; }
.sectionab2_lunbo .swiper-paginationin span{ display:inline-block;width:10px; border-radius:100%; height:10px; background:#dbdbdb; cursor:pointer; vertical-align:top; margin:0 4px;opacity:0.9 !important;}
.sectionab2_lunbo .swiper-paginationin span.swiper-pagination-bullet-active{ background-color:#999;opacity:1 !important;}
.sectionab2_lunbo .swiper_btnz{position: absolute;top: 80%;width: 55px;height: 55px; left:10%;background: url(../img/images/nei_left.png) 0 0 no-repeat;display: block;z-index:10;}
.sectionab2_lunbo .swiper_btny{position: absolute;top: 80%;width: 55px;height: 55px; left:14%;background: url(../img/images/nei_right.png) 0 0 no-repeat;display: block;z-index:10;}
.sectionab2.active .sectionab2_menu{-webkit-animation: bounceInTop 2s;}
.sectionab2.active .sectionab2_lunbo{-webkit-animation: bounceInBottom 2.5s;}


/*组织*/
.sectionab3{width: 100%;height: auto;overflow: hidden; background: url("../img/images/bg2.jpg") no-repeat left top; background-size:100% auto;}
.sectionab3_menu{ width:auto; height: auto; overflow:hidden; position:absolute; top:25%; left:5%; line-height:60px; font-size:50px; color:#fff; font-family:microsoft yahei;}
.sectionab3_con{ width:100%; height: auto; overflow:hidden; position:absolute; top:5%; left:0%; text-align:center;}
.sectionab3_con img{ width:auto; height: auto; max-width:80%; max-height: 90vh;}
.sectionab3.active .sectionab3_menu{-webkit-animation: bounceInTop 2s;}
.sectionab3.active .sectionab3_con{-webkit-animation: bounceInBottom 2.5s;}


/*资质*/
.sectionab4{width: 100%;height: auto;overflow: hidden; background: url("../img/images/bg1.jpg") no-repeat left top; background-size:100% auto;}
.sectionab4_menu{ width:auto; height: auto; overflow:hidden; position:absolute; top:20%; left:5%; line-height:1.5; font-size:30px; color:#333; font-family:microsoft yahei;}
.sectionab4_lunbo{ width:94%; height:auto; overflow:hidden; position:absolute; bottom:25%; left:3%;}
.sectionab4_lunbo .swiper-container{width:100%; height:100%; overflow:hidden; margin:0 auto;}
.sectionab4_lunbo .swiper-wrapper{ width:88%; margin:0 auto;}
.sectionab4_lunbo .swiper-slide{ width:100%; height:100%; overflow:hidden; position:relative; text-align:center;}
.sectionab4_lunbo .swiper-slide img{ width:100%; height:100% ;}

.sectionab4_lunbo .swiper-paginationin{ height:10px; overflow:hidden; position:absolute; right:0px; bottom:10px !important; left:0 !important; margin:auto; z-index:1; text-align:center; }
.sectionab4_lunbo .swiper-paginationin span{ display:inline-block;width:10px; border-radius:100%; height:10px; background:#dbdbdb; cursor:pointer; vertical-align:top; margin:0 4px;opacity:0.9 !important;}
.sectionab4_lunbo .swiper-paginationin span.swiper-pagination-bullet-active{ background-color:#999;opacity:1 !important;}
.sectionab4_lunbo .swiper_btnz{position: absolute;top: 40%;width: 100px;height: 100px; left:0%;background: url(../img/images/nei_left.png) 0 0 no-repeat;display: block;z-index:10;}
.sectionab4_lunbo .swiper_btny{position: absolute;top: 40%;width: 100px;height: 100px; right:0%;background: url(../img/images/nei_right.png) 0 0 no-repeat;display: block;z-index:10;}
.hoor_box{ width:240px; height:170px; overflow:hidden; float:left; margin:0 10px;}
.hoor_box img{ width:100%; height:auto; transition:all 0.5s;}
.hoor_box:hover .hoor_box img{width:100%; height:auto; transform:scale(1.1); transition:all 0.5s;}
.sectionab4.active .sectionab4_menu{-webkit-animation: bounceInTop 2s;}
.sectionab4.active .sectionab4_lunbo{-webkit-animation: bounceInBottom 2.5s;}

/*覆盖*/
.sectionab5{width: 100%;height: auto;overflow: hidden; background-color:#fff; }
.sectionab5_bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.sectionab5.active .section4_bg .bubble1{position:absolute;left:-2%; top: -10%;border: 1px solid #cbdced; width: 50%; padding-top: 50%; transition:all 3s; border-radius:50%;}
.sectionab5.active .section4_bg .bubble2{position:absolute;left:-7%; top: -25%;border: 1px solid #cbdced; width: 65%; padding-top: 65%; transition:all 2.5s; border-radius:50%;}
.sectionab5.active .section4_bg .bubble3{position:absolute;left:-12%; top: -35%;border: 1px solid #cbdced; width: 80%; padding-top: 80%; transition:all 2s; border-radius:50%;}

.sectionab5.active .section4_right_en{-webkit-animation: bounceInBottom 2s;}
.sectionab5.active .section4_right_title{-webkit-animation: bounceInBottom 2.5s;}
.sectionab5.active .section4_right_con{-webkit-animation: bounceInBottom 3s;}



.sectionab6{width: 100%;height: auto;overflow: hidden; background: url("../img/images/bg1.jpg") no-repeat left top; background-size:100% auto;}
.sectionab6.active .swiper-container{-webkit-animation: bounceInBottom 2.3s;}
.sectionab6.active .section6_foot{-webkit-animation: bounceInBottom 2.3s;}
.sectionab6.active .section6_foot_slogan{-webkit-animation: bounceInBottom 2.6s;}
.sectionab6.active .foot_logo{-webkit-animation: bounceInBottom 2.7s;}
.sectionab6.active .foot_tel{-webkit-animation: bounceInBottom 2.8s;}
.sectionab6.active .section6_foot_center_c{-webkit-animation: bounceInRight 3s;}
.sectionab6.active .footer_r_er{-webkit-animation: bounceInBottom 3s;}
.sectionab6.active .footer_top_t{-webkit-animation: bounceInBottom 3.2s;}

.sectionab7{width: 100%;height: auto;overflow: hidden; background: url("../img/images/about1.jpg") no-repeat left top; background-size:100% auto;}
.sectionab7_menu{ width:auto; height: auto; overflow:hidden; position:absolute; top:25%; left:5%; line-height:60px; font-size:50px; color:#333; font-family:microsoft yahei;}
.sectionab7_con{ width:100%; height: auto; overflow:hidden; position:absolute; top:40vh; left:0%; text-align:center;}
.sectionab7.active .sectionab7_menu{-webkit-animation: bounceInTop 2s;}
.sectionab7.active .sectionab7_con{-webkit-animation: bounceInBottom 2.5s;}
.sectionab7 .box{ width:20%; height:60px; overflow:hidden; display:inline-block; margin:20px 1.5%; background-color:rgba(46,82,174,0.5); border-radius:30px; -moz-box-shadow:0px 0px 20px #d2decb; -webkit-box-shadow:0px 0px 20px #d2decb; box-shadow:0px 0px 20px #d2decb; transition:all 0.4s;}
.sectionab7 .box .zi{ width:100%; height:60px; overflow:hidden; margin:0 auto; background: url("../img/images/right.png") no-repeat 95% center; background-size:auto 70%; line-height:60px; font-size:30px; color:#fff; font-family:microsoft yahei;}
.sectionab7 .box:hover{ width:20%; height:60px; overflow:hidden; display:inline-block; margin:20px 1.5%; background-color:rgba(46,82,174,0.9); border-radius:30px; -moz-box-shadow:0px 0px 20px #d2decb; -webkit-box-shadow:0px 0px 20px #d2decb; box-shadow:0px 0px 20px #d2decb; transition:all 0.4s;}



/*foot*/
.footer{width:100%; height:auto; overflow:hidden; background: url(../img/images/bg3.jpg) no-repeat center top;}
.footer .top{ height:150px; overflow:hidden; margin:0 auto; text-align:left; background: url(../img/images/t5.png) no-repeat left center;}
.footer .center{ width: 100%; overflow:hidden; margin:0 auto; padding:60px 0; text-align:center;}
.footer .center .left{ width:35%; height: auto; margin:0 auto; float: left;}
.footer .center .left .add{ width:100%; height: auto; margin: 0 auto; font-size:14px; color:#fff; font-family:microsoft yahei; line-height:2; text-align:left; background: url(../img/images/t7.png) no-repeat left 20%; text-indent: 2em;}
.footer .center .left .add:nth-child(2){ width:100%; height: auto; margin: 0 auto; font-size:14px; color:#fff; font-family:microsoft yahei; line-height:2; text-align:left; background: url(../img/images/t8.png) no-repeat left 20%; text-indent: 2em;}
.footer .center .left .add:nth-child(3){ width:100%; height: auto; margin: 0 auto; font-size:14px; color:#fff; font-family:microsoft yahei; line-height:2; text-align:left; background: url(../img/images/t9.png) no-repeat left 20%; text-indent: 2em;}
.footer .center .zhong{ width:40%; height: auto; margin:0 auto; float: left;}
.footer .center .zhong .one{width:33%; height:auto; overflow:hidden; margin:0px auto; float:left;}
.footer .center .zhong .one .sortName{width:auto; overflow:hidden;}
.footer .center .zhong .one .sortName a{color:#fff; text-decoration:none;font-size: 18px;color: #fff;}
.footer .center .zhong .one .list{padding-top:20px;}
.footer .center .zhong .one .list ul{list-style:none;}
.footer .center .zhong .one .list ul li{width:100%;overflow:hidden; line-height:30px;}
.footer .center .zhong .one .list ul li a{color:#fff;text-decoration:none;font-size: 16px;}
.footer .center .zhong .one .list ul li a:hover{color: #333;}
.footer .center .right{ width:25%; height: auto; margin:0 auto; float: left;}
.footer .center .right .tel{ width:65%; height: auto; overflow: hidden; margin:0 auto; background: url(../img/images/t6.png) no-repeat left center;}
.footer .center .right .tel .l2{ width:100%; height: auto; margin:0 auto 0 25%; float: left; font-size:28px; color:#fff; font-family:Arial; line-height:1.3; text-align:left; font-weight:bold;}
.footer .center .right .tel .l3{ width:100%; height: auto; margin:0 auto 0 25%; float: left; font-size:12px; color:#fff; font-family:microsoft yahei; line-height:1.3; text-align:left;}
.footer .center .right .erbox{ width:65%; height: auto; margin:30px auto 0 auto; overflow: hidden;}
.footer .center .right .erbox .er{ width:45%; height: auto; margin:0 2.5%; float: left;}
.footer .center .right .erbox .er .img{ width:100%; height:120px; display:block; overflow:hidden; background-color:#fff; margin-bottom:5px;}
.footer .center .right .erbox .er img{ width:95%; height:110px; margin:5px auto; }
.footer .center .right .erbox .er .title{ width:95%; height:auto; font-size:14px; color:#fff; font-family:microsoft yahei; line-height:1.5; text-align:center;}

.footer .copy{ width:100%; height:80px; overflow:hidden; font-size:14px; color:#fff; font-family:microsoft yahei; line-height:80px; text-align:left;}
.footer .copy a{ color:#fff; float: right;}

/**内页**/
.commbanner{ width:100%; height:auto; overflow:hidden; position:relative;}
.commbanner .title{ overflow:hidden; position:absolute; top:35%; left:23%; line-height:1.5; font-size:48px; color:#fff; font-family:microsoft yahei; text-align:left;}
.commbanner .en{overflow:hidden; line-height:1.5; font-size:24px; color:#fff; font-family: Arial; text-align:left;}
/*nav_one*/
.nei_nav{ width:100%; height:auto; overflow:hidden; margin:0 auto; background:#006cb8; text-align:center;}
.nei_nav a{ width:auto; height:auto; overflow:hidden; margin:0 auto;  font-size:16px; color:#fff; font-family:microsoft yahei; line-height:65px; text-align:center; }
.nei_nav a:hover{ width:auto; height:auto; overflow:hidden; margin:0 auto;  font-size:16px; color:#fff; font-family:microsoft yahei; line-height:65px; text-align:center; }
.nei_nav a.curr{ width:auto; height:auto; overflow:hidden; margin:0 auto; font-size:16px; color:#fff; font-family:microsoft yahei; line-height:65px; text-align:center; }

.pmain_bg{ width:100%; height:auto; margin:0 auto; overflow:hidden;}
.pmain{ width: 94%; margin:0 auto; overflow:hidden; padding: 30px 0;}
.pmain .nei_navtitle{ width:100%; height:auto; overflow:hidden; margin:0 auto 50px auto;}
.pmain .nei_navtitle .en{ width:100%; height:auto; overflow:hidden; margin:0 auto; position:relative; line-height:1; font-size:50px; color:#333; font-family:Arial; text-align:center;}
.pmain .nei_navtitle .cn{ width:100%; height:auto; overflow:hidden; margin:-30px auto 0 auto; position:relative; line-height:1; font-size:36px; color:#333; text-align:center; font-weight:bold;}
.pmain .nei_navtitle .cn span{color:#2e52ae;}
.pmain .nei_navtitle .heng{ width:20px; height:4px; overflow:hidden; margin:10px auto; position:relative; background:#2e52ae;}

/*内页底部*/
.footer_n{width:100%; height:550px; margin:0 auto; overflow:hidden; position:relative;}
.footer_n .section6_foot{width:100%; height:100%;}

/*产品展示当前位置*/
.where{ width:92%; height:auto; margin:0 auto; overflow:hidden;}
.where_left{ width:100%; height:25px; line-height:25px; text-align:left; color:#666; font-size:14px; font-family:"microsoft yahei"; padding-top:15px;}
.where_right{ width:100%; height:auto; overflow:hidden;}
.neinav_box{ width:auto; height:50px; overflow:hidden; border-bottom:2px solid #fff; float:left; font-size:22px; color:#333; font-family:"microsoft yahei"; text-align:center; line-height:50px; margin:70px 60px 30px 0;}
.neinav_box:hover{width:auto; height:50px; overflow:hidden; border-bottom:2px solid #2e52ae; float:left; font-size:22px; color:#2e52ae; font-family:"microsoft yahei"; text-align:center; line-height:50px; margin:70px 60px 30px 0;}
.neinav_box_a{width:auto; height:50px; overflow:hidden; border-bottom:2px solid #2e52ae; float:left; font-size:22px; color:#2e52ae; font-family:"microsoft yahei"; text-align:center; line-height:50px; margin:70px 60px 30px 0;}
.neinav_box_a:hover{width:auto; height:50px; overflow:hidden; border-bottom:2px solid #2e52ae; float:left; font-size:22px; color:#2e52ae; font-family:"microsoft yahei"; text-align:center; line-height:50px; margin:70px 60px 30px 0;}

.wherepro_bg{ width:100%;height: 70px; background-color:#2e52ae; margin:0 auto; text-align:center;}
.wherepro_box{ width:auto; height:65px; overflow:hidden; display:inline-block; font-size:16px; color:#fff; font-family:"microsoft yahei"; text-align:center; line-height:65px; margin:0 30px; border-bottom:4px solid #2e52ae;}
.wherepro_box:hover{ border-bottom:4px solid #44c9d1;}
.wherepro_box_a{width:auto; height:65px; overflow:hidden; display:inline-block; border-bottom:4px solid #44c9d1; font-size:18px; color:#fff; font-family:"microsoft yahei"; text-align:center;  line-height:65px; margin:0 40px;}
.wherepro_box_a:hover{width:auto; height:65px; overflow:hidden; display:inline-block; border-bottom:4px solid #44c9d1; font-size:16px; color:#fff; font-family:"microsoft yahei"; text-align:center;  line-height:65px; margin:0 30px;}


/*product*/
.pro_list{ width:100%; height:auto; min-height:500px; overflow:hidden; margin:0 auto;}
.pro_list .pcworks_box{ width:49%; height:300px; float:left; margin:1% 0 1% 2%; background:#e8ecf9;}
.pro_list .pcworks_box:nth-child(2n){ width:49%; height:300px; float:left; margin:1% 0 1% 2%; background:#f5dce4;}
.pro_list .pcworks_box:nth-child(3n){ width:49%; height:300px; float:left; margin:1% 0 1% 2%; background:#dceff5;}

.pcworks_top{ width:35%; height:300px;  margin:25px 5% 0 10%; float:left;}
.pcworks_top img{ width:94%; height:auto; transition: all 0.5s;}
.pcworks_box:hover .pcworks_top img{ width:94%; height:auto; height:auto; transition: all 0.5s;transform:scale(1.1) ;}
.pcworks_con{ width:45%; height:auto; overflow:hidden; margin:25px auto 0 auto; float:left;}
.pcworks_title{ width:100%; height:auto; overflow:hidden; margin:30% auto 0 auto; line-height:1.5; color:#333; font-size:22px; font-family:"Source";}
.pcworks_content{ width:100%; height:auto; max-height:75px; overflow:hidden; margin:5px auto; line-height:25px; color:#666; font-size:14px; font-family:"Source";}
.pcworks_into{ width:100%; height:40px; overflow:hidden; margin:20px auto 0 0; line-height:40px; color:#333; font-size:16px; font-family:"Source";}
.pcworks_box:hover .pcworks_into{ width:140px; height:40px; overflow:hidden; margin:20px auto 0 0; line-height:40px; color:#f08519; font-size:16px; font-family:"Source";}
/*news*/
.new_list{ width:100%; height:auto; min-height:500px; overflow:hidden; margin:0 auto;}
.new_list .box{ width:31%; height:auto; margin:130px 3.5% 50px  auto;  float:left; position:relative; z-index:1;}
.new_list a:nth-child(3n) .box{ width:31%; height:auto; margin:130px auto 50px auto;  float:left; position:relative; z-index:1;}
.new_list .box .pic{ width:100%; height:370px; overflow:hidden; margin:-130px auto 0 auto; position:relative; z-index:10;}
.new_list .box .pic img{ width:100%; height:370px; overflow:hidden; margin:0 auto; transition:all 0.4s; border-radius: 15px;}
.new_list .box:hover .pic img{ width:100%; height:370px; transition:all 0.4s; transform:scale(1.05);}
.new_list .box .title{ width:94%; height:auto; overflow:hidden; margin:20px auto 0 auto; font-size:22px; color:#191919; font-family:microsoft yahei; text-align:left; line-height:1.5;}
.new_list .box:hover .title{width:94%; height:auto; overflow:hidden; margin:20px auto 0 auto; font-size:22px; color:#0993cd; font-family:microsoft yahei; text-align:left; line-height:1.5;}
.new_list .box .intro{ width:94%; height:auto; overflow:hidden; margin:0 auto; font-size:16px; color:#666; font-family:microsoft yahei; text-align:left; line-height:1.6;}
.new_list .box .more{ width:94%; height:auto; overflow:hidden; margin:30px auto;background: url(../img/images/t3.png) no-repeat 40px center;}
.new_list .box .more .times{ width:auto; height:auto; overflow:hidden; margin:0 auto; float: right; font-size:14px; color:#333; font-family:Arial; text-align:right; line-height:1.6;}
.new_list .box .more .mos{ width:auto; height:auto; overflow:hidden; margin:0 auto; float:left;  font-size:14px; color:#333; font-family:microsoft yahei; text-align:left; font-weight: bold; line-height:1.5;}
.new_list .box:hover .more .mos{ color:#0993cd;}
.new_list .new_more{ width:180px; height:50px; overflow:hidden; clear:both; border-radius:25px; background-color:#006cb8; margin:30px auto 0 auto; font-size:20px; color:#fff; font-family:Arial; text-align:left; text-indent:2em; line-height:50px; position:relative;}


/*infor*/
.infor{ width:90%; height:auto; margin:0 auto;}
.case_one{ width:100%; height:auto; overflow:hidden; margin:0 auto; padding:30px 0; background-color:#fff;}
.case_two{ width:100%; height:auto; overflow:hidden; margin:0 auto; padding:30px 0; background-color:#f9f9f9;}
.case_menu{ width:100%; height:auto; overflow:hidden; margin:0 auto; line-height:1.5; color:#333; font-size:30px; font-family:"Source"; position:relative;}
.case_menu p{float:right; font-size:14px; color:#999; line-height:30px;}
.case_menu_y{ position:absolute; width:22px; height:22px; border:1px solid #999; border-radius:50%; top:3px; right:7%; transition:all 0.5s;}
.case_menu_h{ position:absolute; width:45px; height:1px; background-color:#999; top:14px; right:5%;}
.case_menu:hover .case_menu p{color:#2e52ae;}
.case_menu:hover .case_menu_y{border:1px solid #2e52ae; right:8%; transition:all 0.5s;}
.case_menu:hover .case_menu_h{background-color:#2e52ae;}
.case_box{ width:100%; height:auto; overflow:hidden; margin:30px auto 0 auto;}
.box_one{ width:50%; height:auto; overflow:hidden; float:left;}
.box_one img{ width:100%; height:auto;}
.box_two{ width:24%; height:278px; overflow:hidden; float:left; background-color:#f9f9f9; margin:0 auto 0 1%; position:relative;}
.box_two_title{ width:90%; height:auto; overflow:hidden; margin:12% auto 0 auto; line-height:30px; color:#333; font-size:24px; font-family:"Source";}
.box_two_time{ width:90%; height:auto; overflow:hidden; position:absolute; bottom:10%; left:5%; line-height:30px; color:#333; font-size:16px; font-family: "Arial"; text-align:left;}
.box_two_time p{line-height:30px; color:#333; font-size:16px; font-family: "Source"; text-align:right; float:right;}
.box_two:hover .box_two_title{ color:#2e52ae;}
.box_two:hover .box_two_time p{ color:#2e52ae;}

.jieda{ width:50%; height:auto; overflow:hidden; margin:0 auto; float:left;}

.case_box .lis{width:99%; height:80px; overflow:hidden; background: #fff url(../img/images/jt.png) no-repeat 96% center; float: left; border-bottom:1px solid #dfe1e1; transition:all 0.5s;}
.case_box .lis:hover{background: #2e52ae url(../img/images/jt1.png) no-repeat 96% center; color: #fff; transition:all 0.5s;}
.case_box .lis.active{background: #2e52ae url(../img/images/jt1.png) no-repeat 96% center; color: #fff; border-bottom:0;-moz-box-shadow:0px 10px 40px #2e52ae; -webkit-box-shadow:0px 10px 40px #2e52ae; box-shadow:0px 10px 40px #2e52ae; transition:all 0.5s;}
.case_box .lis .t{width: 10%; height:auto; overflow:hidden;float: left; font-size:62px; color:#3e504a; line-height:80px; font-weight:bold; font-family:Arial;}
.case_box .lis .t1{width: 80%; height:auto; overflow:hidden;float: left; font-size:18px; color:#3e504a; line-height:80px; font-family:"Source"; border-right:1px solid #dfe1e1;}
.case_box .lis:hover .t{width: 10%; height:auto; overflow:hidden;float: left; font-size:62px; color:#fff; line-height:80px; font-weight:bold; font-family:Arial;}
.case_box .lis:hover .t1{width: 80%; height:auto; overflow:hidden;float: left; font-size:18px; color:#fff; line-height:80px; font-family:"Source"; border-right:1px solid #fff;}
.case_box .lis.active .t{width: 10%; height:auto; overflow:hidden;float: left; font-size:62px; color:#fff; line-height:80px; font-weight:bold; font-family:Arial;}
.case_box .lis.active .t1{width: 80%; height:auto; overflow:hidden;float: left; font-size:18px; color:#fff; line-height:80px; font-family:"Source"; border-right:1px solid #fff;}

.case_box .sublis{ width:99%; height:auto; overflow:hidden; display: none; border-bottom:1px solid #dfe1e1; background-color:#fff;}
.case_box .sublis.active{/*display: block;*/}
.case_box .sublis  .t2{width: 10%; height:auto; overflow:hidden;float: left; font-size:62px; color:#2e52ae; line-height:80px; font-weight:bold; font-family:Arial;}
.case_box .sublis  .t3{width: 85%; height:auto; overflow:hidden;float: left; font-size:14px; color:#666; line-height:30px; font-family:"Source"; padding:30px 0 15px 0;}
.case_box .sublis  .td:hover{background-color: #565656;}


/*one*/
.one_nei{ width:100%; height:auto; min-height:500px; overflow:hidden; margin:0 auto; line-height:2; color: #333;}
.one_nei .shutong{text-align: center !important; font-size: 28px !important;}
.one_nei .video{ width:100%; height:auto; margin:50px auto; overflow:hidden; text-align:center;}
.one_nei #slider{ width:100%; height:auto;}

/*view*/
.view_nei{ width:99%; height:auto; min-height:400px; overflow:hidden; margin:0 auto; float:left; border:1px solid #eeeeee;}
.view_newhead{ width:94%; height:auto; overflow:hidden; margin:20px auto;}
.view_newhead .news_view_title{ width:100%; height:auto; overflow:hidden; margin:0 auto; line-height:1.6; font-size:30px; color:#333; text-align:center; font-weight:bold;}
.view_newhead .news_view_title .subtitle{ width:100%; height:auto; overflow:hidden; margin:0 auto; line-height:1.5; font-size:18px; color:#888; text-align:center; font-weight:bold;}
.view_newhead .news_view_wrap{ width:100%; height:auto; overflow:hidden; margin:0 auto; line-height:1.6; font-size:14px; color:#999; text-align:center;}
.news_view{ width:94%; height:auto; overflow:hidden; margin:0 auto;}
.news_view .news_txt{ width:100%; height:auto; overflow:hidden; margin:0 auto; min-height:500px;}
.news_view .load{ width:8%; height:30px; overflow:hidden; float:left; margin:14px auto 0 auto; border-radius:5px; font-size:14px; color:#fff; background-color:#02346c; font-family:microsoft yahei; line-height:30px; text-align:center;}
.news_view .load:hover{ width:8%; height:30px; overflow:hidden; float:left; margin:14px auto 0 auto; border-radius:5px; font-size:14px; color:#02346c; background-color:#dddddd; font-family:microsoft yahei; line-height:30px; text-align:center;}

.view-page{ width:94%; height:auto; overflow:hidden; margin:20px auto;}
.view-page .span1{ width:48%; height:auto; overflow:hidden; float:left; font-size:16px; color:#666; text-align:left;}
.view-page .span2{ width:48%; height:auto; overflow:hidden; float:right; font-size:16px; color:#666; text-align:left;}
/*contact*/
.contact_two{ width:100%; height:auto; overflow:hidden; margin:70px auto 50px auto;}
.contact_two_ul{ width:33%; height:auto; overflow:hidden; float:left;}
.contact_two_ul:nth-child(2){ width:28%; height:auto; overflow:hidden; padding-left:5%; float:left;background:url(../img/images/contact1.png) no-repeat left top; background-size:70px 70px;}
.contact_two .hot_title{ width:100%; height:auto; overflow:hidden; font-size:30px; color:#2e52ae; line-height:45px; font-family:"Source";}
.contact_two .hot_title p{ font-size:15px; color:#333; line-height:25px; font-family:"Source";}
.contact_two .hot_line{ width:100%; height:auto; overflow:hidden; background:url(../img/images/contact3.png) no-repeat left center; font-size:28px; color:#12a09d; line-height:35px; font-family: Arial; font-weight:bold; text-indent:1.5em; margin-top:30px;}
.contact_two .er{width:120px; height:auto; overflow:hidden; float:right; margin:0 20px;}
.contact_two .er_img{ width:120px; height:120px; overflow:hidden;}
.contact_two .er_img img{ width:120px; height:120px;}
.contact_two .er_title{ width:120px; height:auto; overflow:hidden; color:#333; font-size:14px; line-height:30px; font-family:"microsoft yahei"; text-align:center;}
.contact_stree{ width:100%; height:auto; overflow:hidden; margin:0 auto 100px auto;}
.contact_l{ width:20%; height:460px; overflow:hidden; float:left; background:#2e52ae url(../img/images/contact4.png) no-repeat left top;}
.contact_l_title{ width:auto; height:auto; overflow:hidden; margin:50px auto 0 10%; color:#fff; font-size:36px; line-height:45px; font-family: Arial; font-weight:bold;}
.contact_l_title p{color:#fff; font-size:24px; line-height:1.5; font-family: "Source";}
.contact_r{ width:80%; height:460px; overflow:hidden; float:left; background-color:#f9f9f9;}
.contact_r_box{ width:60%; height:auto; overflow:hidden; float:left; margin:0 2% 0 6%;}


.messages .nei_navtitle{ width:50%; height:auto; overflow:hidden; margin:0 auto; float:left; position:relative;}
.messages .nei_navtitle .en{ width:100%; height:auto; overflow:hidden; position: absolute; left:0; top:90px; line-height:1.3; font-size:36px; color:#12a09d; font-family:Arial; font-weight:bold; text-align:left; opacity:0.1;}
.messages .nei_navtitle .cn{ width:100%; height:auto; overflow:hidden; margin:40px auto 0 auto; position:relative; line-height:1.3; font-size:36px; color:#12a09d; text-align:left; font-weight:bold;}
.messages .nei_navtitle .heng{ width:40px; height:4px; overflow:hidden; margin:10px auto 0 0; position:relative; background:#12a09d;}
.messages .nei_navtitle .con{ width:80%; height:auto; overflow:hidden; margin:100px auto 0 0; position:relative; line-height:2; text-align:left; font-family:microsoft yahei;}
.messages .right{ width:50%; height:auto; overflow:hidden; margin:0 auto 0 auto; float:left;}
.messages .right .box{ width:97%; height:auto; overflow:hidden; margin:0 auto 5px auto; padding:0 1%; }
.messages .right .box .title{ width:100%; height:auto; overflow:hidden; margin:5px auto; font-size:16px; color:#000; font-family:microsoft yahie; line-height:1.5; text-align:left;}
.messages .right input{ width:30%; height:35px; overflow:hidden; margin:5px auto; padding:0 3%; border:0; background:none; font-size:14px; color:#666; font-family:microsoft yahie; line-height:40px; text-align:left; border-radius:5px; border:1px solid #ededed;}

.messages .right textarea{ width:62%; height:50px; overflow:hidden; margin:0 auto; padding:2%;background:none; font-size:14px; color:#666; font-family:microsoft yahie; line-height:25px; text-align:left; border-radius:5px; border:1px solid #ededed;}
.messages .right .an{ width:160px; height:40px; overflow:hidden; display:inline-block; border-radius:25px; background-color:#12a09d; font-size:18px; color:#fff; font-family:microsoft yahie; line-height:40px; text-align:center; cursor:pointer;}
.messages ::placeholder {
	color: #999;
	}

/*sea*/
.ullist{ width:100%; height:auto; overflow:hidden; margin:100px auto 0 auto;}
.ullist li { width:100%; height:35px; overflow:hidden; line-height:35px; color:#333; font-size: 16px; border-bottom:1px dashed #dedede;}
.ullist li span{color:#999; float:right;}
.ullist li:hover{ width:100%; height:35px; overflow:hidden; line-height:35px; color:#02346c;}

.pmain-pos{ padding-bottom:10px; line-height:20px; color:#999; border-bottom:2px #cad1dc solid;}
.pmain-pos .t{ float:left; font-size:18px; color:#282828; position:relative; padding-left:20px;}
.pmain-pos .t:before{ content:''; background:#0099ff; width:6px; height:18px; position:absolute; left:0; top:3px; border-radius:3px;}

.pnews-detail .title{ text-align:center; padding:25px 0; border-bottom:1px #e3e3e3 solid;}
.pnews-detail .title .t{ font-size:21px; color:#0066cc;}
.pnews-detail .title .c{ color:#999; margin-top:15px; position:relative; }
.pnews-detail .title .c span{ padding:0 15px;}
.pnews-detail .aside{ padding:28px 0; color:#000; line-height:30px;}
.pnews-detail .aside table{ margin:auto; }
.pnews-detail .aside p{ padding:10px 0px; text-indent: 2em;  }
.pnews-detail .aside p img{ max-width:100%; }
.pnews-detail .nNext{ padding:28px 0; line-height:25px; border-top:1px #ccc dashed;}
.pnews-detail .nNext .fl, .pnews-detail .nNext .fr{ max-width:50%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.pnews-detail .nNext .btn{ background:#f0f0f0; display:inline-block; padding:0 2px; vertical-align:top; margin-right:5px; color:#000;}
.pnews-detail .nNext a{ display:inline-block;}

.ptech-floor{ padding:20px 0 40px 0;}
.ptech-item{ width:655px;}
.ptech-item .news-list{ margin-top:15px; width:100%;}
.ptech-item .news-list .n-item .c{ margin-top:5px;}
.ptech-itemDes{ margin-top:21px;}
.ptech-itemDes .aImg img{ width:206px; height:165px; display:block; border:1px #ebebeb dashed;}
.ptech-itemDes .aList{ width:433px;}
.ptech-itemDes .aList li{ height:28px; line-height:28px; overflow:hidden; vertical-align:middle; position:relative; padding-left:15px;}
.ptech-itemDes .aList li span{ float:right; color:#999;}
.ptech-itemDes .aList li:before{content:''; height:4px; width:4px; display:block; border:2px solid #333; border-left-width:0; border-top-width:0; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); position:absolute; top:12px; left:0;}


.site-map dl{padding:10px 0;border-bottom:1px dashed #ddd;}
.site-map dt{font-size:16px;line-height:30px;font-weight:bold;}
.site-map dd{overflow:hidden;}
.site-map dd span{display:block;margin-right:10px;float:left;}
.site-map dd span a:after{content:"|";color:#ddd;margin-left:10px;}
.site-map dd span:last-child a:after{content:"";}
.site-map dd p{overflow:hidden;}
.site-map dd strong{display:block;color:#999;}


}
/*******************s********分辨率兼容样式属性**************************/
@media screen and (min-width: 320px) {
	html,body{font-size:44.444px;}
}
@media screen and (min-width: 360px) {
	html,body{font-size:50px;}
}
@media screen and (min-width: 375px) {
	html,body{font-size:52.08333px;}
}
@media screen and (min-width: 385px) {
	html,body{font-size:53.47222px;}
}
@media screen and (min-width: 400px) {
	html,body{font-size:55.5555px;}
}
@media screen and (min-width: 414px) {
	html,body{font-size:57.5px;}
}
@media screen and (min-width: 420px) {
	html,body{font-size:58.3333px;}
}
@media screen and (min-width: 440px) {
	html,body{font-size:61.11111px;}
}
@media screen and (min-width: 480px) {
	html,body{font-size:66.66666px;}
}
@media screen and (min-width: 520px) {
	html,body{font-size:72.2222px;}
}
@media screen and (min-width: 560px) {
	html,body{font-size:77.7777px;}
}
@media screen and (min-width: 580px) {
	html,body{font-size:80.55555px;}
}
@media screen and (min-width: 600px) {
	html,body{font-size:83.333px;}

}
@media screen and (min-width: 640px) {
	html,body{font-size:88.8888px;}
}

@media screen and (min-width: 680px) {
	html,body{font-size:94.44444px;}
}
@media screen and (min-width: 720px) {
	html,body{font-size:100px;}
}
@media screen and (min-width: 1024px) {
	html,body{font-size:14px}
}
/***************************end分辨率兼容样式属性*************************/


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

/*网站顶部*/
.contionera {width: 100%; height:auto; margin:0 auto; position: relative; }
.wapper{ width:100%; height:auto; position:relative; z-index:1; overflow:hidden; margin:0 auto; background: url(../img/images/bg1.jpg);}
/*header*/
.head{width: 100%;height:auto;position: fixed;top:0;left: 0;z-index: 98; display:none;}
.headn{width: 100%;height:auto;position: fixed;top:0;left: 0;z-index: 98; background-color:rgba(5,108,210,0.77);}
.header{ width:100%; height:90px; overflow:hidden; margin:0 auto; display:block;}
.header_left{ width:350px; height:90px; float:left; margin-left:4%; position:absolute; top:20px; z-index:101;}
.header_logo{width:130px; height:55px; overflow:hidden; float:left; background: url("../img/images/logoa.png") no-repeat center; background-size: 100% auto;}
.header_menu{width:auto; height:0.24rem; overflow:hidden; display:flex; float:right; margin:0.05rem auto 0 0.3rem;}

.header_menu .line-box{
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: middle;
	position: relative;
	width: 0.26rem;
	height: 0.12rem;
	transition: width .2s;
	margin-top: 0.05rem;
}
.header_menu .txt{
	line-height: 0.24rem;
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: middle;
	font-size:0.2rem;
	margin-left: 0.07rem;
	color: #000;
	font-family: "Arial";
	transition: all .2s;}

.header_menu .line-box .line{
	position: absolute;
	left: 0;
	width: 0.26rem;
	height: 0.04rem;
	background-color: #000;
	transform-origin: center center;
	margin: 0;
	transition: all .2s;
}
.header_menu .line-box .line:nth-child(1){
	top: 0;
}
.header_menu .line-box .line:last-child{
	bottom: 0;
}
.header_menu.cur .line-box .line:nth-child(1){
	top: 50%;
	margin-top: -0.015rem;
	transform: rotate(45deg);
}
.header_menu.cur .line-box .line:nth-child(2){
	bottom: 50%;
	margin-bottom: -0.015rem;
	transform: rotate(-45deg);
}
.header_menu:hover .txt{
        color: #6bb93a;
    }
.header_menu:hover .line-box .line{
        background-color: #6bb93a;
    }
	
	
.header_home{width:auto; height:24px; overflow:hidden; background: url("../img/images/home.png") no-repeat left center; position:absolute; line-height:24px; font-size:14px; color:#333; text-indent:30px; top:40px; left:360px;}
.header_home:hover{width:auto; height:24px; overflow:hidden; background: url("../img/images/homea.png") no-repeat left center; position:absolute; line-height:24px; font-size:14px; color:#2e52ae; text-indent:30px; top:40px; left:360px;}

.nav{ width:auto; height:auto; margin:30px 5% 0 auto; overflow:hidden; position:absolute; top:80px; left:15%;}
.nav_box{ width:auto; height:auto; overflow:hidden; margin:0 auto 15px auto;}
.nav_b{ width:100%; height:auto; overflow:hidden; margin-bottom:10px; line-height:1.5; font-family:microsoft yahei; color:#333; font-size:26px;}
.nav_b:hover{ width:100%; height:auto; overflow:hidden; line-height:1.5; font-family:microsoft yahei; color:#2e52ae; font-size:26px;}
.nav_c{ width:100%; height:30px; overflow:hidden;}
.nav_c_l{ width:auto; height:30px; overflow:hidden; float:left; margin-right:30px;  line-height:30px; font-family:microsoft yahei; color:#333; font-size:14px;}
.nav_c_l:hover{ width:auto; height:30px; overflow:hidden; float:left; margin-right:30px;  line-height:30px; font-family:microsoft yahei; color:#2e52ae; font-size:14px;}

.header_right{ width:30%; height:40px; float:right; margin:30px 2% 0 auto;}
.header_zi{ width:auto; height:40px; float:right; margin:0 10px; padding:0 10px; background-color:rgba(0,0,0,0.2); line-height:40px; text-align:center; font-size:14px; font-family:"Arial"; color:#fff; border-radius:10px; transition:all 0.5s;}
.header_box{ width:40px; height:40px; float:right; margin:0 10px; background-color:rgba(0,0,0,0.2); line-height:40px; text-align:center; font-size:14px; font-family:"Arial"; color:#fff; border-radius:50%; transition:all 0.5s;}
.header_box img{width:16px; height:16px;}
.header_box:hover{ width:40px; height:40px; float:right; margin:0 10px; background-color:rgba(46,82,174,1); line-height:40px; text-align:center; font-size:14px; font-family:"Arial"; color:#fff; border-radius:50%; transition:all 0.5s;}

.menu_open{ width:90%; height:100vh; overflow:hidden; background: url("../img/images/menubg.png") no-repeat left top; background-size:100% auto; display:none; position:absolute; top:0; left:0;animation: myMove 1s; -webkit-animation: myMove 1s;}


@keyframes myMove {
        0% {
			opacity: 0;
            width: 0%;
        }

        100% {
			opacity: 1;
            width: 90%;
        }
    }

@-webkit-keyframes myMove {
        0% {
			opacity: 0;
            width: 0%;
        }

        100% {
			opacity: 1;
            width: 90%;
        }
    }


.headers{width:100%; height:1rem; background-size:100%; position:fixed; top:0; z-index:98; display:block;}
.navb{width: 100%; height:100vh; position: fixed; top:0;  background: url(../img/images/bg1.jpg) no-repeat center top; background-size:auto 100%;z-index: 99; animation: mymenu 0.5s; -webkit-animation: mymenu 0.5s; display:none;}

.navb .menu { width:50%; height:auto; overflow:hidden; position:absolute; left:5%; top:20%;}
.navb li { width:100%; height:50px; overflow:hidden;color: #333; font-size:22px; font-family:"Source";line-height:50px;}
.navb li>a {line-height: 50px; color: #333; font-size:22px; font-family:"Source";}
.close { width:10%; height:50px;float: right;margin:20px 20px 0 auto;cursor: pointer; text-align:center;}
.fontc { width:60%;height:50px; line-height:50px;font-weight: bold;margin-left: 30px; font-size:18px; float:left;}
@keyframes mymenu {
        0% {
			 top:0%;
			 left:50%;
			opacity: 0;
            width: 0%;
			border-radius:50%;
        }

        100% {
			 top:0;
			 left:0;
			opacity: 1;
            width: 100%;
        }
    }

    @-webkit-keyframes mymenu {
        0% {
			 top:0%;
			 left:50%;
			opacity: 0;
            width: 0%;
			border-radius:50%;
        }

        100% {
			 top:0;
			 left:0;
			opacity: 1;
            width: 100%;
        }
    }

	
.section1{width: 100%;height: auto;overflow: hidden; }

.search{ width:100%; height:20%; overflow:hidden; position:fixed; z-index:99; top:-20%; left:0; transition: all 0.5s; background-color:rgba(46,82,174,0.2);}
.search.curr{ width:100%; height:20%; overflow:hidden; position:fixed; z-index:99; top:0; left:0; transition: all 0.5s; background-color:rgba(46,82,174,0.8);}
.search .box{ width:400px; height:50px; overflow:hidden; position: absolute; top:40%; left:40%;}
.search .search_left{ width:300px; height:30px; float:left; background:#fff; border:1px solid #dedede; line-height:30px; color:#333; font-size:16px; font-family:"Source"; border-radius:20px;padding:5px 20px;}
.search .search_right{ width:40px; height:40px; float:right;}
.search .close{ width:40px; height:40px; overflow:hidden; border-radius:50%; background:#fff url(../img/sidebar-close11.png) no-repeat center; background-size:60%; position: absolute; top:5%; right:2%;}


/*about*/
.section2{width: 100%;height: auto;overflow: hidden; background: url(../img/images/bg1.jpg) left top; }
.section2_bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.section2_bg .bubble{position: absolute;border-radius: 100%;animation:spin 8s infinite linear;transform-origin: 50% 45%;}
.section2_bg .bubble:nth-child(2n){animation:spin2 8s infinite linear;}
.section2_bg .sm-bubble{transform-origin: 30% 30px;}
.section2_bg .bg-bubble{transform-origin: 50% 50%;}

@keyframes spin{
    to{transform: rotate(1turn);}
}
@keyframes spin2{
    to{transform: rotate(-1turn);}
}
.section2_bg .bubble1{
	left: -3.9%;
	top: -14.125%;
	width: 18%;
	padding-top: 10%;
	background-color: #f0f9fa;
	opacity: 1;
	filter: alpha(opacity=100);
}

.section2_bg .bubble2{
	left: 7.5%;
	top: 20%;
	width: 70px;
	height: 70px;
	background-color: #f0f2f2;
	z-index: 3;
}

.section2_bg .bubble3{
	left: 15.625%;
	top: 16%;
	border: 1px solid #87dff5;
	width: 72px;
	height: 72px;
}
.section2_bg .bubble4{
	left: 37%;
	bottom: 10%;
	background:url(../img/images/t3.png) no-repeat;
	background-size:cover;
	width: 25%;
	padding-top: 25%;
}
.section2_bg .bubble5{
	left: 30.1%;
	top: 39.0625%;
	background-color: #87dff5;
	opacity: 1;
	width: 10px;
	height: 10px;
}
.section2_bg .bubble6{
	width: 56.77%;
	padding-top: 56.77%;
	left: -28.3854%;
	top: 35.48%;
	background: -webkit-linear-gradient(left, rgba(247,247,247,1),rgba(247,247,247,.1) 100%);
	background: -ms-linear-gradient(left, rgba(247,247,247,1),rgba(247,247,247,.1) 100%);
	background: linear-gradient(left, rgba(247,247,247,1),rgba(247,247,247,.1) 100%);
}

.section2_bg .bubble7{
	width: 13%;
	padding-top: 13%;
	left: -6.5%;
	top: 45.3125%;
	border:1px solid #ddd;
}
.section2_bg .bubble8{
	width: 72px;
	height: 72px;
	left: -1.875%;
	top: 82.3%;
	border:1px solid #87dff5;
}
.section2_bg .bubble9{
	width: 10px;
	padding-top: 10px;
	left: 8.33%;
	top: 41%;
	background-color: rgba(135,223,245,1);
}
.section2_bg .bubble10{
	width: 6px;
	padding-top: 6px;
	left: 11.67%;
	top: 50%;
	background-color: rgba(135,223,245,1);
}
.section2_bg .bubble11{
	right: -1.9%;
	top: -9.125%;
	width: 18%;
	padding-top: 12%;
	background-color: #f0f9fa;
	opacity: 1;
	filter: alpha(opacity=100);
}
.section2_bg .bubble12{
	position: absolute;
	width: 25%;
	padding-top: 30%;
	border:1px solid #ddd;
	right: -15%;
	bottom: -20%;
}

.section2_title{ position:absolute; top:16%; left:0; width:100%; }
.section2_title .wrap-inner{
	overflow: hidden;
}
.section2_title .title-canvas
{
	transform:translateY(100%);
}
.section2_title .m-tit{
	display: block;
		font-size: 50px;
		line-height: 1.5;
		color: #333;
		text-align: center;
		letter-spacing: 4px;
		padding-left: 4px;
		 font-weight:bold;
		-webkit-background-clip: text;
	    background-clip: text;
	    -webkit-text-fill-color: transparent;
	    -webkit-animation: aitf 10s linear infinite;
	    -webkit-transform: translate3d(0, 0, 0);
	    -webkit-backface-visibility: hidden;
	    background-image: url("../img/images/p2c.jpg");
	    background-position: 60% 15%;
	    background-repeat: no-repeat;
		
}
@-webkit-keyframes aitf {
  0% {
    background-position: 50% center;
  }
  25% {
    background-position: 60% center;
  }
  50% {
    background-position: 50% center;
  }
  75% {
    background-position: 40% center;
  }
  100% {
    background-position: 50% center;
  }
}
.section2_title .gupiao{
	display: block;
		font-size: 28px;
		line-height: 1.5;
		color: #747474;
		text-align: center;
}
.section2_con{ position:absolute; top:48%; left:0; width:100%; overflow:hidden; text-align:center; }
.section2_con_box{width:25%; height:auto; overflow:hidden; display:inline-block; margin:0 3%; cursor:pointer;}
.section2_con_t{width:100%; height:auto; overflow:hidden; font-size: 90px; line-height: 1.2; color: #333; text-align: center; font-family:microsoft yahei; transition:all 0.5s;}
.section2_con_t span{font-size: 26px; line-height: 40px; color: #333; font-family:microsoft yahei;}
.section2_con_d{width:100%; height:auto; overflow:hidden; margin:30px auto 0 auto; font-size:20px; line-height:1.5; color: #333; font-family:microsoft yahei;}

.section2_con_box:hover .section2_con_t{width:100%; height:auto; overflow:hidden; font-size: 90px; line-height: 1.2; color: #2e52ae; text-align: center; font-family:microsoft yahei; transition:all 0.5s;}
.section2.active .wrap-inner{-webkit-animation: bounceInBottom 2s; }
.section2.active .gupiao{-webkit-animation: bounceInBottom 2.5s;}
.section2.active .section2_con_t{-webkit-animation: bounceInBottom 2s;}
.section2.active .section2_con_d{-webkit-animation: bounceInBottom 2.5s;}


/*brand*/
.section3{width: 100%;height: auto;overflow: hidden;}
.section3_box1{position: relative; width:39%; height:100%; float:left; overflow:hidden; background-color:#e8ecf9;}
.section3_box1:after {
        position: absolute;
        content: '';
        width: 40%;
        height: 110%;
        background: #fffafd;
        top: -5%;
        right: -20%;
        border-radius: 50%;
      }
.section3_box2{position: relative; width:33%; height:100%;float:left; overflow:hidden; background-color:#f9fcff;}
.section3_box2:after {
        position: absolute;
        content: '';
        width: 40%;
        height: 110%;
        background: #dceff5;
        top: -5%;
        right: -20%;
        border-radius: 50%;
      }
.section3_box3{position: relative; width:28%; height:100%;float:left; overflow:hidden; background-color:#dceff5;}
.section3_cp{ width:70%; height:auto; overflow:hidden; margin:40% auto 0 5%;}
.section3_cp2{ width:83%; height:auto; overflow:hidden; margin:46.5% auto 0 -10%;}
.section3_cp3{ width:98%; height:auto; overflow:hidden; margin:53% auto 0 -5%;}
.section3_cp_t{ width:100%; height:auto; overflow:hidden; margin:0 auto; line-height:1.5; font-family:microsoft yahei; color:#333; font-size:26px; text-align:center;transition:all 0.5s;}
.section3_cp_m{ width:100%; height:auto; overflow:hidden; margin:30px auto 40px auto; line-height:30px; font-family:microsoft yahei; color:#333; font-size:16px; text-align:center;}
.section3_cp_pic{ width:100%; height:auto; overflow:hidden; margin:0 auto; text-align:center;}
.section3_cp_pic img{ width:85%; height:auto;}

.section3.active .section3_cp_t{-webkit-animation: bounceInTop 2s; }
.section3.active .section3_cp_m{-webkit-animation: bounceInBottom 2.5s; }
.section3.active .section3_cp_pic img{-webkit-animation: bounceInLeft 3s; }

.section3_box1:hover .section3_cp_t{color: #2e52ae; transition:all 0.5s;}
.section3_box2:hover .section3_cp_t{color: #2e52ae; transition:all 0.5s;}
.section3_box3:hover .section3_cp_t{color: #2e52ae; transition:all 0.5s;}

.section3_box1:hover .section3_cp_pic{-webkit-animation: propic 1.5s linear infinite;}
.section3_box2:hover .section3_cp_pic{-webkit-animation: propic 1.5s linear infinite;}
.section3_box3:hover .section3_cp_pic{-webkit-animation: propic 1.5s linear infinite;}
@-webkit-keyframes propic {
  0% {
	padding-top:0;
  }
  50% {
    padding-top:10px;
  }
  100% {
    padding-top:0;
  }
}


@keyframes joins {
        0%{ width:68px; height:68px; top:16px; left:16px; background-color:rgba(76,109,205,0.6); }
        100%{ width:100px; height:100px; top:0; left:0; background-color:rgba(76,109,205,0); }
    }
@keyframes joins1 {
        0%{ width:68px; height:68px; top:16px; left:16px; background-color:rgba(76,109,205,0.6); }
        100%{ width:88px; height:88px; top:6px; left:6px; background-color:rgba(76,109,205,0); }
    }
	
@keyframes joins2 {
        0%{ width:68px; height:68px; top:16px; left:16px; background-color:rgba(30,191,226,0.6); }
        100%{ width:100px; height:100px; top:0; left:0; background-color:rgba(30,191,226,0); }
    }
@keyframes joins3 {
        0%{ width:68px; height:68px; top:16px; left:16px; background-color:rgba(30,191,226,0.6); }
        100%{ width:88px; height:88px; top:6px; left:6px; background-color:rgba(30,191,226,0); }
    }

@keyframes joins4 {
        0%{ width:68px; height:68px; top:16px; left:16px; background-color:rgba(24,71,180,0.6); }
        100%{ width:100px; height:100px; top:0; left:0; background-color:rgba(24,71,180,0); }
    }
@keyframes joins5 {
        0%{ width:68px; height:68px; top:16px; left:16px; background-color:rgba(24,71,180,0.6); }
        100%{ width:88px; height:88px; top:6px; left:6px; background-color:rgba(24,71,180,0); }
    }

/*zongh*/
.section4{width: 100%;height: auto;overflow: hidden; background: url(../img/images/bg1.jpg) left top; }
.section4_bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.section4_bg .bubble1{position:absolute; left:-5%; top: -5%; border: 1px solid #cbdced; width: 0%; padding-top: 0%; transition:all 2s; border-radius:50%;}
.section4.active .section4_bg .bubble1{position:absolute;left:-1%; top: -1%;border: 1px solid #cbdced; width: 50%; padding-top: 50%; transition:all 3s; border-radius:50%;}
.section4_bg .bubble2{position:absolute; left:-12.5%; top: -15%; border: 1px solid #cbdced; width: 0%; padding-top: 0%; transition:all 1.5s; border-radius:50%;}
.section4.active .section4_bg .bubble2{position:absolute;left:-7%; top: -11%;border: 1px solid #cbdced; width: 65%; padding-top: 65%; transition:all 2.5s; border-radius:50%;}
.section4_bg .bubble3{position:absolute; left:-20%; top: -26%; border: 1px solid #cbdced; width: 0%; padding-top: 0%; transition:all 1s; border-radius:50%;}
.section4.active .section4_bg .bubble3{position:absolute;left:-12%; top: -19%;border: 1px solid #cbdced; width: 80%; padding-top: 80%; transition:all 2s; border-radius:50%;}
.section4_map{ width:auto; height:auto; max-width:47vw; text-align:center; position:absolute; top:25%; left:2%;}
.section4_map img{ width:auto; height:auto; max-width:47vw; transition:all 1s;}
.section4.active .section4_map img{ width:100%; height:auto; max-width:47vw; transition:all 2.5s; }
.section4_bg .bubble1 .yuan{position:absolute; right:12%; top: 20%;}
.section4_bg .bubble1 .yuan:nth-child(2){position:absolute; right:8%; top: 50%;}
.section4_bg .bubble1 .yuan:nth-child(3){position:absolute; right:22%; top: 78%;}
.section4_bg .bubble1 .yuan:nth-child(4){position:absolute; right:88%; top: 82%;}
.section4_bg .bubble2 .yuan{position:absolute; right:10%; top:64%;}
.section4_bg .bubble1 .yuan .pic{ width:100px; height:100px; border-radius:50%; position:absolute; top:0; left:0; animation:joins 2s infinite linear; transform-origin: 50% 50%;}
.section4_bg .bubble1 .yuan .pic2{ width:88px; height:88px; border-radius:50%; position:absolute; top:0; left:0; animation:joins1 2s infinite linear; animation-delay:0.5s;  transform-origin: 50% 50%;}
.section4_bg .bubble1 .yuan .pic3{ width:68px; height:68px; position:absolute; top:16px; left:16px; background-color:#4c6dcd; border-radius:50%; text-align:center; font-size: 18px; color: #fff; line-height: 68px;}

.section4_bg .bubble1 .yuan:nth-child(2) .pic{ width:100px; height:100px; border-radius:50%; position:absolute; top:0; left:0; animation:joins2 2s infinite linear; transform-origin: 50% 50%;}
.section4_bg .bubble1 .yuan:nth-child(2) .pic2{ width:88px; height:88px; border-radius:50%; position:absolute; top:0; left:0; animation:joins3 2s infinite linear; animation-delay:0.5s;  transform-origin: 50% 50%;}
.section4_bg .bubble1 .yuan:nth-child(2) .pic3{ width:68px; height:68px; position:absolute; top:16px; left:16px; background-color:#1ebfe2; border-radius:50%; text-align:center; font-size: 18px; color: #fff; line-height: 68px;}

.section4_bg .bubble1 .yuan:nth-child(4) .pic{ width:100px; height:100px; border-radius:50%; position:absolute; top:0; left:0; animation:joins4 2s infinite linear; transform-origin: 50% 50%;}
.section4_bg .bubble1 .yuan:nth-child(4) .pic2{ width:88px; height:88px; border-radius:50%; position:absolute; top:0; left:0; animation:joins5 2s infinite linear; animation-delay:0.5s;  transform-origin: 50% 50%;}
.section4_bg .bubble1 .yuan:nth-child(4) .pic3{ width:68px; height:68px; position:absolute; top:16px; left:16px; background-color:#1847b4; border-radius:50%; text-align:center; font-size: 18px; color: #fff; line-height: 68px;}

.section4_bg .bubble2 .yuan .pic{ width:100px; height:100px; border-radius:50%; position:absolute; top:0; left:0; animation:joins4 2s infinite linear; transform-origin: 50% 50%;}
.section4_bg .bubble2 .yuan .pic2{ width:88px; height:88px; border-radius:50%; position:absolute; top:0; left:0; animation:joins5 2s infinite linear; animation-delay:0.5s;  transform-origin: 50% 50%;}
.section4_bg .bubble2 .yuan .pic3{ width:68px; height:68px; position:absolute; top:16px; left:16px; background-color:#1847b4; border-radius:50%; text-align:center; font-size: 18px; color: #fff; line-height: 68px;}

.section4_right{ width:35%; height:auto; overflow:hidden; position:absolute; top:62%; right:5%;}
.section4_right_en{ width:80%; height:auto; overflow:hidden; margin:0 0 0 auto; line-height:1.5; font-family:Arial; color:#2e52ae; font-size:30px; text-align:right;}
.section4_right_title{ width:100%; height:auto; overflow:hidden; margin:20px auto; line-height:40px; font-family:microsoft yahei; color:#333; font-size:30px; text-align:right;}
.section4_right_con{ width:100%; height:auto; overflow:hidden; margin:30px auto 0 auto; line-height:25px; font-family:microsoft yahei; color:#333; font-size:14px; text-align:right;}

.section4 .swiper-container{width:100%; height:auto; margin:0 auto; position:relative;}
.section4 .swiper-wrapper{ width:100%; margin:0 auto;}
.section4 .swiper-slide{ width:100%; height:100%; overflow:hidden; position:relative; text-align:center;}
.section4 .swiper-slide img{ width:100%; height:100%;}
.section4 .swiper_btnz{position: absolute;top: 55%;width: 48px;height: 48px; right:-100px;background: url(../img/images/nei_left.png) 0 0 no-repeat; background-size:cover; display: block;z-index:10;}
.section4 .swiper_btny{position: absolute;top: 55%;width: 48px;height: 48px; right:-160px;background: url(../img/images/nei_right.png) 0 0 no-repeat; background-size:cover; display: block;z-index:10;}

.section4.active .section4_right_en{-webkit-animation: bounceInBottom 2s;}
.section4.active .section4_right_title{-webkit-animation: bounceInBottom 2.5s;}
.section4.active .section4_right_con{-webkit-animation: bounceInBottom 3s;}


.section5{width: 100%;height: auto;overflow: hidden; background: url(../img/images/bg1.jpg) left top; }
.section5_bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.section5_bg .bubble{position: absolute;border-radius: 100%;animation:spin 8s infinite linear;transform-origin: 50% 45%;}
.section5_bg .bubble:nth-child(2n){animation:spin2 8s infinite linear;}
.section5_bg .sm-bubble{transform-origin: 30% 30px;}
.section5_bg .bg-bubble{transform-origin: 50% 50%;}


.section5_bg .bubble3{
	right: -5%;
	bottom: 5%;
	border: 1px solid #87dff5;
	width: 10%;
	padding-top: 10%;
}
.section5_bg .bubble5{
	left: 30.1%;
	top: 39.0625%;
	background-color: #f0f9fa;
	opacity: 1;
	width: 10px;
	height: 10px;
}
.section5_bg .bubble6{
	width: 15.77%;
	padding-top: 15.77%;
	left: -5.3854%;
	bottom: -10%;
	background-color: #f0f9fa;
}

.section5_bg .bubble9{
	width: 25px;
	padding-top: 25px;
	left: 50.33%;
	bottom: 5%;
	background-color: rgba(243,250,240,1);
}
.section5_bg .bubble10{
	width: 8px;
	padding-top: 8px;
	left: 55.67%;
	bottom: 13%;
	background-color: rgba(243,250,240,1);
}
.section5_bg .bubble11{
	right: -1.9%;
	top: -9.125%;
	width: 18%;
	padding-top: 12%;
	background-color: #f0f9fa;
	opacity: 1;
	filter: alpha(opacity=100);
}
.section5_menu{ width:100%; height:auto; overflow:hidden; position:absolute; top:11%; left:0; font-size:0.34rem; line-height:1.5; color:#333; text-align:center;}
.section5_down{ width:100%; height:auto; overflow:hidden; position:absolute; top:24%; left:0; text-align:center; display:none;}
.section5_downm{ width:80%; height:auto; overflow:hidden; position:absolute; top:24%; left:10%; text-align:center; display:block;}
.section5_down_box{ width:44%; height:auto; overflow:hidden; margin:0 2% 0 2%; display:inline-block;}
.section5_down_box_img{ width:100%; height:2rem; overflow:hidden;}
.section5_down_box_img img{ width:100%; height:auto; transition:all 0.5s;}
.section5_down_box_title{ width:100%; height:0.3rem; overflow:hidden; margin:0.05rem auto 0 auto; font-size:0.18rem; line-height:0.3rem; color:#333; text-align:left;}
.section5_down_box_con{ width:100%; height:0.3rem; overflow:hidden; margin:0.05rem auto; font-size:0.16rem; line-height:0.3rem; color:#666; text-align:left;}
.section5_down_box_b{ width:100%; height:0.3rem; overflow:hidden; margin:0 auto; font-size:0.14rem; line-height:0.3rem; color:#666; position:relative; text-align:left;}
.section5_down_box_b p{float:right; font-size:0.16rem; line-height:0.3rem;}
.section5_down_box_y{ position:absolute; width:22px; height:22px; border:1px solid #666; border-radius:50%; top:3px; right:26%; transition:all 0.5s;}
.section5_down_box_h{ position:absolute; width:45px; height:1px; background-color:#666; top:14px; right:20%;}
.section5_down_box:hover .section5_down_box_img img{ width:100%; height:auto; transform:scale(1.1); transition:all 0.5s;}
.section5_down_box:hover .section5_down_box_title{color:#2e52ae;}
.section5_down_box:hover .section5_down_box_b{color:#2e52ae;}
.section5_down_box:hover .section5_down_box_y{border:1px solid #2e52ae; right:28%; transition:all 0.5s;}
.section5_down_box:hover .section5_down_box_h{background-color:#2e52ae;}

.section5.active .section5_menu{-webkit-animation: bounceInBottom 2s;}
.section5.active .section5_down_box{-webkit-animation: bounceInBottom 2.5s;}
.section5.active .section5_down_box_title{-webkit-animation: bounceInBottom 3s;}
.section5.active .section5_down_box_con{-webkit-animation: bounceInBottom 3s;}
.section5.active .section5_down_box_b{-webkit-animation: bounceInBottom 3s;}
.section5.active .section5_more{-webkit-animation: bounceInBottom 4s;}
.section5_more{ width:140px; height:40px; overflow:hidden; background:url(../img/images/t7.png) no-repeat center; background-size: 100% auto; position:absolute; bottom:5%; left:45%; font-size:14px; line-height:40px; color:#fff; text-indent:35px;}

/*video*/
.section6{width: 100%;height: auto;overflow: hidden; background-color:#fff;}
.section6 .swiper-container{width:90%; height:110px; position:absolute; top:10%; left:5%; margin:0 auto;}
.section6 .swiper-wrapper{ width:90%; margin:0 auto; display:block;}
.section6 .swiper-slide{ width:100%; height:100%; overflow:hidden; position:relative; text-align:center;}
.section6 .swiper-slide img{ width:100%; height:100% ;}


.section6 .swiper-paginationin{ height:10px; overflow:hidden; position:absolute; right:0px; bottom:10px !important; left:0 !important; margin:auto; z-index:1; text-align:center; }
.section6 .swiper-paginationin span{ display:inline-block;width:10px; border-radius:100%; height:10px; background:#dbdbdb; cursor:pointer; vertical-align:top; margin:0 4px;opacity:0.9 !important;}
.section6 .swiper-paginationin span.swiper-pagination-bullet-active{ background-color:#999;opacity:1 !important;}
.section6 .swiper_btnz{position: absolute;top: 45%;width: 48px;height: 48px; left:0;background: url(../img/images/left.png) 0 0 no-repeat;display: block;z-index:10;}
.section6 .swiper_btny{position: absolute;top: 45%;width: 48px;height: 48px; right:0;background: url(../img/images/right.png) 0 0 no-repeat;display: block;z-index:10;}

.links_box{ width:238px; height:108px; overflow:hidden; border:1px solid #e5e5e5; float:left; margin:0 10px;}
.links_box img{ width:auto; height:auto; max-width:238px; max-height:98px; margin:5px auto;}

.section6_foot{ width:100%; height:75%; overflow:hidden; position:absolute; bottom:0; left:0;}
.section6_foot_top{ width:100%; height:88%; overflow:hidden; background-color:#323338;}
.section6_foot_slogan{ width:100%; height:1rem; overflow:hidden; border-bottom:1px solid #47484c; line-height:1rem; font-family:"Source"; font-weight:400; font-size:0.36rem; color:#e0e0e0; text-align:center;}
.section6_foot_center{ width:94%; height:auto; overflow:hidden; margin:0.2rem auto 0 auto;}
.section6_foot_center_l{ width:40%; height:auto; overflow:hidden; float:left;}
.foot_logo{ width:100%; height:58px; overflow:hidden; margin-bottom:30px; background:url(../img/images/logo.png) no-repeat left center; background-size:auto 100%;}
.foot_tel{ width:auto; height:auto; overflow:hidden; margin-bottom: 0.1rem; line-height:0.3rem; font-family:"microsoft yahei"; font-size:0.16rem; color:#b0b0b0; background:url(../img/images/t8.png) no-repeat left center; background-size:auto 0.3rem; padding-left: 0.35rem;}
.foot_tel:nth-child(3){ width:auto; height:auto; overflow:hidden; line-height:0.3rem; font-family:"microsoft yahei"; font-size:0.16rem; color:#b0b0b0; background:url(../img/images/t9.png) no-repeat left center; background-size:auto 0.3rem; padding-left: 0.35rem;}
.foot_tel:nth-child(4){ width:auto; height:auto; overflow:hidden; line-height:0.3rem; font-family:"microsoft yahei"; font-size:0.16rem; color:#b0b0b0; background:url(../img/images/t10.png) no-repeat left top; background-size:auto 0.3rem; padding-left: 0.35rem;}
.section6_foot_center_c{ width:55%; height:auto; overflow:hidden; float:left; margin:0 2%;}
.footer_c_box{ width:18%; height:auto; overflow:hidden; margin:0 1%; float:left;}
.footer_c_box_t{ width:100%; height:auto; overflow:hidden; color:#fff; font-size:0.16rem; line-height:1.5; font-family:"microsoft yahei";} 
.footer_c_box_li{ width:100%; height:auto; overflow:hidden; color:#b0b0b0; font-size:0.14rem; line-height:2; font-family:"microsoft yahei";} 
.footer_c_box_li:hover{ color:#2e52ae;} 
.section6_foot_center_r{ width:50%; height:auto; overflow:hidden; float:left;}
.footer_r_er{ width:1rem; height:auto; overflow:hidden; float:left;}
.footer_r_er_img{ width:1rem; height:1rem; overflow:hidden;}
.footer_r_er_img img{ width:1rem; height:1rem; vertical-align: top;}
.footer_r_title{ width:1rem; height:auto; overflow:hidden; color:#fff; font-size:0.16rem; line-height:0.3rem; font-family:"microsoft yahei"; text-align:center;}
.footer_top_t{ width:70%; height:auto; overflow:hidden; margin:0 auto; float:right;}
.footer_top_t_l{ width:22px; height:auto; overflow:hidden; background:url(../img/images/tel.png) no-repeat center top; margin:0 auto; writing-mode:tb-rl; text-align:justify; padding-top:28px; color:#a0a1a2; font-family:"microsoft yahei"; line-height:22px; font-size:14px; float:left;}
.footer_top_t_r{ width:85%; height:auto; overflow:hidden;float:left; margin:0 auto 0 20px;}
.footer_top_t_r_a{width:auto; height:auto; overflow:hidden; color:#d8d8d9; font-family:"microsoft yahei"; line-height:20px; font-size:15px;}
.footer_top_t_r_b{width:auto; height:auto; overflow:hidden; color:#fff; font-family:"Arial"; line-height:40px; font-size:26px; font-weight:bold;}
.footer_top_t_r_c{width:auto; height:auto; overflow:hidden; color:#adadaf; font-family:"microsoft yahei"; line-height:25px; font-size:14px;}


.section6_foot_down{ width:90%; height:4%; overflow:hidden; padding:1.5% 5%; background-color:#28292e; font-size:0.14rem; color:#7e7f82; text-align:left;}
.section6_foot_down p{float:right; font-size:0.14rem;}
.section6_foot_down p a{color:#7e7f82;}

.section6.active .swiper-container{-webkit-animation: bounceInBottom 2.3s;}
.section6.active .section6_foot{-webkit-animation: bounceInBottom 2.3s;}
.section6.active .section6_foot_slogan{-webkit-animation: bounceInBottom 2.6s;}
.section6.active .foot_logo{-webkit-animation: bounceInBottom 2.7s;}
.section6.active .foot_tel{-webkit-animation: bounceInBottom 2.8s;}
.section6.active .section6_foot_center_c{-webkit-animation: bounceInRight 3s;}
.section6.active .footer_r_er{-webkit-animation: bounceInBottom 3s;}
.section6.active .footer_top_t{-webkit-animation: bounceInBottom 3.2s;}



.touchsliderindex .touchslider-item .pic{width: 100%;height:100%;overflow: hidden;}
.touchsliderindex,.touchsliderindex .touchslider-viewport,.touchsliderindex .touchslider-item,.touchsliderindex .touchslider-item .pic{height: 100%;}
.touchsliderindex .pic img{width: 100%;height:100%;display: none;}
.touchsliderindex .touchslider-navtag{position:absolute; bottom:50%; text-align:center; width:100%; z-index: 99;}
.touchsliderindex .touchslider-navtag .touchslider-prev{ width:48px; height:48px; background:url("../img/images/trrleft.png") no-repeat center; float:left; margin-left:7%; cursor:pointer;}
.touchsliderindex .touchslider-navtag .touchslider-next{ width:48px; height:48px; background:url("../img/images/trrright.png") no-repeat center; float:right; margin-right:7%; cursor:pointer;}
.touchsliderindex .touchslider-navtag .wk{height: 36px;}
.touchsliderindex .touchslider-nav-item{display:inline-block;border-radius: 5px;width: 5px; height: 5px;background: #cac5c8;}
.touchsliderindex .touchslider-nav-item-current{background-color: #074349;}
.touchsliderindex .touchslider-item.active .pwk p{opacity: 1; -webkit-animation: fadeInUp .7s ease-in-out both; animation: fadeInUp .7s ease-in-out both; -webkit-animation-delay: 1.2s; animation-delay: 1.2s; }

/*--about--*/
.sectionab1{width: 100%;height: auto;overflow: hidden; background: url(../img/images/bg2.jpg) left top; background-size: cover; }
.nei_about{ width:85%; height:auto; overflow:hidden; position:absolute; top:15%; left:7.5%;}
.nei_about_l{ width:100%; height:auto; overflow:hidden; float:left; margin:0 5% 0 auto;}
.nei_about_l_title{ width:100%; height:auto; overflow:hidden; color:#2e52ae; line-height:1.5; font-size:0.3rem; font-family:microsoft yahei;}
.nei_about_l_gupiao{ width:100%; height:auto; overflow:hidden; color:#666; line-height:2; font-size:0.24rem; font-family:microsoft yahei; margin:10px auto;}
.nei_about_l_con{ width:100%; height:auto; overflow:hidden; float: left; color:#333; line-height:0.3rem; font-size:0.14rem; font-family:microsoft yahei; margin:0 auto;}
.nei_about_l_down{ width:100%; height:auto; overflow:hidden; margin:20px auto 0 auto; float: right;}
.nei_about_l_box{ width:auto; height:60px; overflow:hidden; float:left; margin:0 10px 0.1rem auto;}
.nei_about_l_box_l{ width:60px; height:60px; overflow:hidden; float:left; margin:0 10px 0 auto;}
.nei_about_l_box_t{ width:auto; height:auto; overflow:hidden; float:left; margin:0 10px 0 auto; color:#2e52ae; line-height:30px; font-size:20px; font-family:microsoft yahei;}
.nei_about_l_box_t p{color:#2e52ae; line-height:30px; font-size:16px; font-family:microsoft yahei;}

.nei_about_r{ width:100%; height:auto; overflow:hidden; float:left; margin:0.3rem auto 0 auto; display: block; text-align: center;}
.nei_about_r .videolist img{ height:45vh;}
.nei_about_r .videolist video{ height:45vh;}
.nei_about_rm .videolist img{ height:35vh;}
.nei_about_rm .videolist video{ height:35vh;}
.nei_about_rm{ width:100%; height:auto; overflow:hidden; float:right; margin:0 auto; display:none; }
.sectionab1.active .nei_about_l_title{-webkit-animation: bounceInBottom 2s;}
.sectionab1.active .nei_about_l_gupiao{-webkit-animation: bounceInBottom 2.2s;}
.sectionab1.active .nei_about_l_con{-webkit-animation: bounceInBottom 2.4s;}
.sectionab1.active .nei_about_l_down{-webkit-animation: bounceInBottom 2.6s;}
.sectionab1.active .nei_about_r{-webkit-animation: bounceInRight 2.5s;}


/*about*/
.sectionab2{width: 100%;height: auto;overflow: hidden; background: url("../img/images/bg2.jpg") no-repeat left top; background-size:100% auto;}
.sectionab2 .bubble{position: absolute;border-radius: 100%;transform-origin: 50% 45%;}
.sectionab2 .bubble1{
	left: -3.9%;
	top: -14.125%;
	width: 18%;
	padding-top: 10%;
	background-color: #f0f9fa;
	opacity: 1;
	filter: alpha(opacity=100);
}
.sectionab2 .bubble2{
	position: absolute;
	width: 37%;
	padding-top: 46%;
	background:url(../img/images/about4.jpg) no-repeat;
	background-size:cover;
	right: 0;
	top: -45%;
}
.sectionab2_menu{ width:auto; height: auto; overflow:hidden; position:absolute; top:25%; left:5%; line-height:60px; font-size:50px; color:#2e52ae; font-family:microsoft yahei;}
.sectionab2_lunbo{ width:100%; height:auto; overflow:hidden; position:absolute; bottom:5%; left:0; display:block;}
.sectionab2_lunbom{ width:80%; height:auto; overflow:hidden; position:absolute; bottom:5%; left:10%; display:none; text-align:center !important;}
.sectionab2_lunbo .swiper-container{width:100%; height:80%; overflow:hidden; margin:0 auto;}
.sectionab2_lunbo .swiper-wrapper{ width:100%; margin:0 auto;}
.sectionab2_lunbo .swiper-slide{ width:100%; height:100%; overflow:hidden; position:relative; text-align:center;}
.sectionab2_lunbo .swiper-slide img{ width:100%; height:100% ;}


.sectionab2_lunbo .swiper-paginationin{ height:10px; overflow:hidden; position:absolute; right:0px; bottom:10px !important; left:0 !important; margin:auto; z-index:1; text-align:center; }
.sectionab2_lunbo .swiper-paginationin span{ display:inline-block;width:10px; border-radius:100%; height:10px; background:#dbdbdb; cursor:pointer; vertical-align:top; margin:0 4px;opacity:0.9 !important;}
.sectionab2_lunbo .swiper-paginationin span.swiper-pagination-bullet-active{ background-color:#999;opacity:1 !important;}
.sectionab2_lunbo .swiper_btnz{position: absolute;top: 80%;width: 55px;height: 55px; left:10%;background: url(../img/images/nei_left.png) 0 0 no-repeat;display: block;z-index:10;}
.sectionab2_lunbo .swiper_btny{position: absolute;top: 80%;width: 55px;height: 55px; left:14%;background: url(../img/images/nei_right.png) 0 0 no-repeat;display: block;z-index:10;}
.sectionab2.active .sectionab2_menu{-webkit-animation: bounceInTop 2s;}
.sectionab2.active .sectionab2_lunbo{-webkit-animation: bounceInBottom 2.5s;}


/*组织*/
.sectionab3{width: 100%;height: auto;overflow: hidden; background: url("../img/images/bg2.jpg") no-repeat left top; background-size:100% auto;}
.sectionab3_menu{ width:auto; height: auto; overflow:hidden; position:absolute; top:25%; left:5%; line-height:60px; font-size:50px; color:#fff; font-family:microsoft yahei;}
.sectionab3_con{ width:100%; height: auto; overflow:hidden; position:absolute; top:5%; left:0%; text-align:center;}
.sectionab3_con img{ width:auto; height: auto; max-width:80%; max-height: 90vh;}
.sectionab3.active .sectionab3_menu{-webkit-animation: bounceInTop 2s;}
.sectionab3.active .sectionab3_con{-webkit-animation: bounceInBottom 2.5s;}


/*资质*/
.sectionab4{width: 100%;height: auto;overflow: hidden; background: url("../img/images/bg1.jpg") no-repeat left top; background-size:100% auto;}
.sectionab4_menu{ width:auto; height: auto; overflow:hidden; position:absolute; top:15%; left:5%; line-height:1.5; font-size:0.3rem; color:#333; font-family:microsoft yahei;}
.sectionab4_lunbo{ width:94%; height:auto; overflow:hidden; position:absolute; bottom:5%; left:3%;}
.sectionab4_lunbo .swiper-container{width:100%; height:100%; overflow:hidden; margin:0 auto;}
.sectionab4_lunbo .swiper-wrapper{ width:88%; margin:0 auto;}
.sectionab4_lunbo .swiper-slide{ width:100%; height:100%; overflow:hidden; position:relative; text-align:center;}
.sectionab4_lunbo .swiper-slide img{ width:100%; height:100% ;}

.sectionab4_lunbo .swiper-paginationin{ height:10px; overflow:hidden; position:absolute; right:0px; bottom:10px !important; left:0 !important; margin:auto; z-index:1; text-align:center; }
.sectionab4_lunbo .swiper-paginationin span{ display:inline-block;width:10px; border-radius:100%; height:10px; background:#dbdbdb; cursor:pointer; vertical-align:top; margin:0 4px;opacity:0.9 !important;}
.sectionab4_lunbo .swiper-paginationin span.swiper-pagination-bullet-active{ background-color:#999;opacity:1 !important;}
.sectionab4_lunbo .swiper_btnz{position: absolute;top: 40%;width: 100px;height: 100px; left:0%;background: url(../img/images/nei_left.png) 0 0 no-repeat;display: block;z-index:10;}
.sectionab4_lunbo .swiper_btny{position: absolute;top: 40%;width: 100px;height: 100px; right:0%;background: url(../img/images/nei_right.png) 0 0 no-repeat;display: block;z-index:10;}
.hoor_box{ width:40%; height:30vh; overflow:hidden; float:left; margin:0 1% 0.3rem 1%;}
.hoor_box img{ width:100%; height:auto; transition:all 0.5s;}
.hoor_box:hover .hoor_box img{width:100%; height:auto; transform:scale(1.1); transition:all 0.5s;}
.sectionab4.active .sectionab4_menu{-webkit-animation: bounceInTop 2s;}
.sectionab4.active .sectionab4_lunbo{-webkit-animation: bounceInBottom 2.5s;}

/*覆盖*/
.sectionab5{width: 100%;height: auto;overflow: hidden; background-color:#fff; }
.sectionab5_bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.sectionab5.active .section4_bg .bubble1{position:absolute;left:-1%; top: -1%;border: 1px solid #cbdced; width: 50%; padding-top: 50%; transition:all 3s; border-radius:50%;}
.sectionab5.active .section4_bg .bubble2{position:absolute;left:-7%; top: -11%;border: 1px solid #cbdced; width: 65%; padding-top: 65%; transition:all 2.5s; border-radius:50%;}
.sectionab5.active .section4_bg .bubble3{position:absolute;left:-12%; top: -19%;border: 1px solid #cbdced; width: 80%; padding-top: 80%; transition:all 2s; border-radius:50%;}

.sectionab5.active .section4_right_en{-webkit-animation: bounceInBottom 2s;}
.sectionab5.active .section4_right_title{-webkit-animation: bounceInBottom 2.5s;}
.sectionab5.active .section4_right_con{-webkit-animation: bounceInBottom 3s;}



.sectionab6{width: 100%;height: auto;overflow: hidden; background: url("../img/images/bg1.jpg") no-repeat left top; background-size:100% auto;}
.sectionab6.active .swiper-container{-webkit-animation: bounceInBottom 2.3s;}
.sectionab6.active .section6_foot{-webkit-animation: bounceInBottom 2.3s;}
.sectionab6.active .section6_foot_slogan{-webkit-animation: bounceInBottom 2.6s;}
.sectionab6.active .foot_logo{-webkit-animation: bounceInBottom 2.7s;}
.sectionab6.active .foot_tel{-webkit-animation: bounceInBottom 2.8s;}
.sectionab6.active .section6_foot_center_c{-webkit-animation: bounceInRight 3s;}
.sectionab6.active .footer_r_er{-webkit-animation: bounceInBottom 3s;}
.sectionab6.active .footer_top_t{-webkit-animation: bounceInBottom 3.2s;}

.sectionab7{width: 100%;height: auto;overflow: hidden; background: url("../img/images/about1.jpg") no-repeat left top; background-size:100% auto;}
.sectionab7_menu{ width:auto; height: auto; overflow:hidden; position:absolute; top:25%; left:5%; line-height:60px; font-size:50px; color:#333; font-family:microsoft yahei;}
.sectionab7_con{ width:100%; height: auto; overflow:hidden; position:absolute; top:40vh; left:0%; text-align:center;}
.sectionab7.active .sectionab7_menu{-webkit-animation: bounceInTop 2s;}
.sectionab7.active .sectionab7_con{-webkit-animation: bounceInBottom 2.5s;}
.sectionab7 .box{ width:20%; height:60px; overflow:hidden; display:inline-block; margin:20px 1.5%; background-color:rgba(46,82,174,0.5); border-radius:30px; -moz-box-shadow:0px 0px 20px #d2decb; -webkit-box-shadow:0px 0px 20px #d2decb; box-shadow:0px 0px 20px #d2decb; transition:all 0.4s;}
.sectionab7 .box .zi{ width:100%; height:60px; overflow:hidden; margin:0 auto; background: url("../img/images/right.png") no-repeat 95% center; background-size:auto 70%; line-height:60px; font-size:30px; color:#fff; font-family:microsoft yahei;}
.sectionab7 .box:hover{ width:20%; height:60px; overflow:hidden; display:inline-block; margin:20px 1.5%; background-color:rgba(46,82,174,0.9); border-radius:30px; -moz-box-shadow:0px 0px 20px #d2decb; -webkit-box-shadow:0px 0px 20px #d2decb; box-shadow:0px 0px 20px #d2decb; transition:all 0.4s;}



/*foot*/
.footer{width:100%; height:auto; overflow:hidden; background: url(../img/images/bg3.jpg) no-repeat center top;}
.footer .top{ height:150px; overflow:hidden; margin:0 auto; text-align:left; background: url(../img/images/t5.png) no-repeat left center;}
.footer .center{ width: 100%; overflow:hidden; margin:0 auto; padding:60px 0; text-align:center;}
.footer .center .left{ width:35%; height: auto; margin:0 auto; float: left;}
.footer .center .left .add{ width:100%; height: auto; margin: 0 auto; font-size:14px; color:#fff; font-family:microsoft yahei; line-height:2; text-align:left; background: url(../img/images/t7.png) no-repeat left 20%; text-indent: 2em;}
.footer .center .left .add:nth-child(2){ width:100%; height: auto; margin: 0 auto; font-size:14px; color:#fff; font-family:microsoft yahei; line-height:2; text-align:left; background: url(../img/images/t8.png) no-repeat left 20%; text-indent: 2em;}
.footer .center .left .add:nth-child(3){ width:100%; height: auto; margin: 0 auto; font-size:14px; color:#fff; font-family:microsoft yahei; line-height:2; text-align:left; background: url(../img/images/t9.png) no-repeat left 20%; text-indent: 2em;}
.footer .center .zhong{ width:40%; height: auto; margin:0 auto; float: left;}
.footer .center .zhong .one{width:33%; height:auto; overflow:hidden; margin:0px auto; float:left;}
.footer .center .zhong .one .sortName{width:auto; overflow:hidden;}
.footer .center .zhong .one .sortName a{color:#fff; text-decoration:none;font-size: 18px;color: #fff;}
.footer .center .zhong .one .list{padding-top:20px;}
.footer .center .zhong .one .list ul{list-style:none;}
.footer .center .zhong .one .list ul li{width:100%;overflow:hidden; line-height:30px;}
.footer .center .zhong .one .list ul li a{color:#fff;text-decoration:none;font-size: 16px;}
.footer .center .zhong .one .list ul li a:hover{color: #333;}
.footer .center .right{ width:25%; height: auto; margin:0 auto; float: left;}
.footer .center .right .tel{ width:65%; height: auto; overflow: hidden; margin:0 auto; background: url(../img/images/t6.png) no-repeat left center;}
.footer .center .right .tel .l2{ width:100%; height: auto; margin:0 auto 0 25%; float: left; font-size:28px; color:#fff; font-family:Arial; line-height:1.3; text-align:left; font-weight:bold;}
.footer .center .right .tel .l3{ width:100%; height: auto; margin:0 auto 0 25%; float: left; font-size:12px; color:#fff; font-family:microsoft yahei; line-height:1.3; text-align:left;}
.footer .center .right .erbox{ width:65%; height: auto; margin:30px auto 0 auto; overflow: hidden;}
.footer .center .right .erbox .er{ width:45%; height: auto; margin:0 2.5%; float: left;}
.footer .center .right .erbox .er .img{ width:100%; height:120px; display:block; overflow:hidden; background-color:#fff; margin-bottom:5px;}
.footer .center .right .erbox .er img{ width:95%; height:110px; margin:5px auto; }
.footer .center .right .erbox .er .title{ width:95%; height:auto; font-size:14px; color:#fff; font-family:microsoft yahei; line-height:1.5; text-align:center;}

.footer .copy{ width:100%; height:80px; overflow:hidden; font-size:14px; color:#fff; font-family:microsoft yahei; line-height:80px; text-align:left;}
.footer .copy a{ color:#fff; float: right;}

/**内页**/
.commbanner{ width:100%; height:auto; overflow:hidden; position:relative;}
.commbanner .title{ overflow:hidden; position:absolute; top:35%; left:23%; line-height:1.5; font-size:48px; color:#fff; font-family:microsoft yahei; text-align:left;}
.commbanner .en{overflow:hidden; line-height:1.5; font-size:24px; color:#fff; font-family: Arial; text-align:left;}
/*nav_one*/
.nei_nav{ width:100%; height:auto; overflow:hidden; margin:0 auto; background:#006cb8; text-align:center;}
.nei_nav a{ width:auto; height:auto; overflow:hidden; margin:0 auto;  font-size:16px; color:#fff; font-family:microsoft yahei; line-height:65px; text-align:center; }
.nei_nav a:hover{ width:auto; height:auto; overflow:hidden; margin:0 auto;  font-size:16px; color:#fff; font-family:microsoft yahei; line-height:65px; text-align:center; }
.nei_nav a.curr{ width:auto; height:auto; overflow:hidden; margin:0 auto; font-size:16px; color:#fff; font-family:microsoft yahei; line-height:65px; text-align:center; }

.pmain_bg{ width:100%; height:auto; margin:0 auto; overflow:hidden;}
.pmain{ width: 94%; margin:0 auto; overflow:hidden; padding: 30px 0;}
.pmain .nei_navtitle{ width:100%; height:auto; overflow:hidden; margin:0 auto 50px auto;}
.pmain .nei_navtitle .en{ width:100%; height:auto; overflow:hidden; margin:0 auto; position:relative; line-height:1; font-size:50px; color:#333; font-family:Arial; text-align:center;}
.pmain .nei_navtitle .cn{ width:100%; height:auto; overflow:hidden; margin:-30px auto 0 auto; position:relative; line-height:1; font-size:36px; color:#333; text-align:center; font-weight:bold;}
.pmain .nei_navtitle .cn span{color:#2e52ae;}
.pmain .nei_navtitle .heng{ width:20px; height:4px; overflow:hidden; margin:10px auto; position:relative; background:#2e52ae;}

/*内页底部*/
.footer_n{width:100%; height:550px; margin:0 auto; overflow:hidden; position:relative;}
.footer_n .section6_foot{width:100%; height:100%;}

/*产品展示当前位置*/
.where{ width:92%; height:auto; margin:0 auto; overflow:hidden;}
.where_left{ width:100%; height:25px; line-height:25px; text-align:left; color:#666; font-size:14px; font-family:"microsoft yahei"; padding-top:15px;}
.where_right{ width:100%; height:auto; overflow:hidden;}
.neinav_box{ width:auto; height:0.4rem; overflow:hidden; border-bottom:2px solid #fff; float:left; font-size:0.22rem; color:#333; font-family:"microsoft yahei"; text-align:center; line-height:0.4rem; margin:0.3rem 0.5rem 0.3rem 0;}
.neinav_box:hover{width:auto; height:0.4rem; overflow:hidden; border-bottom:2px solid #2e52ae; float:left; font-size:0.22rem; color:#2e52ae; font-family:"microsoft yahei"; text-align:center; line-height:0.4rem; margin:0.3rem 0.5rem 0.3rem 0;}
.neinav_box_a{width:auto; height:0.4rem; overflow:hidden; border-bottom:2px solid #2e52ae; float:left; font-size:0.22rem; color:#2e52ae; font-family:"microsoft yahei"; text-align:center; line-height:0.4rem; margin:0.3rem 0.5rem 0.3rem 0;}
.neinav_box_a:hover{width:auto; height:0.4rem; overflow:hidden; border-bottom:2px solid #2e52ae; float:left; font-size:0.22rem; color:#2e52ae; font-family:"microsoft yahei"; text-align:center; line-height:0.4rem; margin:0.3rem 0.5rem 0.3rem 0;}

.wherepro_bg{ width:100%;height: 0.5rem; background-color:#2e52ae; margin:0 auto; display: flex; text-align:center;}
.wherepro_bg a{ width:auto; height:0.5; overflow:hidden; display:inline-block; }
.wherepro_box{ width:auto; height:0.45rem; overflow:hidden; display:block; font-size:0.16rem; color:#fff; font-family:"microsoft yahei"; text-align:center; line-height:0.45rem; margin:0 0.2rem; border-bottom:4px solid #2e52ae;}
.wherepro_box:hover{ border-bottom:4px solid #44c9d1;}
.wherepro_box_a{width:auto; height:0.45rem; overflow:hidden; display:block; border-bottom:4px solid #44c9d1; font-size:0.16rem; color:#fff; font-family:"microsoft yahei"; text-align:center;  line-height:0.45rem; margin:0 0.2rem;}
.wherepro_box_a:hover{width:auto; height:0.45rem; overflow:hidden; display:block; border-bottom:4px solid #44c9d1; font-size:0.16rem; color:#fff; font-family:"microsoft yahei"; text-align:center;  line-height:0.45rem; margin:0 0.2rem;}


/*product*/
.pro_list{ width:100%; height:auto; min-height:500px; overflow:hidden; margin:0 auto;}
.pro_list .pcworks_box{ width:49%; height:2.6rem; float:left; margin:1% 0 1% 2%; background:#e8ecf9;}
.pro_list .pcworks_box:nth-child(2n){ width:49%; height:2.6rem; float:left; margin:1% 0 1% 2%; background:#dceff5;}
.pro_list .pcworks_box:nth-child(3n){ width:49%; height:2.6rem; float:left; margin:1% 0 1% 2%; background:#f5dce4;}

.pcworks_top{ width:35%; height:2.6rem;  margin:25px 5% 0 10%; float:left;}
.pcworks_top img{ width:100%; height:auto; transition: all 0.5s;}
.pcworks_box:hover .pcworks_top img{ width:100%; height:auto; height:auto; transition: all 0.5s;transform:scale(1.1) ;}
.pcworks_con{ width:45%; height:auto; overflow:hidden; margin:0.1rem auto 0 auto; float:left;}
.pcworks_title{ width:100%; height:auto; overflow:hidden; margin:15% auto 0 auto; line-height:1.5; color:#333; font-size:0.22rem; font-family:"Source";}
.pcworks_content{ width:100%; height:auto; max-height:0.75rem; overflow:hidden; margin:0.05rem auto; line-height:0.25rem; color:#666; font-size:0.14rem; font-family:"Source";}
.pcworks_into{ width:100%; height:0.35rem; overflow:hidden; margin:0.2rem auto 0 0; line-height:0.35rem; color:#333; font-size:0.16rem; font-family:"Source";}
.pcworks_box:hover .pcworks_into{color:#f08519; }
/*news*/
.new_list{ width:80%; height:auto; min-height:500px; overflow:hidden; margin:0 auto;}
.new_list .box{ width:31%; height:auto; margin:130px 3.5% 50px  auto;  float:left; position:relative; z-index:1;}
.new_list a:nth-child(3n) .box{ width:31%; height:auto; margin:130px auto 50px auto;  float:left; position:relative; z-index:1;}
.new_list .box .pic{ width:100%; height:370px; overflow:hidden; margin:-130px auto 0 auto; position:relative; z-index:10;}
.new_list .box .pic img{ width:100%; height:370px; overflow:hidden; margin:0 auto; transition:all 0.4s; border-radius: 15px;}
.new_list .box:hover .pic img{ width:100%; height:370px; transition:all 0.4s; transform:scale(1.05);}
.new_list .box .title{ width:94%; height:auto; overflow:hidden; margin:20px auto 0 auto; font-size:22px; color:#191919; font-family:microsoft yahei; text-align:left; line-height:1.5;}
.new_list .box:hover .title{width:94%; height:auto; overflow:hidden; margin:20px auto 0 auto; font-size:22px; color:#0993cd; font-family:microsoft yahei; text-align:left; line-height:1.5;}
.new_list .box .intro{ width:94%; height:auto; overflow:hidden; margin:0 auto; font-size:16px; color:#666; font-family:microsoft yahei; text-align:left; line-height:1.6;}
.new_list .box .more{ width:94%; height:auto; overflow:hidden; margin:30px auto;background: url(../img/images/t3.png) no-repeat 40px center;}
.new_list .box .more .times{ width:auto; height:auto; overflow:hidden; margin:0 auto; float: right; font-size:14px; color:#333; font-family:Arial; text-align:right; line-height:1.6;}
.new_list .box .more .mos{ width:auto; height:auto; overflow:hidden; margin:0 auto; float:left;  font-size:14px; color:#333; font-family:microsoft yahei; text-align:left; font-weight: bold; line-height:1.5;}
.new_list .box:hover .more .mos{ color:#0993cd;}
.new_list .new_more{ width:180px; height:50px; overflow:hidden; clear:both; border-radius:25px; background-color:#006cb8; margin:30px auto 0 auto; font-size:20px; color:#fff; font-family:Arial; text-align:left; text-indent:2em; line-height:50px; position:relative;}


/*infor*/
.infor{ width:90%; height:auto; margin:0 auto;}
.case_one{ width:100%; height:auto; overflow:hidden; margin:0 auto; padding:30px 0; background-color:#fff;}
.case_two{ width:100%; height:auto; overflow:hidden; margin:0 auto; padding:30px 0; background-color:#f9f9f9;}
.case_menu{ width:100%; height:auto; overflow:hidden; margin:0 auto; line-height:1.5; color:#333; font-size:0.3rem; font-family:"Source"; position:relative;}
.case_menu p{float:right; font-size:0.14rem; color:#999; line-height:0.3rem;}
.case_menu_y{ position:absolute; width:22px; height:22px; border:1px solid #999; border-radius:50%; top:3px; right:7%; transition:all 0.5s;}
.case_menu_h{ position:absolute; width:45px; height:1px; background-color:#999; top:14px; right:5%;}
.case_menu:hover .case_menu p{color:#2e52ae;}
.case_menu:hover .case_menu_y{border:1px solid #2e52ae; right:8%; transition:all 0.5s;}
.case_menu:hover .case_menu_h{background-color:#2e52ae;}
.case_box{ width:100%; height:auto; overflow:hidden; margin:30px auto 0 auto;}
.box_one{ width:50%; height:auto; overflow:hidden; float:left;}
.box_one img{ width:100%; height:auto;}
.box_two{ width:24%; height:2.25rem; overflow:hidden; float:left; background-color:#f9f9f9; margin:0 auto 0 1%; position:relative;}
.box_two_title{ width:90%; height:auto; overflow:hidden; margin:12% auto 0 auto; line-height:0.3rem; color:#333; font-size:0.24rem; font-family:"Source";}
.box_two_time{ width:90%; height:auto; overflow:hidden; position:absolute; bottom:10%; left:5%; line-height:0.3rem; color:#333; font-size:0.16rem; font-family: "Arial"; text-align:left;}
.box_two_time p{line-height:0.3rem; color:#333; font-size:0.16rem; font-family: "Source"; text-align:right; float:right;}
.box_two:hover .box_two_title{ color:#2e52ae;}
.box_two:hover .box_two_time p{ color:#2e52ae;}

.jieda{ width:50%; height:auto; overflow:hidden; margin:0 auto; float:left;}

.case_box .lis{width:99%; height:0.6rem; overflow:hidden; background: #fff url(../img/images/jt.png) no-repeat 96% center; float: left; border-bottom:1px solid #dfe1e1; transition:all 0.5s;}
.case_box .lis:hover{background: #2e52ae url(../img/images/jt1.png) no-repeat 96% center; color: #fff; transition:all 0.5s;}
.case_box .lis.active{background: #2e52ae url(../img/images/jt1.png) no-repeat 96% center; color: #fff; border-bottom:0;-moz-box-shadow:0px 10px 40px #2e52ae; -webkit-box-shadow:0px 10px 40px #2e52ae; box-shadow:0px 10px 40px #2e52ae; transition:all 0.5s;}
.case_box .lis .t{width: 10%; height:auto; overflow:hidden;float: left; font-size:0.5rem; color:#3e504a; line-height:0.6rem; font-weight:bold; font-family:Arial;}
.case_box .lis .t1{width: 80%; height:auto; overflow:hidden;float: left; font-size:0.18rem; color:#3e504a; line-height:0.6rem; font-family:"Source"; border-right:1px solid #dfe1e1;}
.case_box .lis:hover .t{width: 10%; height:auto; overflow:hidden;float: left; font-size:0.5rem; color:#fff; line-height:0.6rem; font-weight:bold; font-family:Arial;}
.case_box .lis:hover .t1{width: 80%; height:auto; overflow:hidden;float: left; font-size:0.18rem; color:#fff; line-height:0.6rem; font-family:"Source"; border-right:1px solid #fff;}
.case_box .lis.active .t{width: 10%; height:auto; overflow:hidden;float: left; font-size:0.5rem; color:#fff; line-height:0.6rem; font-weight:bold; font-family:Arial;}
.case_box .lis.active .t1{width: 80%; height:auto; overflow:hidden;float: left; font-size:0.18rem; color:#fff; line-height:0.6rem; font-family:"Source"; border-right:1px solid #fff;}

.case_box .sublis{ width:99%; height:auto; overflow:hidden; display: none; border-bottom:1px solid #dfe1e1; background-color:#fff;}
.case_box .sublis.active{/*display: block;*/}
.case_box .sublis  .t2{width: 10%; height:auto; overflow:hidden;float: left; font-size:0.5rem; color:#2e52ae; line-height:0.6rem; font-weight:bold; font-family:Arial;}
.case_box .sublis  .t3{width: 85%; height:auto; overflow:hidden;float: left; font-size:0.14rem; color:#666; line-height:0.3rem; font-family:"Source"; padding:0.3rem 0 0.15rem 0;}
.case_box .sublis  .td:hover{background-color: #565656;}


/*one*/
.one_nei{ width:100%; height:auto; min-height:500px; overflow:hidden; margin:0 auto; line-height:2; color: #333;}
.one_nei .shutong{text-align: center !important; font-size: 28px !important;}
.one_nei .video{ width:100%; height:auto; margin:50px auto; overflow:hidden; text-align:center;}
.one_nei #slider{ width:100%; height:auto;}

/*view*/
.view_nei{ width:99%; height:auto; min-height:4rem; overflow:hidden; margin:0 auto; float:left; border:1px solid #eeeeee;}
.view_newhead{ width:94%; height:auto; overflow:hidden; margin:0.2rem auto;}
.view_newhead .news_view_title{ width:100%; height:auto; overflow:hidden; margin:0 auto; line-height:1.6; font-size:0.3rem; color:#333; text-align:center; font-weight:bold;}
.view_newhead .news_view_title .subtitle{ width:100%; height:auto; overflow:hidden; margin:0 auto; line-height:1.5; font-size:0.18rem; color:#888; text-align:center; font-weight:bold;}
.view_newhead .news_view_wrap{ width:100%; height:auto; overflow:hidden; margin:0 auto; line-height:1.6; font-size:0.14rem; color:#999; text-align:center;}
.news_view{ width:94%; height:auto; overflow:hidden; margin:0 auto;}
.news_view .news_txt{ width:100%; height:auto; overflow:hidden; margin:0 auto; min-height:4rem; font-size: 0.18rem;}
.news_view .load{ width:8%; height:30px; overflow:hidden; float:left; margin:14px auto 0 auto; border-radius:5px; font-size:14px; color:#fff; background-color:#02346c; font-family:microsoft yahei; line-height:30px; text-align:center;}
.news_view .load:hover{ width:8%; height:30px; overflow:hidden; float:left; margin:14px auto 0 auto; border-radius:5px; font-size:14px; color:#02346c; background-color:#dddddd; font-family:microsoft yahei; line-height:30px; text-align:center;}

.view-page{ width:94%; height:auto; overflow:hidden; margin:20px auto;}
.view-page .span1{ width:48%; height:auto; overflow:hidden; float:left; font-size:16px; color:#666; text-align:left;}
.view-page .span2{ width:48%; height:auto; overflow:hidden; float:right; font-size:16px; color:#666; text-align:left;}
/*contact*/
.contact_two{ width:100%; height:auto; overflow:hidden; margin:0.5rem auto 0.3rem auto;}
.contact_two_ul{ width:48%; height:auto; overflow:hidden; float:left; }
.contact_two_ul:nth-child(2){ width:40%; height:auto; overflow:hidden; padding-left:5%; float:left;background:url(../img/images/contact1.png) no-repeat left top; background-size:70px 70px;}
.contact_two_ul:nth-child(3){ width:60%; height:auto; overflow:hidden; float:left; }
.contact_two .hot_title{ width:100%; height:auto; overflow:hidden; font-size:0.3rem; color:#2e52ae; line-height:1.5; font-family:"Source";}
.contact_two .hot_title p{ font-size:0.14rem; color:#333; line-height:0.25rem; font-family:"Source";}
.contact_two .hot_line{ width:100%; height:auto; overflow:hidden; background:url(../img/images/contact3.png) no-repeat left center; font-size:0.3rem; color:#12a09d; line-height:1.5; font-family: Arial; font-weight:bold; text-indent:1.5em; margin-top:0.2rem;}
.contact_two .er{width:1.2rem; height:auto; overflow:hidden; float:left; margin:0 0.2rem;}
.contact_two .er_img{ width:1.2rem; height:1.2rem; overflow:hidden;}
.contact_two .er_img img{ width:1.2rem; height:1.2rem; vertical-align: top;}
.contact_two .er_title{ width:1.2rem; height:auto; overflow:hidden; color:#333; font-size:0.14rem; line-height:1.5; font-family:"microsoft yahei"; text-align:center;}
.contact_stree{ width:100%; height:auto; overflow:hidden; margin:0 auto 100px auto;}
.contact_l{ width:25%; height:5rem; overflow:hidden; float:left; background:#2e52ae url(../img/images/contact4.png) no-repeat left top;}
.contact_l_title{ width:auto; height:auto; overflow:hidden; margin:0.4rem auto 0 10%; color:#fff; font-size:0.32rem; line-height:1.5; font-family: Arial; font-weight:bold;}
.contact_l_title p{color:#fff; font-size:0.24rem; line-height:1.5; font-family: "Source";}
.contact_r{ width:75%; height:5rem; overflow:hidden; float:left; background-color:#f9f9f9;}
.contact_r_box{ width:60%; height:auto; overflow:hidden; float:left; margin:0 2% 0 6%;}


.messages .nei_navtitle{ width:50%; height:auto; overflow:hidden; margin:0 auto; float:left; position:relative;}
.messages .nei_navtitle .en{ width:100%; height:auto; overflow:hidden; position: absolute; left:0; top:90px; line-height:1.3; font-size:36px; color:#12a09d; font-family:Arial; font-weight:bold; text-align:left; opacity:0.1;}
.messages .nei_navtitle .cn{ width:100%; height:auto; overflow:hidden; margin:0.3rem auto 0 auto; position:relative; line-height:1.3; font-size:0.32rem; color:#12a09d; text-align:left; font-weight:bold;}
.messages .nei_navtitle .heng{ width:40px; height:4px; overflow:hidden; margin:10px auto 0 0; position:relative; background:#12a09d;}
.messages .nei_navtitle .con{ width:80%; height:auto; overflow:hidden; margin:100px auto 0 0; position:relative; line-height:2; text-align:left; font-family:microsoft yahei;}
.messages .right{ width:40%; height:auto; overflow:hidden; margin:0 auto 0 auto; float:left;}
.messages .right .box{ width:97%; height:auto; overflow:hidden; margin:0 auto 0.05rem auto; padding:0 1%; }
.messages .right .box .title{ width:100%; height:auto; overflow:hidden; margin:0.05rem auto; font-size:0.16rem; color:#000; font-family:microsoft yahie; line-height:1.5; text-align:left;}
.messages .right input{ width:30%; height:0.35rem; overflow:hidden; float: left; margin:0.05rem auto; padding:0 3%; border:0; background:none; font-size:0.14rem; color:#666; font-family:microsoft yahie; line-height:0.35rem; text-align:left; border-radius:0.05rem; border:1px solid #ededed;}
.messages .right .box img{ width:auto; height:0.35rem; overflow:hidden; margin:0.1rem auto 0 0.2rem; padding:0 1%; float: left; }

.messages .right textarea{ width:62%; height:0.6rem; overflow:hidden; float: left; margin:0 auto; padding:2%;background:none; font-size:0.14rem; color:#666; font-family:microsoft yahie; line-height:0.3rem; text-align:left; border-radius:0.05rem; border:1px solid #ededed;}
.messages .right .an{ width:1.6rem; height:0.4rem; overflow:hidden; display:inline-block; border-radius:0.2rem; background-color:#12a09d; font-size:0.18rem; color:#fff; font-family:microsoft yahie; line-height:0.4rem; text-align:center; cursor:pointer;}
.messages ::placeholder {
	color: #999;
	}

/*sea*/
.ullist{ width:100%; height:auto; overflow:hidden; margin:100px auto 0 auto;}
.ullist li { width:100%; height:35px; overflow:hidden; line-height:35px; color:#333; font-size: 16px; border-bottom:1px dashed #dedede;}
.ullist li span{color:#999; float:right;}
.ullist li:hover{ width:100%; height:35px; overflow:hidden; line-height:35px; color:#02346c;}

.pmain-pos{ padding-bottom:10px; line-height:20px; color:#999; border-bottom:2px #cad1dc solid;}
.pmain-pos .t{ float:left; font-size:18px; color:#282828; position:relative; padding-left:20px;}
.pmain-pos .t:before{ content:''; background:#0099ff; width:6px; height:18px; position:absolute; left:0; top:3px; border-radius:3px;}

.pnews-detail .title{ text-align:center; padding:25px 0; border-bottom:1px #e3e3e3 solid;}
.pnews-detail .title .t{ font-size:21px; color:#0066cc;}
.pnews-detail .title .c{ color:#999; margin-top:15px; position:relative; }
.pnews-detail .title .c span{ padding:0 15px;}
.pnews-detail .aside{ padding:28px 0; color:#000; line-height:30px;}
.pnews-detail .aside table{ margin:auto; }
.pnews-detail .aside p{ padding:10px 0px; text-indent: 2em;  }
.pnews-detail .aside p img{ max-width:100%; }
.pnews-detail .nNext{ padding:28px 0; line-height:25px; border-top:1px #ccc dashed;}
.pnews-detail .nNext .fl, .pnews-detail .nNext .fr{ max-width:50%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.pnews-detail .nNext .btn{ background:#f0f0f0; display:inline-block; padding:0 2px; vertical-align:top; margin-right:5px; color:#000;}
.pnews-detail .nNext a{ display:inline-block;}

.ptech-floor{ padding:20px 0 40px 0;}
.ptech-item{ width:655px;}
.ptech-item .news-list{ margin-top:15px; width:100%;}
.ptech-item .news-list .n-item .c{ margin-top:5px;}
.ptech-itemDes{ margin-top:21px;}
.ptech-itemDes .aImg img{ width:206px; height:165px; display:block; border:1px #ebebeb dashed;}
.ptech-itemDes .aList{ width:433px;}
.ptech-itemDes .aList li{ height:28px; line-height:28px; overflow:hidden; vertical-align:middle; position:relative; padding-left:15px;}
.ptech-itemDes .aList li span{ float:right; color:#999;}
.ptech-itemDes .aList li:before{content:''; height:4px; width:4px; display:block; border:2px solid #333; border-left-width:0; border-top-width:0; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); position:absolute; top:12px; left:0;}


.site-map dl{padding:10px 0;border-bottom:1px dashed #ddd;}
.site-map dt{font-size:16px;line-height:30px;font-weight:bold;}
.site-map dd{overflow:hidden;}
.site-map dd span{display:block;margin-right:10px;float:left;}
.site-map dd span a:after{content:"|";color:#ddd;margin-left:10px;}
.site-map dd span:last-child a:after{content:"";}
.site-map dd p{overflow:hidden;}
.site-map dd strong{display:block;color:#999;}


}

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

/*网站顶部*/
.contionera {width: 100%; height:auto; margin:0 auto; position: relative; }
.wapper{ width:100%; height:auto; position:relative; z-index:1; overflow:hidden; margin:0 auto; background: url(../img/images/bg1.jpg);}
/*header*/
.head{width: 100%;height:auto;position: fixed;top:0;left: 0;z-index: 98; display:none;}
.headn{width: 100%;height:auto;position: fixed;top:0;left: 0;z-index: 98; background-color:rgba(5,108,210,0.77);}
.header{ width:100%; height:90px; overflow:hidden; margin:0 auto; display:block;}
.header_left{ width:350px; height:90px; float:left; margin-left:4%; position:absolute; top:20px; z-index:101;}
.header_logo{width:130px; height:55px; overflow:hidden; float:left; background: url("../img/images/logoa.png") no-repeat center; background-size: 100% auto;}
.header_menu{width:auto; height:0.24rem; overflow:hidden; display:flex; float:right; margin:0.05rem auto 0 0.3rem;}

.header_menu .line-box{
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: middle;
	position: relative;
	width: 0.26rem;
	height: 0.12rem;
	transition: width .2s;
	margin-top: 0.05rem;
}
.header_menu .txt{
	line-height: 0.24rem;
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: middle;
	font-size:0.2rem;
	margin-left: 0.07rem;
	color: #000;
	font-family: "Arial";
	transition: all .2s;}

.header_menu .line-box .line{
	position: absolute;
	left: 0;
	width: 0.26rem;
	height: 0.04rem;
	background-color: #000;
	transform-origin: center center;
	margin: 0;
	transition: all .2s;
}
.header_menu .line-box .line:nth-child(1){
	top: 0;
}
.header_menu .line-box .line:last-child{
	bottom: 0;
}
.header_menu.cur .line-box .line:nth-child(1){
	top: 50%;
	margin-top: -0.015rem;
	transform: rotate(45deg);
}
.header_menu.cur .line-box .line:nth-child(2){
	bottom: 50%;
	margin-bottom: -0.015rem;
	transform: rotate(-45deg);
}
.header_menu:hover .txt{
        color: #6bb93a;
    }
.header_menu:hover .line-box .line{
        background-color: #6bb93a;
    }
	
	
.header_home{width:auto; height:24px; overflow:hidden; background: url("../img/images/home.png") no-repeat left center; position:absolute; line-height:24px; font-size:14px; color:#333; text-indent:30px; top:40px; left:360px;}
.header_home:hover{width:auto; height:24px; overflow:hidden; background: url("../img/images/homea.png") no-repeat left center; position:absolute; line-height:24px; font-size:14px; color:#2e52ae; text-indent:30px; top:40px; left:360px;}

.nav{ width:auto; height:auto; margin:30px 5% 0 auto; overflow:hidden; position:absolute; top:80px; left:15%;}
.nav_box{ width:auto; height:auto; overflow:hidden; margin:0 auto 15px auto;}
.nav_b{ width:100%; height:auto; overflow:hidden; margin-bottom:10px; line-height:1.5; font-family:microsoft yahei; color:#333; font-size:26px;}
.nav_b:hover{ width:100%; height:auto; overflow:hidden; line-height:1.5; font-family:microsoft yahei; color:#2e52ae; font-size:26px;}
.nav_c{ width:100%; height:30px; overflow:hidden;}
.nav_c_l{ width:auto; height:30px; overflow:hidden; float:left; margin-right:30px;  line-height:30px; font-family:microsoft yahei; color:#333; font-size:14px;}
.nav_c_l:hover{ width:auto; height:30px; overflow:hidden; float:left; margin-right:30px;  line-height:30px; font-family:microsoft yahei; color:#2e52ae; font-size:14px;}

.header_right{ width:45%; height:40px; float:right; margin:0.3rem 2% 0 auto;}
.header_zi{ width:auto; height:40px; float:right; margin:0 10px; padding:0 10px; background-color:rgba(0,0,0,0.2); line-height:40px; text-align:center; font-size:14px; font-family:"Arial"; color:#fff; border-radius:10px; transition:all 0.5s;}
.header_box{ width:40px; height:40px; float:right; margin:0 10px; background-color:rgba(0,0,0,0.2); line-height:40px; text-align:center; font-size:14px; font-family:"Arial"; color:#fff; border-radius:50%; transition:all 0.5s;}
.header_box img{width:16px; height:16px;}
.header_box:hover{ width:40px; height:40px; float:right; margin:0 10px; background-color:rgba(46,82,174,1); line-height:40px; text-align:center; font-size:14px; font-family:"Arial"; color:#fff; border-radius:50%; transition:all 0.5s;}

.menu_open{ width:90%; height:100vh; overflow:hidden; background: url("../img/images/menubg.png") no-repeat left top; background-size:100% auto; display:none; position:absolute; top:0; left:0;animation: myMove 1s; -webkit-animation: myMove 1s;}


@keyframes myMove {
        0% {
			opacity: 0;
            width: 0%;
        }

        100% {
			opacity: 1;
            width: 90%;
        }
    }

@-webkit-keyframes myMove {
        0% {
			opacity: 0;
            width: 0%;
        }

        100% {
			opacity: 1;
            width: 90%;
        }
    }


.headers{width:100%; height:1rem; background-size:100%; position:fixed; top:0; z-index:98; display:block;}
.navb{width: 100%; height:100vh; position: fixed; top:0;  background: url(../img/images/bg1.jpg) no-repeat center top; background-size:auto 100%;z-index: 99; animation: mymenu 0.5s; -webkit-animation: mymenu 0.5s; display:none;}

.navb .menu { width:50%; height:auto; overflow:hidden; position:absolute; left:5%; top:20%;}
.navb li { width:100%; height:50px; overflow:hidden;color: #333; font-size:22px; font-family:"Source";line-height:50px;}
.navb li>a {line-height: 50px; color: #333; font-size:22px; font-family:"Source";}
.close { width:10%; height:50px;float: right;margin:20px 20px 0 auto;cursor: pointer; text-align:center;}
.fontc { width:60%;height:50px; line-height:50px;font-weight: bold;margin-left: 30px; font-size:18px; float:left;}
@keyframes mymenu {
        0% {
			 top:0%;
			 left:50%;
			opacity: 0;
            width: 0%;
			border-radius:50%;
        }

        100% {
			 top:0;
			 left:0;
			opacity: 1;
            width: 100%;
        }
    }

    @-webkit-keyframes mymenu {
        0% {
			 top:0%;
			 left:50%;
			opacity: 0;
            width: 0%;
			border-radius:50%;
        }

        100% {
			 top:0;
			 left:0;
			opacity: 1;
            width: 100%;
        }
    }

	
.section1{width: 100%;height: auto;overflow: hidden; }
#pcbanner{ display:none;}
#mbanner{ display:block;}

.search{ width:100%; height:20%; overflow:hidden; position:fixed; z-index:99; top:-20%; left:0; transition: all 0.5s; background-color:rgba(46,82,174,0.2);}
.search.curr{ width:100%; height:20%; overflow:hidden; position:fixed; z-index:99; top:0; left:0; transition: all 0.5s; background-color:rgba(46,82,174,0.8);}
.search .box{ width:60%; height:0.5rem; overflow:hidden; position: absolute; top:40%; left:20%;}
.search .search_left{ width:80%; height:0.5rem; float:left; background:#fff; border:1px solid #dedede; line-height:0.5rem; color:#333; font-size:0.18rem; font-family:"Source"; border-radius:20px;padding:5px 20px;}
.search .search_right{ width:0.5rem; height:0.5rem; float:right;}
.search .close{ width:0.5rem; height:0.5rem; overflow:hidden; border-radius:50%; background:#fff url(../img/sidebar-close11.png) no-repeat center; background-size:60%; position: absolute; top:5%; right:2%;}


/*about*/
.section2{width: 100%;height: auto;overflow: hidden; background: url(../img/images/bg1.jpg) left top; }
.section2_bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.section2_bg .bubble{position: absolute;border-radius: 100%;animation:spin 8s infinite linear;transform-origin: 50% 45%;}
.section2_bg .bubble:nth-child(2n){animation:spin2 8s infinite linear;}
.section2_bg .sm-bubble{transform-origin: 30% 30px;}
.section2_bg .bg-bubble{transform-origin: 50% 50%;}

@keyframes spin{
    to{transform: rotate(1turn);}
}
@keyframes spin2{
    to{transform: rotate(-1turn);}
}
.section2_bg .bubble1{
	left: -3.9%;
	top: -14.125%;
	width: 18%;
	padding-top: 10%;
	background-color: #f0f9fa;
	opacity: 1;
	filter: alpha(opacity=100);
}

.section2_bg .bubble2{
	left: 7.5%;
	top: 20%;
	width: 70px;
	height: 70px;
	background-color: #f0f2f2;
	z-index: 3;
}

.section2_bg .bubble3{
	left: 15.625%;
	top: 16%;
	border: 1px solid #87dff5;
	width: 72px;
	height: 72px;
}
.section2_bg .bubble4{
	left: 37%;
	bottom: 10%;
	background:url(../img/images/t3.png) no-repeat;
	background-size:cover;
	width: 25%;
	padding-top: 25%;
}
.section2_bg .bubble5{
	left: 30.1%;
	top: 39.0625%;
	background-color: #87dff5;
	opacity: 1;
	width: 10px;
	height: 10px;
}
.section2_bg .bubble6{
	width: 56.77%;
	padding-top: 56.77%;
	left: -28.3854%;
	top: 35.48%;
	background: -webkit-linear-gradient(left, rgba(247,247,247,1),rgba(247,247,247,.1) 100%);
	background: -ms-linear-gradient(left, rgba(247,247,247,1),rgba(247,247,247,.1) 100%);
	background: linear-gradient(left, rgba(247,247,247,1),rgba(247,247,247,.1) 100%);
}

.section2_bg .bubble7{
	width: 13%;
	padding-top: 13%;
	left: -6.5%;
	top: 45.3125%;
	border:1px solid #ddd;
}
.section2_bg .bubble8{
	width: 72px;
	height: 72px;
	left: -1.875%;
	top: 82.3%;
	border:1px solid #87dff5;
}
.section2_bg .bubble9{
	width: 10px;
	padding-top: 10px;
	left: 8.33%;
	top: 41%;
	background-color: rgba(135,223,245,1);
}
.section2_bg .bubble10{
	width: 6px;
	padding-top: 6px;
	left: 11.67%;
	top: 50%;
	background-color: rgba(135,223,245,1);
}
.section2_bg .bubble11{
	right: -1.9%;
	top: -9.125%;
	width: 18%;
	padding-top: 12%;
	background-color: #f0f9fa;
	opacity: 1;
	filter: alpha(opacity=100);
}
.section2_bg .bubble12{
	position: absolute;
	width: 25%;
	padding-top: 30%;
	border:1px solid #ddd;
	right: -15%;
	bottom: -20%;
}

.section2_title{ position:absolute; top:16%; left:0; width:100%; }
.section2_title .wrap-inner{
	overflow: hidden;
}
.section2_title .title-canvas
{
	transform:translateY(100%);
}
.section2_title .m-tit{
	display: block;
		font-size: 0.6rem;
		line-height: 1.5;
		color: #333;
		text-align: center;
		letter-spacing: 4px;
		padding-left: 4px;
		 font-weight:bold;
		-webkit-background-clip: text;
	    background-clip: text;
	    -webkit-text-fill-color: transparent;
	    -webkit-animation: aitf 10s linear infinite;
	    -webkit-transform: translate3d(0, 0, 0);
	    -webkit-backface-visibility: hidden;
	    background-image: url("../img/images/p2c.jpg");
	    background-position: 60% 15%;
	    background-repeat: no-repeat;
		
}
@-webkit-keyframes aitf {
  0% {
    background-position: 50% center;
  }
  25% {
    background-position: 60% center;
  }
  50% {
    background-position: 50% center;
  }
  75% {
    background-position: 40% center;
  }
  100% {
    background-position: 50% center;
  }
}
.section2_title .gupiao{
	display: block;
		font-size: 0.3rem;
		line-height: 1.5;
		color: #747474;
		text-align: center;
}
.section2_con{ position:absolute; top:48%; left:0; width:100%; overflow:hidden; text-align:center; }
.section2_con_box{width:25%; height:auto; overflow:hidden; display:inline-block; margin:0 3%; cursor:pointer;}
.section2_con_t{width:100%; height:auto; overflow:hidden; font-size: 90px; line-height: 1.2; color: #333; text-align: center; font-family:microsoft yahei; transition:all 0.5s;}
.section2_con_t span{font-size: 26px; line-height: 40px; color: #333; font-family:microsoft yahei;}
.section2_con_d{width:100%; height:auto; overflow:hidden; margin:30px auto 0 auto; font-size:20px; line-height:1.5; color: #333; font-family:microsoft yahei;}

.section2_con_box:hover .section2_con_t{width:100%; height:auto; overflow:hidden; font-size: 90px; line-height: 1.2; color: #2e52ae; text-align: center; font-family:microsoft yahei; transition:all 0.5s;}
.section2.active .wrap-inner{-webkit-animation: bounceInBottom 2s; }
.section2.active .gupiao{-webkit-animation: bounceInBottom 2.5s;}
.section2.active .section2_con_t{-webkit-animation: bounceInBottom 2s;}
.section2.active .section2_con_d{-webkit-animation: bounceInBottom 2.5s;}


/*brand*/
.section3{width: 100%;height: auto;overflow: hidden;}
.section3_box1{position: relative; width:100%; height:37.3%; float:left; overflow:hidden; background-color:#e8ecf9;}
.section3_box1:after {
        position: absolute;
        content: '';
        width: 110%;
        height: 40%;
        background: #fffafd;
        top: 80%;
        left: -5%;
        border-radius: 50%;
      }
.section3_box2{position: relative; width:100%; height:33.3%;float:left; overflow:hidden; background-color:#f9fcff;}
.section3_box2:after {
        position: absolute;
        content: '';
        width: 110%;
        height: 40%;
        background: #dceff5;
        top: 80%;
        left: -5%;
        border-radius: 50%;
      }
.section3_box3{position: relative; width:100%; height:29%;float:left; overflow:hidden; background-color:#dceff5;}
.section3_cp{ width:80%; height:auto; overflow:hidden; margin:5% auto 0 auto;}
.section3_cp2{ width:80%; height:auto; overflow:hidden; margin:2% auto 0 auto;}
.section3_cp3{ width:80%; height:auto; overflow:hidden; margin:2% auto 0 auto;}
.section3_cp_t{ width:50%; height:auto; overflow:hidden; margin:0 auto; line-height:0.4rem; font-family:microsoft yahei; color:#333; font-size:0.3rem; text-align:center;transition:all 0.5s; position:absolute; top:20%; right:20%;}
.section3_cp_m{ width:50%; height:auto; overflow:hidden; margin:0.2rem auto 0 auto; line-height:0.3rem; font-family:microsoft yahei; color:#333; font-size:0.2rem; text-align:center; position:absolute; top:40%; right:20%;}
.section3_cp_pic{ width:50%; height:auto; overflow:hidden; margin:0 auto; text-align:center; float:left;}
.section3_cp_pic img{ width:62%; height:auto;}

.section3.active .section3_cp_t{-webkit-animation: bounceInTop 2s; }
.section3.active .section3_cp_m{-webkit-animation: bounceInBottom 2.5s; }
.section3.active .section3_cp_pic img{-webkit-animation: bounceInLeft 3s; }

.section3_box1:hover .section3_cp_t{color: #58ae21; transition:all 0.5s;}
.section3_box2:hover .section3_cp_t{color: #58ae21; transition:all 0.5s;}
.section3_box3:hover .section3_cp_t{color: #58ae21; transition:all 0.5s;}

.section3_box1:hover .section3_cp_pic{-webkit-animation: propic 1.5s linear infinite;}
.section3_box2:hover .section3_cp_pic{-webkit-animation: propic 1.5s linear infinite;}
.section3_box3:hover .section3_cp_pic{-webkit-animation: propic 1.5s linear infinite;}
@-webkit-keyframes propic {
  0% {
	padding-top:0;
  }
  50% {
    padding-top:10px;
  }
  100% {
    padding-top:0;
  }
}


@keyframes joins {
        0%{ width:68px; height:68px; top:16px; left:16px; background-color:rgba(76,109,205,0.6); }
        100%{ width:100px; height:100px; top:0; left:0; background-color:rgba(76,109,205,0); }
    }
@keyframes joins1 {
        0%{ width:68px; height:68px; top:16px; left:16px; background-color:rgba(76,109,205,0.6); }
        100%{ width:88px; height:88px; top:6px; left:6px; background-color:rgba(76,109,205,0); }
    }
	
@keyframes joins2 {
        0%{ width:68px; height:68px; top:16px; left:16px; background-color:rgba(30,191,226,0.6); }
        100%{ width:100px; height:100px; top:0; left:0; background-color:rgba(30,191,226,0); }
    }
@keyframes joins3 {
        0%{ width:68px; height:68px; top:16px; left:16px; background-color:rgba(30,191,226,0.6); }
        100%{ width:88px; height:88px; top:6px; left:6px; background-color:rgba(30,191,226,0); }
    }

@keyframes joins4 {
        0%{ width:68px; height:68px; top:16px; left:16px; background-color:rgba(24,71,180,0.6); }
        100%{ width:100px; height:100px; top:0; left:0; background-color:rgba(24,71,180,0); }
    }
@keyframes joins5 {
        0%{ width:68px; height:68px; top:16px; left:16px; background-color:rgba(24,71,180,0.6); }
        100%{ width:88px; height:88px; top:6px; left:6px; background-color:rgba(24,71,180,0); }
    }

/*zongh*/
.section4{width: 100%;height: auto;overflow: hidden; background: url(../img/images/bg1.jpg) left top; }
.section4_bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.section4_bg .bubble1{position:absolute; left:-6%; top: -6%; border: 1px solid #cbdced; width: 0%; padding-top: 0%; transition:all 2s; border-radius:50%;}
.section4.active .section4_bg .bubble1{position:absolute;left:-2%; top: -3%;border: 1px solid #cbdced; width: 70%; padding-top: 70%; transition:all 3s; border-radius:50%;}
.section4_bg .bubble2{position:absolute; left:-10.5%; top: -10%; border: 1px solid #cbdced; width: 0%; padding-top: 0%; transition:all 1.5s; border-radius:50%;}
.section4.active .section4_bg .bubble2{position:absolute;left:-4%; top: -5%;border: 1px solid #cbdced; width: 85%; padding-top: 85%; transition:all 2.5s; border-radius:50%;}
.section4_bg .bubble3{position:absolute; left:-11%; top: -10%; border: 1px solid #cbdced; width: 0%; padding-top: 0%; transition:all 1s; border-radius:50%;}
.section4.active .section4_bg .bubble3{position:absolute;left:-6%; top: -5%;border: 1px solid #cbdced; width: 95%; padding-top: 95%; transition:all 2s; border-radius:50%;}
.section4_map{ width:auto; height:auto; max-width:60vw; text-align:center; position:absolute; top:25%; left:2%;}
.section4_map img{ width:100%; height:auto; max-width:60vw; transition:all 1s;}
.section4.active .section4_map img{ width:100%; height:auto; max-width:60vw; transition:all 2.5s; }
.section4_bg .bubble1 .yuan{position:absolute; right:17%; top: 16%;}
.section4_bg .bubble1 .yuan:nth-child(2){position:absolute; right:10%; top: 40%;}
.section4_bg .bubble1 .yuan:nth-child(3){position:absolute; right:19%; top: 70%;}
.section4_bg .bubble1 .yuan:nth-child(4){position:absolute; right:92%; top: 78%;}
.section4_bg .bubble2 .yuan{position:absolute; right:24%; top:78%;}
.section4_bg .bubble1 .yuan .pic{ width:100px; height:100px; border-radius:50%; position:absolute; top:0; left:0; animation:joins 2s infinite linear; transform-origin: 50% 50%;}
.section4_bg .bubble1 .yuan .pic2{ width:88px; height:88px; border-radius:50%; position:absolute; top:0; left:0; animation:joins1 2s infinite linear; animation-delay:0.5s;  transform-origin: 50% 50%;}
.section4_bg .bubble1 .yuan .pic3{ width:68px; height:68px; position:absolute; top:16px; left:16px; background-color:#4c6dcd; border-radius:50%; text-align:center; font-size: 18px; color: #fff; line-height: 68px;}

.section4_bg .bubble1 .yuan:nth-child(2) .pic{ width:100px; height:100px; border-radius:50%; position:absolute; top:0; left:0; animation:joins2 2s infinite linear; transform-origin: 50% 50%;}
.section4_bg .bubble1 .yuan:nth-child(2) .pic2{ width:88px; height:88px; border-radius:50%; position:absolute; top:0; left:0; animation:joins3 2s infinite linear; animation-delay:0.5s;  transform-origin: 50% 50%;}
.section4_bg .bubble1 .yuan:nth-child(2) .pic3{ width:68px; height:68px; position:absolute; top:16px; left:16px; background-color:#1ebfe2; border-radius:50%; text-align:center; font-size: 18px; color: #fff; line-height: 68px;}

.section4_bg .bubble1 .yuan:nth-child(4) .pic{ width:100px; height:100px; border-radius:50%; position:absolute; top:0; left:0; animation:joins4 2s infinite linear; transform-origin: 50% 50%;}
.section4_bg .bubble1 .yuan:nth-child(4) .pic2{ width:88px; height:88px; border-radius:50%; position:absolute; top:0; left:0; animation:joins5 2s infinite linear; animation-delay:0.5s;  transform-origin: 50% 50%;}
.section4_bg .bubble1 .yuan:nth-child(4) .pic3{ width:68px; height:68px; position:absolute; top:16px; left:16px; background-color:#1847b4; border-radius:50%; text-align:center; font-size: 18px; color: #fff; line-height: 68px;}

.section4_bg .bubble2 .yuan .pic{ width:100px; height:100px; border-radius:50%; position:absolute; top:0; left:0; animation:joins4 2s infinite linear; transform-origin: 50% 50%;}
.section4_bg .bubble2 .yuan .pic2{ width:88px; height:88px; border-radius:50%; position:absolute; top:0; left:0; animation:joins5 2s infinite linear; animation-delay:0.5s;  transform-origin: 50% 50%;}
.section4_bg .bubble2 .yuan .pic3{ width:68px; height:68px; position:absolute; top:16px; left:16px; background-color:#1847b4; border-radius:50%; text-align:center; font-size: 18px; color: #fff; line-height: 68px;}

.section4_right{ width:50%; height:auto; overflow:hidden; position:absolute; top:70%; right:5%;}
.section4_right_en{ width:80%; height:auto; overflow:hidden; margin:0 0 0 auto; line-height:1.5; font-family:Arial; color:#2e52ae; font-size:30px; text-align:right;}
.section4_right_title{ width:100%; height:auto; overflow:hidden; margin:20px auto; line-height:40px; font-family:microsoft yahei; color:#333; font-size:30px; text-align:right;}
.section4_right_con{ width:100%; height:auto; overflow:hidden; margin:30px auto 0 auto; line-height:25px; font-family:microsoft yahei; color:#333; font-size:14px; text-align:right;}

.section4 .swiper-container{width:100%; height:auto; margin:0 auto; position:relative;}
.section4 .swiper-wrapper{ width:100%; margin:0 auto;}
.section4 .swiper-slide{ width:100%; height:100%; overflow:hidden; position:relative; text-align:center;}
.section4 .swiper-slide img{ width:100%; height:100%;}
.section4 .swiper_btnz{position: absolute;top: 55%;width: 48px;height: 48px; right:-100px;background: url(../img/images/nei_left.png) 0 0 no-repeat; background-size:cover; display: block;z-index:10;}
.section4 .swiper_btny{position: absolute;top: 55%;width: 48px;height: 48px; right:-160px;background: url(../img/images/nei_right.png) 0 0 no-repeat; background-size:cover; display: block;z-index:10;}

.section4.active .section4_right_en{-webkit-animation: bounceInBottom 2s;}
.section4.active .section4_right_title{-webkit-animation: bounceInBottom 2.5s;}
.section4.active .section4_right_con{-webkit-animation: bounceInBottom 3s;}


.section5{width: 100%;height: auto;overflow: hidden; background: url(../img/images/bg1.jpg) left top; }
.section5_bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.section5_bg .bubble{position: absolute;border-radius: 100%;animation:spin 8s infinite linear;transform-origin: 50% 45%;}
.section5_bg .bubble:nth-child(2n){animation:spin2 8s infinite linear;}
.section5_bg .sm-bubble{transform-origin: 30% 30px;}
.section5_bg .bg-bubble{transform-origin: 50% 50%;}


.section5_bg .bubble3{
	right: -5%;
	bottom: 5%;
	border: 1px solid #87dff5;
	width: 10%;
	padding-top: 10%;
}
.section5_bg .bubble5{
	left: 30.1%;
	top: 39.0625%;
	background-color: #f0f9fa;
	opacity: 1;
	width: 10px;
	height: 10px;
}
.section5_bg .bubble6{
	width: 15.77%;
	padding-top: 15.77%;
	left: -5.3854%;
	bottom: -10%;
	background-color: #f0f9fa;
}

.section5_bg .bubble9{
	width: 25px;
	padding-top: 25px;
	left: 50.33%;
	bottom: 5%;
	background-color: rgba(243,250,240,1);
}
.section5_bg .bubble10{
	width: 8px;
	padding-top: 8px;
	left: 55.67%;
	bottom: 13%;
	background-color: rgba(243,250,240,1);
}
.section5_bg .bubble11{
	right: -1.9%;
	top: -9.125%;
	width: 18%;
	padding-top: 12%;
	background-color: #f0f9fa;
	opacity: 1;
	filter: alpha(opacity=100);
}
.section5_menu{ width:100%; height:auto; overflow:hidden; position:absolute; top:11%; left:0; font-size:0.32rem; line-height:1.5; color:#333; text-align:center;}
.section5_down{ width:100%; height:auto; overflow:hidden; position:absolute; top:24%; left:0; text-align:center; display:none;}
.section5_downm{ width:100%; height:auto; overflow:hidden; position:absolute; top:24%; left:0; text-align:center; display:block;}
.section5_down_box{ width:44%; height:auto; overflow:hidden; margin:0 2% 0 2%; display:inline-block;}
.section5_down_box_img{ width:100%; height:2rem; overflow:hidden;}
.section5_down_box_img img{ width:100%; height:auto; transition:all 0.5s;}
.section5_down_box_title{ width:100%; height:0.3rem; overflow:hidden; margin:0.05rem auto 0 auto; font-size:0.18rem; line-height:0.3rem; color:#333; text-align:left;}
.section5_down_box_con{ width:100%; height:0.3rem; overflow:hidden; margin:0.05rem auto; font-size:0.16rem; line-height:0.3rem; color:#666; text-align:left;}
.section5_down_box_b{ width:100%; height:0.3rem; overflow:hidden; margin:0 auto; font-size:0.14rem; line-height:0.3rem; color:#666; position:relative; text-align:left;}
.section5_down_box_b p{float:right; font-size:0.16rem; line-height:0.3rem;}
.section5_down_box_y{ position:absolute; width:22px; height:22px; border:1px solid #666; border-radius:50%; top:3px; right:26%; transition:all 0.5s;}
.section5_down_box_h{ position:absolute; width:45px; height:1px; background-color:#666; top:14px; right:20%;}
.section5_down_box:hover .section5_down_box_img img{ width:100%; height:auto; transform:scale(1.1); transition:all 0.5s;}
.section5_down_box:hover .section5_down_box_title{color:#2e52ae;}
.section5_down_box:hover .section5_down_box_b{color:#2e52ae;}
.section5_down_box:hover .section5_down_box_y{border:1px solid #2e52ae; right:28%; transition:all 0.5s;}
.section5_down_box:hover .section5_down_box_h{background-color:#2e52ae;}

.section5.active .section5_menu{-webkit-animation: bounceInBottom 2s;}
.section5.active .section5_down_box{-webkit-animation: bounceInBottom 2.5s;}
.section5.active .section5_down_box_title{-webkit-animation: bounceInBottom 3s;}
.section5.active .section5_down_box_con{-webkit-animation: bounceInBottom 3s;}
.section5.active .section5_down_box_b{-webkit-animation: bounceInBottom 3s;}
.section5.active .section5_more{-webkit-animation: bounceInBottom 4s;}
.section5_more{ width:140px; height:40px; overflow:hidden; background:url(../img/images/t7.png) no-repeat center; background-size: 100% auto; position:absolute; bottom:5%; left:45%; font-size:14px; line-height:40px; color:#fff; text-indent:35px;}

/*video*/
.section6{width: 100%;height: auto;overflow: hidden; background-color:#fff;}
.section6 .swiper-container{width:90%; height:110px; position:absolute; top:10%; left:5%; margin:0 auto;}
.section6 .swiper-wrapper{ width:90%; margin:0 auto; display:block;}
.section6 .swiper-slide{ width:100%; height:100%; overflow:hidden; position:relative; text-align:center;}
.section6 .swiper-slide img{ width:100%; height:100% ;}


.section6 .swiper-paginationin{ height:10px; overflow:hidden; position:absolute; right:0px; bottom:10px !important; left:0 !important; margin:auto; z-index:1; text-align:center; }
.section6 .swiper-paginationin span{ display:inline-block;width:10px; border-radius:100%; height:10px; background:#dbdbdb; cursor:pointer; vertical-align:top; margin:0 4px;opacity:0.9 !important;}
.section6 .swiper-paginationin span.swiper-pagination-bullet-active{ background-color:#999;opacity:1 !important;}
.section6 .swiper_btnz{position: absolute;top: 45%;width: 48px;height: 48px; left:0;background: url(../img/images/left.png) 0 0 no-repeat;display: block;z-index:10;}
.section6 .swiper_btny{position: absolute;top: 45%;width: 48px;height: 48px; right:0;background: url(../img/images/right.png) 0 0 no-repeat;display: block;z-index:10;}

.links_box{ width:238px; height:108px; overflow:hidden; border:1px solid #e5e5e5; float:left; margin:0 10px;}
.links_box img{ width:auto; height:auto; max-width:238px; max-height:98px; margin:5px auto;}

.section6_foot{ width:100%; height:45%; overflow:hidden; position:absolute; bottom:0; left:0;}
.section6_foot_top{ width:100%; height:88%; overflow:hidden; background-color:#323338;}
.section6_foot_slogan{ width:100%; height:1rem; overflow:hidden; border-bottom:1px solid #47484c; line-height:1rem; font-family:"Source"; font-weight:400; font-size:0.32rem; color:#e0e0e0; text-align:center;}
.section6_foot_center{ width:94%; height:auto; overflow:hidden; margin:0.2rem auto 0 auto;}
.section6_foot_center_l{ width:40%; height:auto; overflow:hidden; float:left;}
.foot_logo{ width:100%; height:58px; overflow:hidden; margin-bottom:30px; background:url(../img/images/logo.png) no-repeat left center; background-size:auto 100%;}
.foot_tel{ width:auto; height:auto; overflow:hidden; margin-bottom: 0.1rem; line-height:0.3rem; font-family:"microsoft yahei"; font-size:0.16rem; color:#b0b0b0; background:url(../img/images/t8.png) no-repeat left center; background-size:auto 0.3rem; padding-left: 0.35rem;}
.foot_tel:nth-child(3){ width:auto; height:auto; overflow:hidden; line-height:0.3rem; font-family:"microsoft yahei"; font-size:0.16rem; color:#b0b0b0; background:url(../img/images/t9.png) no-repeat left center;  background-size:auto 0.3rem; padding-left: 0.35rem;}
.foot_tel:nth-child(4){ width:auto; height:auto; overflow:hidden; line-height:0.3rem; font-family:"microsoft yahei"; font-size:0.16rem; color:#b0b0b0; background:url(../img/images/t10.png) no-repeat left top;  background-size:auto 0.3rem; padding-left: 0.35rem;}
.section6_foot_center_c{ width:55%; height:auto; overflow:hidden; float:left; margin:0 2%; display: none;}
.footer_c_box{ width:18%; height:auto; overflow:hidden; margin:0 1%; float:left;}
.footer_c_box_t{ width:100%; height:auto; overflow:hidden; color:#fff; font-size:0.16rem; line-height:1.5; font-family:"microsoft yahei";} 
.footer_c_box_li{ width:100%; height:auto; overflow:hidden; color:#b0b0b0; font-size:0.14rem; line-height:2; font-family:"microsoft yahei";} 
.footer_c_box_li:hover{ color:#2e52ae;} 
.section6_foot_center_r{ width:55%; height:auto; overflow:hidden; float:right;}
.footer_r_er{ width:1rem; height:auto; overflow:hidden; float:left;}
.footer_r_er_img{ width:1rem; height:1rem; overflow:hidden;}
.footer_r_er_img img{ width:1rem; height:1rem; vertical-align: top;}
.footer_r_title{ width:1rem; height:auto; overflow:hidden; color:#fff; font-size:0.16rem; line-height:0.3rem; font-family:"microsoft yahei"; text-align:center;}
.footer_top_t{ width:72%; height:auto; overflow:hidden; margin:0 auto; float:right;}
.footer_top_t_l{ width:22px; height:auto; overflow:hidden; background:url(../img/images/tel.png) no-repeat center top; margin:0 auto; writing-mode:tb-rl; text-align:justify; padding-top:28px; color:#a0a1a2; font-family:"microsoft yahei"; line-height:22px; font-size:14px; float:left;}
.footer_top_t_r{ width:85%; height:auto; overflow:hidden;float:left; margin:0 auto 0 20px;}
.footer_top_t_r_a{width:auto; height:auto; overflow:hidden; color:#d8d8d9; font-family:"microsoft yahei"; line-height:20px; font-size:15px;}
.footer_top_t_r_b{width:auto; height:auto; overflow:hidden; color:#fff; font-family:"Arial"; line-height:40px; font-size:26px; font-weight:bold;}
.footer_top_t_r_c{width:auto; height:auto; overflow:hidden; color:#adadaf; font-family:"microsoft yahei"; line-height:25px; font-size:14px;}


.section6_foot_down{ width:100%; height:12%; overflow:hidden; padding:1.5% 5%; background-color:#28292e; font-size:0.14rem; color:#7e7f82; text-align:left;}
.section6_foot_down p{float:right; font-size:0.14rem;}
.section6_foot_down p a{color:#7e7f82;}

.section6.active .swiper-container{-webkit-animation: bounceInBottom 2.3s;}
.section6.active .section6_foot{-webkit-animation: bounceInBottom 2.3s;}
.section6.active .section6_foot_slogan{-webkit-animation: bounceInBottom 2.6s;}
.section6.active .foot_logo{-webkit-animation: bounceInBottom 2.7s;}
.section6.active .foot_tel{-webkit-animation: bounceInBottom 2.8s;}
.section6.active .section6_foot_center_c{-webkit-animation: bounceInRight 3s;}
.section6.active .footer_r_er{-webkit-animation: bounceInBottom 3s;}
.section6.active .footer_top_t{-webkit-animation: bounceInBottom 3.2s;}



.touchsliderindex .touchslider-item .pic{width: 100%;height:100%;overflow: hidden;}
.touchsliderindex,.touchsliderindex .touchslider-viewport,.touchsliderindex .touchslider-item,.touchsliderindex .touchslider-item .pic{height: 100%;}
.touchsliderindex .pic img{width: 100%;height:100%;display: none;}
.touchsliderindex .touchslider-navtag{position:absolute; bottom:50%; text-align:center; width:100%; z-index: 99;}
.touchsliderindex .touchslider-navtag .touchslider-prev{ width:48px; height:48px; background:url("../img/images/trrleft.png") no-repeat center; float:left; margin-left:7%; cursor:pointer;}
.touchsliderindex .touchslider-navtag .touchslider-next{ width:48px; height:48px; background:url("../img/images/trrright.png") no-repeat center; float:right; margin-right:7%; cursor:pointer;}
.touchsliderindex .touchslider-navtag .wk{height: 36px;}
.touchsliderindex .touchslider-nav-item{display:inline-block;border-radius: 5px;width: 5px; height: 5px;background: #cac5c8;}
.touchsliderindex .touchslider-nav-item-current{background-color: #074349;}
.touchsliderindex .touchslider-item.active .pwk p{opacity: 1; -webkit-animation: fadeInUp .7s ease-in-out both; animation: fadeInUp .7s ease-in-out both; -webkit-animation-delay: 1.2s; animation-delay: 1.2s; }

/*--about--*/
.sectionab1{width: 100%;height: auto;overflow: hidden; background: url(../img/images/bg2.jpg) left top; background-size: cover; }
.nei_about{ width:85%; height:auto; overflow:hidden; position:absolute; top:15%; left:7.5%;}
.nei_about_l{ width:100%; height:auto; overflow:hidden; float:left; margin:0 5% 0 auto;}
.nei_about_l_title{ width:100%; height:auto; overflow:hidden; color:#2e52ae; line-height:1.5; font-size:0.3rem; font-family:microsoft yahei;}
.nei_about_l_gupiao{ width:100%; height:auto; overflow:hidden; color:#666; line-height:2; font-size:0.24rem; font-family:microsoft yahei; margin:10px auto;}
.nei_about_l_con{ width:100%; height:auto; overflow:hidden; float: left; color:#333; line-height:0.3rem; font-size:0.16rem; font-family:microsoft yahei; margin:0 auto;}
.nei_about_l_down{ width:100%; height:auto; overflow:hidden; margin:20px auto 0 auto; float: right;}
.nei_about_l_box{ width:auto; height:60px; overflow:hidden; float:left; margin:0 10px 0.1rem auto;}
.nei_about_l_box_l{ width:60px; height:60px; overflow:hidden; float:left; margin:0 10px 0 auto;}
.nei_about_l_box_t{ width:auto; height:auto; overflow:hidden; float:left; margin:0 10px 0 auto; color:#2e52ae; line-height:30px; font-size:20px; font-family:microsoft yahei;}
.nei_about_l_box_t p{color:#2e52ae; line-height:30px; font-size:16px; font-family:microsoft yahei;}

.nei_about_r{ width:100%; height:auto; overflow:hidden; float:left; margin:0.3rem auto 0 auto; display: block; text-align: center;}
.nei_about_r .videolist img{ height:35vh;}
.nei_about_r .videolist video{ height:35vh;}
.nei_about_rm .videolist img{ height:35vh;}
.nei_about_rm .videolist video{ height:35vh;}
.nei_about_rm{ width:100%; height:auto; overflow:hidden; float:right; margin:0 auto; display:none; }
.sectionab1.active .nei_about_l_title{-webkit-animation: bounceInBottom 2s;}
.sectionab1.active .nei_about_l_gupiao{-webkit-animation: bounceInBottom 2.2s;}
.sectionab1.active .nei_about_l_con{-webkit-animation: bounceInBottom 2.4s;}
.sectionab1.active .nei_about_l_down{-webkit-animation: bounceInBottom 2.6s;}
.sectionab1.active .nei_about_r{-webkit-animation: bounceInRight 2.5s;}


/*about*/
.sectionab2{width: 100%;height: auto;overflow: hidden; background: url("../img/images/bg2.jpg") no-repeat left top; background-size:100% auto;}
.sectionab2 .bubble{position: absolute;border-radius: 100%;transform-origin: 50% 45%;}
.sectionab2 .bubble1{
	left: -3.9%;
	top: -14.125%;
	width: 18%;
	padding-top: 10%;
	background-color: #f0f9fa;
	opacity: 1;
	filter: alpha(opacity=100);
}
.sectionab2 .bubble2{
	position: absolute;
	width: 37%;
	padding-top: 46%;
	background:url(../img/images/about4.jpg) no-repeat;
	background-size:cover;
	right: 0;
	top: -45%;
}
.sectionab2_menu{ width:auto; height: auto; overflow:hidden; position:absolute; top:25%; left:5%; line-height:60px; font-size:50px; color:#2e52ae; font-family:microsoft yahei;}
.sectionab2_lunbo{ width:100%; height:auto; overflow:hidden; position:absolute; bottom:5%; left:0; display:block;}
.sectionab2_lunbom{ width:80%; height:auto; overflow:hidden; position:absolute; bottom:5%; left:10%; display:none; text-align:center !important;}
.sectionab2_lunbo .swiper-container{width:100%; height:80%; overflow:hidden; margin:0 auto;}
.sectionab2_lunbo .swiper-wrapper{ width:100%; margin:0 auto;}
.sectionab2_lunbo .swiper-slide{ width:100%; height:100%; overflow:hidden; position:relative; text-align:center;}
.sectionab2_lunbo .swiper-slide img{ width:100%; height:100% ;}


.sectionab2_lunbo .swiper-paginationin{ height:10px; overflow:hidden; position:absolute; right:0px; bottom:10px !important; left:0 !important; margin:auto; z-index:1; text-align:center; }
.sectionab2_lunbo .swiper-paginationin span{ display:inline-block;width:10px; border-radius:100%; height:10px; background:#dbdbdb; cursor:pointer; vertical-align:top; margin:0 4px;opacity:0.9 !important;}
.sectionab2_lunbo .swiper-paginationin span.swiper-pagination-bullet-active{ background-color:#999;opacity:1 !important;}
.sectionab2_lunbo .swiper_btnz{position: absolute;top: 80%;width: 55px;height: 55px; left:10%;background: url(../img/images/nei_left.png) 0 0 no-repeat;display: block;z-index:10;}
.sectionab2_lunbo .swiper_btny{position: absolute;top: 80%;width: 55px;height: 55px; left:14%;background: url(../img/images/nei_right.png) 0 0 no-repeat;display: block;z-index:10;}
.sectionab2.active .sectionab2_menu{-webkit-animation: bounceInTop 2s;}
.sectionab2.active .sectionab2_lunbo{-webkit-animation: bounceInBottom 2.5s;}


/*组织*/
.sectionab3{width: 100%;height: auto;overflow: hidden; background: url("../img/images/bg2.jpg") no-repeat left top; background-size:100% auto;}
.sectionab3_menu{ width:auto; height: auto; overflow:hidden; position:absolute; top:25%; left:5%; line-height:60px; font-size:50px; color:#fff; font-family:microsoft yahei;}
.sectionab3_con{ width:100%; height: auto; overflow:hidden; position:absolute; top:5%; left:0%; text-align:center;}
.sectionab3_con img{ width:auto; height: auto; max-width:80%; max-height: 90vh;}
.sectionab3.active .sectionab3_menu{-webkit-animation: bounceInTop 2s;}
.sectionab3.active .sectionab3_con{-webkit-animation: bounceInBottom 2.5s;}


/*资质*/
.sectionab4{width: 100%;height: auto;overflow: hidden; background: url("../img/images/bg1.jpg") no-repeat left top; background-size:100% auto;}
.sectionab4_menu{ width:auto; height: auto; overflow:hidden; position:absolute; top:15%; left:5%; line-height:1.5; font-size:0.3rem; color:#333; font-family:microsoft yahei;}
.sectionab4_lunbo{ width:94%; height:auto; overflow:hidden; position:absolute; bottom:5%; left:3%;}
.sectionab4_lunbo .swiper-container{width:100%; height:100%; overflow:hidden; margin:0 auto;}
.sectionab4_lunbo .swiper-wrapper{ width:88%; margin:0 auto;}
.sectionab4_lunbo .swiper-slide{ width:100%; height:100%; overflow:hidden; position:relative; text-align:center;}
.sectionab4_lunbo .swiper-slide img{ width:100%; height:100% ;}

.sectionab4_lunbo .swiper-paginationin{ height:10px; overflow:hidden; position:absolute; right:0px; bottom:10px !important; left:0 !important; margin:auto; z-index:1; text-align:center; }
.sectionab4_lunbo .swiper-paginationin span{ display:inline-block;width:10px; border-radius:100%; height:10px; background:#dbdbdb; cursor:pointer; vertical-align:top; margin:0 4px;opacity:0.9 !important;}
.sectionab4_lunbo .swiper-paginationin span.swiper-pagination-bullet-active{ background-color:#999;opacity:1 !important;}
.sectionab4_lunbo .swiper_btnz{position: absolute;top: 40%;width: 100px;height: 100px; left:0%;background: url(../img/images/nei_left.png) 0 0 no-repeat;display: block;z-index:10;}
.sectionab4_lunbo .swiper_btny{position: absolute;top: 40%;width: 100px;height: 100px; right:0%;background: url(../img/images/nei_right.png) 0 0 no-repeat;display: block;z-index:10;}
.hoor_box{ width:40%; height:30vh; overflow:hidden; float:left; margin:0 1% 0.3rem 1%;}
.hoor_box img{ width:100%; height:auto; transition:all 0.5s;}
.hoor_box:hover .hoor_box img{width:100%; height:auto; transform:scale(1.1); transition:all 0.5s;}
.sectionab4.active .sectionab4_menu{-webkit-animation: bounceInTop 2s;}
.sectionab4.active .sectionab4_lunbo{-webkit-animation: bounceInBottom 2.5s;}

/*覆盖*/
.sectionab5{width: 100%;height: auto;overflow: hidden; background-color:#fff; }
.sectionab5_bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.sectionab5.active .section4_bg .bubble1{position:absolute;left:-1%; top: -1%;border: 1px solid #cbdced; width: 50%; padding-top: 50%; transition:all 3s; border-radius:50%;}
.sectionab5.active .section4_bg .bubble2{position:absolute;left:-7%; top: -11%;border: 1px solid #cbdced; width: 65%; padding-top: 65%; transition:all 2.5s; border-radius:50%;}
.sectionab5.active .section4_bg .bubble3{position:absolute;left:-12%; top: -19%;border: 1px solid #cbdced; width: 80%; padding-top: 80%; transition:all 2s; border-radius:50%;}

.sectionab5.active .section4_right_en{-webkit-animation: bounceInBottom 2s;}
.sectionab5.active .section4_right_title{-webkit-animation: bounceInBottom 2.5s;}
.sectionab5.active .section4_right_con{-webkit-animation: bounceInBottom 3s;}



.sectionab6{width: 100%;height: auto;overflow: hidden; background: url("../img/images/bg1.jpg") no-repeat left top; background-size:100% auto;}
.sectionab6.active .swiper-container{-webkit-animation: bounceInBottom 2.3s;}
.sectionab6.active .section6_foot{-webkit-animation: bounceInBottom 2.3s;}
.sectionab6.active .section6_foot_slogan{-webkit-animation: bounceInBottom 2.6s;}
.sectionab6.active .foot_logo{-webkit-animation: bounceInBottom 2.7s;}
.sectionab6.active .foot_tel{-webkit-animation: bounceInBottom 2.8s;}
.sectionab6.active .section6_foot_center_c{-webkit-animation: bounceInRight 3s;}
.sectionab6.active .footer_r_er{-webkit-animation: bounceInBottom 3s;}
.sectionab6.active .footer_top_t{-webkit-animation: bounceInBottom 3.2s;}

.sectionab7{width: 100%;height: auto;overflow: hidden; background: url("../img/images/about1.jpg") no-repeat left top; background-size:100% auto;}
.sectionab7_menu{ width:auto; height: auto; overflow:hidden; position:absolute; top:25%; left:5%; line-height:60px; font-size:50px; color:#333; font-family:microsoft yahei;}
.sectionab7_con{ width:100%; height: auto; overflow:hidden; position:absolute; top:40vh; left:0%; text-align:center;}
.sectionab7.active .sectionab7_menu{-webkit-animation: bounceInTop 2s;}
.sectionab7.active .sectionab7_con{-webkit-animation: bounceInBottom 2.5s;}
.sectionab7 .box{ width:20%; height:60px; overflow:hidden; display:inline-block; margin:20px 1.5%; background-color:rgba(46,82,174,0.5); border-radius:30px; -moz-box-shadow:0px 0px 20px #d2decb; -webkit-box-shadow:0px 0px 20px #d2decb; box-shadow:0px 0px 20px #d2decb; transition:all 0.4s;}
.sectionab7 .box .zi{ width:100%; height:60px; overflow:hidden; margin:0 auto; background: url("../img/images/right.png") no-repeat 95% center; background-size:auto 70%; line-height:60px; font-size:30px; color:#fff; font-family:microsoft yahei;}
.sectionab7 .box:hover{ width:20%; height:60px; overflow:hidden; display:inline-block; margin:20px 1.5%; background-color:rgba(46,82,174,0.9); border-radius:30px; -moz-box-shadow:0px 0px 20px #d2decb; -webkit-box-shadow:0px 0px 20px #d2decb; box-shadow:0px 0px 20px #d2decb; transition:all 0.4s;}



/*foot*/
.footer{width:100%; height:auto; overflow:hidden; background: url(../img/images/bg3.jpg) no-repeat center top;}
.footer .top{ height:150px; overflow:hidden; margin:0 auto; text-align:left; background: url(../img/images/t5.png) no-repeat left center;}
.footer .center{ width: 100%; overflow:hidden; margin:0 auto; padding:60px 0; text-align:center;}
.footer .center .left{ width:35%; height: auto; margin:0 auto; float: left;}
.footer .center .left .add{ width:100%; height: auto; margin: 0 auto; font-size:14px; color:#fff; font-family:microsoft yahei; line-height:2; text-align:left; background: url(../img/images/t7.png) no-repeat left 20%; text-indent: 2em;}
.footer .center .left .add:nth-child(2){ width:100%; height: auto; margin: 0 auto; font-size:14px; color:#fff; font-family:microsoft yahei; line-height:2; text-align:left; background: url(../img/images/t8.png) no-repeat left 20%; text-indent: 2em;}
.footer .center .left .add:nth-child(3){ width:100%; height: auto; margin: 0 auto; font-size:14px; color:#fff; font-family:microsoft yahei; line-height:2; text-align:left; background: url(../img/images/t9.png) no-repeat left 20%; text-indent: 2em;}
.footer .center .zhong{ width:40%; height: auto; margin:0 auto; float: left;}
.footer .center .zhong .one{width:33%; height:auto; overflow:hidden; margin:0px auto; float:left;}
.footer .center .zhong .one .sortName{width:auto; overflow:hidden;}
.footer .center .zhong .one .sortName a{color:#fff; text-decoration:none;font-size: 18px;color: #fff;}
.footer .center .zhong .one .list{padding-top:20px;}
.footer .center .zhong .one .list ul{list-style:none;}
.footer .center .zhong .one .list ul li{width:100%;overflow:hidden; line-height:30px;}
.footer .center .zhong .one .list ul li a{color:#fff;text-decoration:none;font-size: 16px;}
.footer .center .zhong .one .list ul li a:hover{color: #333;}
.footer .center .right{ width:25%; height: auto; margin:0 auto; float: left;}
.footer .center .right .tel{ width:65%; height: auto; overflow: hidden; margin:0 auto; background: url(../img/images/t6.png) no-repeat left center;}
.footer .center .right .tel .l2{ width:100%; height: auto; margin:0 auto 0 25%; float: left; font-size:28px; color:#fff; font-family:Arial; line-height:1.3; text-align:left; font-weight:bold;}
.footer .center .right .tel .l3{ width:100%; height: auto; margin:0 auto 0 25%; float: left; font-size:12px; color:#fff; font-family:microsoft yahei; line-height:1.3; text-align:left;}
.footer .center .right .erbox{ width:65%; height: auto; margin:30px auto 0 auto; overflow: hidden;}
.footer .center .right .erbox .er{ width:45%; height: auto; margin:0 2.5%; float: left;}
.footer .center .right .erbox .er .img{ width:100%; height:120px; display:block; overflow:hidden; background-color:#fff; margin-bottom:5px;}
.footer .center .right .erbox .er img{ width:95%; height:110px; margin:5px auto; }
.footer .center .right .erbox .er .title{ width:95%; height:auto; font-size:14px; color:#fff; font-family:microsoft yahei; line-height:1.5; text-align:center;}

.footer .copy{ width:100%; height:80px; overflow:hidden; font-size:14px; color:#fff; font-family:microsoft yahei; line-height:80px; text-align:left;}
.footer .copy a{ color:#fff; float: right;}

/**内页**/
.commbanner{ width:100%; height:auto; overflow:hidden; position:relative;}
.commbanner .title{ overflow:hidden; position:absolute; top:35%; left:23%; line-height:1.5; font-size:48px; color:#fff; font-family:microsoft yahei; text-align:left;}
.commbanner .en{overflow:hidden; line-height:1.5; font-size:24px; color:#fff; font-family: Arial; text-align:left;}
/*nav_one*/
.nei_nav{ width:100%; height:auto; overflow:hidden; margin:0 auto; background:#006cb8; text-align:center;}
.nei_nav a{ width:auto; height:auto; overflow:hidden; margin:0 auto;  font-size:16px; color:#fff; font-family:microsoft yahei; line-height:65px; text-align:center; }
.nei_nav a:hover{ width:auto; height:auto; overflow:hidden; margin:0 auto;  font-size:16px; color:#fff; font-family:microsoft yahei; line-height:65px; text-align:center; }
.nei_nav a.curr{ width:auto; height:auto; overflow:hidden; margin:0 auto; font-size:16px; color:#fff; font-family:microsoft yahei; line-height:65px; text-align:center; }

.pmain_bg{ width:100%; height:auto; margin:0 auto; overflow:hidden;}
.pmain{ width: 94%; margin:0 auto; overflow:hidden; padding: 30px 0;}
.pmain .nei_navtitle{ width:100%; height:auto; overflow:hidden; margin:0 auto 50px auto;}
.pmain .nei_navtitle .en{ width:100%; height:auto; overflow:hidden; margin:0 auto; position:relative; line-height:1; font-size:50px; color:#333; font-family:Arial; text-align:center;}
.pmain .nei_navtitle .cn{ width:100%; height:auto; overflow:hidden; margin:-30px auto 0 auto; position:relative; line-height:1; font-size:36px; color:#333; text-align:center; font-weight:bold;}
.pmain .nei_navtitle .cn span{color:#2e52ae;}
.pmain .nei_navtitle .heng{ width:20px; height:4px; overflow:hidden; margin:10px auto; position:relative; background:#2e52ae;}

/*内页底部*/
.footer_n{width:100%; height:550px; margin:0 auto; overflow:hidden; position:relative;}
.footer_n .section6_foot{width:100%; height:100%;}

/*产品展示当前位置*/
.where{ width:92%; height:auto; margin:0 auto; overflow:hidden;}
.where_left{ width:100%; height:25px; line-height:25px; text-align:left; color:#666; font-size:14px; font-family:"microsoft yahei"; padding-top:15px;}
.where_right{ width:100%; height:auto; overflow:hidden;}
.neinav_box{ width:auto; height:0.4rem; overflow:hidden; border-bottom:2px solid #fff; float:left; font-size:0.22rem; color:#333; font-family:"microsoft yahei"; text-align:center; line-height:0.4rem; margin:0.3rem 0.5rem 0.3rem 0;}
.neinav_box:hover{width:auto; height:0.4rem; overflow:hidden; border-bottom:2px solid #2e52ae; float:left; font-size:0.22rem; color:#2e52ae; font-family:"microsoft yahei"; text-align:center; line-height:0.4rem; margin:0.3rem 0.5rem 0.3rem 0;}
.neinav_box_a{width:auto; height:0.4rem; overflow:hidden; border-bottom:2px solid #2e52ae; float:left; font-size:0.22rem; color:#2e52ae; font-family:"microsoft yahei"; text-align:center; line-height:0.4rem; margin:0.3rem 0.5rem 0.3rem 0;}
.neinav_box_a:hover{width:auto; height:0.4rem; overflow:hidden; border-bottom:2px solid #2e52ae; float:left; font-size:0.22rem; color:#2e52ae; font-family:"microsoft yahei"; text-align:center; line-height:0.4rem; margin:0.3rem 0.5rem 0.3rem 0;}

.wherepro_bg{ width:100%;height: 0.5rem; background-color:#2e52ae; margin:0 auto; display: flex; text-align:center;}
.wherepro_bg a{ width:auto; height:0.5rem; overflow:hidden; display:inline-block; }
.wherepro_box{ width:auto; height:0.45rem; overflow:hidden; display:block; font-size:0.16rem; color:#fff; font-family:"microsoft yahei"; text-align:center; line-height:0.45rem; margin:0 0.2rem; border-bottom:4px solid #2e52ae;}
.wherepro_box:hover{ border-bottom:4px solid #44c9d1;}
.wherepro_box_a{width:auto; height:0.45rem; overflow:hidden; display:block; border-bottom:4px solid #44c9d1; font-size:0.16rem; color:#fff; font-family:"microsoft yahei"; text-align:center;  line-height:0.45rem; margin:0 0.2rem;}
.wherepro_box_a:hover{width:auto; height:0.45rem; overflow:hidden; display:block; border-bottom:4px solid #44c9d1; font-size:0.16rem; color:#fff; font-family:"microsoft yahei"; text-align:center;  line-height:0.45rem; margin:0 0.2rem;}


/*product*/
.pro_list{ width:100%; height:auto; min-height:500px; overflow:hidden; margin:0 auto;}
.pro_list .pcworks_box{ width:49%; height:2.6rem; float:left; margin:1% 0 1% 2%; background:#e8ecf9;}
.pro_list .pcworks_box:nth-child(2n){ width:49%; height:2.6rem; float:left; margin:1% 0 1% 2%; background:#dceff5;}
.pro_list .pcworks_box:nth-child(3n){ width:49%; height:2.6rem; float:left; margin:1% 0 1% 2%; background:#f5dce4;}

.pcworks_top{ width:35%; height:2.6rem;  margin:25px 5% 0 10%; float:left;}
.pcworks_top img{ width:100%; height:auto; transition: all 0.5s;}
.pcworks_box:hover .pcworks_top img{ width:100%; height:auto; height:auto; transition: all 0.5s;transform:scale(1.1) ;}
.pcworks_con{ width:45%; height:auto; overflow:hidden; margin:0.1rem auto 0 auto; float:left;}
.pcworks_title{ width:100%; height:auto; overflow:hidden; margin:15% auto 0 auto; line-height:1.5; color:#333; font-size:0.22rem; font-family:"Source";}
.pcworks_content{ width:100%; height:auto; max-height:0.75rem; overflow:hidden; margin:0.05rem auto; line-height:0.25rem; color:#666; font-size:0.14rem; font-family:"Source";}
.pcworks_into{ width:100%; height:0.35rem; overflow:hidden; margin:0.2rem auto 0 0; line-height:0.35rem; color:#333; font-size:0.16rem; font-family:"Source";}
.pcworks_box:hover .pcworks_into{color:#f08519; }
/*news*/
.new_list{ width:80%; height:auto; min-height:500px; overflow:hidden; margin:0 auto;}
.new_list .box{ width:31%; height:auto; margin:130px 3.5% 50px  auto;  float:left; position:relative; z-index:1;}
.new_list a:nth-child(3n) .box{ width:31%; height:auto; margin:130px auto 50px auto;  float:left; position:relative; z-index:1;}
.new_list .box .pic{ width:100%; height:370px; overflow:hidden; margin:-130px auto 0 auto; position:relative; z-index:10;}
.new_list .box .pic img{ width:100%; height:370px; overflow:hidden; margin:0 auto; transition:all 0.4s; border-radius: 15px;}
.new_list .box:hover .pic img{ width:100%; height:370px; transition:all 0.4s; transform:scale(1.05);}
.new_list .box .title{ width:94%; height:auto; overflow:hidden; margin:20px auto 0 auto; font-size:22px; color:#191919; font-family:microsoft yahei; text-align:left; line-height:1.5;}
.new_list .box:hover .title{width:94%; height:auto; overflow:hidden; margin:20px auto 0 auto; font-size:22px; color:#0993cd; font-family:microsoft yahei; text-align:left; line-height:1.5;}
.new_list .box .intro{ width:94%; height:auto; overflow:hidden; margin:0 auto; font-size:16px; color:#666; font-family:microsoft yahei; text-align:left; line-height:1.6;}
.new_list .box .more{ width:94%; height:auto; overflow:hidden; margin:30px auto;background: url(../img/images/t3.png) no-repeat 40px center;}
.new_list .box .more .times{ width:auto; height:auto; overflow:hidden; margin:0 auto; float: right; font-size:14px; color:#333; font-family:Arial; text-align:right; line-height:1.6;}
.new_list .box .more .mos{ width:auto; height:auto; overflow:hidden; margin:0 auto; float:left;  font-size:14px; color:#333; font-family:microsoft yahei; text-align:left; font-weight: bold; line-height:1.5;}
.new_list .box:hover .more .mos{ color:#0993cd;}
.new_list .new_more{ width:180px; height:50px; overflow:hidden; clear:both; border-radius:25px; background-color:#006cb8; margin:30px auto 0 auto; font-size:20px; color:#fff; font-family:Arial; text-align:left; text-indent:2em; line-height:50px; position:relative;}


/*infor*/
.infor{ width:90%; height:auto; margin:0 auto;}
.case_one{ width:100%; height:auto; overflow:hidden; margin:0 auto; padding:30px 0; background-color:#fff;}
.case_two{ width:100%; height:auto; overflow:hidden; margin:0 auto; padding:30px 0; background-color:#f9f9f9;}
.case_menu{ width:100%; height:auto; overflow:hidden; margin:0 auto; line-height:1.5; color:#333; font-size:0.3rem; font-family:"Source"; position:relative;}
.case_menu p{float:right; font-size:0.14rem; color:#999; line-height:0.3rem;}
.case_menu_y{ position:absolute; width:22px; height:22px; border:1px solid #999; border-radius:50%; top:3px; right:7%; transition:all 0.5s;}
.case_menu_h{ position:absolute; width:45px; height:1px; background-color:#999; top:14px; right:5%;}
.case_menu:hover .case_menu p{color:#2e52ae;}
.case_menu:hover .case_menu_y{border:1px solid #2e52ae; right:8%; transition:all 0.5s;}
.case_menu:hover .case_menu_h{background-color:#2e52ae;}
.case_box{ width:100%; height:auto; overflow:hidden; margin:30px auto 0 auto;}
.box_one{ width:50%; height:auto; overflow:hidden; float:left;}
.box_one img{ width:100%; height:auto;}
.box_two{ width:24%; height:2.25rem; overflow:hidden; float:left; background-color:#f9f9f9; margin:0 auto 0 1%; position:relative;}
.box_two_title{ width:90%; height:auto; overflow:hidden; margin:12% auto 0 auto; line-height:0.3rem; color:#333; font-size:0.24rem; font-family:"Source";}
.box_two_time{ width:90%; height:auto; overflow:hidden; position:absolute; bottom:10%; left:5%; line-height:0.3rem; color:#333; font-size:0.16rem; font-family: "Arial"; text-align:left;}
.box_two_time p{line-height:0.3rem; color:#333; font-size:0.16rem; font-family: "Source"; text-align:right; float:right;}
.box_two:hover .box_two_title{ color:#2e52ae;}
.box_two:hover .box_two_time p{ color:#2e52ae;}

.jieda{ width:50%; height:auto; overflow:hidden; margin:0 auto; float:left;}

.case_box .lis{width:99%; height:0.6rem; overflow:hidden; background: #fff url(../img/images/jt.png) no-repeat 96% center; float: left; border-bottom:1px solid #dfe1e1; transition:all 0.5s;}
.case_box .lis:hover{background: #2e52ae url(../img/images/jt1.png) no-repeat 96% center; color: #fff; transition:all 0.5s;}
.case_box .lis.active{background: #2e52ae url(../img/images/jt1.png) no-repeat 96% center; color: #fff; border-bottom:0;-moz-box-shadow:0px 10px 40px #2e52ae; -webkit-box-shadow:0px 10px 40px #2e52ae; box-shadow:0px 10px 40px #2e52ae; transition:all 0.5s;}
.case_box .lis .t{width: 10%; height:auto; overflow:hidden;float: left; font-size:0.5rem; color:#3e504a; line-height:0.6rem; font-weight:bold; font-family:Arial;}
.case_box .lis .t1{width: 80%; height:auto; overflow:hidden;float: left; font-size:0.18rem; color:#3e504a; line-height:0.6rem; font-family:"Source"; border-right:1px solid #dfe1e1;}
.case_box .lis:hover .t{width: 10%; height:auto; overflow:hidden;float: left; font-size:0.5rem; color:#fff; line-height:0.6rem; font-weight:bold; font-family:Arial;}
.case_box .lis:hover .t1{width: 80%; height:auto; overflow:hidden;float: left; font-size:0.18rem; color:#fff; line-height:0.6rem; font-family:"Source"; border-right:1px solid #fff;}
.case_box .lis.active .t{width: 10%; height:auto; overflow:hidden;float: left; font-size:0.5rem; color:#fff; line-height:0.6rem; font-weight:bold; font-family:Arial;}
.case_box .lis.active .t1{width: 80%; height:auto; overflow:hidden;float: left; font-size:0.18rem; color:#fff; line-height:0.6rem; font-family:"Source"; border-right:1px solid #fff;}

.case_box .sublis{ width:99%; height:auto; overflow:hidden; display: none; border-bottom:1px solid #dfe1e1; background-color:#fff;}
.case_box .sublis.active{/*display: block;*/}
.case_box .sublis  .t2{width: 10%; height:auto; overflow:hidden;float: left; font-size:0.5rem; color:#2e52ae; line-height:0.6rem; font-weight:bold; font-family:Arial;}
.case_box .sublis  .t3{width: 85%; height:auto; overflow:hidden;float: left; font-size:0.14rem; color:#666; line-height:0.3rem; font-family:"Source"; padding:0.3rem 0 0.15rem 0;}
.case_box .sublis  .td:hover{background-color: #565656;}


/*one*/
.one_nei{ width:100%; height:auto; min-height:500px; overflow:hidden; margin:0 auto; line-height:2; color: #333;}
.one_nei .shutong{text-align: center !important; font-size: 28px !important;}
.one_nei .video{ width:100%; height:auto; margin:50px auto; overflow:hidden; text-align:center;}
.one_nei #slider{ width:100%; height:auto;}

/*view*/
.view_nei{ width:99%; height:auto; min-height:4rem; overflow:hidden; margin:0 auto; float:left; border:1px solid #eeeeee;}
.view_newhead{ width:94%; height:auto; overflow:hidden; margin:0.2rem auto;}
.view_newhead .news_view_title{ width:100%; height:auto; overflow:hidden; margin:0 auto; line-height:1.6; font-size:0.3rem; color:#333; text-align:center; font-weight:bold;}
.view_newhead .news_view_title .subtitle{ width:100%; height:auto; overflow:hidden; margin:0 auto; line-height:1.5; font-size:0.18rem; color:#888; text-align:center; font-weight:bold;}
.view_newhead .news_view_wrap{ width:100%; height:auto; overflow:hidden; margin:0 auto; line-height:1.6; font-size:0.14rem; color:#999; text-align:center;}
.news_view{ width:94%; height:auto; overflow:hidden; margin:0 auto;}
.news_view .news_txt{ width:100%; height:auto; overflow:hidden; margin:0 auto; min-height:4rem; font-size: 0.18rem;}
.news_view .load{ width:8%; height:30px; overflow:hidden; float:left; margin:14px auto 0 auto; border-radius:5px; font-size:14px; color:#fff; background-color:#02346c; font-family:microsoft yahei; line-height:30px; text-align:center;}
.news_view .load:hover{ width:8%; height:30px; overflow:hidden; float:left; margin:14px auto 0 auto; border-radius:5px; font-size:14px; color:#02346c; background-color:#dddddd; font-family:microsoft yahei; line-height:30px; text-align:center;}

.view-page{ width:94%; height:auto; overflow:hidden; margin:20px auto;}
.view-page .span1{ width:48%; height:auto; overflow:hidden; float:left; font-size:16px; color:#666; text-align:left;}
.view-page .span2{ width:48%; height:auto; overflow:hidden; float:right; font-size:16px; color:#666; text-align:left;}
/*contact*/
.contact_two{ width:100%; height:auto; overflow:hidden; margin:0.5rem auto 0.3rem auto;}
.contact_two_ul{ width:48%; height:auto; overflow:hidden; float:left; }
.contact_two_ul:nth-child(2){ width:40%; height:auto; overflow:hidden; padding-left:5%; float:left;background:url(../img/images/contact1.png) no-repeat left top; background-size:70px 70px;}
.contact_two_ul:nth-child(3){ width:60%; height:auto; overflow:hidden; float:left; }
.contact_two .hot_title{ width:100%; height:auto; overflow:hidden; font-size:0.3rem; color:#2e52ae; line-height:1.5; font-family:"Source";}
.contact_two .hot_title p{ font-size:0.14rem; color:#333; line-height:0.25rem; font-family:"Source";}
.contact_two .hot_line{ width:100%; height:auto; overflow:hidden; background:url(../img/images/contact3.png) no-repeat left center; font-size:0.3rem; color:#12a09d; line-height:1.5; font-family: Arial; font-weight:bold; text-indent:1.5em; margin-top:0.2rem;}
.contact_two .er{width:1.2rem; height:auto; overflow:hidden; float:left; margin:0 0.2rem;}
.contact_two .er_img{ width:1.2rem; height:1.2rem; overflow:hidden;}
.contact_two .er_img img{ width:1.2rem; height:1.2rem; vertical-align: top;}
.contact_two .er_title{ width:1.2rem; height:auto; overflow:hidden; color:#333; font-size:0.14rem; line-height:1.5; font-family:"microsoft yahei"; text-align:center;}
.contact_stree{ width:100%; height:auto; overflow:hidden; margin:0 auto 100px auto;}
.contact_l{ width:25%; height:5rem; overflow:hidden; float:left; background:#2e52ae url(../img/images/contact4.png) no-repeat left top;}
.contact_l_title{ width:auto; height:auto; overflow:hidden; margin:0.4rem auto 0 10%; color:#fff; font-size:0.32rem; line-height:1.5; font-family: Arial; font-weight:bold;}
.contact_l_title p{color:#fff; font-size:0.24rem; line-height:1.5; font-family: "Source";}
.contact_r{ width:75%; height:5rem; overflow:hidden; float:left; background-color:#f9f9f9;}
.contact_r_box{ width:60%; height:auto; overflow:hidden; float:left; margin:0 2% 0 6%;}


.messages .nei_navtitle{ width:50%; height:auto; overflow:hidden; margin:0 auto; float:left; position:relative;}
.messages .nei_navtitle .en{ width:100%; height:auto; overflow:hidden; position: absolute; left:0; top:90px; line-height:1.3; font-size:36px; color:#12a09d; font-family:Arial; font-weight:bold; text-align:left; opacity:0.1;}
.messages .nei_navtitle .cn{ width:100%; height:auto; overflow:hidden; margin:0.3rem auto 0 auto; position:relative; line-height:1.3; font-size:0.32rem; color:#12a09d; text-align:left; font-weight:bold;}
.messages .nei_navtitle .heng{ width:40px; height:4px; overflow:hidden; margin:10px auto 0 0; position:relative; background:#12a09d;}
.messages .nei_navtitle .con{ width:80%; height:auto; overflow:hidden; margin:100px auto 0 0; position:relative; line-height:2; text-align:left; font-family:microsoft yahei;}
.messages .right{ width:40%; height:auto; overflow:hidden; margin:0 auto 0 auto; float:left;}
.messages .right .box{ width:97%; height:auto; overflow:hidden; margin:0 auto 0.05rem auto; padding:0 1%; }
.messages .right .box .title{ width:100%; height:auto; overflow:hidden; margin:0.05rem auto; font-size:0.16rem; color:#000; font-family:microsoft yahie; line-height:1.5; text-align:left;}
.messages .right input{ width:30%; height:0.35rem; overflow:hidden; float: left; margin:0.05rem auto; padding:0 3%; border:0; background:none; font-size:0.14rem; color:#666; font-family:microsoft yahie; line-height:0.35rem; text-align:left; border-radius:0.05rem; border:1px solid #ededed;}
.messages .right .box img{ width:auto; height:0.35rem; overflow:hidden; margin:0.1rem auto 0 0.2rem; padding:0 1%; float: left; }

.messages .right textarea{ width:62%; height:0.6rem; overflow:hidden; float: left; margin:0 auto; padding:2%;background:none; font-size:0.14rem; color:#666; font-family:microsoft yahie; line-height:0.3rem; text-align:left; border-radius:0.05rem; border:1px solid #ededed;}
.messages .right .an{ width:1.6rem; height:0.4rem; overflow:hidden; display:inline-block; border-radius:0.2rem; background-color:#12a09d; font-size:0.18rem; color:#fff; font-family:microsoft yahie; line-height:0.4rem; text-align:center; cursor:pointer;}
.messages ::placeholder {
	color: #999;
	}

/*sea*/
.ullist{ width:100%; height:auto; overflow:hidden; margin:1rem auto 0 auto;}
.ullist li { width:100%; height:0.4rem; overflow:hidden; line-height:0.4rem; color:#333; font-size: 0.16rem; border-bottom:1px dashed #dedede;}
.ullist li span{color:#999; float:right;}
.ullist li:hover{ width:100%; height:0.4rem; overflow:hidden; line-height:4rem; color:#02346c;}

.pmain-pos{ padding-bottom:10px; line-height:20px; color:#999; border-bottom:2px #cad1dc solid;}
.pmain-pos .t{ float:left; font-size:18px; color:#282828; position:relative; padding-left:20px;}
.pmain-pos .t:before{ content:''; background:#0099ff; width:6px; height:18px; position:absolute; left:0; top:3px; border-radius:3px;}

.pnews-detail .title{ text-align:center; padding:25px 0; border-bottom:1px #e3e3e3 solid;}
.pnews-detail .title .t{ font-size:21px; color:#0066cc;}
.pnews-detail .title .c{ color:#999; margin-top:15px; position:relative; }
.pnews-detail .title .c span{ padding:0 15px;}
.pnews-detail .aside{ padding:28px 0; color:#000; line-height:30px;}
.pnews-detail .aside table{ margin:auto; }
.pnews-detail .aside p{ padding:10px 0px; text-indent: 2em;  }
.pnews-detail .aside p img{ max-width:100%; }
.pnews-detail .nNext{ padding:28px 0; line-height:25px; border-top:1px #ccc dashed;}
.pnews-detail .nNext .fl, .pnews-detail .nNext .fr{ max-width:50%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.pnews-detail .nNext .btn{ background:#f0f0f0; display:inline-block; padding:0 2px; vertical-align:top; margin-right:5px; color:#000;}
.pnews-detail .nNext a{ display:inline-block;}

.ptech-floor{ padding:20px 0 40px 0;}
.ptech-item{ width:655px;}
.ptech-item .news-list{ margin-top:15px; width:100%;}
.ptech-item .news-list .n-item .c{ margin-top:5px;}
.ptech-itemDes{ margin-top:21px;}
.ptech-itemDes .aImg img{ width:206px; height:165px; display:block; border:1px #ebebeb dashed;}
.ptech-itemDes .aList{ width:433px;}
.ptech-itemDes .aList li{ height:28px; line-height:28px; overflow:hidden; vertical-align:middle; position:relative; padding-left:15px;}
.ptech-itemDes .aList li span{ float:right; color:#999;}
.ptech-itemDes .aList li:before{content:''; height:4px; width:4px; display:block; border:2px solid #333; border-left-width:0; border-top-width:0; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); position:absolute; top:12px; left:0;}


.site-map dl{padding:10px 0;border-bottom:1px dashed #ddd;}
.site-map dt{font-size:16px;line-height:30px;font-weight:bold;}
.site-map dd{overflow:hidden;}
.site-map dd span{display:block;margin-right:10px;float:left;}
.site-map dd span a:after{content:"|";color:#ddd;margin-left:10px;}
.site-map dd span:last-child a:after{content:"";}
.site-map dd p{overflow:hidden;}
.site-map dd strong{display:block;color:#999;}


}


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

/*网站顶部*/
.contionera {width: 100%; height:auto; margin:0 auto; position: relative; }
.wapper{ width:100%; height:auto; position:relative; z-index:1; overflow:hidden; margin:0 auto; background: url(../img/images/bg1.jpg);}
/*header*/
.head{width: 100%;height:auto;position: fixed;top:0;left: 0;z-index: 98; display:none;}
.headn{width: 100%;height:auto;position: fixed;top:0;left: 0;z-index: 98; background-color:rgba(5,108,210,0.77);}
.header{ width:100%; height:90px; overflow:hidden; margin:0 auto; display:block;}
.header_left{ width:40%; height:90px; float:left; margin-left:4%; position:absolute; top:0.2rem; z-index:101;}
.header_logo{width:2rem; height:0.8rem; overflow:hidden; float:left; background: url("../img/images/logoa.png") no-repeat center; background-size: 100% auto;}
.header_menu{width:auto; height:0.4rem; overflow:hidden; display:flex; float:right; margin:0.1rem auto 0 0.3rem;}

.header_menu .line-box{
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: middle;
	position: relative;
	width: 0.3rem;
	height: 0.2rem;
	transition: width .2s;
	margin-top: 0.1rem;
}
.header_menu .txt{
	line-height: 0.4rem;
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: middle;
	font-size:0.28rem;
	margin-left: 0.07rem;
	color: #000;
	font-family: "Arial";
	transition: all .2s;}

.header_menu .line-box .line{
	position: absolute;
	left: 0;
	width: 0.3rem;
	height: 0.05rem;
	background-color: #000;
	transform-origin: center center;
	margin: 0 0 0.02rem 0;
	transition: all .2s;
}
.header_menu .line-box .line:nth-child(1){
	top: 0;
}
.header_menu .line-box .line:last-child{
	bottom: 0;
}
.header_menu.cur .line-box .line:nth-child(1){
	top: 50%;
	margin-top: -0.015rem;
	transform: rotate(45deg);
}
.header_menu.cur .line-box .line:nth-child(2){
	bottom: 50%;
	margin-bottom: -0.015rem;
	transform: rotate(-45deg);
}
.header_menu:hover .txt{
        color: #6bb93a;
    }
.header_menu:hover .line-box .line{
        background-color: #6bb93a;
    }
	
	
.header_home{width:auto; height:24px; overflow:hidden; background: url("../img/images/home.png") no-repeat left center; position:absolute; line-height:24px; font-size:14px; color:#333; text-indent:30px; top:40px; left:360px;}
.header_home:hover{width:auto; height:24px; overflow:hidden; background: url("../img/images/homea.png") no-repeat left center; position:absolute; line-height:24px; font-size:14px; color:#2e52ae; text-indent:30px; top:40px; left:360px;}

.nav{ width:auto; height:auto; margin:30px 5% 0 auto; overflow:hidden; position:absolute; top:80px; left:15%;}
.nav_box{ width:auto; height:auto; overflow:hidden; margin:0 auto 15px auto;}
.nav_b{ width:100%; height:auto; overflow:hidden; margin-bottom:10px; line-height:1.5; font-family:microsoft yahei; color:#333; font-size:26px;}
.nav_b:hover{ width:100%; height:auto; overflow:hidden; line-height:1.5; font-family:microsoft yahei; color:#2e52ae; font-size:26px;}
.nav_c{ width:100%; height:30px; overflow:hidden;}
.nav_c_l{ width:auto; height:30px; overflow:hidden; float:left; margin-right:30px;  line-height:30px; font-family:microsoft yahei; color:#333; font-size:14px;}
.nav_c_l:hover{ width:auto; height:30px; overflow:hidden; float:left; margin-right:30px;  line-height:30px; font-family:microsoft yahei; color:#2e52ae; font-size:14px;}

.header_right{ width:50%; height:0.6rem; float:right; margin:0.3rem 2% 0 auto;}
.header_zi{ width:auto; height:0.6rem; float:right; margin:0 0.1rem; padding:0 10px; background-color:rgba(0,0,0,0.2); line-height:40px; text-align:center; font-size:14px; font-family:"Arial"; color:#fff; border-radius:10px; transition:all 0.5s;}
.header_box{ width:0.6rem; height:0.6rem; float:right; margin:0 0.1rem; background-color:rgba(0,0,0,0.2); line-height:0.6rem; text-align:center; font-size:0.24rem; font-family:"Arial"; color:#fff; border-radius:50%; transition:all 0.5s;}
.header_box img{width:0.3rem; height:0.3rem;}
.header_box:hover{ width:0.6rem; height:0.6rem; float:right; margin:0 0.1rem; background-color:rgba(46,82,174,1); line-height:0.6rem; text-align:center; font-size:0.24rem; font-family:"Arial"; color:#fff; border-radius:50%; transition:all 0.5s;}

.menu_open{ width:90%; height:100vh; overflow:hidden; background: url("../img/images/menubg.png") no-repeat left top; background-size:100% auto; display:none; position:absolute; top:0; left:0;animation: myMove 1s; -webkit-animation: myMove 1s;}


@keyframes myMove {
        0% {
			opacity: 0;
            width: 0%;
        }

        100% {
			opacity: 1;
            width: 90%;
        }
    }

@-webkit-keyframes myMove {
        0% {
			opacity: 0;
            width: 0%;
        }

        100% {
			opacity: 1;
            width: 90%;
        }
    }


.headers{width:100%; height:2rem; background-size:100%; position:fixed; top:0; z-index:98; display:block;}
.navb{width: 100%; height:100vh; position: fixed; top:0;  background: url(../img/images/bg1.jpg) no-repeat center top; background-size:auto 100%;z-index: 99; animation: mymenu 0.5s; -webkit-animation: mymenu 0.5s; display:none;}

.navb .menu { width:50%; height:auto; overflow:hidden; position:absolute; left:5%; top:20%;}
.navb li { width:100%; height:0.7rem; overflow:hidden;color: #333; font-size:0.36rem; font-family:"Source";line-height:0.7rem;}
.navb li>a {line-height: 0.7rem; color: #333; font-size:0.36rem; font-family:"Source";}
.close { width:10%; height:0.7rem;float: right;margin:0.3rem 0.3rem 0 auto;cursor: pointer; text-align:center;}
.fontc { width:60%;height:0.7rem; line-height:0.7rem;font-weight: bold;margin-left: 0.4rem; font-size:0.36rem; float:left;}
@keyframes mymenu {
        0% {
			 top:0%;
			 left:50%;
			opacity: 0;
            width: 0%;
			border-radius:50%;
        }

        100% {
			 top:0;
			 left:0;
			opacity: 1;
            width: 100%;
        }
    }

    @-webkit-keyframes mymenu {
        0% {
			 top:0%;
			 left:50%;
			opacity: 0;
            width: 0%;
			border-radius:50%;
        }

        100% {
			 top:0;
			 left:0;
			opacity: 1;
            width: 100%;
        }
    }

	
.section1{width: 100%;height: auto;overflow: hidden; }
#pcbanner{ display:none;}
#mbanner{ display:block;}

.search{ width:100%; height:20%; overflow:hidden; position:fixed; z-index:99; top:-20%; left:0; transition: all 0.5s; background-color:rgba(46,82,174,0.2);}
.search.curr{ width:100%; height:20%; overflow:hidden; position:fixed; z-index:99; top:0; left:0; transition: all 0.5s; background-color:rgba(46,82,174,0.8);}
.search .box{ width:60%; height:0.6rem; overflow:hidden; position: absolute; top:40%; left:20%;}
.search .search_left{ width:85%; height:0.6rem; float:left; background:#fff; border:1px solid #dedede; line-height:0.6rem; color:#333; font-size:0.24rem; font-family:"Source"; border-radius:0.3rem;padding:5px 20px;}
.search .search_right{ width:0.6rem; height:0.6rem; float:right;}
.search .close{ width:0.6rem; height:0.6rem; overflow:hidden; border-radius:50%; background:#fff url(../img/sidebar-close11.png) no-repeat center; background-size:60%; position: absolute; top:5%; right:2%;}


/*about*/
.section2{width: 100%;height: auto;overflow: hidden; background: url(../img/images/bg1.jpg) left top; }
.section2_bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.section2_bg .bubble{position: absolute;border-radius: 100%;animation:spin 8s infinite linear;transform-origin: 50% 45%;}
.section2_bg .bubble:nth-child(2n){animation:spin2 8s infinite linear;}
.section2_bg .sm-bubble{transform-origin: 30% 30px;}
.section2_bg .bg-bubble{transform-origin: 50% 50%;}

@keyframes spin{
    to{transform: rotate(1turn);}
}
@keyframes spin2{
    to{transform: rotate(-1turn);}
}
.section2_bg .bubble1{
	left: -3.9%;
	top: -14.125%;
	width: 18%;
	padding-top: 10%;
	background-color: #f0f9fa;
	opacity: 1;
	filter: alpha(opacity=100);
}

.section2_bg .bubble2{
	left: 7.5%;
	top: 20%;
	width: 70px;
	height: 70px;
	background-color: #f0f2f2;
	z-index: 3;
}

.section2_bg .bubble3{
	left: 15.625%;
	top: 16%;
	border: 1px solid #87dff5;
	width: 72px;
	height: 72px;
}
.section2_bg .bubble4{
	left: 37%;
	bottom: 10%;
	background:url(../img/images/t3.png) no-repeat;
	background-size:cover;
	width: 25%;
	padding-top: 25%;
}
.section2_bg .bubble5{
	left: 30.1%;
	top: 39.0625%;
	background-color: #87dff5;
	opacity: 1;
	width: 10px;
	height: 10px;
}
.section2_bg .bubble6{
	width: 56.77%;
	padding-top: 56.77%;
	left: -28.3854%;
	top: 35.48%;
	background: -webkit-linear-gradient(left, rgba(247,247,247,1),rgba(247,247,247,.1) 100%);
	background: -ms-linear-gradient(left, rgba(247,247,247,1),rgba(247,247,247,.1) 100%);
	background: linear-gradient(left, rgba(247,247,247,1),rgba(247,247,247,.1) 100%);
}

.section2_bg .bubble7{
	width: 13%;
	padding-top: 13%;
	left: -6.5%;
	top: 45.3125%;
	border:1px solid #ddd;
}
.section2_bg .bubble8{
	width: 72px;
	height: 72px;
	left: -1.875%;
	top: 82.3%;
	border:1px solid #87dff5;
}
.section2_bg .bubble9{
	width: 10px;
	padding-top: 10px;
	left: 8.33%;
	top: 41%;
	background-color: rgba(135,223,245,1);
}
.section2_bg .bubble10{
	width: 6px;
	padding-top: 6px;
	left: 11.67%;
	top: 50%;
	background-color: rgba(135,223,245,1);
}
.section2_bg .bubble11{
	right: -1.9%;
	top: -9.125%;
	width: 18%;
	padding-top: 12%;
	background-color: #f0f9fa;
	opacity: 1;
	filter: alpha(opacity=100);
}
.section2_bg .bubble12{
	position: absolute;
	width: 25%;
	padding-top: 30%;
	border:1px solid #ddd;
	right: -15%;
	bottom: -20%;
}

.section2_title{ position:absolute; top:16%; left:0; width:100%; z-index: 100; }
.section2_title .wrap-inner{
	overflow: hidden;
}
.section2_title .title-canvas
{
	transform:translateY(100%);
}
.section2_title .m-tit{
	display: block;
		font-size: 0.7rem;
		line-height: 1.5;
		color: #333;
		text-align: center;
		letter-spacing: 4px;
		padding-left: 4px;
		 font-weight:bold;
		-webkit-background-clip: text;
	    background-clip: text;
	    -webkit-text-fill-color: transparent;
	    -webkit-animation: aitf 10s linear infinite;
	    -webkit-transform: translate3d(0, 0, 0);
	    -webkit-backface-visibility: hidden;
	    background-image: url("../img/images/p2c.jpg");
	    background-position: 60% 15%;
	    background-repeat: no-repeat;
		
}
@-webkit-keyframes aitf {
  0% {
    background-position: 50% center;
  }
  25% {
    background-position: 60% center;
  }
  50% {
    background-position: 50% center;
  }
  75% {
    background-position: 40% center;
  }
  100% {
    background-position: 50% center;
  }
}
.section2_title .gupiao{
	width: 90%;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	display: block;
		font-size: 0.32rem;
		line-height: 1.5;
		color: #747474;
		text-align: center;
}
.section2_con{ position:absolute; top:48%; left:0; width:100%; overflow:hidden; text-align:center; }
.section2_con_box:nth-child(1){width:94%; height:auto; overflow:hidden; display:inline-block; margin:0 3% 0.5rem 3%; cursor:pointer;}
.section2_con_box{width:43%; height:auto; overflow:hidden; display:inline-block; margin:0 3%; cursor:pointer;}
.section2_con_t{width:100%; height:auto; overflow:hidden; font-size: 0.9rem; line-height: 1.2; color: #333; text-align: center; font-family:microsoft yahei; transition:all 0.5s;}
.section2_con_t span{font-size: 0.36rem; line-height: 0.5rem; color: #333; font-family:microsoft yahei;}
.section2_con_d{width:100%; height:auto; overflow:hidden; margin:0.3rem auto 0 auto; font-size:0.26rem; line-height:1.5; color: #333; font-family:microsoft yahei;}

.section2_con_box:hover .section2_con_t{width:100%; height:auto; overflow:hidden; font-size: 0.9rem; line-height: 1.2; color: #2e52ae; text-align: center; font-family:microsoft yahei; transition:all 0.5s;}
.section2.active .wrap-inner{-webkit-animation: bounceInBottom 2s; }
.section2.active .gupiao{-webkit-animation: bounceInBottom 2.5s;}
.section2.active .section2_con_t{-webkit-animation: bounceInBottom 2s;}
.section2.active .section2_con_d{-webkit-animation: bounceInBottom 2.5s;}


/*brand*/
.section3{width: 100%;height: auto;overflow: hidden;}
.section3_box1{position: relative; width:100%; height:37.3%; float:left; overflow:hidden; background-color:#e8ecf9;}
.section3_box1:after {
        position: absolute;
        content: '';
        width: 110%;
        height: 40%;
        background: #fffafd;
        top: 80%;
        left: -5%;
        border-radius: 50%;
      }
.section3_box2{position: relative; width:100%; height:33.3%;float:left; overflow:hidden; background-color:#f9fcff;}
.section3_box2:after {
        position: absolute;
        content: '';
        width: 110%;
        height: 40%;
        background: #dceff5;
        top: 80%;
        left: -5%;
        border-radius: 50%;
      }
.section3_box3{position: relative; width:100%; height:29%;float:left; overflow:hidden; background-color:#dceff5;}
.section3_cp{ width:80%; height:auto; overflow:hidden; margin:20% auto 0 auto;}
.section3_cp2{ width:80%; height:auto; overflow:hidden; margin:15% auto 0 auto;}
.section3_cp3{ width:80%; height:auto; overflow:hidden; margin:15% auto 0 auto;}
.section3_cp_t{ width:50%; height:auto; overflow:hidden; margin:0 auto; line-height:0.4rem; font-family:microsoft yahei; color:#333; font-size:0.3rem; text-align:center;transition:all 0.5s; position:absolute; top:20%; right:10%;}
.section3_cp_m{ width:50%; height:auto; overflow:hidden; margin:0.2rem auto 0 auto; line-height:0.3rem; font-family:microsoft yahei; color:#333; font-size:0.2rem; text-align:center; position:absolute; top:40%; right:10%;}
.section3_cp_pic{ width:60%; height:auto; overflow:hidden; margin:0 auto; text-align:center; float:left;}
.section3_cp_pic img{ width:62%; height:auto;}

.section3.active .section3_cp_t{-webkit-animation: bounceInTop 2s; }
.section3.active .section3_cp_m{-webkit-animation: bounceInBottom 2.5s; }
.section3.active .section3_cp_pic img{-webkit-animation: bounceInLeft 3s; }

.section3_box1:hover .section3_cp_t{color: #2e52ae; transition:all 0.5s;}
.section3_box2:hover .section3_cp_t{color: #2e52ae; transition:all 0.5s;}
.section3_box3:hover .section3_cp_t{color: #2e52ae; transition:all 0.5s;}

.section3_box1:hover .section3_cp_pic{-webkit-animation: propic 1.5s linear infinite;}
.section3_box2:hover .section3_cp_pic{-webkit-animation: propic 1.5s linear infinite;}
.section3_box3:hover .section3_cp_pic{-webkit-animation: propic 1.5s linear infinite;}
@-webkit-keyframes propic {
  0% {
	padding-top:0;
  }
  50% {
    padding-top:10px;
  }
  100% {
    padding-top:0;
  }
}


@keyframes joins {
        0%{ width:0.6rem; height:0.6rem; top:0.25rem; left:0.25rem; background-color:rgba(76,109,205,0.6); }
        100%{ width:1.1rem; height:1.1rem; top:0; left:0; background-color:rgba(76,109,205,0); }
    }
@keyframes joins1 {
        0%{ width:0.6rem; height:0.6rem; top:0.25rem; left:0.25rem; background-color:rgba(76,109,205,0.6); }
        100%{ width:0.9rem; height:0.9rem; top:0.1rem; left:0.1rem; background-color:rgba(76,109,205,0); }
    }
	
@keyframes joins2 {
        0%{ width:0.6rem; height:0.6rem; top:0.25rem; left:0.25rem; background-color:rgba(30,191,226,0.6); }
        100%{ width:1.1rem; height:1.1rem; top:0; left:0; background-color:rgba(30,191,226,0); }
    }
@keyframes joins3 {
        0%{ width:0.6rem; height:0.6rem; top:0.25rem; left:0.25rem; background-color:rgba(30,191,226,0.6); }
        100%{ width:0.9rem; height:0.9rem; top:0.1rem; left:0.1rem; background-color:rgba(30,191,226,0); }
    }

@keyframes joins4 {
        0%{ width:0.6rem; height:0.6rem; top:0.25rem; left:0.25rem; background-color:rgba(24,71,180,0.6); }
        100%{ width:1.1rem; height:1.1rem; top:0; left:0; background-color:rgba(24,71,180,0); }
    }
@keyframes joins5 {
        0%{ width:0.6rem; height:0.6rem; top:0.25rem; left:0.25rem; background-color:rgba(24,71,180,0.6); }
        100%{ width:0.9rem; height:0.9rem; top:0.1rem; left:0.1rem; background-color:rgba(24,71,180,0); }
    }

/*zongh*/
.section4{width: 100%;height: auto;overflow: hidden; background: url(../img/images/bg1.jpg) left top; }
.section4_bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.section4_bg .bubble1{position:absolute; left:-35%; top: -6%; border: 1px solid #cbdced; width: 0%; padding-top: 0%; transition:all 2s; border-radius:50%;}
.section4.active .section4_bg .bubble1{position:absolute;left:-25%; top: -0%;border: 1px solid #cbdced; width: 100%; padding-top: 100%; transition:all 3s; border-radius:50%;}
.section4_bg .bubble2{position:absolute; left:-30.5%; top: -10%; border: 1px solid #cbdced; width: 0%; padding-top: 0%; transition:all 1.5s; border-radius:50%;}
.section4.active .section4_bg .bubble2{position:absolute;left:-20%; top: -2%;border: 1px solid #cbdced; width: 120%; padding-top: 120%; transition:all 2.5s; border-radius:50%;}
.section4_bg .bubble3{position:absolute; left:-30%; top: -10%; border: 1px solid #cbdced; width: 0%; padding-top: 0%; transition:all 1s; border-radius:50%;}
.section4.active .section4_bg .bubble3{position:absolute;left:-20%; top: -3%;border: 1px solid #cbdced; width: 140%; padding-top: 140%; transition:all 2s; border-radius:50%;}
.section4_map{ width:auto; height:auto; max-width:70vw; text-align:center; position:absolute; top:15%; left:2%;}
.section4_map img{ width:100%; height:auto; max-width:70vw; transition:all 1s;}
.section4.active .section4_map img{ width:100%; height:auto; max-width:70vw; transition:all 2.5s; }
.section4_bg .bubble1 .yuan{position:absolute; right:15%; top: 16%;}
.section4_bg .bubble1 .yuan:nth-child(2){position:absolute; right:7%; top: 40%;}
.section4_bg .bubble1 .yuan:nth-child(3){position:absolute; right:16%; top: 70%;}
.section4_bg .bubble1 .yuan:nth-child(4){position:absolute; right:60%; top: 92%;}
.section4_bg .bubble2 .yuan{position:absolute; right:20%; top:78%;}
.section4_bg .bubble1 .yuan .pic{ width:1.1rem; height:1.1rem; border-radius:50%; position:absolute; top:0; left:0; animation:joins 2s infinite linear; transform-origin: 50% 50%;}
.section4_bg .bubble1 .yuan .pic2{ width:0.9rem; height:0.9rem; border-radius:50%; position:absolute; top:0; left:0; animation:joins1 2s infinite linear; animation-delay:0.5s;  transform-origin: 50% 50%;}
.section4_bg .bubble1 .yuan .pic3{ width:0.6rem; height:0.6rem; position:absolute; top:0.25rem; left:0.25rem; background-color:#4c6dcd; border-radius:50%; text-align:center; font-size: 0.2rem; color: #fff; line-height: 0.6rem;}

.section4_bg .bubble1 .yuan:nth-child(2) .pic{ width:1.1rem; height:1.1rem; border-radius:50%; position:absolute; top:0; left:0; animation:joins2 2s infinite linear; transform-origin: 50% 50%;}
.section4_bg .bubble1 .yuan:nth-child(2) .pic2{ width:0.9rem; height:0.9rem; border-radius:50%; position:absolute; top:0; left:0; animation:joins3 2s infinite linear; animation-delay:0.5s;  transform-origin: 50% 50%;}
.section4_bg .bubble1 .yuan:nth-child(2) .pic3{ width:0.6rem; height:0.6rem; position:absolute; top:0.25rem; left:0.25rem; background-color:#1ebfe2; border-radius:50%; text-align:center; font-size: 0.2rem; color: #fff; line-height: 0.6rem;}

.section4_bg .bubble1 .yuan:nth-child(4) .pic{ width:1.1rem; height:1.1rem; border-radius:50%; position:absolute; top:0; left:0; animation:joins4 2s infinite linear; transform-origin: 50% 50%;}
.section4_bg .bubble1 .yuan:nth-child(4) .pic2{ width:0.9rem; height:0.9rem; border-radius:50%; position:absolute; top:0; left:0; animation:joins5 2s infinite linear; animation-delay:0.5s;  transform-origin: 50% 50%;}
.section4_bg .bubble1 .yuan:nth-child(4) .pic3{ width:0.6rem; height:0.6rem; position:absolute; top:0.25rem; left:0.25rem; background-color:#1847b4; border-radius:50%; text-align:center; font-size: 0.2rem; color: #fff; line-height: 0.6rem;}

.section4_bg .bubble2 .yuan .pic{ width:1.1rem; height:1.1rem; border-radius:50%; position:absolute; top:0; left:0; animation:joins4 2s infinite linear; transform-origin: 50% 50%;}
.section4_bg .bubble2 .yuan .pic2{ width:0.9rem; height:0.9rem; border-radius:50%; position:absolute; top:0; left:0; animation:joins5 2s infinite linear; animation-delay:0.5s;  transform-origin: 50% 50%;}
.section4_bg .bubble2 .yuan .pic3{ width:0.6rem; height:0.6rem; position:absolute; top:0.25rem; left:0.25rem; background-color:#1847b4; border-radius:50%; text-align:center; font-size: 0.2rem; color: #fff; line-height: 0.6rem;}

.section4_right{ width:85%; height:auto; overflow:hidden; position:absolute; top:70%; right:5%;}
.section4_right_en{ width:80%; height:auto; overflow:hidden; margin:0 0 0 auto; line-height:1.5; font-family:Arial; color:#2e52ae; font-size:0.4rem; text-align:right;}
.section4_right_title{ width:100%; height:auto; overflow:hidden; margin:20px auto; line-height:40px; font-family:microsoft yahei; color:#333; font-size:0.4rem; text-align:right;}
.section4_right_con{ width:100%; height:auto; overflow:hidden; margin:0.3rem auto 0 auto; line-height:2; font-family:microsoft yahei; color:#333; font-size:0.2rem; text-align:right;}

.section4 .swiper-container{width:100%; height:auto; margin:0 auto; position:relative;}
.section4 .swiper-wrapper{ width:100%; margin:0 auto;}
.section4 .swiper-slide{ width:100%; height:100%; overflow:hidden; position:relative; text-align:center;}
.section4 .swiper-slide img{ width:100%; height:100%;}
.section4 .swiper_btnz{position: absolute;top: 55%;width: 48px;height: 48px; right:-100px;background: url(../img/images/nei_left.png) 0 0 no-repeat; background-size:cover; display: block;z-index:10;}
.section4 .swiper_btny{position: absolute;top: 55%;width: 48px;height: 48px; right:-160px;background: url(../img/images/nei_right.png) 0 0 no-repeat; background-size:cover; display: block;z-index:10;}

.section4.active .section4_right_en{-webkit-animation: bounceInBottom 2s;}
.section4.active .section4_right_title{-webkit-animation: bounceInBottom 2.5s;}
.section4.active .section4_right_con{-webkit-animation: bounceInBottom 3s;}


.section5{width: 100%;height: auto;overflow: hidden; background: url(../img/images/bg1.jpg) left top; }
.section5_bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.section5_bg .bubble{position: absolute;border-radius: 100%;animation:spin 8s infinite linear;transform-origin: 50% 45%;}
.section5_bg .bubble:nth-child(2n){animation:spin2 8s infinite linear;}
.section5_bg .sm-bubble{transform-origin: 30% 30px;}
.section5_bg .bg-bubble{transform-origin: 50% 50%;}


.section5_bg .bubble3{
	right: -5%;
	bottom: 5%;
	border: 1px solid #87dff5;
	width: 10%;
	padding-top: 10%;
}
.section5_bg .bubble5{
	left: 30.1%;
	top: 39.0625%;
	background-color: #f0f9fa;
	opacity: 1;
	width: 10px;
	height: 10px;
}
.section5_bg .bubble6{
	width: 15.77%;
	padding-top: 15.77%;
	left: -5.3854%;
	bottom: -10%;
	background-color: #f0f9fa;
}

.section5_bg .bubble9{
	width: 25px;
	padding-top: 25px;
	left: 50.33%;
	bottom: 5%;
	background-color: rgba(243,250,240,1);
}
.section5_bg .bubble10{
	width: 8px;
	padding-top: 8px;
	left: 55.67%;
	bottom: 13%;
	background-color: rgba(243,250,240,1);
}
.section5_bg .bubble11{
	right: -1.9%;
	top: -9.125%;
	width: 18%;
	padding-top: 12%;
	background-color: #f0f9fa;
	opacity: 1;
	filter: alpha(opacity=100);
}
.section5_menu{ width:100%; height:auto; overflow:hidden; position:absolute; top:8%; left:0; font-size:0.32rem; line-height:1.5; color:#333; text-align:center;}
.section5_down{ width:100%; height:auto; overflow:hidden; position:absolute; top:24%; left:0; text-align:center; display:none;}
.section5_downm{ width:100%; height:auto; overflow:hidden; position:absolute; top:14%; left:0; text-align:center; display:block;}
.section5_down_box{ width:80%; height:auto; overflow:hidden; margin:0 10%; display:inline-block;}
.section5_down_box_img{ width:100%; height:3.4rem; overflow:hidden;}
.section5_down_box_img img{ width:100%; height:auto; transition:all 0.5s;}
.section5_down_box_title{ width:100%; height:0.4rem; overflow:hidden; margin:0.05rem auto 0 auto; font-size:0.28rem; line-height:0.4rem; color:#333; text-align:left;}
.section5_down_box_con{ width:100%; height:0.3rem; overflow:hidden; margin:0.05rem auto; font-size:0.22rem; line-height:0.3rem; color:#666; text-align:left;}
.section5_down_box_b{ width:100%; height:0.5rem; overflow:hidden; margin:0 auto; font-size:0.22rem; line-height:0.3rem; color:#666; position:relative; text-align:left;}
.section5_down_box_b p{float:right; font-size:0.22rem; line-height:0.3rem;}
.section5_down_box_y{ position:absolute; width:0.3rem; height:0.3rem; border:1px solid #666; border-radius:50%; top:0; right:26%; transition:all 0.5s;}
.section5_down_box_h{ position:absolute; width:0.5rem; height:1px; background-color:#666; top:0.15rem; right:20%;}
.section5_down_box:hover .section5_down_box_img img{ width:100%; height:auto; transform:scale(1.1); transition:all 0.5s;}
.section5_down_box:hover .section5_down_box_title{color:#2e52ae;}
.section5_down_box:hover .section5_down_box_b{color:#2e52ae;}
.section5_down_box:hover .section5_down_box_y{border:1px solid #2e52ae; right:28%; transition:all 0.5s;}
.section5_down_box:hover .section5_down_box_h{background-color:#2e52ae;}

.section5.active .section5_menu{-webkit-animation: bounceInBottom 2s;}
.section5.active .section5_down_box{-webkit-animation: bounceInBottom 2.5s;}
.section5.active .section5_down_box_title{-webkit-animation: bounceInBottom 3s;}
.section5.active .section5_down_box_con{-webkit-animation: bounceInBottom 3s;}
.section5.active .section5_down_box_b{-webkit-animation: bounceInBottom 3s;}
.section5.active .section5_more{-webkit-animation: bounceInBottom 4s;}
.section5_more{ width:2rem; height:0.6rem; overflow:hidden; background:url(../img/images/t7.png) no-repeat center; background-size: 100% auto; position:absolute; bottom:5%; left:35%; font-size:0.22rem; line-height:0.6rem; color:#fff; text-indent:0.4rem;}

/*video*/
.section6{width: 100%;height: auto;overflow: hidden; background-color:#fff;}
.section6 .swiper-container{width:90%; height:110px; position:absolute; top:10%; left:5%; margin:0 auto;}
.section6 .swiper-wrapper{ width:90%; margin:0 auto; display:block;}
.section6 .swiper-slide{ width:100%; height:100%; overflow:hidden; position:relative; text-align:center;}
.section6 .swiper-slide img{ width:100%; height:100% ;}


.section6 .swiper-paginationin{ height:10px; overflow:hidden; position:absolute; right:0px; bottom:10px !important; left:0 !important; margin:auto; z-index:1; text-align:center; }
.section6 .swiper-paginationin span{ display:inline-block;width:10px; border-radius:100%; height:10px; background:#dbdbdb; cursor:pointer; vertical-align:top; margin:0 4px;opacity:0.9 !important;}
.section6 .swiper-paginationin span.swiper-pagination-bullet-active{ background-color:#999;opacity:1 !important;}
.section6 .swiper_btnz{position: absolute;top: 45%;width: 48px;height: 48px; left:0;background: url(../img/images/left.png) 0 0 no-repeat;display: block;z-index:10;}
.section6 .swiper_btny{position: absolute;top: 45%;width: 48px;height: 48px; right:0;background: url(../img/images/right.png) 0 0 no-repeat;display: block;z-index:10;}

.links_box{ width:238px; height:108px; overflow:hidden; border:1px solid #e5e5e5; float:left; margin:0 10px;}
.links_box img{ width:auto; height:auto; max-width:238px; max-height:98px; margin:5px auto;}

.section6_foot{ width:100%; height:35%; overflow:hidden; position:absolute; bottom:0; left:0;}
.section6_foot_top{ width:100%; height:80%; overflow:hidden; background-color:#323338;}
.section6_foot_slogan{ width:100%; height:1rem; overflow:hidden; border-bottom:1px solid #47484c; line-height:1rem; font-family:"Source"; font-weight:400; font-size:0.32rem; color:#e0e0e0; text-align:center;}
.section6_foot_center{ width:94%; height:auto; overflow:hidden; margin:0.2rem auto 0 auto;}
.section6_foot_center_l{ width:50%; height:auto; overflow:hidden; float:left;}
.foot_logo{ width:100%; height:0.7rem; overflow:hidden; margin-bottom:0.4rem; background:url(../img/images/logo.png) no-repeat left center; background-size:auto 100%;}
.foot_tel{ width:auto; height:auto; overflow:hidden; margin-bottom: 0.1rem; line-height:0.3rem; font-family:"microsoft yahei"; font-size:0.24rem; color:#b0b0b0; background:url(../img/images/t8.png) no-repeat left top; background-size:auto 0.3rem; padding-left: 0.35rem;}
.foot_tel:nth-child(3){ width:auto; height:auto; overflow:hidden; line-height:0.3rem; font-family:"microsoft yahei"; font-size:0.24rem; color:#b0b0b0; background:url(../img/images/t9.png) no-repeat left top;  background-size:auto 0.3rem; padding-left: 0.35rem;}
.foot_tel:nth-child(4){ width:auto; height:auto; overflow:hidden; line-height:0.3rem; font-family:"microsoft yahei"; font-size:0.24rem; color:#b0b0b0; background:url(../img/images/t10.png) no-repeat left top;  background-size:auto 0.3rem; padding-left: 0.35rem;}
.section6_foot_center_c{ width:55%; height:auto; overflow:hidden; float:left; margin:0 2%; display: none;}
.footer_c_box{ width:18%; height:auto; overflow:hidden; margin:0 1%; float:left;}
.footer_c_box_t{ width:100%; height:auto; overflow:hidden; color:#fff; font-size:0.24rem; line-height:1.5; font-family:"microsoft yahei";} 
.footer_c_box_li{ width:100%; height:auto; overflow:hidden; color:#b0b0b0; font-size:0.14rem; line-height:2; font-family:"microsoft yahei";} 
.footer_c_box_li:hover{ color:#2e52ae;} 
.section6_foot_center_r{ width:50%; height:auto; overflow:hidden; float:right;}
.footer_r_er{ width:1rem; height:auto; overflow:hidden; float:left; display:none;}
.footer_r_er_img{ width:1rem; height:1rem; overflow:hidden;}
.footer_r_er_img img{ width:1rem; height:1rem; vertical-align: top;}
.footer_r_title{ width:1rem; height:auto; overflow:hidden; color:#fff; font-size:0.24rem; line-height:0.3rem; font-family:"microsoft yahei"; text-align:center;}
.footer_top_t{ width:100%; height:auto; overflow:hidden; margin:0 auto; float:left;}
.footer_top_t_l{ width:0.3rem; height:auto; overflow:hidden; background:url(../img/images/tel.png) no-repeat center top; background-size: 100% auto; margin:0 auto; writing-mode:tb-rl; text-align:justify; padding-top:0.4rem; color:#a0a1a2; font-family:"microsoft yahei"; line-height:0.3rem; font-size:0.22rem; float:left;}
.footer_top_t_r{ width:85%; height:auto; overflow:hidden;float:left; margin:0 auto 0 0.1rem;}
.footer_top_t_r_a{width:auto; height:auto; overflow:hidden; color:#d8d8d9; font-family:"microsoft yahei"; line-height:0.3rem; font-size:0.23rem;}
.footer_top_t_r_b{width:auto; height:auto; overflow:hidden; color:#fff; font-family:"Arial"; line-height:1.5; font-size:0.3rem; font-weight:bold;}
.footer_top_t_r_c{width:auto; height:auto; overflow:hidden; color:#adadaf; font-family:"microsoft yahei"; line-height:0.3rem; font-size:0.22rem;}


.section6_foot_down{ width:100%; height:20%; overflow:hidden; padding:1.5% 5%; background-color:#28292e; font-size:0.22rem; color:#7e7f82; line-height: 2; text-align:left;}
.section6_foot_down p{float:left; font-size:0.22rem;}
.section6_foot_down p a{color:#7e7f82;}

.section6.active .swiper-container{-webkit-animation: bounceInBottom 2.3s;}
.section6.active .section6_foot{-webkit-animation: bounceInBottom 2.3s;}
.section6.active .section6_foot_slogan{-webkit-animation: bounceInBottom 2.6s;}
.section6.active .foot_logo{-webkit-animation: bounceInBottom 2.7s;}
.section6.active .foot_tel{-webkit-animation: bounceInBottom 2.8s;}
.section6.active .section6_foot_center_c{-webkit-animation: bounceInRight 3s;}
.section6.active .footer_r_er{-webkit-animation: bounceInBottom 3s;}
.section6.active .footer_top_t{-webkit-animation: bounceInBottom 3.2s;}



.touchsliderindex .touchslider-item .pic{width: 100%;height:100%;overflow: hidden;}
.touchsliderindex,.touchsliderindex .touchslider-viewport,.touchsliderindex .touchslider-item,.touchsliderindex .touchslider-item .pic{height: 100%;}
.touchsliderindex .pic img{width: 100%;height:100%;display: none;}
.touchsliderindex .touchslider-navtag{position:absolute; bottom:50%; text-align:center; width:100%; z-index: 99;}
.touchsliderindex .touchslider-navtag .touchslider-prev{ width:48px; height:48px; background:url("../img/images/trrleft.png") no-repeat center; float:left; margin-left:7%; cursor:pointer;}
.touchsliderindex .touchslider-navtag .touchslider-next{ width:48px; height:48px; background:url("../img/images/trrright.png") no-repeat center; float:right; margin-right:7%; cursor:pointer;}
.touchsliderindex .touchslider-navtag .wk{height: 36px;}
.touchsliderindex .touchslider-nav-item{display:inline-block;border-radius: 5px;width: 5px; height: 5px;background: #cac5c8;}
.touchsliderindex .touchslider-nav-item-current{background-color: #074349;}
.touchsliderindex .touchslider-item.active .pwk p{opacity: 1; -webkit-animation: fadeInUp .7s ease-in-out both; animation: fadeInUp .7s ease-in-out both; -webkit-animation-delay: 1.2s; animation-delay: 1.2s; }

/*--about--*/
.sectionab1{width: 100%;height: auto;overflow: hidden; background: url(../img/images/bg2.jpg) left top; background-size: cover; }
.nei_about{ width:85%; height:auto; overflow:hidden; position:absolute; top:15%; left:7.5%;}
.nei_about_l{ width:100%; height:auto; overflow:hidden; float:left; margin:0 5% 0 auto;}
.nei_about_l_title{ width:100%; height:auto; overflow:hidden; color:#2e52ae; line-height:1.5; font-size:0.36rem; font-family:microsoft yahei;}
.nei_about_l_gupiao{ width:100%; height:auto; overflow:hidden; color:#666; line-height:3; font-size:0.24rem; font-family:microsoft yahei; margin:10px auto;}
.nei_about_l_con{ width:100%; height:auto; overflow:hidden; float: left; color:#333; line-height:1.5; font-size:0.22rem; font-family:microsoft yahei; margin:0 auto;}
.nei_about_l_down{ width:100%; height:auto; overflow:hidden; margin:0.4rem auto 0 auto; float: right;}
.nei_about_l_box{ width:auto; height:0.8rem; overflow:hidden; float:left; margin:0 0.1rem 0.1rem auto;}
.nei_about_l_box_l{ width:0.8rem; height:0.8rem; overflow:hidden; float:left; margin:0 0.1rem 0 auto;}
.nei_about_l_box_t{ width:auto; height:auto; overflow:hidden; float:left; margin:0 0.1rem 0 auto; color:#2e52ae; line-height:0.5rem; font-size:0.3rem; font-family:microsoft yahei;}
.nei_about_l_box_t p{color:#2e52ae; line-height:0.3rem; font-size:0.2rem; font-family:microsoft yahei;}

.nei_about_r{ width:100%; height:auto; overflow:hidden; float:left; margin:0.3rem auto 0 auto; display: block; text-align: center;}
.nei_about_r .videolist img{ height:23vh;}
.nei_about_r .videolist video{ height:23vh;}
.nei_about_rm .videolist img{ height:35vh;}
.nei_about_rm .videolist video{ height:35vh;}
.nei_about_rm{ width:100%; height:auto; overflow:hidden; float:right; margin:0 auto; display:none; }
.sectionab1.active .nei_about_l_title{-webkit-animation: bounceInBottom 2s;}
.sectionab1.active .nei_about_l_gupiao{-webkit-animation: bounceInBottom 2.2s;}
.sectionab1.active .nei_about_l_con{-webkit-animation: bounceInBottom 2.4s;}
.sectionab1.active .nei_about_l_down{-webkit-animation: bounceInBottom 2.6s;}
.sectionab1.active .nei_about_r{-webkit-animation: bounceInRight 2.5s;}


/*about*/
.sectionab2{width: 100%;height: auto;overflow: hidden; background: url("../img/images/bg2.jpg") no-repeat left top; background-size:100% auto;}
.sectionab2 .bubble{position: absolute;border-radius: 100%;transform-origin: 50% 45%;}
.sectionab2 .bubble1{
	left: -3.9%;
	top: -14.125%;
	width: 18%;
	padding-top: 10%;
	background-color: #f0f9fa;
	opacity: 1;
	filter: alpha(opacity=100);
}
.sectionab2 .bubble2{
	position: absolute;
	width: 37%;
	padding-top: 46%;
	background:url(../img/images/about4.jpg) no-repeat;
	background-size:cover;
	right: 0;
	top: -45%;
}
.sectionab2_menu{ width:auto; height: auto; overflow:hidden; position:absolute; top:25%; left:5%; line-height:60px; font-size:50px; color:#2e52ae; font-family:microsoft yahei;}
.sectionab2_lunbo{ width:100%; height:auto; overflow:hidden; position:absolute; bottom:5%; left:0; display:block;}
.sectionab2_lunbom{ width:80%; height:auto; overflow:hidden; position:absolute; bottom:5%; left:10%; display:none; text-align:center !important;}
.sectionab2_lunbo .swiper-container{width:100%; height:80%; overflow:hidden; margin:0 auto;}
.sectionab2_lunbo .swiper-wrapper{ width:100%; margin:0 auto;}
.sectionab2_lunbo .swiper-slide{ width:100%; height:100%; overflow:hidden; position:relative; text-align:center;}
.sectionab2_lunbo .swiper-slide img{ width:100%; height:100% ;}


.sectionab2_lunbo .swiper-paginationin{ height:10px; overflow:hidden; position:absolute; right:0px; bottom:10px !important; left:0 !important; margin:auto; z-index:1; text-align:center; }
.sectionab2_lunbo .swiper-paginationin span{ display:inline-block;width:10px; border-radius:100%; height:10px; background:#dbdbdb; cursor:pointer; vertical-align:top; margin:0 4px;opacity:0.9 !important;}
.sectionab2_lunbo .swiper-paginationin span.swiper-pagination-bullet-active{ background-color:#999;opacity:1 !important;}
.sectionab2_lunbo .swiper_btnz{position: absolute;top: 80%;width: 55px;height: 55px; left:10%;background: url(../img/images/nei_left.png) 0 0 no-repeat;display: block;z-index:10;}
.sectionab2_lunbo .swiper_btny{position: absolute;top: 80%;width: 55px;height: 55px; left:14%;background: url(../img/images/nei_right.png) 0 0 no-repeat;display: block;z-index:10;}
.sectionab2.active .sectionab2_menu{-webkit-animation: bounceInTop 2s;}
.sectionab2.active .sectionab2_lunbo{-webkit-animation: bounceInBottom 2.5s;}


/*组织*/
.sectionab3{width: 100%;height: auto;overflow: hidden; background: url("../img/images/bg2.jpg") no-repeat left top; background-size:100% auto;}
.sectionab3_menu{ width:auto; height: auto; overflow:hidden; position:absolute; top:25%; left:5%; line-height:60px; font-size:50px; color:#fff; font-family:microsoft yahei;}
.sectionab3_con{ width:100%; height: auto; overflow:hidden; position:absolute; top:5%; left:0%; text-align:center;}
.sectionab3_con img{ width:auto; height: auto; max-width:80%; max-height: 90vh;}
.sectionab3.active .sectionab3_menu{-webkit-animation: bounceInTop 2s;}
.sectionab3.active .sectionab3_con{-webkit-animation: bounceInBottom 2.5s;}


/*资质*/
.sectionab4{width: 100%;height: auto;overflow: hidden; background: url("../img/images/bg1.jpg") no-repeat left top; background-size:100% auto;}
.sectionab4_menu{ width:auto; height: auto; overflow:hidden; position:absolute; top:15%; left:5%; line-height:1.5; font-size:0.4rem; color:#333; font-family:microsoft yahei;}
.sectionab4_lunbo{ width:94%; height:auto; overflow:hidden; position:absolute; bottom:25%; left:3%;}
.sectionab4_lunbo .swiper-container{width:100%; height:100%; overflow:hidden; margin:0 auto;}
.sectionab4_lunbo .swiper-wrapper{ width:88%; margin:0 auto;}
.sectionab4_lunbo .swiper-slide{ width:100%; height:100%; overflow:hidden; position:relative; text-align:center;}
.sectionab4_lunbo .swiper-slide img{ width:100%; height:100% ;}

.sectionab4_lunbo .swiper-paginationin{ height:10px; overflow:hidden; position:absolute; right:0px; bottom:10px !important; left:0 !important; margin:auto; z-index:1; text-align:center; }
.sectionab4_lunbo .swiper-paginationin span{ display:inline-block;width:10px; border-radius:100%; height:10px; background:#dbdbdb; cursor:pointer; vertical-align:top; margin:0 4px;opacity:0.9 !important;}
.sectionab4_lunbo .swiper-paginationin span.swiper-pagination-bullet-active{ background-color:#999;opacity:1 !important;}
.sectionab4_lunbo .swiper_btnz{position: absolute;top: 40%;width: 0.6rem;height: 0.6rem; left:0%;background: url(../img/images/nei_left.png) 0 0 no-repeat; background-size: 100% auto; display: block;z-index:10;}
.sectionab4_lunbo .swiper_btny{position: absolute;top: 40%;width: 0.6rem;height: 0.6rem; right:0%;background: url(../img/images/nei_right.png) 0 0 no-repeat; background-size: 100% auto;display: block;z-index:10;}
.hoor_box{ width:40%; height:15vh; overflow:hidden; float:left; margin:0 1% 0.3rem 1%;}
.hoor_box img{ width:100%; height:auto; transition:all 0.5s;}
.hoor_box:hover .hoor_box img{width:100%; height:auto; transform:scale(1.1); transition:all 0.5s;}
.sectionab4.active .sectionab4_menu{-webkit-animation: bounceInTop 2s;}
.sectionab4.active .sectionab4_lunbo{-webkit-animation: bounceInBottom 2.5s;}

/*覆盖*/
.sectionab5{width: 100%;height: auto;overflow: hidden; background-color:#fff; }
.sectionab5_bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.sectionab5.active .section4_bg .bubble1{position:absolute;left:-25%; top: -0%;border: 1px solid #cbdced; width: 100%; padding-top: 100%; transition:all 3s; border-radius:50%;}
.sectionab5.active .section4_bg .bubble2{position:absolute;left:-20%; top: -2%;border: 1px solid #cbdced; width: 120%; padding-top: 120%; transition:all 2.5s; border-radius:50%;}
.sectionab5.active .section4_bg .bubble3{position:absolute;left:-20%; top: -3%;border: 1px solid #cbdced; width: 140%; padding-top: 140%; transition:all 2s; border-radius:50%;}

.sectionab5.active .section4_right_en{-webkit-animation: bounceInBottom 2s;}
.sectionab5.active .section4_right_title{-webkit-animation: bounceInBottom 2.5s;}
.sectionab5.active .section4_right_con{-webkit-animation: bounceInBottom 3s;}



.sectionab6{width: 100%;height: auto;overflow: hidden; background: url("../img/images/bg1.jpg") no-repeat left top; background-size:100% auto;}
.sectionab6.active .swiper-container{-webkit-animation: bounceInBottom 2.3s;}
.sectionab6.active .section6_foot{-webkit-animation: bounceInBottom 2.3s;}
.sectionab6.active .section6_foot_slogan{-webkit-animation: bounceInBottom 2.6s;}
.sectionab6.active .foot_logo{-webkit-animation: bounceInBottom 2.7s;}
.sectionab6.active .foot_tel{-webkit-animation: bounceInBottom 2.8s;}
.sectionab6.active .section6_foot_center_c{-webkit-animation: bounceInRight 3s;}
.sectionab6.active .footer_r_er{-webkit-animation: bounceInBottom 3s;}
.sectionab6.active .footer_top_t{-webkit-animation: bounceInBottom 3.2s;}

.sectionab7{width: 100%;height: auto;overflow: hidden; background: url("../img/images/about1.jpg") no-repeat left top; background-size:100% auto;}
.sectionab7_menu{ width:auto; height: auto; overflow:hidden; position:absolute; top:25%; left:5%; line-height:60px; font-size:50px; color:#333; font-family:microsoft yahei;}
.sectionab7_con{ width:100%; height: auto; overflow:hidden; position:absolute; top:40vh; left:0%; text-align:center;}
.sectionab7.active .sectionab7_menu{-webkit-animation: bounceInTop 2s;}
.sectionab7.active .sectionab7_con{-webkit-animation: bounceInBottom 2.5s;}
.sectionab7 .box{ width:20%; height:60px; overflow:hidden; display:inline-block; margin:20px 1.5%; background-color:rgba(46,82,174,0.5); border-radius:30px; -moz-box-shadow:0px 0px 20px #d2decb; -webkit-box-shadow:0px 0px 20px #d2decb; box-shadow:0px 0px 20px #d2decb; transition:all 0.4s;}
.sectionab7 .box .zi{ width:100%; height:60px; overflow:hidden; margin:0 auto; background: url("../img/images/right.png") no-repeat 95% center; background-size:auto 70%; line-height:60px; font-size:30px; color:#fff; font-family:microsoft yahei;}
.sectionab7 .box:hover{ width:20%; height:60px; overflow:hidden; display:inline-block; margin:20px 1.5%; background-color:rgba(46,82,174,0.9); border-radius:30px; -moz-box-shadow:0px 0px 20px #d2decb; -webkit-box-shadow:0px 0px 20px #d2decb; box-shadow:0px 0px 20px #d2decb; transition:all 0.4s;}



/*foot*/
.footer{width:100%; height:auto; overflow:hidden; background: url(../img/images/bg3.jpg) no-repeat center top;}
.footer .top{ height:150px; overflow:hidden; margin:0 auto; text-align:left; background: url(../img/images/t5.png) no-repeat left center;}
.footer .center{ width: 100%; overflow:hidden; margin:0 auto; padding:60px 0; text-align:center;}
.footer .center .left{ width:35%; height: auto; margin:0 auto; float: left;}
.footer .center .left .add{ width:100%; height: auto; margin: 0 auto; font-size:14px; color:#fff; font-family:microsoft yahei; line-height:2; text-align:left; background: url(../img/images/t7.png) no-repeat left 20%; text-indent: 2em;}
.footer .center .left .add:nth-child(2){ width:100%; height: auto; margin: 0 auto; font-size:14px; color:#fff; font-family:microsoft yahei; line-height:2; text-align:left; background: url(../img/images/t8.png) no-repeat left 20%; text-indent: 2em;}
.footer .center .left .add:nth-child(3){ width:100%; height: auto; margin: 0 auto; font-size:14px; color:#fff; font-family:microsoft yahei; line-height:2; text-align:left; background: url(../img/images/t9.png) no-repeat left 20%; text-indent: 2em;}
.footer .center .zhong{ width:40%; height: auto; margin:0 auto; float: left;}
.footer .center .zhong .one{width:33%; height:auto; overflow:hidden; margin:0px auto; float:left;}
.footer .center .zhong .one .sortName{width:auto; overflow:hidden;}
.footer .center .zhong .one .sortName a{color:#fff; text-decoration:none;font-size: 18px;color: #fff;}
.footer .center .zhong .one .list{padding-top:20px;}
.footer .center .zhong .one .list ul{list-style:none;}
.footer .center .zhong .one .list ul li{width:100%;overflow:hidden; line-height:30px;}
.footer .center .zhong .one .list ul li a{color:#fff;text-decoration:none;font-size: 16px;}
.footer .center .zhong .one .list ul li a:hover{color: #333;}
.footer .center .right{ width:25%; height: auto; margin:0 auto; float: left;}
.footer .center .right .tel{ width:65%; height: auto; overflow: hidden; margin:0 auto; background: url(../img/images/t6.png) no-repeat left center;}
.footer .center .right .tel .l2{ width:100%; height: auto; margin:0 auto 0 25%; float: left; font-size:28px; color:#fff; font-family:Arial; line-height:1.3; text-align:left; font-weight:bold;}
.footer .center .right .tel .l3{ width:100%; height: auto; margin:0 auto 0 25%; float: left; font-size:12px; color:#fff; font-family:microsoft yahei; line-height:1.3; text-align:left;}
.footer .center .right .erbox{ width:65%; height: auto; margin:30px auto 0 auto; overflow: hidden;}
.footer .center .right .erbox .er{ width:45%; height: auto; margin:0 2.5%; float: left;}
.footer .center .right .erbox .er .img{ width:100%; height:120px; display:block; overflow:hidden; background-color:#fff; margin-bottom:5px;}
.footer .center .right .erbox .er img{ width:95%; height:110px; margin:5px auto; }
.footer .center .right .erbox .er .title{ width:95%; height:auto; font-size:14px; color:#fff; font-family:microsoft yahei; line-height:1.5; text-align:center;}

.footer .copy{ width:100%; height:80px; overflow:hidden; font-size:14px; color:#fff; font-family:microsoft yahei; line-height:80px; text-align:left;}
.footer .copy a{ color:#fff; float: right;}

/**内页**/
.commbanner{ width:100%; height:auto; overflow:hidden; position:relative;}
.commbanner .title{ overflow:hidden; position:absolute; top:35%; left:23%; line-height:1.5; font-size:48px; color:#fff; font-family:microsoft yahei; text-align:left;}
.commbanner .en{overflow:hidden; line-height:1.5; font-size:24px; color:#fff; font-family: Arial; text-align:left;}
/*nav_one*/
.nei_nav{ width:100%; height:auto; overflow:hidden; margin:0 auto; background:#006cb8; text-align:center;}
.nei_nav a{ width:auto; height:auto; overflow:hidden; margin:0 auto;  font-size:16px; color:#fff; font-family:microsoft yahei; line-height:65px; text-align:center; }
.nei_nav a:hover{ width:auto; height:auto; overflow:hidden; margin:0 auto;  font-size:16px; color:#fff; font-family:microsoft yahei; line-height:65px; text-align:center; }
.nei_nav a.curr{ width:auto; height:auto; overflow:hidden; margin:0 auto; font-size:16px; color:#fff; font-family:microsoft yahei; line-height:65px; text-align:center; }

.pmain_bg{ width:100%; height:auto; margin:0 auto; overflow:hidden;}
.pmain{ width: 94%; margin:0 auto; overflow:hidden; padding: 30px 0;}
.pmain .nei_navtitle{ width:100%; height:auto; overflow:hidden; margin:0 auto 50px auto;}
.pmain .nei_navtitle .en{ width:100%; height:auto; overflow:hidden; margin:0 auto; position:relative; line-height:1; font-size:50px; color:#333; font-family:Arial; text-align:center;}
.pmain .nei_navtitle .cn{ width:100%; height:auto; overflow:hidden; margin:-30px auto 0 auto; position:relative; line-height:1; font-size:36px; color:#333; text-align:center; font-weight:bold;}
.pmain .nei_navtitle .cn span{color:#2e52ae;}
.pmain .nei_navtitle .heng{ width:20px; height:4px; overflow:hidden; margin:10px auto; position:relative; background:#2e52ae;}

/*内页底部*/
.footer_n{width:100%; height:35vh; margin:0 auto; overflow:hidden; position:relative;}
.footer_n .section6_foot{width:100%; height:100%;}

/*产品展示当前位置*/
.where{ width:92%; height:auto; margin:0 auto; overflow:hidden;}
.where_left{ width:100%; height:25px; line-height:25px; text-align:left; color:#666; font-size:14px; font-family:"microsoft yahei"; padding-top:15px;}
.where_right{ width:100%; height:auto; overflow:hidden;}
.neinav_box{ width:auto; height:0.6rem; overflow:hidden; border-bottom:2px solid #fff; float:left; font-size:0.28rem; color:#333; font-family:"microsoft yahei"; text-align:center; line-height:0.6rem; margin:0.3rem 0.5rem 0.3rem 0;}
.neinav_box:hover{width:auto; height:0.6rem; overflow:hidden; border-bottom:2px solid #2e52ae; float:left; font-size:0.28rem; color:#2e52ae; font-family:"microsoft yahei"; text-align:center; line-height:0.6rem; margin:0.3rem 0.5rem 0.3rem 0;}
.neinav_box_a{width:auto; height:0.6rem; overflow:hidden; border-bottom:2px solid #2e52ae; float:left; font-size:0.28rem; color:#2e52ae; font-family:"microsoft yahei"; text-align:center; line-height:0.6rem; margin:0.3rem 0.5rem 0.3rem 0;}
.neinav_box_a:hover{width:auto; height:0.6rem; overflow:hidden; border-bottom:2px solid #2e52ae; float:left; font-size:0.28rem; color:#2e52ae; font-family:"microsoft yahei"; text-align:center; line-height:0.6rem; margin:0.3rem 0.5rem 0.3rem 0;}

.wherepro_bg{ width:100%;height: auto; background-color:#2e52ae; margin:0 auto; display:block; text-align:center;}
.wherepro_bg a{ width:auto; height:0.7rem; overflow:hidden; display:inline-block; }
.wherepro_box{ width:auto; height:0.65rem; overflow:hidden; display:block; font-size:0.24rem; color:#fff; font-family:"microsoft yahei"; text-align:center; line-height:0.65rem; margin:0 0.2rem; border-bottom:0.04rem solid #2e52ae;}
.wherepro_box:hover{ border-bottom:0.04rem solid #44c9d1;}
.wherepro_box_a{width:auto; height:0.65rem; overflow:hidden; display:block; border-bottom:0.04rem solid #44c9d1; font-size:0.24rem; color:#fff; font-family:"microsoft yahei"; text-align:center;  line-height:0.65rem; margin:0 0.2rem;}
.wherepro_box_a:hover{width:auto; height:0.65rem; overflow:hidden; display:block; border-bottom:0.04rem solid #44c9d1; font-size:0.24rem; color:#fff; font-family:"microsoft yahei"; text-align:center;  line-height:0.65rem; margin:0 0.2rem;}


/*product*/
.pro_list{ width:100%; height:auto; min-height:500px; overflow:hidden; margin:0 auto;}
.pro_list .pcworks_box{ width:98%; height:4rem; float:left; margin:1%; background:#e8ecf9;}
.pro_list .pcworks_box:nth-child(2n){ width:98%; height:4rem; float:left; margin:1% 1%; background:#dceff5;}
.pro_list .pcworks_box:nth-child(3n){ width:98%; height:4rem; float:left; margin:1% 1%; background:#f5dce4;}

.pcworks_top{ width:35%; height:3.4rem;  margin:0.3rem 5% 0 5%; float:left;}
.pcworks_top img{ width:100%; height:auto; transition: all 0.5s;}
.pcworks_box:hover .pcworks_top img{ width:100%; height:auto; height:auto; transition: all 0.5s;transform:scale(1.1) ;}
.pcworks_con{ width:45%; height:auto; overflow:hidden; margin:0.1rem auto 0 auto; float:left;}
.pcworks_title{ width:100%; height:auto; overflow:hidden; margin:15% auto 0 auto; line-height:1.5; color:#333; font-size:0.32rem; font-family:"Source";}
.pcworks_content{ width:100%; height:auto; max-height:1.5rem; overflow:hidden; margin:0.1rem auto; line-height:0.3rem; color:#666; font-size:0.22rem; font-family:"Source";}
.pcworks_into{ width:100%; height:0.5rem; overflow:hidden; margin:0.2rem auto 0 0; line-height:0.5rem; color:#333; font-size:0.24rem; font-family:"Source";}
.pcworks_box:hover .pcworks_into{color:#f08519; }
/*news*/
.new_list{ width:100%; height:auto; min-height:6rem; overflow:hidden; margin:0 auto;}
.new_list .box{ width:31%; height:auto; margin:130px 3.5% 50px  auto;  float:left; position:relative; z-index:1;}
.new_list a:nth-child(3n) .box{ width:31%; height:auto; margin:130px auto 50px auto;  float:left; position:relative; z-index:1;}
.new_list .box .pic{ width:100%; height:370px; overflow:hidden; margin:-130px auto 0 auto; position:relative; z-index:10;}
.new_list .box .pic img{ width:100%; height:370px; overflow:hidden; margin:0 auto; transition:all 0.4s; border-radius: 15px;}
.new_list .box:hover .pic img{ width:100%; height:370px; transition:all 0.4s; transform:scale(1.05);}
.new_list .box .title{ width:94%; height:auto; overflow:hidden; margin:20px auto 0 auto; font-size:22px; color:#191919; font-family:microsoft yahei; text-align:left; line-height:1.5;}
.new_list .box:hover .title{width:94%; height:auto; overflow:hidden; margin:20px auto 0 auto; font-size:22px; color:#0993cd; font-family:microsoft yahei; text-align:left; line-height:1.5;}
.new_list .box .intro{ width:94%; height:auto; overflow:hidden; margin:0 auto; font-size:16px; color:#666; font-family:microsoft yahei; text-align:left; line-height:1.6;}
.new_list .box .more{ width:94%; height:auto; overflow:hidden; margin:30px auto;background: url(../img/images/t3.png) no-repeat 40px center;}
.new_list .box .more .times{ width:auto; height:auto; overflow:hidden; margin:0 auto; float: right; font-size:14px; color:#333; font-family:Arial; text-align:right; line-height:1.6;}
.new_list .box .more .mos{ width:auto; height:auto; overflow:hidden; margin:0 auto; float:left;  font-size:14px; color:#333; font-family:microsoft yahei; text-align:left; font-weight: bold; line-height:1.5;}
.new_list .box:hover .more .mos{ color:#0993cd;}
.new_list .new_more{ width:180px; height:50px; overflow:hidden; clear:both; border-radius:25px; background-color:#006cb8; margin:30px auto 0 auto; font-size:20px; color:#fff; font-family:Arial; text-align:left; text-indent:2em; line-height:50px; position:relative;}


/*infor*/
.infor{ width:90%; height:auto; margin:0 auto;}
.case_one{ width:100%; height:auto; overflow:hidden; margin:0 auto; padding:30px 0; background-color:#fff;}
.case_two{ width:100%; height:auto; overflow:hidden; margin:0 auto; padding:30px 0; background-color:#f9f9f9;}
.case_menu{ width:100%; height:auto; overflow:hidden; margin:0 auto; line-height:1.5; color:#333; font-size:0.4rem; font-family:"Source"; position:relative;}
.case_menu p{float:right; font-size:0.22rem; color:#999; line-height:0.5rem;}
.case_menu_y{ position:absolute; width:0.3rem; height:0.3rem; border:1px solid #999; border-radius:50%; top:0.1rem; right:18%; transition:all 0.5s;}
.case_menu_h{ position:absolute; width:0.4rem; height:1px; background-color:#999; top:0.25rem; right:13%;}
.case_menu:hover .case_menu p{color:#2e52ae;}
.case_menu:hover .case_menu_y{border:1px solid #2e52ae; right:15%; transition:all 0.5s;}
.case_menu:hover .case_menu_h{background-color:#2e52ae;}
.case_box{ width:100%; height:auto; overflow:hidden; margin:30px auto 0 auto;}
.box_one{ width:50%; height:auto; overflow:hidden; float:left; display: none;}
.box_one img{ width:100%; height:auto;}
.box_two{ width:49%; height:2rem; overflow:hidden; float:left; background-color:#f9f9f9; margin:0 auto 0 1%; position:relative;}
.box_two_title{ width:90%; height:auto; overflow:hidden; margin:12% auto 0 auto; line-height:0.5rem; color:#333; font-size:0.3rem; font-family:"Source";}
.box_two_time{ width:90%; height:auto; overflow:hidden; position:absolute; bottom:10%; left:5%; line-height:0.4rem; color:#333; font-size:0.22rem; font-family: "Arial"; text-align:left;}
.box_two_time p{line-height:0.4rem; color:#333; font-size:0.22rem; font-family: "Source"; text-align:right; float:right;}
.box_two:hover .box_two_title{ color:#2e52ae;}
.box_two:hover .box_two_time p{ color:#2e52ae;}

.jieda{ width:100%; height:auto; overflow:hidden; margin:0 auto; float:left;}

.case_box .lis{width:99%; height:0.8rem; overflow:hidden; background: #fff url(../img/images/jt.png) no-repeat 96% center; float: left; border-bottom:1px solid #dfe1e1; transition:all 0.5s;}
.case_box .lis:hover{background: #2e52ae url(../img/images/jt1.png) no-repeat 96% center; color: #fff; transition:all 0.5s;}
.case_box .lis.active{background: #2e52ae url(../img/images/jt1.png) no-repeat 96% center; color: #fff; border-bottom:0;-moz-box-shadow:0px 0.1rem 0.5rem #2e52ae; -webkit-box-shadow:0px 0.1rem 0.5rem #2e52ae; box-shadow:0px 0.1rem 0.5rem #2e52ae; transition:all 0.5s;}
.case_box .lis .t{width: 10%; height:auto; overflow:hidden;float: left; font-size:0.6rem; color:#3e504a; line-height:0.8rem; font-weight:bold; font-family:Arial;}
.case_box .lis .t1{width: 80%; height:auto; overflow:hidden;float: left; font-size:0.26rem; color:#3e504a; line-height:0.8rem; font-family:"Source"; border-right:1px solid #dfe1e1;}
.case_box .lis:hover .t{width: 10%; height:auto; overflow:hidden;float: left; font-size:0.6rem; color:#fff; line-height:0.8rem; font-weight:bold; font-family:Arial;}
.case_box .lis:hover .t1{width: 80%; height:auto; overflow:hidden;float: left; font-size:0.26rem; color:#fff; line-height:0.8rem; font-family:"Source"; border-right:1px solid #fff;}
.case_box .lis.active .t{width: 10%; height:auto; overflow:hidden;float: left; font-size:0.6rem; color:#fff; line-height:0.8rem; font-weight:bold; font-family:Arial;}
.case_box .lis.active .t1{width: 80%; height:auto; overflow:hidden;float: left; font-size:0.26rem; color:#fff; line-height:0.8rem; font-family:"Source"; border-right:1px solid #fff;}

.case_box .sublis{ width:99%; height:auto; overflow:hidden; display: none; border-bottom:1px solid #dfe1e1; background-color:#fff;}
.case_box .sublis.active{/*display: block;*/}
.case_box .sublis  .t2{width: 10%; height:auto; overflow:hidden;float: left; font-size:0.6rem; color:#2e52ae; line-height:0.8rem; font-weight:bold; font-family:Arial;}
.case_box .sublis  .t3{width: 85%; height:auto; overflow:hidden;float: left; font-size:0.24rem; color:#666; line-height:0.4rem; font-family:"Source"; padding:0.3rem 0 0.15rem 0;}
.case_box .sublis  .td:hover{background-color: #565656;}


/*one*/
.one_nei{ width:100%; height:auto; min-height:500px; overflow:hidden; margin:0 auto; line-height:2; color: #333;}
.one_nei .shutong{text-align: center !important; font-size: 28px !important;}
.one_nei .video{ width:100%; height:auto; margin:50px auto; overflow:hidden; text-align:center;}
.one_nei #slider{ width:100%; height:auto;}

/*view*/
.view_nei{ width:99%; height:auto; min-height:6rem; overflow:hidden; margin:0 auto; float:left; border:1px solid #eeeeee;}
.view_newhead{ width:94%; height:auto; overflow:hidden; margin:0.2rem auto;}
.view_newhead .news_view_title{ width:100%; height:auto; overflow:hidden; margin:0 auto; line-height:2; font-size:0.38rem; color:#333; text-align:center; font-weight:bold;}
.view_newhead .news_view_title .subtitle{ width:100%; height:auto; overflow:hidden; margin:0 auto; line-height:1.5; font-size:0.22rem; color:#888; text-align:center; font-weight:bold;}
.view_newhead .news_view_wrap{ width:100%; height:auto; overflow:hidden; margin:0 auto; line-height:1.6; font-size:0.22rem; color:#999; text-align:center;}
.news_view{ width:94%; height:auto; overflow:hidden; margin:0 auto;}
.news_view .news_txt{ width:100%; height:auto; overflow:hidden; margin:0 auto; min-height:6rem; font-size: 0.26rem;}
.news_view .load{ width:8%; height:30px; overflow:hidden; float:left; margin:14px auto 0 auto; border-radius:5px; font-size:14px; color:#fff; background-color:#02346c; font-family:microsoft yahei; line-height:30px; text-align:center;}
.news_view .load:hover{ width:8%; height:30px; overflow:hidden; float:left; margin:14px auto 0 auto; border-radius:5px; font-size:14px; color:#02346c; background-color:#dddddd; font-family:microsoft yahei; line-height:30px; text-align:center;}

.view-page{ width:94%; height:auto; overflow:hidden; margin:0.3rem auto;}
.view-page .span1{ width:48%; height:auto; overflow:hidden; float:left; font-size:0.24rem; color:#666; text-align:left;}
.view-page .span2{ width:48%; height:auto; overflow:hidden; float:right; font-size:0.24rem; color:#666; text-align:left;}
/*contact*/
.contact_two{ width:100%; height:auto; overflow:hidden; margin:0.5rem auto 0.3rem auto;}
.contact_two_ul{ width:100%; height:auto; overflow:hidden; float:left; margin-bottom: 0.3rem;}
.contact_two_ul:nth-child(2){ width:100%; height:auto; overflow:hidden; padding-left:0; float:left;}
.contact_two_ul:nth-child(3){ width:100%; height:auto; overflow:hidden; float:left; }
.contact_two .hot_title{ width:100%; height:auto; overflow:hidden; font-size:0.36rem; color:#2e52ae; line-height:2; font-family:"Source";}
.contact_two .hot_title p{ font-size:0.22rem; color:#333; line-height:0.4rem; font-family:"Source";}
.contact_two .hot_line{ width:100%; height:auto; overflow:hidden; background:url(../img/images/contact3.png) no-repeat left center; font-size:0.3rem; color:#12a09d; line-height:1.5; font-family: Arial; font-weight:bold; text-indent:1.5em; margin-top:0.2rem;}
.contact_two .er{width:1.6rem; height:auto; overflow:hidden; float:left; margin:0 0.2rem;}
.contact_two .er_img{ width:1.6rem; height:1.6rem; overflow:hidden;}
.contact_two .er_img img{ width:1.6rem; height:1.6rem; vertical-align: top;}
.contact_two .er_title{ width:1.6rem; height:auto; overflow:hidden; color:#333; font-size:0.24rem; line-height:1.5; font-family:"microsoft yahei"; text-align:center;}
.contact_stree{ width:100%; height:auto; overflow:hidden; margin:0 auto 100px auto;}
.contact_l{ width:25%; height:6.5rem; overflow:hidden; float:left; background:#2e52ae url(../img/images/contact4.png) no-repeat left top;}
.contact_l_title{ width:auto; height:auto; overflow:hidden; margin:0.4rem auto 0 10%; color:#fff; font-size:0.3rem; line-height:1.5; font-family: Arial; font-weight:bold;}
.contact_l_title p{color:#fff; font-size:0.26rem; line-height:1.5; font-family: "Source";}
.contact_r{ width:75%; height:6.5rem; overflow:hidden; float:left; background-color:#f9f9f9;}
.contact_r_box{ width:90%; height:auto; overflow:hidden; float:left; margin:0 2% 0 6%;}


.messages .nei_navtitle{ width:50%; height:auto; overflow:hidden; margin:0 auto; float:left; position:relative;}
.messages .nei_navtitle .en{ width:100%; height:auto; overflow:hidden; position: absolute; left:0; top:90px; line-height:1.3; font-size:36px; color:#12a09d; font-family:Arial; font-weight:bold; text-align:left; opacity:0.1;}
.messages .nei_navtitle .cn{ width:100%; height:auto; overflow:hidden; margin:0.3rem auto 0 auto; position:relative; line-height:1.3; font-size:0.32rem; color:#12a09d; text-align:left; font-weight:bold;}
.messages .nei_navtitle .heng{ width:40px; height:4px; overflow:hidden; margin:10px auto 0 0; position:relative; background:#12a09d;}
.messages .nei_navtitle .con{ width:80%; height:auto; overflow:hidden; margin:100px auto 0 0; position:relative; line-height:2; text-align:left; font-family:microsoft yahei;}
.messages .right{ width:100%; height:auto; overflow:hidden; margin:0 auto 0 auto; float:left;}
.messages .right .box{ width:97%; height:auto; overflow:hidden; margin:0 auto 0.1rem auto; padding:0 1%; }
.messages .right .box .title{ width:100%; height:auto; overflow:hidden; margin:0.1rem auto; font-size:0.24rem; color:#000; font-family:microsoft yahie; line-height:1.5; text-align:left;}
.messages .right input{ width:60%; height:0.5rem; overflow:hidden; float: left; margin:0.1rem auto; padding:0 3%; border:0; background:none; font-size:0.2rem; color:#666; font-family:microsoft yahie; line-height:0.5rem; text-align:left; border-radius:0.1rem; border:1px solid #ededed;}
.messages .right .box img{ width:auto; height:0.5rem; overflow:hidden; margin:0.1rem auto 0 0.2rem; padding:0 1%; float: left; }

.messages .right textarea{ width:90%; height:1rem; overflow:hidden; float: left; margin:0 auto; padding:2%;background:none; font-size:0.2rem; color:#666; font-family:microsoft yahie; line-height:0.5rem; text-align:left; border-radius:0.1rem; border:1px solid #ededed;}
.messages .right .an{ width:1.8rem; height:0.5rem; overflow:hidden; display:inline-block; border-radius:0.2rem; background-color:#12a09d; font-size:0.26rem; color:#fff; font-family:microsoft yahie; line-height:0.5rem; text-align:center; cursor:pointer;}
.messages ::placeholder {
	color: #999;
	}

/*sea*/
.ullist{ width:100%; height:auto; overflow:hidden; margin:1rem auto 0 auto;}
.ullist li { width:100%; height:0.6rem; overflow:hidden; line-height:0.6rem; color:#333; font-size: 0.24rem; border-bottom:1px dashed #dedede;}
.ullist li span{color:#999; float:right;}
.ullist li:hover{ width:100%; height:0.6rem; overflow:hidden; line-height:6rem; color:#02346c;}

.pmain-pos{ padding-bottom:10px; line-height:20px; color:#999; border-bottom:2px #cad1dc solid;}
.pmain-pos .t{ float:left; font-size:18px; color:#282828; position:relative; padding-left:20px;}
.pmain-pos .t:before{ content:''; background:#0099ff; width:6px; height:18px; position:absolute; left:0; top:3px; border-radius:3px;}

.pnews-detail .title{ text-align:center; padding:25px 0; border-bottom:1px #e3e3e3 solid;}
.pnews-detail .title .t{ font-size:21px; color:#0066cc;}
.pnews-detail .title .c{ color:#999; margin-top:15px; position:relative; }
.pnews-detail .title .c span{ padding:0 15px;}
.pnews-detail .aside{ padding:28px 0; color:#000; line-height:30px;}
.pnews-detail .aside table{ margin:auto; }
.pnews-detail .aside p{ padding:10px 0px; text-indent: 2em;  }
.pnews-detail .aside p img{ max-width:100%; }
.pnews-detail .nNext{ padding:28px 0; line-height:25px; border-top:1px #ccc dashed;}
.pnews-detail .nNext .fl, .pnews-detail .nNext .fr{ max-width:50%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.pnews-detail .nNext .btn{ background:#f0f0f0; display:inline-block; padding:0 2px; vertical-align:top; margin-right:5px; color:#000;}
.pnews-detail .nNext a{ display:inline-block;}

.ptech-floor{ padding:20px 0 40px 0;}
.ptech-item{ width:655px;}
.ptech-item .news-list{ margin-top:15px; width:100%;}
.ptech-item .news-list .n-item .c{ margin-top:5px;}
.ptech-itemDes{ margin-top:21px;}
.ptech-itemDes .aImg img{ width:206px; height:165px; display:block; border:1px #ebebeb dashed;}
.ptech-itemDes .aList{ width:433px;}
.ptech-itemDes .aList li{ height:28px; line-height:28px; overflow:hidden; vertical-align:middle; position:relative; padding-left:15px;}
.ptech-itemDes .aList li span{ float:right; color:#999;}
.ptech-itemDes .aList li:before{content:''; height:4px; width:4px; display:block; border:2px solid #333; border-left-width:0; border-top-width:0; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); position:absolute; top:12px; left:0;}


.site-map dl{padding:10px 0;border-bottom:1px dashed #ddd;}
.site-map dt{font-size:16px;line-height:30px;font-weight:bold;}
.site-map dd{overflow:hidden;}
.site-map dd span{display:block;margin-right:10px;float:left;}
.site-map dd span a:after{content:"|";color:#ddd;margin-left:10px;}
.site-map dd span:last-child a:after{content:"";}
.site-map dd p{overflow:hidden;}
.site-map dd strong{display:block;color:#999;}

/*分页*/
.page{ clear:both;width:100%;line-height:0.6rem;text-align:center;border-top:none;padding:0 0 0.6rem 0; margin:0.6rem auto 0px;font-size: 0.24rem;}
.pagination { width:auto;  margin:0 auto;}
.pagination li {display: inline-block;margin-right: 0.1rem; padding: 1px 6px;background: #fff; color:#006cb7; font-size:0.26rem; min-width:0.6rem;text-align: center; border:1px solid #006cb7; border-radius:0.1rem;}
.pagination li.active {background: #006cb7;color: #fff;}
.pagination li a {display: block;text-align: center; color:#006cb7;}


}