@charset "utf-8";
/* CSS Document */
html{-webkit-text-size-adjust: none; font-family:'myfont'; font-size:14px; color:#666;}
@font-face{font-family:myfont; src: url(../font/myfont.otf);}
body,ul,li,p,h1,h2,h3,h4,h5,h6,dl,dt,dd{ margin:0; padding:0; list-style:none; font-family:'myfont';}
a,a img{ text-decoration:none; color:inherit; border:none; outline:none; margin:0; padding:0;}
a:hover{ text-decoration:underline; color:#014a98;}

.main{ width:1200px; margin:0 auto;}
.clear{ width:100%; height:1px; line-height:1%; overflow:hidden; display:block; clear:both;}
.slideBox .hd ul li,.leftLoop .hd .prev,.leftLoop .hd .next,.picList .title,.index-about,.index-news-list li,.new-list-ul li{ background-image:url(../images/ico.png); background-repeat:no-repeat;}
/*-----------------header------------------*/
.head{ width:100%; height:87px; background-color:#014a98; margin:0; padding:0;}
.logo{ width:480px; float:left; height:87px; overflow:hidden;}
.nav{ width:720px; float:right; text-align:right;}
.nav ul li{ float:left; color:#FFF; padding:27px 19px; text-align:center; height:33px;}
.nav ul li a{ color:#FFF;}
.nav ul li a:hover{ text-decoration:none; color:#FFF;}
.nav ul li em{ font-family:Arial, Helvetica, sans-serif; font-size:9px; -webkit-transform:scale(0.75); display:block; font-style:normal;}
#nav-this{ background-color:#ce000c;}
/*-----------------footer------------------*/
.foot-nav{ width:100%; height:40px; line-height:40px; color: #FFF; background-color:#084d9f; text-align:center; margin-top:50px;}
.foot-nav a{ color: #FFF; text-decoration:none;}
.foot-nav ul{ margin:0 auto;}
.foot-nav ul li{ display:inline-block; padding:0 20px;}
.foot-infro{ width:100%; padding:15px 0; text-align:center; color:#FFF; text-align:center; font-size:12px; line-height:24px; font-family:宋体; background-color:#1462bf;}
.foot-linki{ margin-top:10px;}
/*-----------------index------------------*/
.index-banner{ width:100%; height:420px; /*background:url(../images/banner.jpg) center top #007bd0;*/ background-color:#007bd0; position:relative;}
/* 单个图片幻灯片盒子 - 公用类 */
.slideBox{ width:1920px; height:420px; overflow:hidden; position:absolute; left:50%; top:0; margin-left:-960px; }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:50%; bottom:10px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:5px;  width:15px; height:15px; cursor:pointer; background-position:-21px 0; }
.slideBox .hd ul li.on{ background-position:0 0;  }
.slideBox .bd{ position:relative; height:100%; z-index:0;}
.slideBox .bd img{ width:1920px; height:420px; }

.index-product{ width:100%; height:132px; padding:45px 0; background-color:#f2f2f2; margin:0; text-align:center;}
/* 多个左滚动 - 图片- 公用类 */
.leftLoop{ overflow:hidden; position:relative; width:1200px; margin:0 auto; height:135px;}
.leftLoop .hd{ overflow:hidden;  height:101px; width:100%; position:absolute; left:0; top:0;}
.leftLoop .hd .prev,.leftLoop .hd .next{ display:block;  width:28px; height:29px; margin-top:35px;  overflow:hidden; cursor:pointer;}
.leftLoop .hd .prev{ float:left; background-position:-52px 0px;  }
.leftLoop .hd .next{ float:right; background-position:-80px 0px;  }
.leftLoop .bd{ margin:0 35px;}
.leftLoop .bd ul{ overflow:hidden; zoom:1; }
.leftLoop .bd ul li{ margin:0 13px; text-align:center; float:left; _display:inline; overflow:hidden;  }
.picList .pic{ border:1px solid #d5d5d5; width:198px; height:99px;display:table-cell;vertical-align:middle;}
.picList .pic img{display:block;}
.picList .title{ background-position:6px -51px; width:198px; text-align:left; padding-left:18px; box-sizing:border-box; margin-top:5px;}
.picList .title a{ color:#333333;}
.picList .title a:hover{ text-decoration:underline; color:#014a98;}

.index-intr-left{ width:652px; float:left; overflow:hidden;}
.index-intr-title{ width:100%; border-bottom:1px solid #cccccc; color:#666666; height:31px; margin-bottom:15px;}
.index-intr-title a{ float:right; font-family:宋体; margin-right:20px; line-height:35px;}
.index-intr-title span{ font-size:18px; color:#084d9f; border-bottom:1px solid #084d9f; line-height:30px; display:block; float:left;}
.index-intr-title em{ font-size:14px; color:#bebebe; font-style:normal;}
.index-intr-title i{ color:#4e4e4e; font-style:normal;}
.index-about{ background-position:5px -140px; padding-left:30px;}
.index-complay{ width:208px; height:126px; border-radius:0px 10px 0 10px; overflow:hidden; float:left; margin-right:23px;}
.index-complaya{ width:413px; float:left; height:126px; overflow:hidden; line-height:26px;}
.index-complaya a{ color:#084d9f;}

.index-intr-right{ width:508px; float:right;}
.index-news-list{ width:500px; margin-left:8px;}
.index-news-list li{ width:100%; background-position:0 -70px; padding-left:13px; box-sizing:border-box; height:24px;}
.index-news-list li p{ width:60%; float:left; height:24px; line-height:24px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; color:#666;}
.index-news-list li span{ float:right; font-size:12px; color:#999999; font-family:Arial, Helvetica, sans-serif;}
.index-news-list li a{ width:100%; display:block; height:24px;}
.index-news-list li a:hover p{ text-decoration:underline; cursor:pointer;color:#014a98;}

/*-----------------sub------------------*/
.sub-banner{ width:100%; background-color:#1486d5; height:200px; overflow:hidden; position:relative; margin-bottom:20px;}
.sub-banner-img{ width:1920px; position:absolute; top:0; left:50%; margin-left:-960px;}

.sub-left{ width:210px; float:left; background:url(../images/sub_05.jpg) no-repeat left bottom #014a98; min-height:500px; padding-bottom:300px;}
.sub-nav-t{ width:100%; height:70px; line-height:70px; background-color:#ce000c; color:#FFF; font-size:21px; text-align:center; margin-bottom:20px;}
.sub-nav-first{ width:190px; margin:0 10px; text-align:center; color:#FFF;}
.sub-nav-first a{ color:#FFF;}
.sub-nav-first a:hover{ color:#FFF; text-decoration:none;}
.sub-nav-firstli{ background:url(../images/sub_06.png) repeat-x left bottom; line-height:48px; overflow:hidden;}
.sub-nav-firstli p a:hover{color:#41e6ff;}
.sub-nav-second{ width:100%; font-size:12px; color:#FFF; font-family:宋体; line-height:24px; margin:0 0 10px; cursor:pointer; display:none;}
.sub-nav-second li:hover{ background-color:#00bfff;}
#sub-nav-this{ background-color:#00bfff;}

.sub-right{ width:940px; float:right; overflow:hidden;}
.sub-location{ width:100%; height:46px; line-height:46px; border-bottom:1px solid #dedede;}
.sub-location p{ width:500px; float:left; overflow:hidden; font-size:20px; font-weight:bold;}
.sub-location span{ float:right; font-size:12px; color:#999999; line-height:56px;}
.sub-location span a{ color:#999999;}
.sub-location span a:hover{ text-decoration:underline; color:#014a98;}

/*-----------------page------------------*/
.page{ width:100%; text-align:center; font-size:12px; margin:30px 0;}
.page a{ margin:0 10px; color:#666;}
.page a:hover{ text-decoration:underline; color:#014a98;}
.page span{ display:inline-block; width:20px; height:20px; text-align:center; overflow:hidden; vertical-align:middle; margin:0 2px;}
.page span a{ margin:0; padding:0; width:100%; height:100%; display:block; color:#666;}
.page span a:hover,#page-this{ background-color:#127ce0; color:#FFF; text-decoration:none;}

/*-----------------product------------------*/
.product-list{ width:100%; overflow:hidden; margin:30px 0;}
.product-list ul{ width:960px;}
.product-list ul li{ width:300px; float:left; margin-right:20px; margin-bottom:30px;}
.product-list ul li:nth-child(3n){ margin-right:0px;}
.product-list-img{ width:298px; height:149px; border:1px solid #e8e8e8;}
.product-list-name{ width:100%; text-align:center; line-height:30px;}
.product-list-name a{ color:#666;}
.product-list-name a:hover{ text-decoration:underline; color:#014a98;}

.product-infro{ border:none; margin:30px auto;}
.product-infro td{ vertical-align:middle;}
.product-detail-img{ border:1px solid #e8e8e8; width:598px; height:299px;}
.product-detail-name{ margin:0 10px 0 20px; font-size:24px; color:#333333;}
.product-detail-text{ width:600px; color:#333333; line-height:20px;}
.product-detail-text p{ text-indent:2em; margin-bottom:15px;}

/*-----------------aboutus------------------*/
.aboutus{ width:100%; overflow:hidden; margin:30px auto; color:#333333; line-height:20px;}
.aboutus-img{ width:100%; text-align:center; margin-bottom:30px;}
.aboutus p{ text-indent:2em; margin-bottom:15px;}
/*-----------------contact------------------*/
.contactus-address{ width:100%; overflow:hidden; margin:30px auto; color:#333333;}
.contactus-address-map{ width:530px; height:530px; float:left; overflow:hidden; border:1px solid #cccccc;}
.contactus-address-text{ width:380px; float:right;}
.contactus-address-text h1{ font-size:24px; font-weight:normal; margin-bottom:15px; line-height:50px;}
.contactus-address-text p{ line-height:24px;}

.contactus-message{ width:100%; margin:30px auto; overflow:hidden;}
.contactus-message p{ font-size:12px;}
.contactus-message dl{ width:410px; margin:30px auto; overflow:hidden;}
.contactus-message dl dt,.contactus-message dl dd{ float:left; color:#333333; margin-bottom:15px;}
.contactus-message dl dt{ width:80px; text-align:right;}
.contactus-message dl dd{ width:330px;}
.contactus-message input,.contactus-message textarea{ float:left;}
.contactus-message input{ width:250px;}
.contactus-message textarea{ height:120px; width:320px; resize:none;}
/*-----------------network------------------*/
.network{ width:100%; min-height:611px; background:url(../images/network_09.jpg) no-repeat; margin:30px auto; color:#000; overflow:hidden;}
.network h2{ margin:20px 0; font-weight:normal; font-size:20px;}
.network p{ width:400px; line-height:26px; margin-bottom:30px; font-size:16px;}
/*-----------------new------------------*/
.new-list{ width:100%; margin:30px auto; overflow:hidden;}
.new-list-ul{ width:100%;}
.new-list-ul li{ width:100%; background-position:5px -40px; padding-left:18px; box-sizing:border-box; height:39px; line-height:40px; border-bottom:1px dashed #dddddd; margin:1px 0;}
.new-list-ul li p{ width:60%; float:left; height:40px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; color:#666;}
.new-list-ul li span{ float:right; font-size:12px; color:#999999; font-family:Arial, Helvetica, sans-serif;}
.new-list-ul li a{ width:100%; display:block; height:40px;}
.new-list-ul li a:hover p{ text-decoration:underline; cursor:pointer;color:#014a98;}

.new-detail{ width:100%; overflow:hidden; margin:30px auto; color:#333333; line-height:20px;}
.new-detail p{ text-indent:2em; margin:0 10px 15px;}
.new-detail-title{ margin-bottom:30px; width:100%; text-align:center;}
.new-detail-title h1{ font-size:26px; font-weight:normal; border-bottom:1px dashed #dddddd; height:56px; line-height:56px;}
.new-detail-title p{ text-indent:0em; margin:0; font-size:12px; color:#999999; line-height:34px;}
/*-----------------qualification------------------*/
.qualification-list{ width:100%; overflow:hidden; margin:30px 0;}
.qualification-list ul{ width:960px;}
.qualification-list ul li{ width:220px; float:left; margin-right:20px; margin-bottom:20px;min-height: 280px;}
.qualification-list ul li:nth-child(4n){ margin-right:0px;}
.qualification-list-img{ width:218px; height:218px; border:1px solid #e8e8e8;margin-bottom: 10px;}
.qualification-list-name{ width:100%; text-align:center; line-height:22px;}
.qualification-list-name a{ color:#666;}
.qualification-list-name a:hover{ text-decoration:underline; color:#014a98;}

.qualification-K{ width:100%; height:100%; position:fixed; left:0; top:0; background-color:rgba(0,0,0,0.5); display:none;}
.qK-main{ width:760px; height:820px; position:absolute; top:50%; left:50%; margin-left:-380px; margin-top:-410px; background-color:#FFF;}
.qK-close{ width:740px; margin:10px; text-align:right; height:18px;}
.qK-name{ margin:10px auto; width:699px; height:50px; line-height:50px; color:#000000; font-size:24px; text-align:center;}
.qK-img{ width:697px; height:697px; border:1px solid #e8e8e8; margin:0 auto;}


/*-----------------ie7\8以下------------------*/
.foot-nav ul{ *width:690px;}
.foot-nav ul li{ *float:left;}
.qualification-K{ background:url(../images/bg.png) repeat\9;}