﻿body{ background-color:#fff;}
.layout{ width:1200px; margin:0 auto; clear: both;}
.white_bg{ background-color:#fff; background-repeat:no-repeat;}
.orange_bg{ background-color:#fffcf8; background-repeat:no-repeat;}
.col_tit{ padding-top:73px; font-size:32px; color:#111; text-align:center;}
.col_tit.white{ color:#fff;}
.mr0{ margin-right:0 !important;}
.borderright0{ border-right:0 none !important;}

/* 头部 */
.header{ position:fixed; top:0; left:0; z-index:1000; width:100%; height:68px;}
.header .logo{ float:left; margin-top:18px;}
.header .login_a,.header .register_a{ float:right; width:75px; height:32px; line-height:32px; margin-top:20px; border-radius:3px; font-size:14px; text-align:center;}
.header .login_a{ margin-right:14px; background-color:#010851; color:#fff;}
.header .register_a{ border:1px solid #ff8400; color:#ff8400;}
.header .nav{ float:right; display:inline; position:relative;}
.header .nav li{ float:left; display:inline; margin-top:26px; margin-left:57px;}
.header .nav li a{ font-size:16px; color:#fff;}
.header .nav .line{ position:absolute; top:52px; left:57px; width:35px; height:2px; background-color:#ff8400;}


/* 特色 */
.feacher{ width:100%; height:106px; background-color:#fffcf8;}
.feacher li{ float:left; display:inline; width:355px; height:74px; margin-top:16px; margin-right:147px; padding-top:16px; border-right:1px solid #ececec;}
.feacher li.last{ width:auto; margin-right:0; border-right:0 none;}
.feacher li i{ float:left; width:49px; height:49px; background:url(../images/feacher_icon_05.png) no-repeat;}
.feacher li i.yfdx_icon{ background-position:0 0;}
.feacher li i.fwkh_icon{ background-position:0 -86px;}
.feacher li i.ddl_icon{ background-position:0 -176px;}
.feacher li span{ float:left; line-height:49px; padding-left:15px; font-size:16px; color:#666;}
.feacher li em{ float:left; padding-left:3px; font-family:Arial; font-size:32px; color:#ff9e00;}
.feacher li b{ float:left; padding-left:2px; font-weight:normal; font-size:22px; color:#ff9e00; vertical-align:top;}

/* 为什么选择尚通短信 */
.choosesamton_nav{ padding-top:17px; padding-bottom:89px; overflow:hidden;}
.choosesamton_nav li{ float:left; display:inline; width:210px; margin-top:56px; margin-right:119px; text-align:center;}
.choosesamton_nav li i{ display:inline-block; width:154px; height:154px; background:url(../images/choosesamton_icon_05.png) no-repeat;}
.choosesamton_nav li i.qwzz_icon{ background-position:0 0;}
.choosesamton_nav li i.dmk_icon{ background-position:-326px 0;}
.choosesamton_nav li i.gaqx_icon{ background-position:-652px 0;}
.choosesamton_nav li i.swhy_icon{ background-position:-978px 0;}
.choosesamton_nav li i.dtd_icon{ background-position:0 -236px;}
.choosesamton_nav li i.sxk_icon{ background-position:-326px -236px;}
.choosesamton_nav li i.jszc_icon{ background-position:-652px -236px;}
.choosesamton_nav li i.xjjg_icon{ background-position:-978px -236px;;}
.choosesamton_nav li h5{ padding-top:22px; padding-bottom:10px; font-size: 20px; color:#111;}
.choosesamton_nav li p{ line-height:20px; font-size:14px; color:#777;}

/* 轮播图 */
.banner{ width:100%; height:622px;}
.applicatscenar_box{ position:relative; height:582px; background-color:#1033a9;}
.applicatscenar_box .col_tit{ position:absolute; top:0; z-index:100; width:100%;}
.js-silder{  width:100%; height:100%; position:relative;}
.silder-scroll{ width:100%; height:100%; overflow:hidden;}
.silder-main{  width:100%; height: 100%; position:relative;}
.silder-main-img{ display:block; width:100%; height:100%; position:absolute; top:0; left:0; width:100%; background-repeat:no-repeat; background-position:top center;}
.js-silder-ctrl{ position:absolute; bottom:24px; left:50%; margin-left:-104px;}
.silder-ctrl-con{ display:inline-block; width:42px; height:2px; margin:0 5px; background-color:#687ec9; text-indent:-100px; overflow:hidden; cursor:pointer;}
.silder-ctrl-con.current{ background-color:#fff;}
.banner .getcode_con{ width:506px; margin:448px auto 0;}
.getcode_con{ border-radius:3px; font-size: 0; overflow:hidden;}
.getcode_con .text{ width:346px; height:49px; padding:15px; background-color:#fff; border:0 none; font-size: 16px; color:#000;}
.getcode_con .getcode_btn{ width:160px; height:49px; background-color:#187bf2; border:0 none; font-size:16px; color:#fff;}



/* 强大的技术支撑 */
.techsupport_nav{ padding-top:75px; padding-bottom:105px; overflow:hidden;}
.techsupport_nav li{ float:left; display:inline; width:260px; margin-right:210px; text-align:center;}
.techsupport_nav li h5{ padding-top:35px; padding-bottom:7px; font-size:24px; color:#111;}
.techsupport_nav li p{ padding:0 10px; line-height:24px; font-size:14px; color:#666;}

/* 客户案例 */
.case_bg{ background-image:url(../images/case_bottom_bg_15.jpg);  background-position:bottom;}
.case_nav{ padding-top:60px; overflow:hidden;}
.case_nav li{ float:left; display:inline; width:230px; height:92px; border:1px solid #f9fafc; margin-right:12px; margin-bottom:20px; background-color:#fff;}
.case_nav li img{ width:100%; height:100%;}
.case_bottom{ height:193px;}
.case_bottom li{ float:left; display:inline; width:350px; margin-right:68px; padding-top:73px; text-align:center;}
.case_bottom li span{ font-size:48px; color:#ff9901;}
.case_bottom li p{ font-size:18px; color:#333;}

/* 开始接入尚通短信 */
.toaccess_nav{ padding:63px 0 83px 0; text-align:center; overflow:hidden;}
.toaccess_nav li{ position:relative; display:inline-block; height:93px; line-height:93px; margin-right:43px; border:1px solid #ffca7b;}
.toaccess_nav li em{ float:left; width:93px; height:93px; margin-top:-1px; margin-left:-1px; background-color:#ff9901; font-size:32px; color:#fff; text-align:center;}
.toaccess_nav li span{ float:left; padding:0 48px; font-size:24px; color:#111111;}
.toaccess_nav li i{ position:absolute; top:34px; z-index:100; width:13px; height:23px; background:url(../images/toaccess_icon_03.png) no-repeat;}
.toaccess_nav li i.left{ left:-1px;}
.toaccess_nav li i.right{ right:-13px;}

/* 合作流程 */
.cooperation_nav li{ margin-right:12px;}
.cooperation_nav li span{ padding:0 28px;}

/* 内页banner */
.list_banner{ width:100%; height:468px; background-repeat:no-repeat; background-position:top center;}
.product_bg{ background-image:url(../images/product_img_01.jpg);}
.about_bg{ background-image:url(../images/about_bg_01.jpg);}
.contact_bg{ background-image:url(../images/contact_bg_01.jpg);}

/* 尚通短信 */
.samtonmessage_nav{ padding-top:70px; padding-bottom:88px; overflow:hidden;}
.samtonmessage_nav li{ float:left; display:inline; width:171px; margin-right:86px; text-align:center;}
.samtonmessage_nav li i{ display:inline-block; width:145px; height:122px; background:url(../images/samtonmessage_img_14.jpg) no-repeat;}
.samtonmessage_nav li i.jrdx_icon{ background-position:0 0;}
.samtonmessage_nav li i.xfsd_icon{ background-position:-237px 0;}
.samtonmessage_nav li i.syjk_icon{ background-position:-507px 0;}
.samtonmessage_nav li i.ddsd_icon{ background-position:-760px 0;}
.samtonmessage_nav li i.zytd_icon{ background-position:-1008px 0;}
.samtonmessage_nav li h5{ padding-top:44px; font-size:18px; color:#666;}

/* 五大类短信 */
.fivemessage_bg{ background-image:url(../images/fivemessage_bottom_bg_07.jpg); background-position:bottom center;}
.fivemessage_nav{ padding-top:70px; padding-bottom:110px; overflow:hidden;}
.fivemessage_nav li{ float:left; display:inline; width:184px; margin-right:70px;}

/* 尚通承诺 */
.samtoncommit_bg{ background-image:url(../images/samtoncommit_bg_10.jpg);  background-position:bottom;}
.samtoncommit_bg .col_tit{ padding-top:120px;}
.samtoncommit_con{ padding-top:20px; padding-bottom:78px;}
.samtoncommit_con p{ line-height:25px; font-size:16px; color:#fff; text-align:center;}

/* 短信发送平台 */
.smsplatform_con{ height:862px; background-color:#4b63c8;}
.smsplatform_con .col_tit span{ display:block; padding-top:12px; font-size:18px; color:#fff;}
.smsplatform_con .smsplatform_img{ padding-top:29px; text-align:center;}
.smsplatform_con .buynow_btn{ display:block; width:196px; height:54px; line-height:54px; margin:0 auto; background-color:#ffba01; border-radius:4px; font-size:24px; color:#fff; text-align:center;}

/* 尚通短信简介 */
.introduction_con{ padding:222px 669px 259px 0; background:url(../images/introduction_bg_19.jpg) no-repeat right center;}
.introduction_con h2{ padding-bottom:10px; font-size: 36px; color:#fda80b;}
.introduction_con p{ line-height:26px; font-size:16px; color:#666;}

/* 核心价值观 */
.corevalues_nav{ padding-top:78px; padding-bottom:107px; overflow:hidden;}
.corevalues_nav li{ float:left; display:inline; width:276px; height:293px; margin-right:31px; border:1px solid #ddd; border-radius:4px; background-color:#fff; text-align:center;}
.corevalues_nav li h5{ height:101px; padding-top:16px; font-size:32px; color:#fff; text-align:center;}
.corevalues_nav li h5 em{ display:block; padding-top:5px; font-size:18px; color:#fff; text-transform:uppercase;}
.corevalues_nav li p{ height:110px; line-height:29px; padding:32px 32px 20px 32px; font-size:16px; color:#333;}
.corevalues_nav li .line{ width:103px; height:1px; margin:0 auto 20px; background-color:#e2e2e2;}
.corevalues_nav li span{ font-size:16px; color:#999;}
.corevalues_nav li.blue{ border-color:#00caf5;}
.corevalues_nav li.blue h5{ background-color:#00caf5;}
.corevalues_nav li.orange{ border-color:#ffab27;}
.corevalues_nav li.orange h5{ background-color:#ffab27;}
.corevalues_nav li.green{ border-color:#94cd0b;}
.corevalues_nav li.green h5{ background-color:#94cd0b;}
.corevalues_nav li.purple{ border-color:#9680f2;}
.corevalues_nav li.purple h5{ background-color:#9680f2;}

/* 资质证明 */
.credentials_slide{ overflow:hidden; width:100%; padding-top:65px; padding-bottom:70px;}
.credentials_slide .left_btn,.credentials_slide .right_btn{ width:36px; height:83px; margin-top:100px; background:url(../images/arrow-btn.png) no-repeat; cursor:pointer;}
.credentials_slide .left_btn{ float:left; margin-right:19px; background:url(../images/arrow_left_btn_39.png) no-repeat;}
.credentials_slide .right_btn{ float:right; background:url(../images/arrow_right_btn_37.png) no-repeat;}
.credentials_slide .left_btn:hover,.credentials_slide .right_btn:hover{ background-position:0 -100px;}
.credentials_nav{ float:left; width:1096px; height:314px; overflow:hidden; position:relative;}
.credentials_nav ul{ position:absolute; left:0px; top:0; height:314px;}
.credentials_nav li{ float:left; width:223px; height:314px; padding-right:23px;}
.credentials_nav li h5{ line-height:36px; font-size:14px; color:#666; text-align:center;}
.credentials_nav img{ width:100%;}

/* 团队风采 */
.teamdemeanour_img{ padding-top:65px; padding-bottom:100px;}

/* 公司地址 */
.address{ padding-top:65px; padding-bottom:76px; overflow:hidden;}
.address_txt{ display:inline-block; line-height:35px; margin-bottom:33px;}
.address_txt h5{ line-height:22px; font-size:18px; color:#111;}
.address_txt h3{ line-height:22px; font-size:24px; color:#111;}
.address_txt p{ line-height:18px; font-size:14px; color:#999; white-space:normal;}
.address_curtit{ clear:both;}
.address_curtit .address_txt{ float:left; display:inline; width:175px; margin-left:15px;}
.address_curtit:hover span{ background-color:#ff9c3e;}
.address_curtit:hover .address_txt p{ color:#ff9c3e;}
.address_curtit span{ float:left; width:33px; height:33px; background-color:#c5c5c5; border-radius:4px; text-align:center;}
.address_curtit i{display:inline-block; width:17px; height:18px; margin-top:10px; background:url(../images/add_icon.png) no-repeat;}
.address_curtit i.telephone_icon{background-position: 0 0;}
.address_curtit i.email_icon{background-position: 0 -72px;}
.address_curtit i.zipcode_icon{background-position: 0 -149px;}
.address_curtit i.address_icon{background-position: 0 -222px;}
.address_curtit i.qq_icon{background-position: 0 -299px;}
.address_left{float:left; display:inline; paddressing:0 26px 0 30px; width:279px;}
.address_right{float:left; display:inline;}
.map{ width:898px; height:349px;}
.map_tit{font-size:14px; color:#CC5522; font-weight:bold; white-space:nowrap;}
.map_msg{ padding-top:4px; font-size:12px; color:#111; word-wrap:break-word;}

/* 业务合作 */
.cooperate{ padding:55px 0 70px 0;overflow:hidden;}
.cooperate li{float:left; width:372px; padding:6px; margin-right:31px; background-color:#fff; border:1px solid #efefef;}
.cooperate li .cooperate_head{ height:127px; padding:33px 28px 0; background:url(../images/cooperate_img_1_03.jpg) no-repeat center;}
.cooperate li.blue .cooperate_head{background:#5ecbe0;}
.cooperate li.orange .cooperate_head{background:#ff9c3e;}
.cooperate li.green .cooperate_head{background:#8fcc45;}
.cooperate_head h3{ font-size:24px; color:#fff;}
.cooperate_head p{ padding-top:5px; font-size:14px; color:#fff;}
.cooperate_body{ padding-top:30px; padding-left:30px;}

/* 友情链接 */
.friendlink{ height:233px; border-top:2px solid #ff9d0c; background-color:#2c2d3f;}
.friendlink dl{ float:left; display:inline; height:195px; margin-top:20px; margin-right:41px; padding-top:11px; padding-right:203px; border-right:1px solid #3b3d4c;}
.friendlink dt{ line-height:32px; font-size:18px; color:#fff;}
.friendlink dd{ height:32px; line-height:32px; clear:both;}
.friendlink dd a,.friendlink dd p{ font-size:14px; color:#89898b;}
.friendlink dd p{ width:222px;}
.friendlink .attentionsamton_con{ float:left; display:inline; padding-top:43px; text-align:center;}
.attentionsamton_con h5{ padding-bottom:11px; font-size:20px; color:#fff;}
.attentionsamton_con p{ padding-top:11px; font-size:14px; color:#89898b;}

/* 底部 */
.footer{ height:55px; line-height:55px; border-top:1px solid #3b3d4c; background-color:#2c2d3f;}
.footer p{ font-size:14px; color:#89898b; text-align:center;}

/* PB模板库：Www.PBku.Cn */
/* QQ：43171398 */
/* PBOOTCMS模板交流群号：183945698*/
/* 商龙PBootCMS模板下载  http://www.EcLong.com */
/* 八戒站长 http://www.BaJieZhan.Com  */
/* 站长源码城 整站模板下载网站 Www.CnYmc.Com */
/* 淘搜：Www.TaoSou.Net */
/* 素材海：Www.SuCaiHai.Com */
/* 模板齐：Www.MoBanQi.Com */
/* 开发堂模板网：Www.KaiFaTang.Com */