/*advantage*/
.advantage{ width: 1200px; margin: 0 auto; overflow: hidden; }
.advantage h1{ font-size: 26px; color: #333; width: 100%; text-align: center; padding: 50px 0 30px 0;}
.advantage li{ padding: 35px; float: left; width: 581px; margin-bottom: 30px; border: #eee 1px solid; height: 235px;}
.advantage li:nth-of-type(2n) {float: right;}
.advantage_img{ float: left; width: 105px; height: 160px; margin-right: 20px;}
.advantage h2{ font-size: 22px; color: #333; margin-bottom: 10px;}
.advantage p{ line-height: 26px; font-size: 14px;}
/*import*/
.import{ width: 1200px; margin: 0  auto; padding-bottom: 30px; overflow: hidden; color: #fff;}
.import ul li{ padding: 34px 56px 0 56px}
.import ul li:nth-child(1){ float: left; margin-bottom: 30px; background: url(../img/import-one.png) no-repeat; width: 582px; height: 441px;}
.import ul li:nth-child(2){ float: right; margin-bottom: 30px; background: url(../img/import-two.png) no-repeat; width: 582px; height: 441px;}
.import ul li:nth-child(3){ float: left; background: url(../img/import-three.png) no-repeat; width: 582px; height: 441px;}
.import ul li:nth-child(4){ float: right; background: url(../img/import-four.png) no-repeat; width: 582px; height: 441px;}
.import h2{ font-size: 30px;}
.import p{ font-size: 17px; line-height: 35px; margin-top: 15px;}
/*product*/
.product_m{ width: 100%; padding: 20px 0;  height: 551px; margin: 0 auto; background: url(../img/neirong.jpg) no-repeat center fixed;background-size: cover; overflow: hidden;}
.product h1{font-size: 24px; margin: 0 auto; text-align: center; padding-bottom: 20px;}
.product_m ul{  overflow: hidden; width: 1200px; margin: 0 auto;}
.product_m ul li{ width: 25%; float: left; padding: 0 13px; text-align: center; color: #fff;}
.product_m ul li h3{ font-size:18px ;}
.product_m ul li p{ font-size: 14px; margin-top: 10px; height: 120px;}
/*process*/
.process{ width: 1200px; margin: 0 auto 30px;  overflow: hidden; padding: 1px; }
.process a{ display: block; padding: 1px; width: 275px; height: 410px;}
.process a img{ width: 273px;}
.process li{ float: left; width: 275px; height: 410px; margin: 35px 23px 0 0;-webkit-border-radius: 6px;    border-radius: 6px;    -webkit-box-shadow: 0 0px 5px #CCCCCC;    -moz-box-shadow: 0 0px 5px #CCCCCC;    box-shadow: 0 0px 5px #CCCCCC;}
.process h2{ font-size: 24px; color: #0181DA; text-align: center; margin-top: 30px;}
.process p{ font-size: 16px; line-height: 30px;padding: 0 30px; color: #535353; margin-top: 10px;}
.process .span{ width: 54px; margin: 10px auto;}
.process .span1{  width: 27px; border-top: 2px solid #07A3DE; float: left;}
.process .span2{  width: 27px; border-top: 2px solid #C6C6C8; float: right;}
.process a:hover{ background: #0181DB;border-radius: 6px;}
.process a:hover h2{ color: #fff;}
.process a:hover p{ color: #fff;}
.process a:hover .span1{ border-top: 2px solid #fff; }
.process a:hover .span2{ border-top: 2px solid #F3790C; }
/*about*/
.about{ clear: both; background:url(../img/sixbg.jpg) no-repeat; width: 100%; height: 525px; padding: 30px 0 0 0;}
.about_m{ width: 1200px; margin: 0 auto; }
.about_title{ text-align: center;}
.about_title h2{ font-size: 26px;}
.about_title  p{ font-size: 18px;}
.about_main{ margin: 20px auto; padding-top: 10px;}
.about_main .left{ float: left; width: 440px; padding-top: 10px;}
.about_main .right{ float:right; margin-right: 50px; width: 544px; height: 320px;padding:0 20px;   background:url(../img/about-BG.png) no-repeat;}
.about_main .right p{ font-size: 14px; line-height: 20px;  line-height: 24px;}
.about_main .right  a{ display: block; float: right; margin-right: 20px; color: #000; background: url(../img/icon2.png) no-repeat; font-size: 10px; width: 60px; height: 17px; text-align: center; line-height: 17px;}