*{ margin:0; padding:0;}
a{ text-decoration:none; color:#333; display: inline-block;}
@font-face {
    font-family: myCatF;
    src: url("/fonts/siyuan.ttf")
}
body{ color:#333; background:#fff;margin:0; padding:0;font-family:"myCatF","Arial Narrow" ; font-size: 16px;}
img{ border:none;}
ul{ list-style:none;}
html { overflow-x: hidden; }
.left{ float:left;}
.right{ float:right;}
.clearfix:after{ content:"."; display:block; clear:both; font-size:0; height:0; overflow:hidden;}
.clearfix{ zoom:1;}
.wrapper{ width:1200px; margin:0 auto;}
iframe{ display:block; width:920px !important;}
@media only screen and (min-width: 100px) and (max-width: 1024px) {
	.pc,.flex-control-nav{ display: none !important;}
	
iframe{ display:block; width:100% !important; height:auto !important}
}


@media only screen and (min-width:1024px ) {
	.m{display: none;}
}
/*top*/
.you { width: 1000px;}
.top p{ display: inline;}
.top p span{display: inline; margin-left: 300px; color: #fff;}
.top a{ display: inline-block;margin: 2px 6px 0; color: #fff;}
.ewm{ position: relative;}
.ewm b{ position: absolute; top:26px; right: 6px;box-shadow:0 2px 10px #aaa;background:#fff; width: 100px; display: block; border: 1px solid #eee;}
.ewm b span{margin:4px auto 4px;display: block; width: 90px;}
.ewm b img { width: 88px;}
.social-share a{position:relative;text-decoration:none;margin:4px;display:inline-block;outline:none;}
.social-share .social-share-icon{position:relative;display:inline-block;width:26px;height:26px;font-size:16px;line-height:26px;text-align:center;vertical-align:middle;transition:background 0.6s ease-out 0s; color: #fff;}
.social-share .icon-weibo:hover{color:#ff763b}
.social-share .icon-qzone:hover{color:#FDBE3D}
.social-share .icon-wechat:hover{color:#7bc549}
.social-share .icon-qq:hover{color:#00a0e9}
.social-share .icon-wechat .wechat-qrcode{display:none;border:1px solid #eee;position:absolute;z-index:9;top:30px; z-index:1000;left:0;padding:8px;color:#666;font-size:12px;text-align:center;background-color:#fff;box-shadow:0 2px 10px #aaa;transition:all 200ms;-webkit-tansition:all 350ms;-moz-transition:all 350ms}
.social-share .icon-wechat .wechat-qrcode.bottom{top:40px;left:-54px}
.social-share .icon-wechat .wechat-qrcode.bottom:after{display:none}
.social-share .icon-wechat .wechat-qrcode h4{font-weight:normal;line-height:16px;font-size:8px;background-color:#f3f3f3;margin:0;padding:0;color:#777;display:none}
.social-share .icon-wechat .wechat-qrcode .qrcode{width:80px;margin:0px auto}
.social-share .icon-wechat .wechat-qrcode .qrcode table{margin:0 !important}
.qrcode img{ width: 100%;}
.social-share .icon-wechat:hover .wechat-qrcode{display:block}

/*log*/
.first{ margin-bottom:10px;overflow: hidden; background: url(../img/topbg.png) no-repeat center top #fff;}
.nav li{ float: left;}
.nav li a{ padding: 0 16px; }
.nav{ margin-top: 74px; margin-left:22px; font-size: 16px;color: #000;}
.nav li a.navcur,.nav li a:hover{ color: #09277e; animation: 1s;font-weight:bold;}
.tel{ margin-top: 68px; font-size: 12px; line-height: 14px;}
.tel .right{ text-indent: 12px;}
/*底部*/
.footer{ padding: 50px 0 0px; background: #d9d9d9;}
.botnav{ margin-left: 60px; width: 100%;}
.botnav ul{ border-bottom: 1px solid #000; width: 100%;}
.botnav li{ float: left;}
.botnav li a{padding:10px 20px; color: #000;} 
.botnav li a:hover{ color: #0e287d;}
.contant1{ line-height: 24px; font-size: 14px; margin-top: 10px;}
.copy{ background: #d9d9d9; font-size: 14px; color: #595959; text-align: center; line-height: 40px;} 
/*手机导航*/
.mtop{ height: 60px; line-height: 60px; box-shadow:0px 5px 5px rgba(0, 0, 0, 0.5); background: #fff;  z-index: 1000; margin-bottom:1%;position: relative; position: fixed; top: 0;left: 0 ; width: 100%; background: #fff; text-align:center}
.pz{ text-align: center; font-weight: bold; width: 90%;background: url(../img/logo.png) no-repeat 3% center #fff; background-size:16%;z-index: 1000;}
.pz a{color: #221815; }
.mlogo{width:100%; text-align: center; text-indent:16%;}
@media only screen and (min-width: 768px) and (max-width:1024px) {
.pz{ text-align: center; font-weight: bold; width: 90%;background: url(../img/logo.png) no-repeat 1% center; background-size:10%}
.mlogo{width:100%; text-align: center; text-indent:15%;}	
}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:21px;z-index: 1000;background: #fff;}
.sp_nav span{display:block; background:#170508; width:20px; height:4px; position:absolute; left:16px; transition:all ease 0.6s}
.sp_nav b{display:block; background:#170508; width:4px; height:4px; position:absolute; left:10px; transition:all ease 0.6s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:8px}
.sp_nav span:nth-of-type(3){top:16px}
.sp_nav b:nth-of-type(1){top:0px}
.sp_nav b:nth-of-type(2){top:8px}
.sp_nav b:nth-of-type(3){top:16px}
.sp_nav_se span:nth-of-type(1){top:8px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se b{width:0}
.sp_nav_se span:nth-of-type(3){top:8px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:-1;background:#fff; text-align:center; width:100%;font-size:14px; line-height:40px; top:-200%; left:0; overflow:auto; overflow-x:hidden;transition:top ease 0.6s;}
.nav_show{top:76px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.6s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-bottom:  1px solid #808080; position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#9a9a9a;width:80%; font-weight: bold;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}
.sjj_nav ul li a.mnavcur{color: #00a0e9;}
/*手机站导航结束-*/
.mnav{font-size: 22px;width: 10%; background: #fff;}
.mnavli li a{ display: block; height: 40px; line-height: 40px; text-align: center; width: 100%; color: #9a9a9a; font-weight: bold;}

.mnavli li.close{text-align: right; border: none; height: 30px;}
.fa-close{ width:6%; height: 30px; display: inline-block;  text-align: left;}
.mnavk{ position: relative;}
.mfooter{ background: #d9d9d9; text-align: center; padding: 2% 0;}
.mfoot{ width: 80%; margin: 0 auto;}
.mfoot img{ width:40%; border: 4px solid #fff;}
.mfoot a{ color: #000; line-height: 20px;text-align: center;width: auto; height: auto; font-size: 12px; }
.mcopy{ line-height:  20px; background: #d9d9d9; padding: 1% 0;}
.mcopy span{ display:block; width:60%; margin: 0 auto; text-align: center; color: #404040; font-size: 12px;}
/*手机案例*/
.mal li{ float: left; width: 100%; margin: 1% 0;}
.mal{ margin:2%}
.mal li a{ position: relative; width: 100%; height: 100%;}
.mal li a img{width: 100%;}
.mal li a span{ height: 40px; line-height: 40px; width: 100%; display: inline-block;color: #FFFFFF;text-align: center;position: absolute; bottom: 5px; left: 0; background: rgba(23,5,8,0.5);}
.cpbanner{height: 400px;}
.cpbanner a{width: 100%; background: url(../img/cpbanner.jpg) no-repeat center; height: 100%;cursor:default}
.posi a{ color: #a6a6a6; padding: 0 4px;}
.posi{color: #a6a6a6; font-size: 14px; padding-left: 40px; }
.title h2{ font-weight: normal; text-align: center; font-size: 30px; margin-top: 50px; line-height: 36px;}
.title h3{ font-weight: normal; text-align: center; font-size: 20px;  line-height: 50px;}
.biaoti{ font-size: 24px; line-height: 40px; font-weight: normal; text-align: center; padding: 20px 0;}