/* CSS Document */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {padding:0;margin:0; font-size:13px;}
body{ background-color:#fff;font: 13px "Arial,Verdana";}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0; margin:0;}
address,caption,cite,code,dfn,em,th,var{font-weight:normal;font-style:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;list-style-type: none;}
q:before,q:after{content:''}
abbr,acronym{border:0}
a:link,a:visited{ text-decoration:none;color: #333;}
a:hover{text-decoration: none;}
*{outline:none; padding:0px; margin:0px;}
*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box; box-sizing: border-box;}
/*»ù´¡*/

#full-screen-slider { width:100%; height:744px; position:relative;margin-bottom:15px;}
#slides { display:block; width:100%; height:744px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}

.left-com{	width: 600px;height: 350px;float: left;}
.com-logo{width: 99px;height: 85px;background: url(../images/qy.png)no-repeat 0;margin-left: 225px;margin-top: 33px;}
.com-word{margin-top: 40px;text-align: center;font-size: 14px;width: 95%;line-height: 25px;}
.know{width: 145px;height:40px;line-height: 40px;text-align: center;border: 1px solid;margin-top: 65px;margin-left: 205px;transition: all 0.3s;}
.know:hover{background: #0076c7;border:1px solid #0076c7}
.know:hover a{color: white}
.know a{color: black;text-decoration: none;	font-size: 14px;}
.right-com{float: left;}
.right-com>div{width: 174px;height: 349px;float: left;margin-right: 18px;position: relative;overflow: hidden;}
.right-com>div img{transition: all 1s;}
.right-com>div:hover img{transform: scale(1.2)}
.right-com>div:first-child{margin-left: 18px;}

.tou{width: 100%;padding-top: 35px;text-align: center;}
.tou span:nth-child(1){font-size: 32px;color: #ff9900;}
.tou span:nth-child(2){font-size: 28px;;font-family: arial;color: #212121;}
.bt{border-bottom: 1px solid #ccc;padding: 20px 0;}
.bt h2{ font-size:20px;float: left;border-left: 4px solid #0076c7;text-indent: 10px;}
.bt span{ float:right;line-height: 24px; }
.bt span a{color: #fff;background: #ff9900;display: block;text-align: center;line-height: 26px;width: 100px;}

.proshow,.indexMain,.bt{ width:1200px; margin:40px auto; overflow:hidden;}
.proshow li {float: left;width: 284px;height: 344px;margin-right: 7px;background-color: #ffffff;border: solid 1px #eeeeee;position: relative;	overflow: hidden;margin-bottom: 4px;margin-left: 7px;}
.proshow li:last-of-type { margin-right: 0;}
.proshow li a { display: block;text-align: center;}
.proshow li img { width: 270px; height: 270px;}
.proshow li p.name { position: absolute; width: 100%; bottom: 15px; color: #8c8c8c; text-align: center;}
.proshow li:hover .description { bottom: 0;}
.proshow li .description { position: absolute; width: 100%; height: 250px;
  background-color: rgb(0, 118, 199); border: solid 1px rgba(238, 238, 238, 0.94);
  opacity: 0.94; bottom: -260px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;}
.proshow li .description .pname { text-align: center; color: #ffffff; font-size: 18px; padding: 20px 0; font-weight: normal; overflow: hidden;  text-overflow: ellipsis; white-space: nowrap;}
.proshow li .description p {color: #fff;font-size: 12px;line-height: 2;padding: 0 20px;max-height: 120px;overflow: hidden;}
.proshow li .description .more {color: #fff;font-size: 12px;padding: 0 20px;margin-top: 15px;}

.news{width: 1209px;overflow: hidden;margin: 40px auto 20px;}
.news_1{width: 580px;height: 158px;float: left;}
.news_img{width: 241px;height: 158px;float: left;}
.news_content{width: 339px;height: 158px;float: left;background: #f2f2f2;padding-left: 20px;padding-top: 23px;}
.news_content p:nth-child(1){font-size: 20px;color: #333333;margin-bottom: 10px;}
.news_content p:nth-child(2){font-size: 12px;color: #666666;line-height: 25px;padding-right: 25px;}

.news_2{width: 619px;height: 315px;float: right;}
.news_img2{width: 353px;height: 315px;float: left;}
.news_content2{width: 256px;height: 315px;float: left;background: #f2f2f2;padding-left: 20px;padding-top: 33px;}
.news_content2 p:nth-child(1){font-size: 20px;color: #333333;margin-bottom: 20px;}
.news_content2 p:nth-child(2){font-size: 12px;color: #666666;line-height: 25px;margin-bottom: 20px;padding-right: 25px;}
.news_content2 a button{width: 160px;height: 40px;border: 1px solid #d8d7d7;background: #f2f2f2;color: #666666;cursor: pointer;outline: none;}

.news_3{width: 580px;height: 158px;float: left;;margin-bottom: 10px;}
.news_img3{width: 241px;height: 158px;float: left;}
.news_content3{width: 339px;height: 158px;float: left;background: #f2f2f2;padding-left: 30px;padding-top: 23px;}
.news_content3 p:nth-child(1){font-size: 20px;color: #333333;margin-bottom: 20px;}
.news_content3 p:nth-child(2){font-size: 12px;color: #666666;line-height: 25px;padding-right: 25px;}

.contact_line {margin: auto;max-width: 1920px;background: #f2f2f2;margin-top: 40px;}
.contant_line_box {margin: auto;width: 1200px;height: 200px;line-height: 200px;}
.contactl_li {position: relative;display: inline-block;line-height: 24px;vertical-align: middle;}
.contact_email {margin-right: 180px;padding-left: 61px;}
.contact_email:before {content: "";display: block;position: absolute;left: 0;top: 6px;width: 40px;height: 38px;background: url(../images/1fax_icon.png) no-repeat;}
.contact_phone {margin-right: 180px;padding-left: 61px;}
.contact_phone:before {content: "";display: block;position: absolute;left: 0;top: 4px;width: 40px;height: 38px;background: url(../images/phone_icon.png) no-repeat;}
.contact_fax {margin-right: 180px;padding-left: 60px;}
.contact_fax:before {content: "";	display: block;position: absolute;left: 0;top: 5px;width: 38px;height: 38px;background: url(../images/fax_icon.png) no-repeat;}
.contact_qrcode {line-height: 20px;text-align: center;}

.footer{width:100%;height:45px;text-align: center;color:#fff;line-height: 45px;background: #0076c7;}