@charset "UTF-8";
/**
 * 
 * @authors zhangyonghui (you@example.org)
 * @date    2015-10-23 10:37:52
 * @version $Id$
 */

body{ font-size: 16px; font-family: "微软雅黑",Arial; line-height: 1.5; color: #333; /*max-width: 1440px;*/ margin: 0 auto;}

/*icon*/
i.icon{ display: inline-block; vertical-align: middle; background: url(../images/lx-img.png) no-repeat;}
i.pro-icon{ display: inline-block; vertical-align: middle; background: url(../images/pro-img.png) no-repeat;}
i.box-icon{ background-position: -49px 0; width: 22px; height: 13px;}
i.index-left-icon{ background-position: 0 0; width: 23px; height: 45px;}
i.index-right-icon{ background-position: -25px 0; width: 23px; height: 45px;}
i.index-left-icon2{ background-position: 0 -46px; width: 23px; height: 45px;}
i.index-right-icon2{ background-position: -25px -46px; width: 23px; height: 45px;}
i.slide-btn-icon{ background-position: -49px -14px; width: 13px; height: 13px;}
i.slide-btn-icon.on{ background-position: -63px -14px; width: 13px; height: 13px;}
i.pro1-icon{ background-position: 0 0; width: 47px; height: 55px;}
i.pro2-icon{ background-position: -48px 0; width: 48px; height: 49px;}
i.pro3-icon{ background-position: -98px 0; width: 53px; height: 55px;}
i.pro4-icon{ background-position: -153px 0; width: 45px; height: 55px;}
i.pro1-icon.on{ background-position: 0 -59px;}
i.pro2-icon.on{ background-position: -48px -59px;}
i.pro3-icon.on{ background-position: -98px -59px;}
i.pro4-icon.on{ background-position: -153px -59px;}
i.pro-left-icon{ background-position: -78px 0; width: 24px; height: 41px;}
i.pro-right-icon{ background-position: -104px 0; width: 24px; height: 41px;}
i.index-contact-icon1{ background-position: -130px 0; width: 12px; height: 17px;}
i.index-contact-icon2{ background-position: -144px 0; width: 11px; height: 15px;}
i.index-contact-icon3{ background-position: -157px 0; width: 12px; height: 11px;}
i.index-contact-icon4{ background-position: -171px 0; width: 13px; height: 13px;}
i.index-contact-icon5{ background-position: -186px 0; width: 12px; height: 8px;}
i.contact-address-icon{ background-position: -49px -74px; width: 12px; height: 17px;}
i.contact-phone-icon{ background-position: -62px -74px; width: 11px; height: 15px;}
i.contact-fax-icon{ background-position: -74px -74px; width: 12px; height: 11px;}
i.contact-web-icon{ background-position: -87px -74px; width: 13px; height: 13px;}
i.contact-mail-icon{ background-position: -101px -74px; width: 12px; height: 8px;}
i.page-left-icon{ background-position: -49px -28px; width: 6px; height: 9px;}
i.page-left-icon.on{ background-position: -56px -28px;}
i.page-left-icon2{ background-position: -67px -36px; width: 6px; height: 9px;}
i.page-left-icon2.on{ background-position: -67px -29px; width: 9px; height: 6px;}
i.about5-left-icon{ background-position: -130px -18px; width: 13px; height: 24px;}
i.about5-right-icon{ background-position: -144px -18px; width: 13px; height: 24px;}
i.scell-icon{ background-position: -63px -28px; width: 3px; height: 5px;}
i.page-num-left-icon{ background-position: -158px -14px; width: 15px; height: 26px;}
i.page-num-right-icon{ background-position: -174px -14px; width: 15px; height: 26px;}
i.case-left-btn-icon{ background-position: -49px -46px; width: 25px; height: 27px;}
i.case-right-btn-icon{ background-position: -75px -46px; width: 25px; height: 27px;}
i.contact-plus-icon{ background-position: -101px -46px; width: 11px; height: 11px;}
i.contact-plus-icon.on{ background-position: -101px -58px; width: 11px; height: 3px;}
i.word-icon{ background-position: -113px -46px; width: 23px; height: 27px;}
i.right-fix-qq-icon{ background-position: 0 -93px; width: 38px; height: 40px;}
i.right-fix-video-icon{ background-position: 0 -134px; width: 36px; height: 35px;}
i.ser-icon{ background-position: -161px -46px; width: 24px; height: 24px;}

/*u.cell*/
u.cell{ border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 12px solid #3ca8e4; height: 0; width: 0; position: absolute; left: 50%; bottom: 0; margin-left: -12px; display: none;}

/*header*/
.headerbg{ width: 100%; background: #fff; box-shadow: 0 0 1px 0 #ccc;}
.fix{ position: fixed; top: 0; left: 0; z-index: 101;}
.fix-po{ height: 80px; width: 100%; box-shadow: 0 0 1px 0 #ccc;}
.header{ width: 1000px; margin: 0 auto;}
a.logo{ display: block; float: left; width: 150px; height: 40px; margin: 20px 0;}
.nav{ float: right; max-width: 850px; overflow: hidden;}
.nav li{ float: left;}
.nav li a{ display: block; line-height: 80px; padding: 0 7.5px; margin: 0 2.5px; color: #666; font-size: 14px;}

/*footer*/
.footer{ width: 100%; height: 130px; background: #3ca8e4; overflow: hidden;}
.footer-info{ width: 1000px; margin: 0 auto; margin-top: 40px; overflow: hidden;}
.footer-left{ float: left;}
.footer-right{ float: right; width: 64px;}
.footer-left p{ color: #fff; font-size: 12px; line-height: 24px;}
.footer-nav{ overflow: hidden; color: #fff; font-size: 12px; line-height: 20px;}
.footer-nav a{ color: #fff; font-size: 12px; line-height: 20px; margin: 0 10px;}
.footer-nav a:first-child{ margin-left: 0;}

.nav li a, .footer-nav a{ transition: all .25s ease-in; -webkit-transition: all .25s ease-in;}
.nav li.on a, .nav li:hover a, .footer-nav a:hover{ color: #00479d; transform: scale(1.01); -webkit-transform: scale(1.01);}