@charset "utf-8";
/* Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
table,caption,tbody,tfoot,thead,tr,th,td{ border:1px solid #ccc;}
ul, li, ol{list-style:none;}
em ,i{font-style:normal;}
table{border-collapse:collapse;border-spacing:0;}
a{text-decoration:none;outline:none;cursor:pointer;color:#333; transition:0.5s}
a:hover {text-decoration:none; color:#0071be;}
*{/*word-wrap:break-word;word-break:break-all;-webkit-text-size-adjust:none;*/}
body,textarea,pre,input{font:12px/1.2 tahoma,arial,sans-serif;}
input,textarea{margin:0;padding:0;outline:none;font-size:100%;vertical-align:baseline;}
textarea{resize:none;}
textarea, input[type="text"], input[type="password"] {background:white url(../images/common/input_bg_sd.png) 0 0 no-repeat;}
hr {border:none;height:1px;}

html,body{height:100%;}
pre{white-space: pre-wrap;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-wrap: break-word;}

.clearfix:after {content:"020";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {clear:both;zoom:1;}


.listpage {
    clear: both;
    font-size: 12px;
    height: 50px;
    line-height: 30px;
	padding-top: 10px;
	text-align:center;
}
.listpage a {
    background-color: #FFFFFF;
    border-color: #C6DDF1;
    border-style: solid;
    border-width: 1px;
    color: #666666;
    display: block;
    float: left;
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    margin: 5px 2px;
    padding-left: 10px;
    padding-right: 10px;
}
.listpage span {
    background-color: #FBF779;
    border-color: #C6DDF1;
    border-style: solid;
    border-width: 1px;
    color: #FF7400;
    display: block;
    float: left;
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    margin: 5px 2px;
    padding-left: 10px;
    padding-right: 10px;
}
.listpage .current{ background:#C6DDF1}
.table_form td{ height:50px;}
/**
* Navigation Defaults
*/

   .navs{ text-align: center;  display: flex; }
    svg {
      margin: 0 auto; /*水平居中*/
            position: relative;
            top: 50%; /*偏移*/
            margin-top: -300px;
      width: 1200px;
    }

    .frame {
      stroke-dasharray: 2405;
      stroke-dashoffset: 0;
      animation: frame-draw 5s ease-in-out;
      -webkit-animation: frame-draw 5s ease-in-out;
    }

    @keyframes frame-draw {
      from {
        stroke-dashoffset: 2405;
      }
      to {
        stroke-dashoffset: 0;
      }
    }

    @-webkit-keyframes frame-draw {
      from {
        stroke-dashoffset:2405;
      }
      to {
        stroke-dashoffset: 0;
      }
    }
.iphone{ }
.nav--active .navs {
	opacity: 1;
	background-color: #fff;
}
.nav__list {
	margin: 0;
	padding: 10px;
}
.nav__item {
	list-style-type: none;
	text-align: left;
}
.nav__link {
	font-size: 1.3em;
	text-transform: uppercase;
	text-decoration: none;
	color: #FFFFFF;
	opacity: 1;
	-webkit-transition: opacity 300ms ease-in-out;
	transition: opacity 300ms ease-in-out;
}
/* Default navigation icon */
.nav__trigger {
	display: block;
	position: absolute;
	width: 22px;
	height: 20px;
	right: 30px;
	top: 40px;
	z-index: 10001;
	border:2px solid #ccc ;
	padding: 5px;
	/*left: 50%;
	margin-left:580px;*/
}
.nav--active .nav__trigger {
	opacity: 0.5;
}
.nav__icon {
	display: inline-block;
	position: relative;
	width: 15px;
	height: 3px;
	background-color: #0071be;
	-webkit-transition-property: background-color, -webkit-transform;
	transition-property: background-color, -webkit-transform;
	transition-property: background-color, transform;
	transition-property: background-color, transform, -webkit-transform;
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
}
.nav__icon:before,
.nav__icon:after {
	content: '';
	display: block;
	width: 22px;
	height: 3px;
	position: absolute;
	background: #0071be;
	-webkit-transition-property: margin, -webkit-transform;
	transition-property: margin, -webkit-transform;
	transition-property: margin, transform;
	transition-property: margin, transform, -webkit-transform;
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
}
.nav__icon:before {
	margin-top: -10px;
}
.nav__icon:after {
	margin-top: 10px;
}
/* Don't nest if you don't have to. */
/**
* Style #1
*/
.style-1 .navs {
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 10000;

}
.style-1 .nav__link {
	opacity: 0;
	-webkit-transition-delay: 500ms;
	transition-delay: 500ms;
}
.style-1 .nav--active .nav__link {
	opacity: 1;
}
.style-1 .nav--active .navs {
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
.style-1 .nav--active .nav__icon {
	background: rgba(0, 0, 0, 0);
}
.style-1 .nav--active .nav__icon:before {
	margin-top: 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.style-1 .nav--active .nav__icon:after {
	margin-top: 0;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.container {
	width:1200px;
	clear:both;
	margin:0 auto;
}


.top-blank{height:95px;overflow:hidden;background:none;}
.top-head{height:106px;width:100%;z-index:1000;background:none; background: #fff}
.shadow{width:100%;height:7px;font-size:0;overflow:hidden;background:url(../images/nav_shadow.png) repeat-x;}

.top01{width:100%;height:30px;line-height:30px;background:#1f2229;/*color:#f5f5f5;*/ color:#0071be;overflow:hidden;}
.top01_center{text-align:left;/* width:362px;*//*padding-left:840px;margin:0 auto;*/ float:right;}
.top01_center img{float:left;margin-top:3px;}
.top02{height:95px;}
.logo{float:left;}
.logo img{ height:70px; margin-top: 15px  }
.nav{width:770px;float:right;}
.nav ul{width:780px;}
.nav li{ position:relative;}
.nav li{width:96px;/*margin:0 5px 0 6px;*/float:left;text-align:center;/* position:relative;*/}
.nav li.on a{ color: #0071be }
.nav a{width:96px;height:52px;padding-top:50px;display:block;font-size:1.2em;/*overflow:hidden;*/; color: #333}
.nav li a:after{content: "";display: block;position: absolute;left: 50%;right: 50%;bottom: -3px;height: 4px;opacity: 0;background-color: #0071be;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.nav li:hover a:after{left: 1%;right: 1%;opacity: 1;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.nav li:hover a.mmm{color: #0071be}
.nav li .xiao_five2 a:hover{color: #0071be}

.nav a#sel{border-bottom:3px solid #0071be;color:#0071be;}
.nav a#sel:hover:after{opacity: 0;}

.nav .sub{display:none;width:100%;padding:0;position:fixed;top:104px;overflow:hidden;text-align:left;z-index:110;left:0px;background-color:#f9f9f9;}
.nav .sub .nav_xiao{width:1200px;overflow:hidden;margin:0 auto;}
.nav .sub .nav_xiao .xiao_one{width:760px;float:right;overflow:hidden;}
.nav .sub .nav_xiao .xiao_one a{float:left;display:inline;height:28px;line-height:28px;width:108px;margin-right:12px;overflow:hidden;
	border-bottom:1px solid #d3d2d2;color:#313030;
	background:url(../images/201603/nav_dian.jpg) left center no-repeat;padding:0;padding-left:15px;font-size:12px;font-family:"宋体";}
.nav .sub .nav_xiao .xiao_one a:hover{color:#0071be;}
.nav .sub .nav_xiao .xiao_two{margin-top:28px;width:760px;float:right;}
.nav .sub .nav_xiao .xiao_two img{float:left;margin-right:25px;}
.nav .sub .nav_xiao .xiao_two .nav_div{float:left;width:380px;padding-top:30px;font-size:12px;color:#666666;line-height:22px;}
.nav .sub .nav_xiao .xiao_two .nav_div h2{font-size:16px;color:#0071be;font-weight:normal;letter-spacing:1px;line-height:36px;}

.nav .sub .nav_xiao .xiao_three{width:760px;float:right;overflow:hidden;}
.nav .sub .nav_xiao .xiao_three ul{width:790px;}
.nav .sub .nav_xiao .xiao_three ul li{float:left;display:inline;width:172px;height:190px;overflow:hidden;margin-right:19px;text-align:center;position:inherit;line-height:46px;margin-left:0px;}
.nav .sub .nav_xiao .xiao_three ul li img{width:100%;height:138px;display:block;}
.nav .sub .nav_xiao .xiao_three ul li a{color:#686868;width:100%;font-size:14px;height:100%;padding-top:17px;}
.nav .sub .nav_xiao .xiao_three ul li a:hover{color:#0071be;}
.nav .sub .nav_xiao .xiao_three ul li:hover img{opacity: 0.8;filter: alpha(opacity=80);}
.nav .sub .nav_xiao .xiao_three ul.nav_wechat li{width:195px;}
.nav .sub .nav_xiao .xiao_three ul.nav_wechat li img{width:195px;height:138px;}

.nav .sub .nav_xiao .xiao_four{width:512px;overflow:hidden;margin-right:25px;margin-left:55px;}
.nav .sub .nav_xiao .xiao_four h2{font-size:18px;font-weight:normal;color:#333333;height:50px;line-height:50px;border-bottom:1px solid #b3b3b3;letter-spacing:3px;margin-top:10px;}
.nav .sub .nav_xiao .xiao_four .ul{width:590px;}
.nav .sub .nav_xiao .xiao_four .ul li{height:42px;line-height:42px;margin-right:80px;padding-right:10px;width:205px;overflow:hidden;float:left;display:inline;background:url(../images/nav_dian2.png) right center no-repeat;margin-left:0px;position:inherit;}
.nav .sub .nav_xiao .xiao_four .ul li a{padding:0;width:205px;text-align:left;}

.nav .sub .nav_xiao .xiao_five{width:680px;overflow:hidden;float:left;margin-top:15px;margin-left:50px;}
.nav .sub .nav_xiao .xiao_five img{width:280px;height:212px;}
.nav .sub .nav_xiao .xiao_five a{width:280px;height:212px;padding:0;margin-right:45px;float:left; display: inline-block;}
.nav .sub .nav_xiao .xiao_five2{float: right;margin-right: 20px;text-align: left;width: 733px;}

.nav .sub .nav_xiao .xiao_five2  a{text-align: left;display: inline-block;padding-top:0;height:auto;padding:15px 20px;font-size:14px;  margin:0px 20px 10px 0; 
	width:304px; border-bottom: 1px solid #ccc; background: url(../images/navbg.png) no-repeat 305px 15px; transition: 0.5s}
.nav .sub .nav_xiao .xiao_five2  a:hover{background: url(../images/navbg2.png) no-repeat 320px 15px #0071be; color: #fff  }



line-height:40px; text-align: center;  }



/*联系我们*/
.contactblock{ float: right; width: 350px; }
.contactcon { background: #fff; width: 270px;  
	padding: 20px  }
.contactcon dl{ margin-bottom: 20px;  padding: 20px;  border-bottom: 1px solid #ccc }
.contactcon dl dt{ font-size: 18px; line-height: 40px; }
.contactcon dl dt img{margin-right:10px; vertical-align: -10px;  }
.contactcon dl dd{ font-size: 16px; line-height: 30px; color: #8f8f8f }
.contactcon dl dd span{ color: #333 }



/* 必要布局样式css */
.cloud-banner {
    position: relative;
    min-width: 1200px;
    background: #0af url(../images/cloud-back.jpg) no-repeat center;
    height: 180px;
    overflow: hidden;
    color: #fff;
    text-align: center;
    margin-top: 100px;
}

.cloud-bubble-one {
    position: absolute;
    top: -120px;
    left: 50%;
    z-index: 10;
    margin-left: -120px;
    width: 240px;
    height: 240px;
    background: url(../images/cloud-back-bule1.png);
    animation: bubble-animate-1 linear 10s infinite;
}

.cloud-bubble-two {
    position: absolute;
    top: 50px;
    left: 34%;
    z-index: 11;
    width: 360px;
    height: 360px;
    background: url(../images/cloud-back-bule2.png);
    animation: bubble-animate-2 linear 12s infinite;
}

.cloud-bubble-three {
    position: absolute;
    top: 50px;
    left: 48%;
    z-index: 12;
    width: 300px;
    height: 300px;
    background: url(../images/cloud-back-bule3.png);
    animation: bubble-animate-3 linear 11s infinite;
}

@keyframes bubble-animate-1 {
    from {
        top: -120px
    }

    50% {
        top: -180px
    }

    to {
        top: -120px
    }
}

@keyframes bubble-animate-2 {
    from {
        top: 50px;
        left: 34%
    }

    50% {
        top: 80px;
        left: 24%
    }

    to {
        top: 50px;
        left: 34%
    }
}

@keyframes bubble-animate-3 {
    from {
        top: 50px;
        left: 48%
    }

    50% {
        top: 80px;
        left: 58%
    }

    to {
        top: 50px;
        left: 48%
    }
}

.cloud-bubble-text {
    position: relative;
    padding-top: 46px;
    z-index: 20;
    font-size: 24px;
}

.cloud-bubble-link {
    position: relative;
    z-index: 20;
}

.cloud-bubble-link a {
    display: inline-block;
    margin-top: 24px;
    width: 220px;
    height: 44px;
    line-height: 44px;
    border: 1px solid #fff;
    color: #fff;
}

.cloud-bubble-link a:hover {
    color: #333;
    background-color: #fff;
}

.cloud-footer {
    min-width: 1200px;
    background-color: #0071be;
    font-family: "Microsoft Yahei";
}

.cloud-footer-box {
    width: 1200px;
    margin: 0 auto;
}

.cloud-footer-feature {
    width: 100%;
    height: 120px;
    border-bottom: 1px solid #2f97de
}

.cloud-footer-feature ul li {
    float: left;
    width: 25%;
    height: 120px;
}

.cloud-footer-feature ul li a {
    white-space: nowrap;
    display: block;
    line-height: 120px;
    padding-left: 110px;
    background-repeat: no-repeat;
    background-position: 50px center;
    font-size: 18px;
    color: #fff;
}

.feature-item001 a {
    background-image: url("../images/icon-item001.png")
}

.feature-item002 a {
    background-image: url("../images/icon-item002.png")
}

.feature-item003 a {
    background-image: url("../images/icon-item003.png")
}

.feature-item004 a {
    background-image: url("../images/icon-item004.png")
}

.cloud-footer-nav {
    width: 100%;
    padding: 40px 0 62px;
}

.cloud-footer-nav-logo {
    width: 32%;
    float: left;
}

.cloud-comm {
    padding-left: 20px;
}

.cloud-comm-logo {
    height: 40px;
    background: url(../images/logo-footer.png) no-repeat left;
    background-size: 115px;
}

.cloud-comm-logo span {
    display: inline-block;
    margin-left: 136px;
    margin-top: -5px;
    width: 126px;
    height: 40px;
    background: url(../images/icon-gif.gif) no-repeat left;
}

.cloud-info {
    margin-top: 20px;
    line-height: 25px;
    font-size: 14px;
    color: #fff;
}

.cloud-share {
    width: 100%;
    height: 100%;
    margin-top: 20px;
    position: relative; display:none;
} 

.cloud-share>p {
    width: 132px;
    height: 132px;
    border: 1px solid #ddd;
    background-color: #fff;
}

.wei-xin {
    position: absolute;
    top: -145px;
    left: 24px;
    background-image: url(../images/icon-ewm.jpg);
    display: none;
    background-size: 132px;
}

.corner {
    border: 10px solid transparent;
    border-top: 10px solid #fff;
    position: absolute;
    bottom: -20px;
    right: 50%;
    margin-right: -10px;
    z-index: 10;
}

.wei-bo {
    position: absolute;
    top: -145px;
    left: -32px;
    background-image: url(../images/wb.png);
    display: none;
    background-size: 132px;
}

.cloud-share ul li {
    float: left;
    margin-left: 15px;
    width: 40px;
    height: 40px;
}

.cloud-share ul li a {
    display: block;
}

.cloud-share ul li a span {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-size: 40px;
}

.cloud-share ul li .icon-blog {
    background-image: url(../images/wb1.png);
}

.cloud-share ul li .icon-blog:hover {
    background-image: url(../images/wb2.png);
}

.cloud-share ul li .icon-wei {
    background-image: url(../images/wx1.png);
}

.cloud-share ul li .icon-wei:hover {
    background-image: url(../images/wx2.png);
}

.cloud-share ul li .icon-qq {
    background-image: url(../images/qq1.png);
}

.cloud-share ul li .icon-qq:hover {
    background-image: url(../images/qq2.png);
}

.cloud-share ul li .icon-mail {
    background-image: url(../images/yx1.png);
}

.cloud-share ul li .icon-mail:hover {
    background-image: url(../images/yx2.png);
}

.cloud-footer-nav-list {
    width: 66%;
    height: 100%;
    border-left: 1px solid #2f97de;
    padding-left: 20px;
    float: left;
}

.cloud-footer-nav-list ul {
    float: left;
    width: 33%;
}

.list-title {
    font-size: 18px;
    color: #fff;
    margin-bottom: 15px;
    line-height: 30px;
}

.cloud-footer-nav-list ul li {
    line-height: 30px;
}

.cloud-footer-nav-list ul li a {
    color: #9ed8ff;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}

.cloud-footer-nav-list ul li a:hover {
    color: #fff;
    text-decoration: underline;
}

.cloud-copyright {
    width: 100%;
    border-top: 1px solid #2f97de;
    padding: 20px 0;
    text-align: center;
}

.cloud-copyright p {
    text-align: center;
    color: #fff;
    font-size: 12px;
    line-height: 25px;
}

.cloud-copyright p a {
    color: #fff;
}

.cloud-copyright p a:hover {
    text-decoration: underline;
}