@charset "gb2312";
body,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,ol,li,form,fieldset,legend,button,input,textarea,th,td,div,input{margin:0;padding:0;word-wrap:break-word;}
body,html,input{font:12px Arial,"Helvetica Neue",Helvetica,"Nimbus Sans L","Liberation Sans","Hiragino Sans GB","Microsoft YaHei","Wenquanyi Micro Hei","WenQuanYi Zen Hei","ST Heiti",SimHei,"WenQuanYi Zen Hei Sharp",sans-serif}
h1,h2,h3,h4,h5,h6{font-size:100%;}
h1{font-size:34px;}h2{font-size:24px;}h3{font-size:18px;}h4{font-size:16px;}h5{font-size:14px;}h6{font-size:12px;}
input,label,img,th{vertical-align:middle;}
ul,ol,li{list-style:none;}
a{text-decoration: none;color: #1d1d1d;}
a:hover{text-decoration: underline;}
img{margin: 0;padding: 0;border: none;}
body{min-width: 750px;overflow-x: hidden;}

.main_box{position: relative;}
.banner{position: relative;padding: 0 30px 30px;}
.banerPic{position:relative;top:0;left:0;width:100%;height:100%;background: #999 url(../images/banner.jpg) center top no-repeat;background-size:cover;}
.banerPic:before{content:"";position:absolute;width:100%;height:100%;left:0;top:0;background:-moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 100%);background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 100%);background:-ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#99000000',GradientType=0)}
.banertitle{position:absolute;width:100%;bottom:50%;left:0;margin-bottom:30px;-webkit-transform:translateY(50%);transform:translateY(50%);will-change:transform;-webkit-transition:.5s;transition:.5s}
.title_icon{text-align: center;height: 58px;margin-bottom: 30px;}
.title_icon svg{will-change:fill;height:100%;fill:#444;-webkit-transition:.5s;transition:.5s;}
.banner.top .title_icon svg{fill:rgba(255,255,255,1);}

.banner .title_text h2{-webkit-transition:.5s;transition:.5s;will-change:color;font-size: 50px;margin-bottom: 48px;font-weight: 700;line-height: 1em;text-align: center;}
.banner.top .title_text h2{-webkit-transition-delay:.1s;transition-delay:.1s;color:rgba(255,255,255,1);}
.title_text h2 a{-webkit-transition:.5s;transition:.5s;will-change:color;color:#333}
.banner.top .title_text h2 a{-webkit-transition-delay:.1s;transition-delay:.1s;color:rgba(255,255,255,1)}

.banner.top .words{color:rgba(255,255,255,1);line-height:1.9em;}
.words{position: relative;width: 600px;margin: 0 auto;color: #333;font-size: 16px;will-change:color;}
.banner.top .quot_l svg{fill:rgba(255,255,255,1);}
.banner.top .quot_r svg{fill:rgba(255,255,255,1);}
.quot_l{right: 100%;margin-right: 30px;display: block;position: absolute;top: 0;height: 25px;width: 41px;transition:.5s;fill: #444;}
.quot_r{left: 100%;margin-left: 30px;display: block;position: absolute;top: 0;height: 25px;width: 41px;transition:.5s;fill: #444;}
.banner .words p{text-align: left;}

.col{width: 720px;margin: 0 auto;padding-top: 10em;}
.col ul li{text-align: center;overflow:hidden;margin-bottom: 2em;}
.col ul li h2{line-height:2em;font-size: 24px;text-align: center;display: inline-block;max-width: 520px;margin-bottom: 2em;}
.col ul li h2 a{border-bottom:6px solid #4276d6;padding: 0.2em 0;}
.col ul li p{margin-bottom: 1.5em;text-indent: 2em;color: #666;line-height: 1.9em;font-size: 18px;text-align: left;}
.col ul li img{width: 100%;height: auto;}

.footer{text-align: center;line-height: 2em;color: #333;padding-top: 1em;}


@media screen and (max-width: 1366px){
	.title_text h2{margin-bottom: 40px;font-size: 40px;}
	.col{max-width: 720px;}
}

@media screen and (max-width: 767px){
	.banner{padding: 0;}
	.banner .title_text h2{font-size: 50px;line-height: 1.1em;width: 580px;margin: 0 auto;margin-bottom: 40px;}
	.banner .words{width: 500px;margin: 0 auto;}
	.banner .words p{font-size: 26px;line-height: 2em;}
	.col{max-width: 660px;font-size: 30px;}
	.col ul li h2{font-size: 40px;}
	.col ul li p{line-height: 2.5em;color: #666;}
}