@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,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
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:#0e4aac;}
*{/*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:"\0020";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {clear:both;zoom:1;}



/**
* Navigation Defaults
*/



.indextit{ margin: 40px auto; display: block;  text-align: center; position: relative;  height: 100px }
.indextit strong{ display: block;  color: #0e4aac; font-size: 30px;display: block; width: 100%; position: absolute; z-index: 10; 
	text-align: center; padding-top: 70px  }
.indextit span{ display: block; color: #f1f1f1; width: 100%; font-size:90px; font-weight: bold;  position: absolute; z-index: 5; text-align: center;  }



   .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: #0e4aac;
	-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: #0e4aac;
	-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;  position: fixed;}
.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:#0e4aac;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:106px;}
.logo{float:left;}
.logo img{ height:75px; margin-top:17px;  }
.nav{float:right; }
.nav ul{text-align: right;}
.nav li{ position:relative;}
.nav li{width:85px;float:left;text-align:center;/* position:relative;*/}
.nav a{width:85px;height:61px;padding-top:44px;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: #0e4aac;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
/*.nav li:hover a:after{left: 0;right: 0;opacity: 1;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}*/
.nav li:hover a.mmm{color: #fff; background: #0e4aac; }
.nav li .xiao_five2 a:hover{color: #0e4aac}

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

.nav .sub{display:none;width:100%;padding:0;position:fixed;top:104px;overflow:hidden;text-align:right;z-index:110;right:0px;background-color:#f5f5f5;}
.nav .sub .nav_xiao{width:1200px;overflow:hidden;margin:0 auto; text-align: right;}
.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:#0e4aac;}
.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:#0e4aac;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:#0e4aac;}
.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: right;width: 1000px;}

.nav .sub .nav_xiao .xiao_five2  a{text-align: left;display: inline-block;padding-top:0;height:auto;padding:30px 20px;font-size:14px; }





.footer {
	overflow:hidden;
	display:block;
	color:#fff;
	font-size:14px;
    background: url(../images/footerbg.jpg);
}
.footlink{ line-height: 80px; text-align: center; }
.footlink a{ margin: 0 20px; color: #fff }

.footinfo1,.footinfo2{ float: left; padding-left: 30px; overflow: hidden; height: 98px; margin:30px auto; }
.footinfo2 a{ color:#fff;}
.footinfo1{ display:none;}
.footinfo img{ margin-right: 20px }
.footinfo strong,.footinfo span,.footinfo em{ display: block; margin-bottom: 20px }
.footinfo strong{ width: 100px; line-height: 40px; color: #fff; background: #76a70f; border-radius: 20px; text-align: center;}
.footall{border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; overflow: hidden;}
.footinfo1{ width: 400px; text-align: center;  }
.footinfo1 img{ width:100px; float: left }
.footinfo1 p{ float: left; margin-top: 20px }
.footinfo2{ padding-right:30px; width:610px; }
.footinfo2 img{ margin-top: 3px; vertical-align: -7px }
.footinfo2 p{ line-height: 25px; }
.footinfo { font-size: 14px;  color: #000; line-height:40px; text-align: center;  }


.product_title{text-align:center; font-weight:bold;padding:5px; width:100%; font-size:16px;}
.product_related{text-align:center; padding:5px; width:100%;}
.proimg{ text-align:center;}
.proimg img{ text-align:center; max-width:98%; margin:0 auto; display:block;} 

.page_list{margin-top:50px;margin-bottom:30px;border-top:1px dashed #ededed;width:100%;}
.page_list li{line-height:30px;}