@charset "utf-8";
/* CSS Document */
@font-face {font-family:"SourceHanSansCN"; src:url(SourceHanSansCN-Regular.otf);}
body,h1,h2,h3,h4,h5,h6,p,ul,li,form,button,textarea,th,td,table,a,em,span,img,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0px;padding:0px;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{ display:block;}
body,button,select,textarea{font-size:14px; color:#666; line-height:24px; outline:none; font-family:Arial, "SourceHanSansCN","黑体"; }
h1,h2,h3,h4,h5,h6,select{font-size:14px; font-weight:normal; font-style:normal;}
em{ font-style:normal;}
ul,li{list-style:none; overflow:hidden}
select,img{ border:none; vertical-align:middle;}
html{ overflow-y:auto;min-height:100%;}
body{ min-width:1200px;position:relative;}
p{word-wrap:break-word}
a{text-decoration:none; color:#666;}
a span,a em{ cursor:pointer;}
.clearfix{zoom:1;}
.clearfix:after{content:".";display:block;clear:both;height:0;overflow:hidden;visibility:hidden;}
.floatl{ float:left;}
.floatr{ float:right;}
.textl{ text-align:left;}
.textc{ text-align:center;}
.textr{ text-align:right;}
input{ border:none; background:none; border-radius:0;outline:none;font-family:Arial, "SourceHanSansCN","黑体";}
.anchorBL{ display:none; }
*{box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
/*首页*/
.header{ height:80px; border-bottom:solid 1px #e8e8e8;}
.header .nav{ width:1200px; margin:auto;}
.header .nav .floatl{ display:block; padding:5px 0; margin:20px 80px 0 0;}
.header .nav .floatl img{ display:block;}
.header .nav ul{ float:left; padding-top:20px;}
.header .nav ul li{ float:left; width:100px; margin-right:30px; height:40px; line-height:40px; text-align:center; font-size:16px;}
.header .nav ul li a{ display:block; color:#333; border-radius:3px;}
.header .nav ul li a:hover,.header .nav ul li a.current{ background:#558ff2; color:#fff;}
.main{ width:1200px; margin:auto; padding:98px 0;}
.main>.floatl{ width:600px; height:475px; background-repeat:no-repeat; background-position:center top;}
.main>.floatr{ width:600px; padding:0 80px;}
.main>.floatr .title{ padding:32px 0 35px;}
.main>.floatr .title img{ display:block;}
.zy{ width:450px; line-height:24px; height:48px; font-size:16px; color:#666; margin-bottom:100px;}
.main>.floatr .clearfix ul{ width:180px;}
.main>.floatr .clearfix ul li{ display:block; height:50px; width:180px; line-height:50px; font-size:14px; color:#558ff2; border:solid 1px #558ff2; border-radius:3px; margin-bottom:20px; padding-left:40px; cursor:pointer;}
.main>.floatr .clearfix ul li.current{ background:#558ff2; color:#fff;}
.main>.floatr .clearfix ul li img{ margin-right:10px;}
.main>.floatr .clearfix .floatr div{ display:none; width:180px; height:180px; padding:9px; border:solid 1px #ddd;}
.main>.floatr .clearfix .floatr div img{ display:block; width:160px; height:160px;}
.main>.floatr .clearfix .floatr div.current{ display:block;}
.footer{ width:100%;padding:18px 0; line-height:24px; color:#fff; font-size:12px; background:#558ff2;}
.footer span{ margin:0 10px 0 15px;}
.footer a{ color:#fff; margin-left:20px;}
.fixed{height:100%;}
.fixed .footer{ position:absolute; left:0; bottom:0;}

.contact{ padding:60px 0 70px; width:1200px; margin:auto;}
.contact>div{ width:600px;}
.contact .floatr{ padding-left:80px;}
.contact .floatr .title{ padding:70px 0 40px;}
.contact .floatr .title img{ display:block;}
.contact .floatr .dz{ font-size:16px; line-height:30px; color:#666;}

.banner{ height:360px; background-repeat:no-repeat; background-position:center center;}
.about{ min-height:250px; padding:10px 0 60px;}
.about h1{ font-size:36px; color:#333; line-height:96px; text-align:center;}
.about div{width:1200px;margin:auto;padding-top:20px; font-size:16px; line-height:30px; color:#666;text-indent:32px;}
.about div img{display:block;width:100%;margin-bottom:20px;}
.mode1{ height: 650px; background:#f2f2f2;}
.mode1>div{ width: 50%; float: left;}
.mode1_text .floatr{width: 600px; padding-right: 20px;}
.mode1_text .floatr h1{ font-size: 60px; color: #333; font-weight: bold; line-height: 100px;padding: 100px 0 40px;}
.mode1_text .floatr li{ padding: 12px 0 12px 20px; background: url(images/y.png) no-repeat left 20px; font-size: 16px; line-height: 24px;color: #333;}
.mode1_text .floatr .title1{ padding: 120px 0 60px;}
.mode1_img{ height: 100%; background-position: left center; background-repeat: no-repeat;}